/* Cortez UX pass v1 — Agent SP 13/10/2026. Loaded last on every new-design page.
   Additive only: hierarchy, spacing, tap targets, footer on phone/tablet, Woo pages, checkout cross-sell. */

/* ===== Footer ===== */
.ft a:focus-visible{outline:2px solid #fff;outline-offset:3px;border-radius:6px}
.ft h2.ft-h{color:#fff}
.ft ul a{transition:color .15s ease}
.ft-soc a{width:44px !important;height:44px !important}
.ft-cont li{color:rgba(255,255,255,.72)}
.ft-cont a[href^="tel:"]{font-weight:800;color:#fff;letter-spacing:.02em}
.ft-cont bdi,.tf-note bdi{unicode-bidi:isolate;direction:ltr}

@media (min-width:641px) and (max-width:1100px){
  .ft-in{grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:34px 24px !important}
  .ft-in > .ft-brand{grid-column:1 / -1;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px 28px;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.1)}
  .ft-in > .ft-brand p{margin:0 !important;max-width:52ch}
  .ft-in > .ft-brand .ft-soc{margin:0 !important}
  .ft ul a{display:inline-flex !important;align-items:center;min-height:44px;padding-block:0 !important}
}

@media (max-width:640px){
  .ft{padding:46px 0 26px !important}
  .ft-in{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:30px 18px !important}
  .ft-in > .ft-brand{grid-column:1 / -1;padding-bottom:28px;border-bottom:1px solid rgba(255,255,255,.1)}
  .ft-in > .ft-brand p{font-size:14.5px;max-width:none}
  .ft-in > .ft-brand .ft-soc{margin-top:18px !important;gap:10px !important}
  .ft h2.ft-h{margin:0 0 4px !important;font-size:12.5px}
  .ft ul{gap:0 !important;font-size:15.5px}
  .ft ul a{display:flex !important;align-items:center;min-height:44px;padding-block:0 !important;line-height:1.3}
  .ft ul.ft-cont{gap:4px !important}
  .ft-cont li{font-size:14px;line-height:1.5}
  .ft-cont a[href^="tel:"]{display:inline-flex !important;justify-content:center;min-height:46px;margin-bottom:6px;padding:0 18px;border:1px solid rgba(255,255,255,.3);border-radius:999px;font-size:16px}
  .ft-cont a[href^="tel:"]:hover,.ft-cont a[href^="tel:"]:focus-visible{background:#fff;color:#0A0A0C;border-color:#fff}
  .ft-b{flex-direction:column;align-items:flex-start !important;gap:8px !important;margin-top:32px !important;font-size:13px;line-height:1.5}
  .ft-cr a{display:inline-block;padding-block:6px}
}

/* ===== Tap targets (global, no visual shift) ===== */
.crumb a{position:relative}
.crumb a::after{content:"";position:absolute;inset:-9px -4px}
.fsort select{min-height:44px}
/* QAV 13/10: real controls sized to 44px, no pseudo hit areas inside the drawer (an unpositioned ::after covered the panel) */
.czci-q{padding:0 !important;gap:0 !important}
.czci-q button{width:40px !important;height:44px !important;display:grid;place-items:center;font-size:17px}
.czci-x{width:44px !important;height:44px !important;display:grid;place-items:center;padding:0 !important;font-size:20px !important}
.czcart-x{width:44px !important;height:44px !important;display:grid;place-items:center;padding:0 !important}

/* ===== Cart drawer: clearer add button ===== */
.czcu-a.czux-a{position:relative;width:auto !important;height:auto !important;min-height:44px;padding:0 14px !important;border-radius:999px !important;font-size:13px;font-weight:800;gap:5px;display:inline-flex !important;align-items:center;white-space:nowrap}
.czcu-a.czux-a span{font-size:15px;line-height:1}

/* ===== Blog articles ===== */
.art-body p[style*="color:#888"]{color:#6B6862 !important}
.art-body div[style*="overflow-x"]{-webkit-overflow-scrolling:touch;margin:0 0 .4em;border-radius:10px}
.art-body div[style*="overflow-x"] > table{display:table;margin:0}
.czux-hint{display:flex;align-items:center;gap:6px;margin:0 0 1.3em !important;font-size:13px !important;color:#6B6862}
.czux-hint::before{content:"⇆";font-size:15px;color:#C80A04}
.art-body summary{min-height:44px;display:flex;align-items:center}

/* ===== Woo pages (checkout / account) ===== */
.czw-page [class*="mv-consent"],.czw-page [id*="mv-consent"],.czw-page #mv-accessibility-widget{display:none !important}
.czw-page .czcart-t{display:none !important}
.czw input[type="checkbox"],.czw input[type="radio"]{width:20px;height:20px;accent-color:#C80A04;vertical-align:middle;margin:0 0 0 8px}
.czw .woocommerce-form__label-for-checkbox,.czw label.checkbox{display:inline-flex !important;align-items:center;min-height:44px;cursor:pointer}
.czw .show-password-input{width:44px !important;height:44px !important;display:grid;place-items:center;top:50% !important;transform:translateY(-50%)}
.czw .showcoupon{display:inline-block;padding-block:8px;color:#C80A04;font-weight:700}
.czw .lost_password a{display:inline-block;padding-block:10px;color:#C80A04;font-weight:700}
.czw .woocommerce-form-login .button{margin-top:6px}
.czux-acct-n{max-width:560px;margin:4px 0 0;font-size:14.5px;color:#57544F;line-height:1.6}
.czux-acct-n a{color:#C80A04;font-weight:700;text-decoration:underline;text-underline-offset:3px;display:inline-block;padding-block:8px}
.czw .woocommerce-MyAccount-navigation a{min-height:44px;display:flex !important;align-items:center}
.czw .woocommerce-orders-table .button,.czw .woocommerce-MyAccount-content .button{width:auto !important;min-height:44px}
.czw .woocommerce-MyAccount-content > p:first-child{font-size:16px;line-height:1.7}
.czw .woocommerce-MyAccount-content a:not(.button){color:#C80A04;font-weight:700}
.czw .woocommerce-Address{background:#F7F5F1;border-radius:12px;padding:16px 18px}
.czw .woocommerce-Address-title{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.czw .woocommerce-Address-title h2,.czw .woocommerce-Address-title h3{margin:0}
@media (max-width:1024px){
  .czw .woocommerce-MyAccount-navigation ul{display:flex !important;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
  .czw .woocommerce-MyAccount-navigation ul::-webkit-scrollbar{display:none}
  .czw .woocommerce-MyAccount-navigation li{flex:0 0 auto}
  .czw .woocommerce-MyAccount-navigation a{white-space:nowrap;border:1px solid rgba(20,20,24,.12);border-radius:999px;padding:0 16px}
  .czw .woocommerce-MyAccount-navigation{padding:12px !important}
}
/* empty orders / notices with an action button */
.czw .woocommerce-info .button,.czw .woocommerce-message .button{width:auto !important;min-height:42px;margin-inline-start:12px;float:none !important;font-size:14px}

/* steps fit one row on phone */
@media (max-width:560px){
  .czw-steps{flex-wrap:nowrap !important;gap:5px !important}
  .czw-steps li{padding:7px 9px !important;font-size:11.5px !important;gap:6px !important;white-space:nowrap}
  .czw-steps li::before{width:18px !important;height:18px !important;font-size:10.5px !important}
}

/* order review thumbnails */
.czux-ti{display:inline-flex;align-items:center;gap:10px;vertical-align:middle;max-width:calc(100% - 44px)}
.czux-ti > span{min-width:0}
.czux-ti img{width:48px;height:48px;flex:0 0 48px;object-fit:contain;background:#FAF8F4;border-radius:9px;mix-blend-mode:multiply}
.czw table.shop_table td.product-name{line-height:1.35}

/* ===== Checkout cross-sell strip ===== */
.czux-xs{margin:0 0 16px;background:#F6F4EF;border:1px solid rgba(20,20,24,.07);border-radius:13px}
.czux-xs > summary{list-style:none;display:flex;align-items:center;gap:12px;min-height:52px;padding:10px 14px;cursor:pointer;-webkit-tap-highlight-color:transparent}
.czux-xs > summary::-webkit-details-marker{display:none}
.czux-xs > summary:focus-visible{outline:3px solid #141418;outline-offset:2px;border-radius:12px}
.czux-xs-t{display:grid;gap:1px;flex:1;min-width:0}
.czux-xs-t b{font-family:var(--disp);font-weight:800;font-size:15px;color:#141418;line-height:1.3}
.czux-xs-t i{font-style:normal;font-size:12.5px;color:#6B6862}
.czux-xs-th{display:flex;flex:0 0 auto}
.czux-xs-th img{width:30px;height:30px;object-fit:contain;background:#fff;border:1px solid rgba(20,20,24,.08);border-radius:50%;margin-inline-start:-8px;padding:2px}
.czux-xs[open] .czux-xs-th{display:none}
.czux-xs-c{flex:0 0 18px;fill:none;stroke:#141418;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}
.czux-xs[open] .czux-xs-c{transform:rotate(180deg)}
.czux-xs-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 10px 10px}
.czux-xs .czux-pc{background:#fff;border-radius:11px;box-shadow:none;transform:none !important;min-width:0}
.czux-xs .czux-pc .pc-im{aspect-ratio:auto;height:84px;padding:8px;background:#FAF8F4}
.czux-xs .czux-pc .pc-im img{max-height:100%;max-width:100%;transform:none !important}
.czux-xs .czux-pc .pc-b{padding:8px 8px 9px;gap:0}
.czux-xs .czux-pc .pc-n{font-size:12.5px;line-height:1.25;color:#141418;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.5em;padding:0}
.czux-xs .czux-pc .pc-p{margin-top:5px}
.czux-xs .czux-pc .pc-p b{font-size:15px;color:#141418}
.czux-xs .czux-pc .pc-add{width:100%;min-height:44px;margin-top:8px;padding:0 8px;font-size:13px;border-radius:999px}
.czux-xs .czux-pc.is-in{opacity:.75}
.czux-xs .czux-pc .pc-add.is-added{background:#0E7A3C;border-color:#0E7A3C;opacity:1}
.czux-xs-n{margin:0;padding:0 14px;font-size:13px;color:#0E7A3C;font-weight:700}
.czux-xs-n:not(:empty){padding-bottom:10px}
@media (min-width:1025px){
  .czw #order_review:has(.czux-xs[open]){position:static}
}
@media (max-width:380px){
  .czux-xs-g{gap:6px;padding:0 8px 8px}
  .czux-xs .czux-pc .pc-im{height:72px}
}
@media (prefers-reduced-motion:reduce){ .czux-xs-c{transition:none} }

/* My Account grid: the empty notices wrapper took the first cell, pushing the menu into the wide column (pre-existing, 13/10) */
.czw .woocommerce:has(> .woocommerce-MyAccount-navigation) > .woocommerce-notices-wrapper{grid-column:1 / -1}
.czw .woocommerce:has(> .woocommerce-MyAccount-navigation) > .woocommerce-notices-wrapper:empty{display:none}
@media (min-width:1025px){
  .czw .woocommerce:has(> .woocommerce-MyAccount-navigation) > .woocommerce-MyAccount-navigation{grid-column:1;position:sticky;top:120px}
  .czw .woocommerce:has(> .woocommerce-MyAccount-navigation) > .woocommerce-MyAccount-content{grid-column:2}
}
.czw fieldset{border:1px solid rgba(20,20,24,.12);border-radius:12px;padding:14px 16px 4px;margin:6px 0 16px}
.czw fieldset legend{padding:0 8px;font-family:var(--disp);font-weight:800;font-size:15px;color:#141418}
.czw .woocommerce-MyAccount-content .woocommerce-info{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.czw .woocommerce-MyAccount-content .woocommerce-info .button{order:2;margin:0}

/* QAV 13/10 minor fixes */
.czw-steps li:not(.done):not(.on){color:#736F68}
.ft-cr a{position:relative}
.ft-cr a::after{content:"";position:absolute;inset:-15px -9px}
.ft ul a{min-width:44px}
.czux-xs .czux-pc.is-gone{opacity:0;transform:scale(.96);transition:opacity .25s ease,transform .25s ease}
@media (prefers-reduced-motion:reduce){.czux-xs .czux-pc.is-gone{transition:none}}

/* sgo-soc-center 13/10/2026: .ft ul a{display:inline-block;padding-block} also hit the social circles, icons sat off-centre */
.ft .ft-soc a{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0!important;line-height:0!important;box-sizing:border-box}
.ft .ft-soc svg{display:block;margin:0!important;flex:0 0 auto}