/*
Theme Name: Azula Sportswear
Theme URI: https://azulasportswear.com
Author: Migrated from Shopify
Description: WooCommerce theme migrated from the azulasportswear Shopify store. Sportswear multi-brand storefront. Design tokens ported from the original Liquid theme (Sofia Pro type, black chrome, white content).
Version: 1.6.9
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: azula
WC requires at least: 8.0
WC tested up to: 9.0
*/

/* ---- Legacy bundled fonts kept for backwards compatibility. Site typography uses Inter. ---- */
@font-face{font-family:"Sofia Pro";src:url("assets/SofiaProRegular.woff") format("woff");font-weight:400;font-display:swap}
@font-face{font-family:"Sofia Pro";src:url("assets/SofiaProMedium.woff") format("woff");font-weight:500;font-display:swap}
@font-face{font-family:"Sofia Pro";src:url("assets/SofiaProSemiBold.ttf") format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:"Sofia Pro";src:url("assets/SofiaProBold.woff") format("woff");font-weight:700;font-display:swap}
@font-face{font-family:"Sofia Pro";src:url("assets/SofiaProLight.woff") format("woff");font-weight:300;font-display:swap}

/* ---- Design tokens (ported from Shopify config/settings_data.json) ---- */
:root{
  --c-body-bg:#000000;        /* page chrome */
  --c-content-bg:#ffffff;     /* content area */
  --c-main:#ffffff;
  --c-heading:#000000;
  --c-text:#333333;
  --c-link:#666666;
  --c-primary:#747474;
  --c-secondary:#bbbbbb;
  --c-border:#e5e5e5;
  --c-nav-bg:#ffffff;
  --c-nav-text:#2b2b2b;
  --c-sale:#1fff0e;
  --c-accent:#fe7250;
  --c-footer-bg:#ffffff;
  --c-footer-title:#000000;
  --c-footer-text:#636363;
  --font-base:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --wrap:1400px;
}

