/* Aqua Store 3.4 — final visual layer
 * This file intentionally loads AFTER marketplace.css and all legacy visual CSS.
 */
:root{
 --as-bg:#f6f5fa;--as-surface:#fff;--as-surface-2:#f1eff7;--as-text:#17141f;--as-muted:#6f687d;
 --as-line:rgba(30,20,50,.10);--as-header:rgba(255,255,255,.88);--as-footer:#11101a;
 --as-shadow:0 10px 35px rgba(35,20,65,.07);--as-radius:18px;
}
html[data-aqua-theme="dark"],body.aqua-mode-dark{
 --as-bg:#08070d;--as-surface:#12101a;--as-surface-2:#191621;--as-text:#f7f3ff;--as-muted:#aaa2b8;
 --as-line:rgba(255,255,255,.09);--as-header:rgba(10,9,15,.90);--as-footer:#07060b;
 --as-shadow:0 15px 45px rgba(0,0,0,.28);
 color-scheme:dark;
}
html,body{overflow-x:hidden}
body{background:var(--as-bg)!important;color:var(--as-text)!important}
body,body *{font-family:var(--font,"Vazirmatn",sans-serif)}

/* HEADER */
.site-header{position:sticky!important;top:0!important;z-index:9999!important;height:auto!important;min-height:76px!important;max-height:none!important;background:var(--as-header)!important;border-bottom:1px solid var(--as-line)!important;box-shadow:0 8px 35px rgba(30,20,55,.06)!important;backdrop-filter:blur(22px) saturate(150%)!important;-webkit-backdrop-filter:blur(22px) saturate(150%)!important}
.header-inner{width:min(1240px,calc(100% - 40px))!important;min-height:76px!important;height:76px!important;margin:auto!important;display:grid!important;grid-template-columns:auto minmax(250px,1fr) minmax(180px,250px) auto!important;align-items:center!important;gap:18px!important}
.site-header .brand{height:50px!important;min-width:0;display:flex!important;align-items:center!important;gap:10px!important;padding:5px 13px 5px 7px!important;border:1px solid var(--as-line)!important;border-radius:16px!important;background:var(--as-surface)!important;color:var(--as-text)!important;box-shadow:0 7px 25px rgba(40,20,70,.05)!important}
.site-header .brand picture{display:flex!important;flex:0 0 40px!important}
.site-header .brand img,.site-header .site-logo-img{width:40px!important;height:40px!important;max-width:40px!important;max-height:40px!important;border-radius:12px!important;object-fit:contain!important}
.brand-name{white-space:nowrap!important;font-size:15px!important;font-weight:800!important}
.brand-name .brand-brl{color:var(--as-primary)!important}.brand-name .brand-store{color:var(--as-text)!important}
.nav-main{min-width:0!important;display:flex!important;justify-content:center!important}
.nav-main ul,.nav-main .nav-list{display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;flex-wrap:nowrap!important;margin:0!important;padding:0!important;min-width:0!important}
.nav-main li{margin:0!important;padding:0!important;list-style:none!important}
.nav-main a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;padding:0 14px!important;border-radius:12px!important;color:var(--as-muted)!important;font-size:13px!important;font-weight:700!important;white-space:nowrap!important}
.nav-main a:hover,.nav-main a.active,.nav-main li.current-menu-item>a{color:var(--as-primary)!important;background:color-mix(in srgb,var(--as-primary) 10%,transparent)!important}
.header-search{position:relative!important;width:100%!important;max-width:none!important;flex:none!important}
.header-search input{width:100%!important;height:44px!important;padding:0 16px 0 42px!important;border:1px solid var(--as-line)!important;border-radius:14px!important;background:var(--as-surface-2)!important;color:var(--as-text)!important;font-size:13px!important;outline:0!important}
.header-search input::placeholder{color:var(--as-muted)!important}.header-search input:focus{border-color:color-mix(in srgb,var(--as-primary) 45%,var(--as-line))!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--as-primary) 12%,transparent)!important;background:var(--as-surface)!important}
.header-search button{left:10px!important;color:var(--as-muted)!important}
.header-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;margin:0!important;min-width:0!important}
.header-actions .icon-btn,.header-actions .user-chip{width:44px!important;height:44px!important;min-width:44px!important;padding:0!important;display:grid!important;place-items:center!important;border:1px solid var(--as-line)!important;border-radius:13px!important;background:var(--as-surface)!important;color:var(--as-muted)!important;box-shadow:none!important}
.header-actions .user-chip{width:auto!important;padding:0 13px!important;display:flex!important;font-weight:800!important;white-space:nowrap!important}
.header-actions .avatar{background:var(--as-primary)!important;color:#fff!important}
.header-actions .icon-btn:hover,.header-actions .user-chip:hover{background:color-mix(in srgb,var(--as-primary) 9%,var(--as-surface))!important;color:var(--as-primary)!important;border-color:color-mix(in srgb,var(--as-primary) 30%,var(--as-line))!important}
.cart-count{background:var(--as-primary)!important;box-shadow:0 0 0 3px var(--as-surface)!important}
.menu-toggle{display:none!important}
.header-search-panel{background:var(--as-surface)!important;border-bottom:1px solid var(--as-line)!important}

/* universal surfaces */
.site-content{min-height:60vh!important;color:var(--as-text)!important}
.site-content a{color:var(--as-primary)}
.product-card,.post-card,.cat-card,.feature-card,.panel,.account-card,.faq-item,.ticket-card,.auth-card,.woocommerce ul.products li.product,.woocommerce-page .woocommerce form,.woocommerce-page .woocommerce .cart-collaterals .cart_totals{background:var(--as-surface)!important;color:var(--as-text)!important;border-color:var(--as-line)!important;box-shadow:var(--as-shadow)!important}
.product-card:hover,.post-card:hover,.cat-card:hover,.feature-card:hover{border-color:color-mix(in srgb,var(--as-primary) 28%,var(--as-line))!important;transform:translateY(-3px)!important}
.btn-primary,.btn-add-cart,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{background:linear-gradient(135deg,var(--as-primary),var(--as-primary-dark))!important;color:#fff!important;border:0!important}

/* FOOTER — deliberately no boxed widgets around links */
.site-footer{margin-top:70px!important;padding:68px 0 24px!important;background:var(--as-footer)!important;color:#d9d3e4!important;border-top:1px solid rgba(255,255,255,.08)!important;position:relative!important}
.site-footer:before{content:"";position:absolute;top:0;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.7),transparent)}
.site-footer .container{width:min(1240px,calc(100% - 40px))!important;margin:auto!important}
.footer-grid{display:grid!important;grid-template-columns:minmax(260px,1.6fr) repeat(3,minmax(150px,1fr))!important;gap:45px!important;margin:0 0 45px!important}
.footer-brand{max-width:390px!important}.footer-logo-row{display:flex!important;align-items:center!important;gap:11px!important;margin-bottom:16px!important}.footer-logo-img{width:48px!important;height:48px!important;border-radius:14px!important;object-fit:contain!important}.footer-brand-name{font-size:18px!important;color:#fff!important}.footer-brand-name .brand-brl{color:#a78bfa!important}.footer-brand-name .brand-store{color:#fff!important}.footer-brand p{margin:0!important;color:#9c94aa!important;font-size:13px!important;line-height:2!important}
.site-footer .footer-col{min-width:0!important}.site-footer .footer-col h4{margin:4px 0 18px!important;color:#fff!important;font-size:14px!important;font-weight:800!important}.site-footer .footer-col ul{display:flex!important;flex-direction:column!important;gap:10px!important;margin:0!important;padding:0!important;list-style:none!important}.site-footer .footer-col li{margin:0!important;padding:0!important;list-style:none!important}.site-footer .footer-col a{display:inline!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#a9a1b6!important;font-size:13px!important;line-height:1.9!important;text-decoration:none!important;white-space:normal!important}.site-footer .footer-col a:hover{color:#c4b5fd!important}
.site-footer .enamad-box{min-height:100px!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important}.site-footer .enamad-box img{max-width:125px!important;border-radius:12px!important;background:#fff!important;padding:6px!important}
.footer-bottom{padding-top:22px!important;border-top:1px solid rgba(255,255,255,.08)!important}.footer-copy{margin:0!important;color:#7f778d!important;font-size:12px!important}

/* forms + text in both themes */
input,select,textarea{background:var(--as-surface)!important;color:var(--as-text)!important;border-color:var(--as-line)!important}
input::placeholder,textarea::placeholder{color:var(--as-muted)!important}

/* mobile navigation */
@media(max-width:1100px){
 .header-inner{grid-template-columns:auto minmax(0,1fr) auto!important;gap:12px!important}
 .header-search{display:none!important}.nav-main{grid-column:2;grid-row:1}.header-actions{grid-column:3}.site-header .brand{grid-column:1}
 .nav-main ul{gap:2px!important}.nav-main a{padding:0 10px!important}
}
@media(max-width:800px){
 .site-header{min-height:68px!important}.header-inner{width:calc(100% - 24px)!important;height:68px!important;min-height:68px!important;grid-template-columns:auto 1fr auto!important}
 .site-header .brand{height:46px!important;padding:3px 8px 3px 5px!important;border-radius:14px!important}.site-header .brand img,.site-header .site-logo-img{width:38px!important;height:38px!important}.brand-name{display:none!important}
 .nav-main{display:none!important}.menu-toggle{display:grid!important}.header-actions .user-chip{width:44px!important;padding:0!important;justify-content:center!important;font-size:0!important}.header-actions .user-chip .avatar{margin:0!important}
 .header-actions{gap:5px!important}.header-actions .icon-btn,.header-actions .user-chip{width:40px!important;height:40px!important;min-width:40px!important}
 .nav-main.open{position:absolute!important;top:68px!important;left:12px!important;right:12px!important;display:block!important;padding:10px!important;background:var(--as-surface)!important;border:1px solid var(--as-line)!important;border-radius:18px!important;box-shadow:0 20px 50px rgba(0,0,0,.16)!important}
 .nav-main.open ul{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:4px!important}.nav-main.open a{width:100%!important;justify-content:flex-start!important;min-height:46px!important;padding:0 14px!important}
 .footer-grid{grid-template-columns:1fr 1fr!important;gap:32px 22px!important}.footer-brand{grid-column:1/-1!important;max-width:none!important}
}
@media(max-width:480px){
 .site-footer{padding:50px 0 20px!important}.footer-grid{grid-template-columns:1fr 1fr!important;gap:28px 16px!important}.site-footer .footer-col h4{font-size:13px!important}.site-footer .footer-col a{font-size:12px!important}.footer-copy{text-align:center!important;line-height:1.9!important}
}
