/* =========================================================
   Margin Store — final UI polish
   Visual-only refinements. Uses the existing theme variables.
   ========================================================= */

:root{
  --mb-shadow-sm:0 1px 2px rgba(15,23,42,.04),0 5px 16px rgba(15,23,42,.04);
  --mb-shadow-md:0 10px 30px rgba(15,23,42,.08);
  --mb-ring:0 0 0 3px color-mix(in srgb,var(--primary,var(--accent)) 18%,transparent);
}

/* Base rhythm and interaction */
body{overflow-wrap:anywhere}
::selection{background:color-mix(in srgb,var(--primary,var(--accent)) 22%,transparent)}
a,button,input,select,textarea{transition:color .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease,opacity .16s ease}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:0;box-shadow:var(--mb-ring)}
button,.button,.btn,.account-link,.menu-toggle{touch-action:manipulation}

/* Header: cleaner, lighter, more premium */
.site-header{box-shadow:0 1px 0 color-mix(in srgb,var(--line) 92%,transparent),0 6px 22px rgba(15,23,42,.035)!important}
.mb-topbar-inner{min-height:32px}
.header-main{padding-top:10px;padding-bottom:10px}
.brand img,.brand .custom-logo{filter:none}
.mb-header-search{border-radius:14px!important;border-width:1px!important;box-shadow:0 1px 2px rgba(15,23,42,.03)}
.mb-header-search:focus-within{border-color:var(--primary,var(--accent))!important;box-shadow:var(--mb-ring)}
.mb-header-search button{min-width:112px;border-radius:0 12px 12px 0!important}
.mb-search-category-select,.mb-search-category-label{border-left-color:var(--line)!important}
.account-link,.menu-toggle{border-color:var(--line)!important}
.account-link:hover,.menu-toggle:hover{transform:translateY(-1px)}
.mb-category-panel{box-shadow:0 16px 40px rgba(15,23,42,.10)!important}
.mb-category-grid a{border-color:var(--line)!important}
.mb-category-grid a:hover{transform:translateY(-1px);box-shadow:var(--mb-shadow-sm);text-decoration:none}

/* Headings and page spacing */
.content-area{padding-top:38px;padding-bottom:56px}
.section{padding-top:34px;padding-bottom:34px}
.section-head h2,.blog-list-header h1,.shop-area .page-title{letter-spacing:-.035em}
.eyebrow,.mb-home-kicker,.mb-product-kicker,.mb-archive-kicker{letter-spacing:.075em!important}

/* Cards: restrained depth, no heavy card look */
.card,.post-card,.woocommerce ul.products li.product,.mas-card,.mb-home-product-card,.mb-home-post-card,.hero-product-card,.mb-account-card,.mb-account-tile,.mb-product-panel,.mb-product-media,.mb-product-summary,.mb-product-store-card,.mb-product-detail-card,.mb-related-card,.mb-archive-hero,.mb-archive-product-card,.mb-home-feature-card{
  border-color:var(--line)!important;
  box-shadow:var(--mb-shadow-sm);
}
.post-card,.woocommerce ul.products li.product,.mas-card,.mb-home-product-card,.mb-home-post-card,.mb-related-card,.mb-archive-product-card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.post-card:hover,.woocommerce ul.products li.product:hover,.mas-card:hover,.mb-home-product-card:hover,.mb-home-post-card:hover,.mb-related-card:hover,.mb-archive-product-card:hover{
  transform:translateY(-2px);
  box-shadow:var(--mb-shadow-md);
  border-color:color-mix(in srgb,var(--primary,var(--accent)) 22%,var(--line))!important;
}
.post-thumb img,.mb-home-post-img img,.mb-home-product-img img,.mas-card img,.woocommerce ul.products li.product img{transition:transform .28s ease}
.post-card:hover .post-thumb img,.mb-home-post-card:hover img,.mb-home-product-card:hover img,.mas-card:hover img,.woocommerce ul.products li.product:hover img{transform:scale(1.025)}