*{box-sizing:border-box}
html{-webkit-font-smoothing:antialiased;overflow-x:hidden}
body{margin:0;font-family:var(--font-base);font-weight:400;color:var(--c-text);background:#fff;font-size:15px;line-height:1.6;overflow-x:hidden}
*,*:before,*:after{box-sizing:border-box}
.site{background:var(--c-content-bg)}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}
a{color:var(--c-link);text-decoration:none}
a:hover{color:#000}
h1,h2,h3,h4,h5{font-family:var(--font-base);color:var(--c-heading);font-weight:700;line-height:1.2}
img{max-width:100%;height:auto;display:block}

/* ---- Top promo bar ---- */
.topbar{background:#000;color:#fff;text-align:center;font-size:12px;letter-spacing:.05em;padding:8px 10px}
.topbar em{color:var(--c-sale);font-style:normal}

/* ---- Header ---- */
.site-header{background:var(--c-nav-bg);border-bottom:1px solid var(--c-border);position:sticky;top:0;z-index:100}
.site-header .inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 20px;max-width:var(--wrap);margin:0 auto}
.site-logo{font-size:24px;font-weight:700;color:#000;letter-spacing:.02em;display:flex;align-items:center;flex-shrink:0}
.site-logo img{height:42px;width:auto;max-width:160px;object-fit:contain;display:block}
.main-nav ul{display:flex;gap:26px;list-style:none;margin:0;padding:0}
.main-nav a{color:var(--c-nav-text);font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.03em}
.main-nav a:hover{color:#000}
.header-tools{display:flex;align-items:center;gap:18px}
.header-tools a{color:#000;font-weight:500}
.az-header-search{position:relative;display:flex;align-items:center;width:320px;max-width:32vw;height:46px;margin:0;background:#f7f7f7;border:1px solid #dedede;border-radius:999px;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}
.az-header-search:focus-within{background:#fff;border-color:#111;box-shadow:0 0 0 3px rgba(0,0,0,.06)}
.az-search-icon{flex:0 0 46px;width:46px;height:44px;border:0;background:transparent;color:#111;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer}
.az-search-icon:hover{color:var(--c-accent)}
.az-header-search-input{width:100% !important;min-width:0;border:0 !important;background:transparent !important;outline:0 !important;padding:0 18px 0 0 !important;height:44px;font-size:14px;color:#111;border-radius:0 !important}
.az-header-search-input::placeholder{color:#777;opacity:1}
.az-header-search input[type=search]::-webkit-search-decoration,.az-header-search input[type=search]::-webkit-search-cancel-button{display:none}
.az-live-search-results{display:none;position:absolute;top:calc(100% + 10px);left:0;width:100%;background:#fff;border:1px solid var(--c-border);border-radius:8px;box-shadow:0 12px 30px rgba(0,0,0,.12);z-index:999;max-height:400px;overflow-y:auto}
.az-icon-link{position:relative;display:inline-flex;align-items:center;justify-content:center;color:#111}
.az-icon-link:hover{color:var(--c-accent)}
.az-icon-link .cart-count{position:absolute;top:-8px;right:-10px}
.cart-count{background:#000;color:#fff;border-radius:50%;font-size:11px;padding:1px 6px;margin-left:4px}

/* ---- Mega menu (MEN/WOMEN dropdown) ---- */
.az-burger{display:none;flex-direction:column;justify-content:center;gap:4px;width:26px;height:20px;background:none;border:0;cursor:pointer;padding:0;margin-right:12px}
.az-burger span{display:block;height:2px;background:#111;border-radius:2px}
.az-mega{position:relative}
.az-mega>a{display:inline-flex;align-items:center;gap:5px}
.az-caret{font-size:8px;transition:transform .2s ease}
.az-mega:hover .az-caret,.az-mega.az-open .az-caret{transform:rotate(180deg)}
.az-panel{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(10px);background:#fff;border:1px solid var(--c-border);box-shadow:0 16px 40px rgba(0,0,0,.14);padding:28px;display:flex;gap:36px;min-width:600px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .18s ease;z-index:200}
.az-mega:hover .az-panel,.az-mega:focus-within .az-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.az-cols{display:flex;gap:36px}
.az-col{min-width:120px}
.az-col h4{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#999;margin:0 0 12px;font-weight:600}
.az-col a{display:block;font-size:14px;text-transform:none;letter-spacing:0;color:var(--c-nav-text);font-weight:400;padding:6px 0}
.az-col a:hover{color:var(--c-accent)}
.az-col a.az-sale{color:var(--c-sale);font-weight:700}
.az-cards{display:flex;gap:14px;padding-left:36px;border-left:1px solid var(--c-border)}
.az-card{width:100px;text-align:center}
.az-card img{width:100px;height:130px;object-fit:cover;border-radius:4px;margin-bottom:8px}
.az-card span{font-size:11px;font-weight:600;text-transform:uppercase;color:#111}
.az-shop-panel{min-width:720px;padding:30px 34px;align-items:stretch}
.az-shop-panel .az-cols{min-width:330px}
.az-shop-cats{min-width:330px;display:grid;grid-template-columns:repeat(2,minmax(130px,1fr));column-gap:26px;row-gap:2px}
.az-shop-cats h4{grid-column:1/-1}
.az-shop-cats a{border-radius:6px;padding:8px 10px;margin-left:-10px;font-weight:500}
.az-shop-cats a:hover{background:#f7f7f7;color:#111}
.az-shop-cats a.az-sale{background:#111;color:#fff;width:max-content;padding:8px 14px}
.az-shop-panel .az-cards{gap:18px;padding-left:34px}
.az-shop-panel .az-card{width:128px}
.az-shop-panel .az-card img{width:128px;height:164px}
.az-shop-panel .az-card:hover img{transform:scale(1.035)}
.az-simple .az-panel{min-width:180px;padding:16px 20px}
.az-simple .az-col{min-width:0}
.az-brand-panel{min-width:560px;padding:26px}
.az-brand-grid{display:grid;grid-template-columns:repeat(2,minmax(190px,1fr));gap:10px 22px;width:100%}
.az-brand-item{border-radius:8px;padding:10px 12px;transition:background .18s ease}
.az-brand-item:hover{background:#f7f7f7}
.az-brand-main{display:block !important;padding:0 !important;color:#111 !important;font-size:14px !important;font-weight:600 !important;text-transform:uppercase !important;letter-spacing:.02em !important}
.az-brand-sub{display:flex;gap:12px;margin-top:6px}
.az-brand-sub a{padding:0 !important;color:#747474 !important;font-size:12px !important;font-weight:500 !important;text-transform:uppercase !important;letter-spacing:.03em !important}
.az-brand-sub a:hover{color:#111 !important}
@media(max-width:900px){
  .site-header{position:sticky;top:0;left:0;right:0;width:100%;max-width:100vw;background:#fff}
  .site-header .inner{max-width:100%;width:100%;gap:10px;padding:10px 12px;overflow:hidden}
  .site-logo{min-width:0}
  .site-logo img{height:34px;max-width:96px}
  .header-tools{flex:1 1 auto;min-width:0;gap:10px;justify-content:flex-end}
  .header-tools .az-header-search{flex:1 1 auto;min-width:0;width:auto;max-width:220px;height:40px;margin:0 !important}
  .header-tools .az-search-icon{flex-basis:40px;width:40px;height:38px}
  .header-tools .az-header-search-input{height:38px;padding-right:12px !important;font-size:13px !important}
  .az-icon-link{flex:0 0 28px;width:28px;height:28px}
  .az-icon-link svg{width:20px;height:20px}
  .az-burger{display:flex}
  .main-nav{position:fixed;top:0;left:-300px;width:280px;height:100vh;background:#fff;padding:80px 24px 24px;overflow-y:auto;transition:left .25s ease;z-index:300;box-shadow:0 0 24px rgba(0,0,0,.15)}
  .main-nav.az-nav-open{left:0}
  .main-nav ul{flex-direction:column;gap:0}
  .main-nav>ul>li{border-bottom:1px solid var(--c-border)}
  .main-nav a{padding:14px 0;display:block}
  .az-panel{position:static;opacity:1;visibility:visible;pointer-events:auto;transform:none;box-shadow:none;border:0;min-width:0;display:none;flex-direction:column;gap:20px;padding:0 0 16px}
  .az-mega.az-open .az-panel{display:flex}
  .az-cards{padding-left:0;border-left:0;flex-wrap:wrap}
  .az-shop-panel{min-width:0;padding:0 0 16px}
  .az-shop-panel .az-cols{min-width:0}
  .az-shop-cats{min-width:0;grid-template-columns:1fr}
  .az-shop-cats a{margin-left:0;padding:12px 0;background:transparent}
  .az-shop-panel .az-cards{padding-left:0;gap:12px}
  .az-shop-panel .az-card{width:96px}
  .az-shop-panel .az-card img{width:96px;height:122px}
  .az-brand-panel{min-width:0;padding:0 0 16px}
  .az-brand-grid{grid-template-columns:1fr;gap:0}
  .az-brand-item{padding:12px 0;border-bottom:1px solid var(--c-border);border-radius:0}
  .az-brand-item:hover{background:transparent}
  .az-brand-sub{margin-top:4px}
}
@media(max-width:520px){
  .site-header .inner{gap:8px;padding:9px 10px}
  .az-burger{width:24px;margin-right:4px}
  .site-logo img{height:31px;max-width:84px}
  .header-tools{gap:6px}
  .header-tools .az-header-search{max-width:146px;height:38px}
  .header-tools .az-search-icon{flex-basis:36px;width:36px;height:36px}
  .header-tools .az-search-icon svg{width:17px;height:17px}
  .header-tools .az-header-search-input{height:36px;padding-right:10px !important;font-size:13px !important}
  .az-icon-link{flex-basis:24px;width:24px;height:24px}
  .az-icon-link svg{width:19px;height:19px}
  .az-icon-link .cart-count{top:-7px;right:-7px}
}

/* ---- Off-canvas cart drawer ---- */
.az-cart-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);opacity:0;visibility:hidden;transition:opacity .25s ease;z-index:400}
.az-cart-overlay.az-open{opacity:1;visibility:visible}
.az-cart-drawer{position:fixed;top:0;right:-420px;width:400px;max-width:90vw;height:100vh;background:#fff;z-index:401;display:flex;flex-direction:column;transition:right .28s ease;box-shadow:-8px 0 30px rgba(0,0,0,.15)}
.az-cart-drawer.az-open{right:0}
.az-cart-head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--c-border)}
.az-cart-head h3{margin:0;font-size:18px;text-transform:uppercase;letter-spacing:.02em}
.az-cart-drawer-count{color:var(--c-primary);font-weight:400;font-size:14px}
.az-cart-close{background:none;border:0;font-size:26px;line-height:1;cursor:pointer;color:#111;padding:0}
.az-cart-body{flex:1;overflow-y:auto;padding:20px 24px}
.az-cart-empty{color:var(--c-primary);font-size:14px;text-align:center;margin-top:40px}
.az-cart-item{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid var(--c-border)}
.az-cart-item:first-child{padding-top:0}
.az-cart-item-img img{width:70px;height:90px;object-fit:cover;border-radius:4px;background:#f4f4f4}
.az-cart-item-info{flex:1;min-width:0}
.az-cart-item-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.az-cart-item-name{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.01em}
.az-cart-item-remove{background:none;border:0;font-size:18px;line-height:1;color:#999;cursor:pointer;padding:0}
.az-cart-item-remove:hover{color:#000}
.az-cart-item-attrs{font-size:12px;color:var(--c-primary);margin-top:4px}
.az-cart-item-row{display:flex;align-items:center;justify-content:space-between;margin-top:10px}
.az-qty-stepper{display:flex;align-items:center;border:1px solid var(--c-border);border-radius:20px;overflow:hidden}
.az-qty-stepper button{width:26px;height:26px;background:none;border:0;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center}
.az-qty-stepper button:hover{background:#f4f4f4}
.az-qty-val{min-width:22px;text-align:center;font-size:13px}
.az-cart-item-price{font-size:13px;font-weight:600}
.az-cart-foot{border-top:1px solid var(--c-border);padding:20px 24px}
.az-cart-subtotal-row{display:flex;justify-content:space-between;font-size:15px;font-weight:700;margin-bottom:14px}
.az-cart-checkout{display:block;width:100%;text-align:center;margin-bottom:10px}
.az-cart-viewcart{display:block;text-align:center;font-size:13px;text-decoration:underline;color:var(--c-primary)}
@media(max-width:480px){.az-cart-drawer{width:100vw;max-width:100vw}}

/* ---- Buttons ---- */
.btn,button.btn,.button{display:inline-block;background:#000;color:#fff;border:1px solid #000;padding:12px 28px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;font-size:13px;cursor:pointer;transition:.2s}
.btn:hover,.button:hover{background:var(--c-accent);border-color:var(--c-accent);color:#fff}
.btn--light{background:#fff;color:#000}

/* ---- Product grid (WooCommerce) ---- */
.woocommerce ul.products,.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;list-style:none;margin:30px 0;padding:0}
.woocommerce ul.products li.product{margin:0;text-align:left}
.woocommerce ul.products li.product a img{margin-bottom:12px;border-radius:4px}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:14px;font-weight:500;color:#111;padding:0}
.woocommerce ul.products li.product .price{color:#000;font-weight:600;font-size:15px}
.woocommerce ul.products li.product .price del{color:var(--c-secondary);font-weight:400}
.woocommerce ul.products li.product .price ins{color:var(--c-accent);text-decoration:none}

/* ---- Section titles ---- */
.section{padding:50px 0}
.section-title{text-align:center;font-size:28px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;margin:0 0 6px}
.section-sub{text-align:center;color:var(--c-primary);margin:0 0 30px}

/* ---- Hero / slideshow placeholder ---- */
.hero{background:#111;color:#fff;min-height:480px;display:flex;align-items:center;justify-content:center;text-align:center}
.hero h1{color:#fff;font-size:52px;text-transform:uppercase}

/* ---- Elementor home hero polish ---- */
.home .section-full-width-banner__content,body.page-id-360 .section-full-width-banner__content{transform:translateY(70px)}
.home .section-full-width-banner__buttons,body.page-id-360 .section-full-width-banner__buttons{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.home .section-full-width-banner__button,body.page-id-360 .section-full-width-banner__button,.az-hero-men-btn{min-width:260px;text-align:center;border:2px solid #111 !important}
.az-hero-men-btn{background:#111 !important;color:#fff !important;padding:15px 35px;border-radius:40px;text-decoration:none;display:inline-block;font-weight:800;font-size:14px;letter-spacing:.05em;text-transform:uppercase;line-height:1.2}
.az-hero-men-btn:hover{background:#fff !important;color:#111 !important}
@media(max-width:900px){.home .section-full-width-banner__content,body.page-id-360 .section-full-width-banner__content{transform:translateY(44px)}}
@media(max-width:560px){.home .section-full-width-banner__content,body.page-id-360 .section-full-width-banner__content{transform:translateY(28px)}.home .section-full-width-banner__buttons,body.page-id-360 .section-full-width-banner__buttons{gap:10px}.home .section-full-width-banner__button,body.page-id-360 .section-full-width-banner__button,.az-hero-men-btn{min-width:0;width:100%;max-width:360px;padding:14px 22px !important;font-size:12px !important}}
.home .azula-journal,body.page-id-360 .azula-journal,.az-remove-home-section{display:none !important}

/* ---- Footer ---- */
.site-footer{background:var(--c-footer-bg);border-top:1px solid var(--c-border);padding:50px 0 20px;color:var(--c-footer-text);font-size:14px}
.site-footer .cols{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.site-footer h4{color:var(--c-footer-title);text-transform:uppercase;font-size:14px;margin:0 0 16px}
.site-footer ul{list-style:none;padding:0;margin:0}
.site-footer li{margin-bottom:8px}
.site-footer a{color:var(--c-footer-text)}
.footer-bottom{border-top:1px solid var(--c-border);margin-top:30px;padding-top:20px;text-align:center;font-size:12px;color:var(--c-secondary)}

/* ---- Single product ---- */
.woocommerce div.product .product_title{font-size:30px;font-weight:700}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:#000;font-size:24px;font-weight:700}
.woocommerce div.product form.cart .button{padding:14px 40px}

/* ---- Responsive ---- */
@media(max-width:1024px){.woocommerce ul.products,.products-grid{grid-template-columns:repeat(3,1fr)}.site-footer .cols{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.woocommerce ul.products,.products-grid{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:32px}.site-footer .cols{grid-template-columns:1fr}}

/* ==========================================================================
   SITE-WIDE WOOCOMMERCE POLISH (Alphalete-style) — applies to every page
   ========================================================================== */

/* ---- Product cards (shop, archive, category, search, related) ---- */
.woocommerce ul.products{display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:30px !important;margin:26px 0 0 !important;padding:0 !important;list-style:none !important}
.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{position:relative;width:auto !important;margin:0 !important;float:none !important;display:flex !important;flex-direction:column !important;text-align:left !important}
.woocommerce ul.products li.product img{width:100% !important;aspect-ratio:3/4;object-fit:cover;background:#f4f4f4;border-radius:8px;margin:0 0 14px !important;transition:transform .55s ease,opacity .4s ease}
.woocommerce ul.products li.product a:hover img{transform:scale(1.045)}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:var(--font-base) !important;font-weight:700 !important;text-transform:uppercase;font-size:14px !important;letter-spacing:.02em;color:#111 !important;padding:0 !important;margin:0 0 4px !important;line-height:1.3}
.woocommerce ul.products li.product .price{color:#111 !important;font-weight:600 !important;font-size:15px !important;margin-top:auto}
.woocommerce ul.products li.product .price del{color:#bbb !important;font-weight:400;margin-right:6px}
.woocommerce ul.products li.product .price ins{color:#e23744 !important;text-decoration:none;font-weight:700}
.woocommerce span.onsale,.woocommerce ul.products li.product span.onsale,.woocommerce-page ul.products li.product span.onsale{background:#e23744 !important;color:#fff !important;position:absolute !important;top:12px !important;left:12px !important;right:auto !important;bottom:auto !important;margin:0 !important;min-height:auto !important;min-width:auto !important;border-radius:4px;padding:5px 10px;font-size:12px;font-weight:700;line-height:1;z-index:3;display:inline-block}
.woocommerce ul.products li.product .button,.woocommerce ul.products li.product .add_to_cart_button{background:#000 !important;color:#fff !important;border:none !important;text-transform:uppercase;font-weight:700;font-size:12px;letter-spacing:.05em;border-radius:4px;padding:13px 16px !important;margin-top:12px !important;opacity:0;transform:translateY(8px);transition:.25s;text-align:center;display:block}
.woocommerce ul.products li.product:hover .button,.woocommerce ul.products li.product:hover .add_to_cart_button{opacity:1;transform:none}
.woocommerce ul.products li.product .button:hover{background:var(--c-accent) !important}

/* ---- Colour swatches on loop (rendered by functions.php) ---- */
.azula-swatches{display:flex;gap:6px;margin:0 0 8px;flex-wrap:wrap}
.azula-sw{width:16px;height:16px;border-radius:50%;border:1px solid #ddd;display:inline-block;box-shadow:0 0 0 2px #fff inset;cursor:pointer;transition:transform .15s}
.azula-sw:hover{transform:scale(1.2)}

/* ---- Size chips on loop (rendered by functions.php) ---- */
.azula-size-chips{display:flex;gap:6px;margin:6px 0 0;flex-wrap:wrap}
.azula-size-chip{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:26px;padding:0 8px;border:1px solid var(--c-border);border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;color:#111}
.azula-size-chip.unavailable{color:#ccc;border-color:#f0f0f0}

/* ---- Sold-out badge on the product image (top-left, same slot as Sale — sale flash is suppressed on sold-out products in functions.php) ---- */
.woocommerce ul.products li.product .loop-soldout-badge{position:absolute;top:12px;left:12px;right:auto;background:#111;color:#fff;margin:0;border-radius:4px;padding:5px 10px;font-size:12px;font-weight:700;line-height:1;z-index:3}

/* ---- Wishlist heart on cards (icon only, top-left of the image; drops below the Sale/Sold Out badge when one is present) ---- */
.woocommerce ul.products li.product .tinv-wishlist,.woocommerce ul.products li.product .tinvwl-after{position:absolute !important;top:10px;left:10px;right:auto;z-index:5;margin:0 !important;width:36px !important;height:36px !important;display:flex !important;align-items:center;justify-content:center;text-align:center;background:#fff;border-radius:50%;box-shadow:0 1px 6px rgba(0,0,0,.12);overflow:hidden}
.woocommerce ul.products li.product:has(span.onsale) .tinv-wishlist,.woocommerce ul.products li.product:has(.loop-soldout-badge) .tinv-wishlist{top:48px !important}
.woocommerce ul.products li.product .tinv-wishlist a.tinvwl_add_to_wishlist_button{font-size:0 !important;width:36px !important;height:36px !important;line-height:1 !important;background:transparent !important;color:#111 !important;padding:0 !important;margin:0 !important;display:flex !important;align-items:center;justify-content:center;border:none !important}
.woocommerce ul.products li.product .tinv-wishlist a.tinvwl_add_to_wishlist_button i,.woocommerce ul.products li.product .tinv-wishlist a.tinvwl_add_to_wishlist_button .tinvwl-icon-heart{font-size:18px !important;line-height:1 !important;font-weight:300;display:block;margin:0 !important;padding:0 !important;width:auto !important;height:auto !important}
.woocommerce ul.products li.product .tinv-wishlist a.tinvwl_add_to_wishlist_button i::before{display:block;line-height:1;margin:0 !important;padding:0 !important;width:auto !important}
.woocommerce ul.products li.product .tinv-wishlist .tinvwl_add_to_wishlist_button:hover{color:#fe7250 !important}

/* ---- Shop by Brand strip ([azula_brands] shortcode) ---- */
.az-brands-wrap{position:relative;display:flex;align-items:center;gap:16px;max-width:100%;overflow:hidden}
.az-brands-wrap:before,.az-brands-wrap:after{content:"";position:absolute;top:0;bottom:0;width:42px;pointer-events:none;z-index:1}
.az-brands-wrap:before{left:54px;background:linear-gradient(90deg,#fff,rgba(255,255,255,0))}
.az-brands-wrap:after{right:54px;background:linear-gradient(270deg,#fff,rgba(255,255,255,0))}
.az-brands{display:flex;flex:1 1 auto;min-width:0;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;gap:24px;padding:10px 4px 24px;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}
.az-brands::-webkit-scrollbar{display:none}
.az-brand-arrow{flex:0 0 44px;width:44px;height:44px;border:1px solid var(--c-border);border-radius:50%;background:#fff;color:#111;display:inline-flex;align-items:center;justify-content:center;font-size:30px;line-height:1;cursor:pointer;box-shadow:0 8px 22px rgba(0,0,0,.10);z-index:2;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .18s ease,box-shadow .2s ease}
.az-brand-arrow:hover{background:#111;color:#fff;border-color:#111;transform:translateY(-1px);box-shadow:0 12px 26px rgba(0,0,0,.16)}
.az-brand-arrow:active{transform:translateY(1px) scale(.96)}
.az-brand-card{position:relative;flex:0 0 250px;min-height:260px;scroll-snap-align:start;text-align:center;text-decoration:none;border:1px solid var(--c-border);border-radius:8px;background:#fff;padding:28px 20px 22px;transition:box-shadow .28s ease,transform .28s ease,border-color .28s ease}
.az-brand-card:before{content:"";position:absolute;inset:0;border-radius:8px;background:linear-gradient(180deg,rgba(0,0,0,.025),rgba(0,0,0,0));opacity:0;transition:opacity .28s ease;pointer-events:none}
.az-brand-card:hover{box-shadow:0 18px 42px rgba(0,0,0,.14);transform:translateY(-7px);border-color:#d8d8d8}
.az-brand-card:hover:before{opacity:1}
.az-brand-logo{display:flex;align-items:center;justify-content:center;height:142px;width:100%;margin-bottom:18px;overflow:hidden}
.az-brand-logo img{display:block;max-width:196px !important;max-height:112px !important;width:auto !important;height:auto !important;aspect-ratio:auto !important;object-fit:contain !important;background:transparent !important;border-radius:0 !important;margin:0 auto !important;filter:grayscale(1);opacity:.88;transition:filter .28s ease,opacity .28s ease,transform .28s ease}
.az-brand-card:hover .az-brand-logo img{filter:none;opacity:1;transform:scale(1.06)}
.az-brand-fallback{font-size:24px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#111;transition:transform .28s ease}
.az-brand-card:hover .az-brand-fallback{transform:scale(1.04)}
.az-brand-name{display:block;font-size:15px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;color:#111}
.az-brand-count{display:block;font-size:13px;color:var(--c-primary);margin-top:5px}
@media(max-width:900px){.az-brand-card{flex-basis:216px;min-height:232px}.az-brand-logo{height:120px}.az-brand-logo img{max-width:168px !important;max-height:94px !important}}
@media(max-width:560px){.az-brands-wrap{gap:8px}.az-brands-wrap:before,.az-brands-wrap:after{display:none}.az-brand-arrow{flex-basis:36px;width:36px;height:36px;font-size:24px}.az-brand-card{flex-basis:178px;min-height:206px;padding:22px 16px 18px}.az-brand-logo{height:96px}.az-brand-logo img{max-width:136px !important;max-height:74px !important}.az-brand-fallback{font-size:18px}.az-brand-name{font-size:13px}.az-brand-count{font-size:12px}}

/* ---- Home gender toggle (WOMEN'S / MEN'S pills): only the active grid shows.
   Was previously in the azula_custom_css option — moved here so it can't be lost. ---- */
.gender-section{display:none}
.gender-section.active{display:block}

/* ---- Product card sizing: consistent across home sections + WooCommerce grids ---- */
:root{--az-product-card-w:300px;--az-product-gap:24px}
.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{min-width:0}
.woocommerce ul.products li.product a.woocommerce-loop-product__link{display:block}
.woocommerce ul.products li.product a img{display:block;width:100% !important;aspect-ratio:3/4 !important;object-fit:cover !important;background:#f4f4f4}

/* ---- Typography system: Inter 400/500/600/700 across the storefront ---- */
body,p,li,input,textarea,select,.section-sub,.entry,.excerpt,.woocommerce-product-details__short-description,.woocommerce-result-count,.az-brand-count,.az-cart-item-attrs{font-family:var(--font-base) !important;font-weight:400}
.entry strong,.hero__entry strong,.woocommerce-product-details__short-description strong{font-weight:400}
.main-nav a,.header-tools a,.az-col a,.site-footer a{font-family:var(--font-base) !important;font-weight:500}
h1,h2,h3,h4,h5,h6,.section-title,.woocommerce .woocommerce-products-header__title,.woocommerce h1.page-title,.woocommerce div.product .product_title,.site-logo{font-family:var(--font-base) !important;font-weight:700 !important}
.woocommerce ul.products li.product .woocommerce-loop-product__title,.az-cart-item-name,.az-brand-name{font-family:var(--font-base) !important;font-weight:600 !important}
.woocommerce ul.products li.product .price,.woocommerce div.product p.price,.woocommerce div.product span.price,.az-cart-item-price,.az-cart-subtotal-row,.price,.amount{font-family:var(--font-base) !important;font-weight:500 !important}
.btn,button.btn,.button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.az-hero-men-btn,.section-full-width-banner__button{font-family:var(--font-base) !important;font-weight:500 !important}

/* ---- Home page product sliders: EVERY products grid on the front page is one row with same-size cards ---- */
.home .woocommerce ul.products,body.page-id-360 .woocommerce ul.products{display:flex !important;flex-wrap:nowrap !important;overflow-x:auto;scroll-snap-type:x mandatory;gap:var(--az-product-gap) !important;-ms-overflow-style:none;scrollbar-width:none}
.home .woocommerce ul.products::-webkit-scrollbar,body.page-id-360 .woocommerce ul.products::-webkit-scrollbar{display:none}
.home .woocommerce ul.products li.product,body.page-id-360 .woocommerce ul.products li.product{flex:0 0 var(--az-product-card-w) !important;width:var(--az-product-card-w) !important;max-width:var(--az-product-card-w) !important;scroll-snap-align:start}
.home .woocommerce ul.products li.product img,body.page-id-360 .woocommerce ul.products li.product img{height:auto !important;max-height:none !important}
@media(max-width:1200px){:root{--az-product-card-w:280px;--az-product-gap:22px}}
@media(max-width:900px){:root{--az-product-card-w:240px;--az-product-gap:18px}}
@media(max-width:560px){:root{--az-product-card-w:72vw;--az-product-gap:16px}}

/* ---- Archive / shop header ---- */
.woocommerce .woocommerce-products-header__title,.woocommerce h1.page-title{font-family:var(--font-base);font-weight:800;text-transform:uppercase;font-size:40px;margin:10px 0 4px}
.woocommerce-result-count{color:var(--c-primary);font-size:14px}
.woocommerce-ordering select{border:1px solid var(--c-border);padding:10px 14px;border-radius:4px;font-size:14px;background:#fff}
.woocommerce nav.woocommerce-pagination ul{border:none;gap:8px;display:flex;justify-content:center}
.woocommerce nav.woocommerce-pagination ul li{border:none}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{border:1px solid var(--c-border);border-radius:4px;padding:10px 16px;color:#111}
.woocommerce nav.woocommerce-pagination ul li span.current{background:#000;color:#fff;border-color:#000}

/* ---- Single product ---- */
.woocommerce div.product .product_title{font-size:32px;font-weight:800;text-transform:uppercase}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:#000;font-size:26px;font-weight:800}
.woocommerce div.product form.cart .button,.woocommerce #respond input#submit,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{background:#000;color:#fff;text-transform:uppercase;font-weight:700;letter-spacing:.04em;border-radius:4px;padding:14px 34px}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,.woocommerce #respond input#submit:hover{background:var(--c-accent)}
.woocommerce .woocommerce-tabs ul.tabs li{border-radius:4px 4px 0 0}

/* ---- Forms: login / register / account / checkout ---- */
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce .select2-container--default .select2-selection--single,.woocommerce-account input,.woocommerce input.input-text,select{border:1px solid var(--c-border) !important;border-radius:6px !important;padding:12px 14px !important;font-size:15px}
.woocommerce form.login,.woocommerce form.register,.woocommerce-account:not(.logged-in) .woocommerce{max-width:460px;margin:40px auto;border:1px solid var(--c-border);border-radius:10px;padding:34px}
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;padding:0;border:1px solid var(--c-border);border-radius:10px;overflow:hidden}
.woocommerce-account .woocommerce-MyAccount-navigation li{border-bottom:1px solid var(--c-border)}
.woocommerce-account .woocommerce-MyAccount-navigation li a{display:block;padding:14px 18px;color:#111;font-weight:600;text-transform:uppercase;font-size:13px}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{background:#000;color:#fff}

/* ---- Cart / checkout ---- */
.woocommerce table.shop_table{border-radius:10px;overflow:hidden;border:1px solid var(--c-border)}
.woocommerce table.shop_table th{text-transform:uppercase;font-size:13px;letter-spacing:.03em}
.woocommerce .cart-collaterals .cart_totals,.woocommerce-checkout #order_review,.woocommerce-checkout #customer_details{border:1px solid var(--c-border);border-radius:10px;padding:24px}
.woocommerce .wc-proceed-to-checkout a.checkout-button{background:#000;font-size:16px;padding:16px}

/* ---- Search ---- */
.woocommerce-product-search{display:flex;gap:8px;max-width:560px;margin:20px auto}
.woocommerce-product-search input[type=search]{flex:1;border:1px solid var(--c-border);border-radius:6px;padding:12px 14px}
.search-form:not(.az-header-search){display:flex;gap:8px;max-width:560px;margin:20px auto}
.search-form:not(.az-header-search) .search-field{flex:1;border:1px solid var(--c-border);border-radius:6px;padding:12px 14px}

/* ---- Section wrapper on inner pages ---- */
.site-main{min-height:50vh}
.site-main .wrap{padding-top:24px;padding-bottom:60px}

@media(max-width:1024px){.woocommerce ul.products{grid-template-columns:repeat(3,1fr) !important}}
@media(max-width:600px){.woocommerce ul.products{grid-template-columns:repeat(2,1fr) !important;gap:16px !important}.woocommerce-checkout #customer_details{margin-bottom:20px}}

/* ---- Final Inter weight map ---- */
body,body *{font-family:var(--font-base)}
body,p,li,input,textarea,select,.section-sub,.entry,.excerpt,.woocommerce-product-details__short-description,.woocommerce-product-details__short-description *,.woocommerce-result-count,.az-brand-count,.az-cart-item-attrs{font-weight:400 !important}
.main-nav a,.header-tools a,.az-col a,.site-footer a,.woocommerce-account .woocommerce-MyAccount-navigation li a{font-weight:500 !important}
h1,h2,h3,h4,h5,h6,.section-title,.woocommerce .woocommerce-products-header__title,.woocommerce h1.page-title,.woocommerce div.product .product_title,.site-logo{font-weight:700 !important}
.woocommerce ul.products li.product .woocommerce-loop-product__title,.az-cart-item-name,.az-brand-name{font-weight:600 !important}
.woocommerce ul.products li.product .price,.woocommerce ul.products li.product .price *,.woocommerce div.product p.price,.woocommerce div.product p.price *,.woocommerce div.product span.price,.woocommerce div.product span.price *,.price,.price *,.amount{font-weight:500 !important}
.btn,button.btn,.button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.az-hero-men-btn,.section-full-width-banner__button{font-weight:500 !important}