/* Buttons */
.btn,.button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.mb-account-submit,.mb-product-primary-cta,.mb-product-store-button,.mb-archive-product-buy,.mb-home-buy,.hero-product-btn{
  min-height:42px;
  border-radius:12px!important;
  box-shadow:none!important;
  letter-spacing:-.01em;
}
.btn:hover,.button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,.mb-account-submit:hover,.mb-product-primary-cta:hover,.mb-product-store-button:hover,.mb-archive-product-buy:hover,.mb-home-buy:hover,.hero-product-btn:hover{
  transform:translateY(-1px);
  filter:brightness(.97);
}

/* Inputs */
input[type="text"],input[type="email"],input[type="search"],input[type="url"],input[type="password"],input[type="number"],select,textarea{
  border-color:var(--line);
}
input[type="text"]:focus,input[type="email"]:focus,input[type="search"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="number"]:focus,select:focus,textarea:focus{
  border-color:var(--primary,var(--accent))!important;
  outline:0;
  box-shadow:var(--mb-ring)!important;
}

/* Blog/article reading polish */
.single-article{box-shadow:0 12px 38px rgba(15,23,42,.055)!important}
.entry-content{font-size:16px;line-height:1.78}
.entry-content p{margin:0 0 1.25em}
.entry-content h2,.entry-content h3,.entry-content h4{line-height:1.22;letter-spacing:-.025em;margin-top:1.65em;margin-bottom:.65em}
.entry-content img{border-radius:14px}
.entry-content blockquote{margin:1.5em 0;padding:4px 0 4px 18px;border-left:3px solid var(--primary,var(--accent));color:var(--muted)}

/* Sidebar widgets remain useful but visually lighter */
.mb-sidebar .widget{box-shadow:none;border-color:var(--line);border-radius:16px}
.mb-sidebar .widget-title{font-size:16px}
.mb-sidebar .widget li:last-child{margin-bottom:0}

/* Product grids */
.woocommerce ul.products{gap:20px!important}
.woocommerce ul.products li.product{overflow:hidden}
.woocommerce ul.products li.product img{border-radius:16px!important}
.woocommerce-loop-product__title{letter-spacing:-.012em}
.woocommerce .price{letter-spacing:-.015em}

/* Footer: preserve current clean layout and theme wiring */
.ms-compact-footer.site-footer{border-top:1px solid var(--line)!important}
.ms-compact-footer-widgets{gap:28px!important}
.ms-compact-footer-widgets .widget,.ms-compact-footer-widgets .myrss-card{box-shadow:none!important}
.ms-compact-footer-widgets .myrss-title{font-weight:650!important;line-height:1.42!important;letter-spacing:-.012em}
.ms-compact-footer-widgets .myrss-title:hover{text-decoration:underline;text-underline-offset:3px}
.ms-compact-footer-row{padding-top:26px!important;padding-bottom:26px!important}
.ms-compact-footer-copy{font-size:13px!important;opacity:.78}
.ms-compact-subscribe input[type="email"]{border-radius:12px!important}
.ms-compact-subscribe button,.ms-compact-subscribe input[type="submit"]{border-radius:10px!important}

/* Motion preferences */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}

/* Tablet */
@media(max-width:959px){
  .content-area{padding-top:28px;padding-bottom:44px}
  .section{padding-top:28px;padding-bottom:28px}
  .woocommerce ul.products{gap:14px!important}
}

/* Mobile */
@media(max-width:700px){
  .wrap{padding-left:14px;padding-right:14px}
  .content-area{padding-top:22px;padding-bottom:38px}
  .header-main{padding-left:10px;padding-right:10px}
  .mb-header-search{border-radius:12px!important}
  .post-card,.single-article,.widget,.woocommerce ul.products li.product{border-radius:16px!important}
  .single-article{padding:18px!important}
  .entry-content{font-size:15.5px;line-height:1.72}
  .ms-compact-footer-widgets{gap:16px!important}
}

@media(max-width:420px){
  .woocommerce ul.products{gap:10px!important}
  .woocommerce ul.products li.product{padding:9px!important}
}