.elementor-kit-106{--e-global-color-primary:#000000;--e-global-color-secondary:#A4A4A4;--e-global-color-text:#404040;--e-global-color-accent:#D84D2B;--e-global-color-60a304bf:#FFF;--e-global-color-9b73db9:#FFFFFF00;--e-global-color-4c81131:#FFF;--e-global-typography-primary-font-family:"Yanone Kaffeesatz";--e-global-typography-primary-font-size:52px;--e-global-typography-primary-font-weight:600;--e-global-typography-primary-text-transform:uppercase;--e-global-typography-primary-font-style:normal;--e-global-typography-primary-line-height:48px;--e-global-typography-primary-letter-spacing:0px;--e-global-typography-secondary-font-family:"Yanone Kaffeesatz";--e-global-typography-secondary-font-size:36px;--e-global-typography-secondary-font-weight:500;--e-global-typography-secondary-text-transform:uppercase;--e-global-typography-secondary-font-style:normal;--e-global-typography-secondary-line-height:48px;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-size:15px;--e-global-typography-text-font-weight:400;--e-global-typography-text-font-style:normal;--e-global-typography-text-line-height:24px;--e-global-typography-accent-font-family:"Oswald";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:400;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-font-style:normal;--e-global-typography-accent-letter-spacing:1.2px;--e-global-typography-eaee1fa-font-family:"Yanone Kaffeesatz";--e-global-typography-eaee1fa-font-size:176px;--e-global-typography-eaee1fa-font-weight:bold;--e-global-typography-eaee1fa-text-transform:uppercase;--e-global-typography-eaee1fa-font-style:normal;--e-global-typography-eaee1fa-line-height:148px;--e-global-typography-eaee1fa-letter-spacing:0.7px;--e-global-typography-3831432-font-family:"Poppins";--e-global-typography-3831432-font-size:18px;--e-global-typography-3831432-font-weight:normal;--e-global-typography-3831432-font-style:normal;--e-global-typography-ed2b76a-font-family:"Poppins";--e-global-typography-ed2b76a-font-size:15px;--e-global-typography-ed2b76a-font-weight:500;--e-global-typography-ed2b76a-font-style:normal;--e-global-typography-ed2b76a-line-height:24px;--e-global-typography-e14e7e8-font-family:"Oswald";--e-global-typography-e14e7e8-font-size:14px;--e-global-typography-e14e7e8-font-weight:normal;--e-global-typography-e14e7e8-text-transform:uppercase;--e-global-typography-e14e7e8-font-style:normal;--e-global-typography-e14e7e8-line-height:21px;--e-global-typography-b1d7f3b-font-family:"Oswald";--e-global-typography-b1d7f3b-font-size:14px;--e-global-typography-b1d7f3b-font-weight:normal;--e-global-typography-b1d7f3b-text-transform:uppercase;--e-global-typography-b1d7f3b-font-style:normal;--e-global-typography-b1d7f3b-line-height:1.8em;--e-global-typography-20b4326-font-family:"Oswald";--e-global-typography-20b4326-font-size:16px;--e-global-typography-20b4326-font-weight:400;--e-global-typography-20b4326-text-transform:uppercase;--e-global-typography-20b4326-font-style:normal;--e-global-typography-20b4326-letter-spacing:1.2px;--e-global-typography-175ae32-font-family:"Poppins";--e-global-typography-175ae32-font-size:20px;--e-global-typography-175ae32-font-weight:400;--e-global-typography-175ae32-text-transform:uppercase;--e-global-typography-175ae32-font-style:normal;--e-global-typography-175ae32-line-height:30px;--e-global-typography-3d97622-font-family:"Poppins";--e-global-typography-3d97622-font-size:14px;--e-global-typography-3d97622-font-style:normal;--e-global-typography-3d97622-line-height:20px;--e-global-typography-2b9424d-font-family:"Oswald";--e-global-typography-2b9424d-font-size:18px;--e-global-typography-2b9424d-text-transform:uppercase;--e-global-typography-2b9424d-text-decoration:underline;--e-global-typography-5a4ea84-font-family:"Poppins";--e-global-typography-5a4ea84-font-size:12px;--e-global-typography-5a4ea84-font-weight:normal;--e-global-typography-5a4ea84-text-transform:capitalize;--e-global-typography-5a4ea84-font-style:normal;--e-global-typography-5a4ea84-text-decoration:none;--e-global-typography-5a4ea84-line-height:17px;background-image:url("https://suavenir.com/wp-content/uploads/2025/12/annie-spratt-9c0ckX9yqcA-unsplash.jpg");color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );font-style:var( --e-global-typography-text-font-style );line-height:var( --e-global-typography-text-line-height );background-position:center center;background-size:cover;}.elementor-kit-106 button,.elementor-kit-106 input[type="button"],.elementor-kit-106 input[type="submit"],.elementor-kit-106 .elementor-button{background-color:#D84D2B;font-family:"Oswald", Sans-serif;font-size:16px;font-weight:400;text-transform:uppercase;letter-spacing:1.2px;color:#FFFFFF;border-radius:0px 0px 0px 0px;padding:20px 60px 20px 60px;}.elementor-kit-106 button:hover,.elementor-kit-106 button:focus,.elementor-kit-106 input[type="button"]:hover,.elementor-kit-106 input[type="button"]:focus,.elementor-kit-106 input[type="submit"]:hover,.elementor-kit-106 input[type="submit"]:focus,.elementor-kit-106 .elementor-button:hover,.elementor-kit-106 .elementor-button:focus{background-color:#000000;color:#FFFFFF;}.elementor-kit-106 e-page-transition{background-color:#FFBC7D;}.elementor-kit-106 a:hover{color:#D84D2B;}.elementor-kit-106 h3{color:var( --e-global-color-primary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );font-style:var( --e-global-typography-secondary-font-style );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-106 input:not([type="button"]):not([type="submit"]),.elementor-kit-106 textarea,.elementor-kit-106 .elementor-field-textual{font-family:"Poppins", Sans-serif;font-size:14px;text-transform:capitalize;color:#000000;background-color:rgba(255, 255, 255, 0);border-style:solid;border-width:1px 1px 1px 1px;border-color:#000000;border-radius:0px 0px 0px 0px;transition:500ms;}.elementor-kit-106 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-106 textarea:focus,.elementor-kit-106 .elementor-field-textual:focus{border-style:solid;border-width:1px 1px 1px 1px;border-color:#D84D2B;border-radius:0px 0px 0px 0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1490px;}.e-con{--container-max-width:1490px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-106{--e-global-typography-primary-font-size:46px;--e-global-typography-primary-line-height:1em;--e-global-typography-secondary-font-size:34px;--e-global-typography-secondary-line-height:38px;--e-global-typography-text-font-size:14px;--e-global-typography-text-line-height:22px;--e-global-typography-accent-font-size:16px;--e-global-typography-eaee1fa-font-size:90px;--e-global-typography-eaee1fa-line-height:1em;--e-global-typography-eaee1fa-letter-spacing:1.1px;--e-global-typography-3831432-font-size:16px;--e-global-typography-ed2b76a-font-size:14px;--e-global-typography-ed2b76a-line-height:23px;--e-global-typography-b1d7f3b-font-size:14px;--e-global-typography-20b4326-font-size:16px;--e-global-typography-175ae32-font-size:14px;--e-global-typography-175ae32-line-height:22px;--e-global-typography-3d97622-font-size:13px;--e-global-typography-5a4ea84-font-size:13px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-106 h3{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-106 input:not([type="button"]):not([type="submit"]),.elementor-kit-106 textarea,.elementor-kit-106 .elementor-field-textual{font-size:13px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-106{--e-global-typography-primary-font-size:38px;--e-global-typography-secondary-font-size:32px;--e-global-typography-secondary-line-height:36px;--e-global-typography-eaee1fa-font-size:65px;--e-global-typography-b1d7f3b-font-size:14px;--e-global-typography-3d97622-font-size:12px;--e-global-typography-5a4ea84-font-size:12px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-106 h3{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-106 input:not([type="button"]):not([type="submit"]),.elementor-kit-106 textarea,.elementor-kit-106 .elementor-field-textual{font-size:12px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =========================================================
   SUAVENIR – Product Template
   Dark + Light mode aware (flat, no effects)
   ========================================================= */

/* ---------------------------------------------------------
   COLOR SCHEME SWITCH
   Uses system preference + allows theme override
   --------------------------------------------------------- */

/* LIGHT MODE (default) */
.su-product{
  --su-bg: #fff;
  --su-border: rgba(0,0,0,.10);
  --su-text: rgba(0,0,0,.78);
  --su-muted: rgba(0,0,0,.55);
  --su-strong: rgba(0,0,0,.92);
  --su-button-bg: #f5f5f5;
  --su-button-hover: #ececec;
}

/* DARK MODE */
@media (prefers-color-scheme: dark){
  .su-product{
    --su-bg: #000;
    --su-border: rgba(255,255,255,.08);
    --su-text: rgba(255,255,255,.78);
    --su-muted: rgba(255,255,255,.55);
    --su-strong: rgba(255,255,255,.92);
    --su-button-bg: #0f0f10;
    --su-button-hover: #141416;
  }
}

/* Optional: force dark if your theme adds a class */
body.theme-dark .su-product,
body.dark .su-product{
  --su-bg: #000;
  --su-border: rgba(255,255,255,.08);
  --su-text: rgba(255,255,255,.78);
  --su-muted: rgba(255,255,255,.55);
  --su-strong: rgba(255,255,255,.92);
  --su-button-bg: #0f0f10;
  --su-button-hover: #141416;
}

/* ---------------------------------------------------------
   HARD RESET INSIDE TEMPLATE
   --------------------------------------------------------- */

.su-product,
.su-product *{
  color-scheme: light dark;
}

.su-product{
  background:var(--su-bg) !important;
  color:var(--su-text) !important;
  padding:34px 16px 42px !important;
}

/* Kill theme containers */
.su-product .elementor-section,
.su-product .elementor-container,
.su-product .elementor-column,
.su-product .elementor-widget,
.su-product .elementor-element,
.su-product .elementor-widget-container{
  background:transparent !important;
  box-shadow:none !important;
}

/* Text */
.su-product p,
.su-product span,
.su-product li,
.su-product div{
  color:var(--su-text) !important;
}

/* Links */
.su-product a{
  color:var(--su-muted) !important;
  text-decoration:none !important;
}
.su-product a:hover{
  color:var(--su-strong) !important;
}

/* ---------------------------------------------------------
   LAYOUT
   --------------------------------------------------------- */

.su-product__grid{
  max-width:1180px !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:1.15fr .85fr !important;
  gap:26px !important;
}

@media (max-width:980px){
  .su-product__grid{ grid-template-columns:1fr !important; }
}

/* ---------------------------------------------------------
   FLAT SURFACES
   --------------------------------------------------------- */

.su-product__gallery,
.su-product__summary{
  background:var(--su-bg) !important;
  border:1px solid var(--su-border) !important;
  border-radius:16px !important;
  padding:14px !important;
}

.su-product__summary{ padding:18px !important; }

/* ---------------------------------------------------------
   TITLE (WS PARADOSE)
   --------------------------------------------------------- */

.su-product__title,
.su-product .elementor-widget-woocommerce-product-title h1,
.su-product .elementor-widget-woocommerce-product-title h2{
  font-family:'WS Paradose','ws-paradose',system-ui,sans-serif !important;
  font-size:22px !important;
  letter-spacing:.10em !important;
  line-height:1.2 !important;
  color:var(--su-strong) !important;
  margin-bottom:10px !important;
}

/* ---------------------------------------------------------
   META / PRICE / DESCRIPTION
   --------------------------------------------------------- */

.su-product__metaRow,
.su-product .product_meta{
  font-size:12px !important;
  color:var(--su-muted) !important;
}

.su-product .price{
  font-size:18px !important;
  color:var(--su-strong) !important;
}

.su-product .woocommerce-product-details__short-description{
  font-size:13px !important;
  line-height:1.55 !important;
  color:var(--su-muted) !important;
}

/* ---------------------------------------------------------
   INPUTS / BUTTONS
   --------------------------------------------------------- */

.su-product input,
.su-product select,
.su-product textarea{
  background:var(--su-bg) !important;
  border:1px solid var(--su-border) !important;
  color:var(--su-strong) !important;
  border-radius:12px !important;
}

.su-product .button,
.su-product button,
.su-product .single_add_to_cart_button{
  background:var(--su-button-bg) !important;
  border:1px solid var(--su-border) !important;
  color:var(--su-strong) !important;
  padding:12px 14px !important;
  border-radius:12px !important;
  text-transform:uppercase !important;
  letter-spacing:.06em !important;
}

.su-product .button:hover,
.su-product button:hover{
  background:var(--su-button-hover) !important;
}

/* ---------------------------------------------------------
   GALLERY
   --------------------------------------------------------- */

.su-product .woocommerce-product-gallery img{
  border-radius:12px !important;
}

/* ---------------------------------------------------------
   RELATED PRODUCTS
   --------------------------------------------------------- */

.su-product ul.products li.product{
  background:var(--su-bg) !important;
  border:1px solid var(--su-border) !important;
  border-radius:16px !important;
  padding:14px !important;
}

.su-product ul.products li.product *{
  color:var(--su-text) !important;
}

/* =========================================================
   SUAVENIR – Footer
   Light + Dark mode aware
   Flat, compact, editorial
   ========================================================= */

/* -----------------------------
   COLOR VARIABLES
   ----------------------------- */

/* LIGHT MODE (default) */
.su-footer-mini{
  --su-footer-bg: #fff;
  --su-footer-border: rgba(0,0,0,.10);
  --su-footer-text: rgba(0,0,0,.72);
  --su-footer-muted: rgba(0,0,0,.55);
  --su-footer-strong: rgba(0,0,0,.92);
}

/* DARK MODE (system) */
@media (prefers-color-scheme: dark){
  .su-footer-mini{
    --su-footer-bg: #000;
    --su-footer-border: rgba(255,255,255,.08);
    --su-footer-text: rgba(255,255,255,.72);
    --su-footer-muted: rgba(255,255,255,.55);
    --su-footer-strong: rgba(255,255,255,.92);
  }
}

/* Optional: theme toggles */
body.theme-dark .su-footer-mini,
body.dark .su-footer-mini{
  --su-footer-bg: #000;
  --su-footer-border: rgba(255,255,255,.08);
  --su-footer-text: rgba(255,255,255,.72);
  --su-footer-muted: rgba(255,255,255,.55);
  --su-footer-strong: rgba(255,255,255,.92);
}

body.theme-light .su-footer-mini,
body.light .su-footer-mini{
  --su-footer-bg: #fff;
  --su-footer-border: rgba(0,0,0,.10);
  --su-footer-text: rgba(0,0,0,.72);
  --su-footer-muted: rgba(0,0,0,.55);
  --su-footer-strong: rgba(0,0,0,.92);
}

/* -----------------------------
   BASE FOOTER
   ----------------------------- */

.su-footer-mini{
  background:var(--su-footer-bg) !important;
  border-top:1px solid var(--su-footer-border) !important;
  padding:22px 16px 18px;
  text-align:center;
  color:var(--su-footer-text) !important;
}

/* prevent theme bleed */
.su-footer-mini *,
.su-footer-mini *::before,
.su-footer-mini *::after{
  background:transparent !important;
  box-shadow:none !important;
}

/* -----------------------------
   BRAND (WS PARADOSE)
   ----------------------------- */

.su-footer-mini__brand{
  font-family:'WS Paradose','ws-paradose',system-ui,sans-serif !important;
  font-size:16px;
  letter-spacing:.34em;
  text-transform:lowercase;
  color:var(--su-footer-strong) !important;
  margin-bottom:10px;
}

/* -----------------------------
   NAV LINKS
   ----------------------------- */

.su-footer-mini__nav{
  display:flex;
  justify-content:center;
  gap:22px;
  flex-wrap:wrap;
  margin-bottom:8px;
}

.su-footer-mini__nav a{
  font-size:13px;
  color:var(--su-footer-muted) !important;
  text-decoration:none !important;
  transition:color .15s ease;
}

.su-footer-mini__nav a:hover{
  color:var(--su-footer-strong) !important;
}

/* -----------------------------
   META LINE
   ----------------------------- */

.su-footer-mini__meta{
  font-size:12px;
  color:var(--su-footer-muted) !important;
}

.su-footer-mini__meta strong{
  color:var(--su-footer-strong) !important;
  font-weight:600;
}
/* =========================================================
   SUAVENIR – Product Archive (Elementor + Woo)
   Wrapper class: .su-archive
   Fixes: title + background + cards + all archive elements
   ========================================================= */

/* -----------------------------
   VARIABLES (LIGHT default)
   ----------------------------- */
.su-archive{
  --su-bg:#fff;
  --su-border:rgba(0,0,0,.10);
  --su-text:rgba(0,0,0,.78);
  --su-muted:rgba(0,0,0,.55);
  --su-strong:rgba(0,0,0,.92);
  --su-card-bg:#fff;
  --su-btn-bg:#f5f5f5;
  --su-btn-hover:#ececec;
}

/* DARK (system) */
@media (prefers-color-scheme: dark){
  .su-archive{
    --su-bg:#000;
    --su-border:rgba(255,255,255,.08);
    --su-text:rgba(255,255,255,.78);
    --su-muted:rgba(255,255,255,.55);
    --su-strong:rgba(255,255,255,.92);
    --su-card-bg:#000;
    --su-btn-bg:#0f0f10;
    --su-btn-hover:#141416;
  }
}

/* DARK (theme toggles) */
body.theme-dark .su-archive,
body.dark .su-archive{
  --su-bg:#000;
  --su-border:rgba(255,255,255,.08);
  --su-text:rgba(255,255,255,.78);
  --su-muted:rgba(255,255,255,.55);
  --su-strong:rgba(255,255,255,.92);
  --su-card-bg:#000;
  --su-btn-bg:#0f0f10;
  --su-btn-hover:#141416;
}

/* -----------------------------
   PAGE BRIDGE (Archive pages)
   Forces background/text so title + wrappers obey the scheme
   Scoped ONLY to Woo archive pages
   ----------------------------- */
body.woocommerce-archive,
body.woocommerce-shop{
  background: var(--su-bg, #000) !important;
  color: var(--su-text, rgba(255,255,255,.78)) !important;
}

/* Try all common theme wrappers */
body.woocommerce-archive #page,
body.woocommerce-archive #content,
body.woocommerce-archive .site,
body.woocommerce-archive .site-main,
body.woocommerce-archive main,
body.woocommerce-shop #page,
body.woocommerce-shop #content,
body.woocommerce-shop .site,
body.woocommerce-shop .site-main,
body.woocommerce-shop main{
  background: var(--su-bg, #000) !important;
  color: var(--su-text, rgba(255,255,255,.78)) !important;
}

/* -----------------------------
   BASE (inside template wrapper)
   ----------------------------- */
.su-archive{
  background:var(--su-bg) !important;
  color:var(--su-text) !important;
  padding:36px 16px 46px !important;
}

.su-archive,
.su-archive *{
  color-scheme: light dark;
}

.su-archive .elementor-element,
.su-archive .elementor-widget,
.su-archive .elementor-widget-container{
  background:transparent !important;
  box-shadow:none !important;
}

/* Text + links */
.su-archive,
.su-archive p,
.su-archive span,
.su-archive li,
.su-archive div{
  color:var(--su-text) !important;
}

.su-archive a{
  color:var(--su-muted) !important;
  text-decoration:none !important;
}
.su-archive a:hover{
  color:var(--su-strong) !important;
}

/* -----------------------------
   ARCHIVE TITLE (Elementor widget)
   This is the part that wasn’t responding
   ----------------------------- */
.su-archive .elementor-widget-archive-title,
.su-archive .elementor-widget-archive-title *{
  color:var(--su-strong) !important;
}

.su-archive .elementor-widget-archive-title h1,
.su-archive .elementor-widget-archive-title h2{
  font-family:'WS Paradose','ws-paradose',system-ui,sans-serif !important;
  letter-spacing:.10em !important;
  text-transform:none !important;
}

/* -----------------------------
   RESULT COUNT + SORTING (Woo)
   ----------------------------- */
.su-archive .woocommerce-result-count{
  font-size:12px !important;
  color:var(--su-muted) !important;
  margin:0 0 10px !important;
}

.su-archive .woocommerce-ordering{
  margin:0 0 18px !important;
}

.su-archive .woocommerce-ordering select{
  background:var(--su-bg) !important;
  border:1px solid var(--su-border) !important;
  color:var(--su-text) !important;
  padding:8px 12px !important;
  border-radius:10px !important;
  font-size:13px !important;
  outline:none !important;
}

/* -----------------------------
   PRODUCTS GRID (Woo)
   ----------------------------- */
.su-archive ul.products{
  display:grid !important;
  grid-template-columns:repeat(auto-fill, minmax(240px, 1fr)) !important;
  gap:22px !important;
  margin:0 !important;
  padding:0 !important;
}

/* Product card */
.su-archive ul.products li.product{
  background:var(--su-card-bg) !important;
  border:1px solid var(--su-border) !important;
  border-radius:16px !important;
  padding:14px !important;
  box-shadow:none !important;
  transition:border-color .15s ease, transform .15s ease;
}

.su-archive ul.products li.product:hover{
  border-color:rgba(127,127,127,.35) !important;
  transform:translateY(-2px);
}

/* image */
.su-archive ul.products li.product img{
  border-radius:12px !important;
  margin-bottom:10px !important;
}

/* title */
.su-archive .woocommerce-loop-product__title{
  font-size:14px !important;
  font-weight:500 !important;
  color:var(--su-strong) !important;
  margin:0 0 6px !important;
}

/* price */
.su-archive .price{
  font-size:13px !important;
  color:var(--su-muted) !important;
}
.su-archive .price ins{
  color:var(--su-strong) !important;
  text-decoration:none !important;
}
.su-archive .price del{
  color:var(--su-muted) !important;
  opacity:.6 !important;
}

/* -----------------------------
   ADD TO CART (archive)
   ----------------------------- */
.su-archive .add_to_cart_button,
.su-archive a.button,
.su-archive button.button{
  margin-top:10px !important;
  width:100% !important;
  border-radius:10px !important;
  border:1px solid var(--su-border) !important;
  background:var(--su-btn-bg) !important;
  color:var(--su-strong) !important;
  font-size:12px !important;
  padding:9px 12px !important;
  text-transform:uppercase !important;
  letter-spacing:.06em !important;
  box-shadow:none !important;
}

.su-archive .add_to_cart_button:hover,
.su-archive a.button:hover,
.su-archive button.button:hover{
  background:var(--su-btn-hover) !important;
}

/* -----------------------------
   PAGINATION
   ----------------------------- */
.su-archive nav.woocommerce-pagination{
  margin-top:30px !important;
  text-align:center !important;
}

.su-archive .woocommerce-pagination ul{
  display:inline-flex !important;
  gap:10px !important;
  border:none !important;
}

.su-archive .woocommerce-pagination li{
  border:none !important;
}

.su-archive .woocommerce-pagination a,
.su-archive .woocommerce-pagination span{
  padding:8px 12px !important;
  border:1px solid var(--su-border) !important;
  border-radius:10px !important;
  font-size:12px !important;
  color:var(--su-muted) !important;
  background:transparent !important;
}

.su-archive .woocommerce-pagination .current{
  color:var(--su-strong) !important;
  border-color:var(--su-strong) !important;
}

/* -----------------------------
   MOBILE
   ----------------------------- */
@media (max-width:600px){
  .su-archive{ padding:28px 14px 36px !important; }
}


/* =========================================================
   SUAVENIR – LIQUID GLASS UPGRADE (CSS ONLY)
   Paste AFTER your working code.
   Applies to your existing classes only.
   ========================================================= */

/* ---------- Liquid glass tuning knobs ---------- */
:root{
  --su-liquid-blur: 18px;
  --su-liquid-sat: 180%;
  --su-liquid-bright: 1.08;

  /* Edge + highlights */
  --su-edge-light: rgba(255,255,255,.28);
  --su-edge-dark: rgba(255,255,255,.18);
  --su-inner-light: rgba(255,255,255,.20);
  --su-inner-dark: rgba(255,255,255,.10);

  /* Frost fills */
  --su-frost-light: rgba(255,255,255,.55);
  --su-frost-dark: rgba(255,255,255,.08);

  /* Shadow */
  --su-shadow-light: 0 18px 60px rgba(0,0,0,.10);
  --su-shadow-dark: 0 18px 60px rgba(0,0,0,.55);
}

/* Resolve liquid variables per scheme (uses your existing prefers-color-scheme) */
@media (prefers-color-scheme: dark){
  .su-product, .su-archive, .su-footer-mini{
    --su-liquid-frost: var(--su-frost-dark);
    --su-liquid-edge: var(--su-edge-dark);
    --su-liquid-inner: var(--su-inner-dark);
    --su-liquid-shadow: var(--su-shadow-dark);
  }
}
@media (prefers-color-scheme: light){
  .su-product, .su-archive, .su-footer-mini{
    --su-liquid-frost: var(--su-frost-light);
    --su-liquid-edge: var(--su-edge-light);
    --su-liquid-inner: var(--su-inner-light);
    --su-liquid-shadow: var(--su-shadow-light);
  }
}

/* Theme toggles keep consistent */
body.theme-dark .su-product,
body.theme-dark .su-archive,
body.theme-dark .su-footer-mini,
body.dark .su-product,
body.dark .su-archive,
body.dark .su-footer-mini{
  --su-liquid-frost: var(--su-frost-dark);
  --su-liquid-edge: var(--su-edge-dark);
  --su-liquid-inner: var(--su-inner-dark);
  --su-liquid-shadow: var(--su-shadow-dark);
}

/* ---------- Apply the liquid surface only to “surfaces” ---------- */
.su-product__gallery,
.su-product__summary,
.su-archive ul.products li.product,
.su-footer-mini{
  position: relative;
  overflow: hidden;

  /* keep your base background variable, then frost on top */
  background: var(--su-bg) !important;

  border: 1px solid color-mix(in srgb, var(--su-liquid-edge) 85%, transparent) !important;
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--su-liquid-inner) 55%, transparent) inset,
    var(--su-liquid-shadow);
}

/* Strong glass blur (only if supported) */
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){
  .su-product__gallery,
  .su-product__summary,
  .su-archive ul.products li.product,
  .su-footer-mini{
    background: color-mix(in srgb, var(--su-bg) 70%, transparent) !important;
    backdrop-filter: blur(var(--su-liquid-blur)) saturate(var(--su-liquid-sat)) brightness(var(--su-liquid-bright));
    -webkit-backdrop-filter: blur(var(--su-liquid-blur)) saturate(var(--su-liquid-sat)) brightness(var(--su-liquid-bright));
  }
}

/* ---------- Liquid highlight + “edge melt” (this is the magic) ---------- */
.su-product__gallery::before,
.su-product__summary::before,
.su-archive ul.products li.product::before,
.su-footer-mini::before{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius: inherit;
  pointer-events:none;

  /* frosted fill + top highlight */
  background:
    linear-gradient(180deg,
      color-mix(in srgb, rgba(255,255,255,.55) 18%, transparent),
      transparent 42%),
    radial-gradient(120% 80% at 18% 12%,
      color-mix(in srgb, rgba(255,255,255,.40) 26%, transparent),
      transparent 58%),
    radial-gradient(120% 90% at 82% 18%,
      color-mix(in srgb, rgba(255,255,255,.26) 20%, transparent),
      transparent 55%),
    linear-gradient(180deg,
      color-mix(in srgb, var(--su-liquid-frost) 35%, transparent),
      color-mix(in srgb, var(--su-liquid-frost) 10%, transparent));
  opacity: .95;
}

/* Chromatic-ish rim (very subtle, Apple vibe) */
.su-product__gallery::after,
.su-product__summary::after,
.su-archive ul.products li.product::after,
.su-footer-mini::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius: inherit;
  pointer-events:none;

  /* edge tint */
  background:
    linear-gradient(90deg, rgba(0,122,255,.08), transparent 35%, rgba(255,45,85,.07)),
    linear-gradient(180deg, rgba(255,255,255,.10), transparent 55%);
  mix-blend-mode: screen;
  opacity:.65;

  /* make the edge feel “liquid” */
  filter: blur(10px);
}

/* Keep content above the liquid layers */
.su-product__gallery > *,
.su-product__summary > *,
.su-archive ul.products li.product > *,
.su-footer-mini > *{
  position: relative;
  z-index: 1;
}

/* ---------- Optional: make buttons glass too ---------- */
.su-product .button,
.su-product button,
.su-product .single_add_to_cart_button,
.su-archive .add_to_cart_button,
.su-archive a.button,
.su-archive button.button{
  border: 1px solid color-mix(in srgb, var(--su-liquid-edge) 85%, transparent) !important;
  background: color-mix(in srgb, var(--su-button-bg, var(--su-btn-bg)) 65%, transparent) !important;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--su-liquid-inner) 50%, transparent) inset !important;
}

@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){
  .su-product .button,
  .su-product button,
  .su-product .single_add_to_cart_button,
  .su-archive .add_to_cart_button,
  .su-archive a.button,
  .su-archive button.button{
    backdrop-filter: blur(14px) saturate(170%) brightness(1.06);
    -webkit-backdrop-filter: blur(14px) saturate(170%) brightness(1.06);
  }
}

/* =========================================================
   SUAVENIR – Footer hard override patch
   Fixes elements not respecting footer dark/light variables
   Paste at VERY BOTTOM
   ========================================================= */

.su-footer-mini{
  background: var(--su-footer-bg) !important;
  border-top: 1px solid var(--su-footer-border) !important;
  color: var(--su-footer-text) !important;
}

.su-footer-mini *{
  color: var(--su-footer-text) !important;
}

/* Keep the intended hierarchy */
.su-footer-mini__brand{
  color: var(--su-footer-strong) !important;
}

.su-footer-mini__nav a{
  color: var(--su-footer-muted) !important;
}
.su-footer-mini__nav a:hover{
  color: var(--su-footer-strong) !important;
}

.su-footer-mini__meta{
  color: var(--su-footer-muted) !important;
}
.su-footer-mini__meta strong{
  color: var(--su-footer-strong) !important;
}

/* If theme adds weird link underlines / visited colors */
.su-footer-mini a:visited{
  color: var(--su-footer-muted) !important;
  text-decoration: none !important;
}


/* =========================================================
   SUAVENIR – TRUE GLASS MODE (photo background friendly)
   Paste at VERY BOTTOM of Global CSS
   ========================================================= */

/* 1) STOP painting solid backgrounds on wrappers (keep your text colors) */
.su-product,
.su-archive{
  background: transparent !important;
}

/* If your archive bridge is forcing body/main backgrounds, neutralize it
   (keeps your archive text system intact, but lets photos show) */
body.woocommerce-archive,
body.woocommerce-shop,
body.woocommerce-archive #page,
body.woocommerce-archive #content,
body.woocommerce-archive .site,
body.woocommerce-archive .site-main,
body.woocommerce-archive main,
body.woocommerce-shop #page,
body.woocommerce-shop #content,
body.woocommerce-shop .site,
body.woocommerce-shop .site-main,
body.woocommerce-shop main{
  background: transparent !important;
}

/* 2) Define GLASS variables per mode (tint + borders) */
.su-product,
.su-archive,
.su-footer-mini{
  --su-glass-blur: 18px;
  --su-glass-sat: 180%;
  --su-glass-bright: 1.05;

  /* defaults (light) */
  --su-glass-tint: rgba(255,255,255,.38);
  --su-glass-edge: rgba(0,0,0,.14);
  --su-glass-inner: rgba(255,255,255,.55);
  --su-glass-shadow: 0 18px 60px rgba(0,0,0,.10);
}

/* system dark */
@media (prefers-color-scheme: dark){
  .su-product,
  .su-archive,
  .su-footer-mini{
    --su-glass-tint: rgba(0,0,0,.36);
    --su-glass-edge: rgba(255,255,255,.16);
    --su-glass-inner: rgba(255,255,255,.18);
    --su-glass-shadow: 0 18px 60px rgba(0,0,0,.55);
  }
}

/* theme toggle dark */
body.theme-dark .su-product,
body.theme-dark .su-archive,
body.theme-dark .su-footer-mini,
body.dark .su-product,
body.dark .su-archive,
body.dark .su-footer-mini{
  --su-glass-tint: rgba(0,0,0,.36);
  --su-glass-edge: rgba(255,255,255,.16);
  --su-glass-inner: rgba(255,255,255,.18);
  --su-glass-shadow: 0 18px 60px rgba(0,0,0,.55);
}

/* 3) Apply TRUE GLASS to your actual panels/cards/footer */
.su-product__gallery,
.su-product__summary,
.su-archive ul.products li.product,
.su-footer-mini{
  position: relative;
  overflow: hidden;

  background: var(--su-glass-tint) !important;
  border: 1px solid var(--su-glass-edge) !important;
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--su-glass-inner) 35%, transparent) inset,
    var(--su-glass-shadow) !important;
}

/* blur only when supported */
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){
  .su-product__gallery,
  .su-product__summary,
  .su-archive ul.products li.product,
  .su-footer-mini{
    backdrop-filter: blur(var(--su-glass-blur)) saturate(var(--su-glass-sat)) brightness(var(--su-glass-bright));
    -webkit-backdrop-filter: blur(var(--su-glass-blur)) saturate(var(--su-glass-sat)) brightness(var(--su-glass-bright));
  }
}

/* 4) Liquid edge highlights (subtle Apple rim) */
.su-product__gallery::before,
.su-product__summary::before,
.su-archive ul.products li.product::before,
.su-footer-mini::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,0) 40%),
    radial-gradient(120% 80% at 18% 12%, rgba(255,255,255,.18), rgba(255,255,255,0) 60%);
  opacity:.75;
}

/* chromatic micro-rim */
.su-product__gallery::after,
.su-product__summary::after,
.su-archive ul.products li.product::after,
.su-footer-mini::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background: linear-gradient(90deg, rgba(0,122,255,.10), transparent 35%, rgba(255,45,85,.08));
  mix-blend-mode: screen;
  filter: blur(12px);
  opacity:.55;
}

/* keep content above layers */
.su-product__gallery > *,
.su-product__summary > *,
.su-archive ul.products li.product > *,
.su-footer-mini > *{
  position: relative;
  z-index: 1;
}

/* =========================================================
   SUAVENIR – Global Button (TRUE GLASS + VIBRANT OVERLAY)
   Class: .su-button
   ========================================================= */

/* Base tokens (dark default). Light is via body.theme-light */
:root{
  --su-btn-blur: 18px;
  --su-btn-sat: 185%;
  --su-btn-bright: 1.06;

  /* Dark default */
  --su-btn-tint: rgba(0,0,0,.38);
  --su-btn-edge: rgba(255,255,255,.18);
  --su-btn-inner: rgba(255,255,255,.18);
  --su-btn-text: rgba(255,255,255,.92);
  --su-btn-muted: rgba(255,255,255,.72);
}

/* Manual Light mode */
body.theme-light{
  --su-btn-tint: rgba(255,255,255,.34);
  --su-btn-edge: rgba(0,0,0,.14);
  --su-btn-inner: rgba(255,255,255,.55);
  --su-btn-text: rgba(0,0,0,.88);
  --su-btn-muted: rgba(0,0,0,.62);
}

/* Apply to buttons + links */
.su-button{
  all: unset;
  box-sizing: border-box;

  position: relative;
  overflow: hidden;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  padding: 12px 18px;
  border-radius: 999px;

  cursor: pointer;
  user-select: none;

  background: var(--su-btn-tint);
  border: 1px solid var(--su-btn-edge);
  color: var(--su-btn-text);

  font: 700 13px/1.05 Inter, system-ui, sans-serif;
  letter-spacing: .06em;
  text-transform: uppercase;
  text-decoration: none;

  /* no drop shadow — editorial */
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--su-btn-inner) 45%, transparent),
    inset 0 -10px 22px rgba(0,0,0,.10);
}

/* Blur only if supported */
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){
  .su-button{
    backdrop-filter: blur(var(--su-btn-blur)) saturate(var(--su-btn-sat)) brightness(var(--su-btn-bright));
    -webkit-backdrop-filter: blur(var(--su-btn-blur)) saturate(var(--su-btn-sat)) brightness(var(--su-btn-bright));
  }
}

/* Liquid highlight */
.su-button::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;

  background:
    linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,0) 48%),
    radial-gradient(120% 85% at 18% 10%, rgba(255,255,255,.18), rgba(255,255,255,0) 62%);
  opacity: .75;
}

/* Vibrant refraction overlay (matches your site) */
.su-button::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;

  background:
    linear-gradient(90deg,
      rgba(0,122,255,.14),
      rgba(255,255,255,0) 35%,
      rgba(255,45,85,.12)
    ),
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,0) 60%);

  mix-blend-mode: screen;
  filter: blur(10px);
  opacity: .55;
}

/* Keep content above overlays */
.su-button > *{
  position: relative;
  z-index: 1;
}

/* Hover = refractive change, not lift */
.su-button:hover{
  border-color: color-mix(in srgb, var(--su-btn-edge) 70%, rgba(255,255,255,.25));
}
.su-button:hover::after{ opacity: .70; }
body.theme-light .su-button:hover::after{ opacity: .45; }

/* Press = inward */
.su-button:active{
  transform: scale(.985);
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--su-btn-inner) 60%, transparent),
    inset 0 -14px 26px rgba(0,0,0,.14);
}

/* Focus */
.su-button:focus-visible{
  outline: 2px solid rgba(0,122,255,.55);
  outline-offset: 2px;
}

/* Variants */
.su-button--icon{
  padding: 10px 12px;
  min-width: 44px;
}
.su-button--block{
  width: 100%;
}

/* =========================================================
   SUAVENIR – WooCommerce Glass Skin (Global)
   Notices + Mini Cart + Cart + Checkout
   True glass (photo background friendly) + vibrant overlay
   No drop shadow (editorial)
   Theme model: body.theme-light = light, else = dark
   ========================================================= */

/* -----------------------------
   TOKENS
   ----------------------------- */
:root{
  --su-ui-blur: 20px;
  --su-ui-sat: 185%;
  --su-ui-bright: 1.05;

  /* dark default */
  --su-ui-tint: rgba(0,0,0,.40);
  --su-ui-edge: rgba(255,255,255,.18);
  --su-ui-inner: rgba(255,255,255,.18);
  --su-ui-text: rgba(255,255,255,.84);
  --su-ui-strong: rgba(255,255,255,.92);
  --su-ui-muted: rgba(255,255,255,.62);

  /* refraction */
  --su-ui-rim-a: rgba(0,122,255,.14);
  --su-ui-rim-b: rgba(255,45,85,.12);
}

/* light override */
body.theme-light{
  --su-ui-tint: rgba(255,255,255,.34);
  --su-ui-edge: rgba(0,0,0,.14);
  --su-ui-inner: rgba(255,255,255,.55);
  --su-ui-text: rgba(0,0,0,.72);
  --su-ui-strong: rgba(0,0,0,.88);
  --su-ui-muted: rgba(0,0,0,.58);

  --su-ui-rim-a: rgba(0,122,255,.12);
  --su-ui-rim-b: rgba(255,45,85,.10);
}

/* -----------------------------
   GLASS MIXIN (apply via .elementor-kit-106s)
   ----------------------------- */
:where(
  .woocommerce-message,
  .woocommerce-info,
  .woocommerce-error,
  .woocommerce-notices-wrapper > *,
  .woocommerce .woocommerce-notices-wrapper > *,
  /* Woo Blocks notices */
  .wc-block-components-notice-banner,
  .wc-block-components-notice-banner__content,
  .wc-block-store-notice,
  /* Mini cart */
  .widget_shopping_cart,
  .widget_shopping_cart_content,
  .woocommerce-mini-cart,
  .woocommerce-mini-cart__buttons,
  /* Cart / Checkout wrappers */
  .woocommerce-cart .woocommerce,
  .woocommerce-checkout .woocommerce,
  .woocommerce-cart-form,
  .cart-collaterals,
  .woocommerce-checkout-review-order,
  .woocommerce-checkout-payment,
  .woocommerce-billing-fields,
  .woocommerce-shipping-fields,
  .woocommerce-additional-fields,
  .woocommerce form.checkout,
  .woocommerce form.woocommerce-cart-form,
  .woocommerce table.shop_table,
  .woocommerce .shop_table,
  .woocommerce .cart_totals,
  .woocommerce .woocommerce-checkout-review-order-table
){
  background: var(--su-ui-tint) !important;
  border: 1px solid var(--su-ui-edge) !important;
  border-radius: 18px !important;
  overflow: hidden !important;

  /* editorial depth (NO drop shadow) */
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--su-ui-inner) 45%, transparent),
    inset 0 -18px 34px rgba(0,0,0,.10) !important;

  color: var(--su-ui-text) !important;
}

/* Blur if supported */
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){
  :where(
    .woocommerce-message,
    .woocommerce-info,
    .woocommerce-error,
    .woocommerce-notices-wrapper > *,
    .woocommerce .woocommerce-notices-wrapper > *,
    .wc-block-components-notice-banner,
    .wc-block-store-notice,
    .widget_shopping_cart,
    .widget_shopping_cart_content,
    .woocommerce-mini-cart,
    .woocommerce-mini-cart__buttons,
    .woocommerce-cart-form,
    .cart-collaterals,
    .woocommerce-checkout-review-order,
    .woocommerce-checkout-payment,
    .woocommerce form.checkout,
    .woocommerce table.shop_table,
    .woocommerce .cart_totals
  ){
    backdrop-filter: blur(var(--su-ui-blur)) saturate(var(--su-ui-sat)) brightness(var(--su-ui-bright)) !important;
    -webkit-backdrop-filter: blur(var(--su-ui-blur)) saturate(var(--su-ui-sat)) brightness(var(--su-ui-bright)) !important;
  }
}

/* Liquid highlight */
:where(
  .woocommerce-message,
  .woocommerce-info,
  .woocommerce-error,
  .woocommerce-notices-wrapper > *,
  .wc-block-components-notice-banner,
  .widget_shopping_cart,
  .woocommerce-mini-cart,
  .woocommerce-cart-form,
  .cart-collaterals,
  .woocommerce-checkout-review-order,
  .woocommerce-checkout-payment,
  .woocommerce table.shop_table,
  .woocommerce .cart_totals
){
  position: relative !important;
}
:where(
  .woocommerce-message,
  .woocommerce-info,
  .woocommerce-error,
  .woocommerce-notices-wrapper > *,
  .wc-block-components-notice-banner,
  .widget_shopping_cart,
  .woocommerce-mini-cart,
  .woocommerce-cart-form,
  .cart-collaterals,
  .woocommerce-checkout-review-order,
  .woocommerce-checkout-payment,
  .woocommerce table.shop_table,
  .woocommerce .cart_totals
)::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,0) 48%),
    radial-gradient(120% 85% at 18% 10%, rgba(255,255,255,.18), rgba(255,255,255,0) 62%);
  opacity:.70;
}

/* Vibrant refraction rim */
:where(
  .woocommerce-message,
  .woocommerce-info,
  .woocommerce-error,
  .woocommerce-notices-wrapper > *,
  .wc-block-components-notice-banner,
  .widget_shopping_cart,
  .woocommerce-mini-cart,
  .woocommerce-cart-form,
  .cart-collaterals,
  .woocommerce-checkout-review-order,
  .woocommerce-checkout-payment,
  .woocommerce table.shop_table,
  .woocommerce .cart_totals
)::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background: linear-gradient(90deg, var(--su-ui-rim-a), transparent 35%, var(--su-ui-rim-b));
  mix-blend-mode: screen;
  filter: blur(12px);
  opacity:.45;
}

/* Keep content above layers */
:where(
  .woocommerce-message,
  .woocommerce-info,
  .woocommerce-error,
  .woocommerce-notices-wrapper > *,
  .wc-block-components-notice-banner,
  .widget_shopping_cart,
  .woocommerce-mini-cart,
  .woocommerce-cart-form,
  .cart-collaterals,
  .woocommerce-checkout-review-order,
  .woocommerce-checkout-payment,
  .woocommerce table.shop_table,
  .woocommerce .cart_totals
) > *{
  position: relative !important;
  z-index: 1 !important;
}

/* -----------------------------
   TEXT + LINKS (inside these areas)
   ----------------------------- */
:where(
  .woocommerce-message,
  .woocommerce-info,
  .woocommerce-error,
  .woocommerce-notices-wrapper,
  .woocommerce-cart,
  .woocommerce-checkout,
  .woocommerce-mini-cart
) a{
  color: var(--su-ui-muted) !important;
  text-decoration: none !important;
}
:where(
  .woocommerce-message,
  .woocommerce-info,
  .woocommerce-error,
  .woocommerce-notices-wrapper,
  .woocommerce-cart,
  .woocommerce-checkout,
  .woocommerce-mini-cart
) a:hover{
  color: var(--su-ui-strong) !important;
}

/* -----------------------------
   REMOVE DEFAULT NOTICE COLORS/BORDERS
   ----------------------------- */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error{
  padding: 14px 16px !important;
  margin: 0 0 14px !important;
  border-left: none !important;
}
.woocommerce-error{
  list-style: none !important;
}

/* -----------------------------
   CART + CHECKOUT TABLES (clean + glass)
   ----------------------------- */
.woocommerce table.shop_table,
.woocommerce .shop_table{
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border: 1px solid var(--su-ui-edge) !important;
}
.woocommerce table.shop_table th,
.woocommerce table.shop_table td{
  border-color: color-mix(in srgb, var(--su-ui-edge) 65%, transparent) !important;
  color: var(--su-ui-text) !important;
}
.woocommerce table.shop_table th{
  color: var(--su-ui-strong) !important;
  font-weight: 650 !important;
}

/* -----------------------------
   FORMS / INPUTS (cart + checkout)
   ----------------------------- */
.woocommerce-cart input,
.woocommerce-cart select,
.woocommerce-cart textarea,
.woocommerce-checkout input,
.woocommerce-checkout select,
.woocommerce-checkout textarea,
.wc-block-components-text-input input,
.wc-block-components-text-input textarea{
  background: color-mix(in srgb, var(--su-ui-tint) 55%, transparent) !important;
  border: 1px solid var(--su-ui-edge) !important;
  color: var(--su-ui-strong) !important;
  border-radius: 14px !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--su-ui-inner) 35%, transparent) !important;
  outline: none !important;
}

/* Labels */
.woocommerce-cart label,
.woocommerce-checkout label,
.wc-block-components-text-input label{
  color: var(--su-ui-muted) !important;
}

/* -----------------------------
   BUTTONS (auto-glass)
   Applies to cart/checkout + notice CTA buttons
   ----------------------------- */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .button,
.woocommerce .checkout-button,
.woocommerce button[name="update_cart"],
.woocommerce button[name="apply_coupon"],
.woocommerce button[name="woocommerce_checkout_place_order"],
.wc-block-components-button{
  background: color-mix(in srgb, var(--su-ui-tint) 70%, transparent) !important;
  border: 1px solid var(--su-ui-edge) !important;
  border-radius: 999px !important;

  color: var(--su-ui-strong) !important;
  font: 700 13px/1.05 Inter, system-ui, sans-serif !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;

  padding: 12px 18px !important;
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--su-ui-inner) 45%, transparent),
    inset 0 -12px 24px rgba(0,0,0,.12) !important;

  transition: opacity .18s ease, transform .18s ease, border-color .18s ease !important;
}

@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){
  .woocommerce a.button,
  .woocommerce button.button,
  .woocommerce input.button,
  .woocommerce .button,
  .woocommerce .checkout-button,
  .wc-block-components-button{
    backdrop-filter: blur(16px) saturate(175%) brightness(1.05) !important;
    -webkit-backdrop-filter: blur(16px) saturate(175%) brightness(1.05) !important;
  }
}

/* Vibrant overlay on buttons */
.woocommerce a.button::after,
.woocommerce button.button::after,
.woocommerce input.button::after,
.woocommerce .button::after,
.wc-block-components-button::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background: linear-gradient(90deg, var(--su-ui-rim-a), transparent 35%, var(--su-ui-rim-b));
  mix-blend-mode: screen;
  filter: blur(10px);
  opacity:.45;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce .button:hover,
.wc-block-components-button:hover{
  opacity: .98 !important;
  border-color: color-mix(in srgb, var(--su-ui-edge) 70%, rgba(255,255,255,.25)) !important;
}

.woocommerce a.button:active,
.woocommerce button.button:active,
.woocommerce input.button:active,
.woocommerce .button:active,
.wc-block-components-button:active{
  transform: scale(.985) !important;
}

/* -----------------------------
   MINI CART (spacing polish)
   ----------------------------- */
.woocommerce-mini-cart{
  padding: 14px !important;
}
.woocommerce-mini-cart__buttons{
  padding: 12px 14px !important;
  display: grid !important;
  gap: 10px !important;
}
.woocommerce-mini-cart__buttons a{
  width: 100% !important;
  justify-content: center !important;
}

/* -----------------------------
   REMOVE THEME SHADOWS/BACKGROUNDS BLEED
   ----------------------------- */
.woocommerce-cart .elementor-section,
.woocommerce-checkout .elementor-section,
.woocommerce-cart .elementor-widget,
.woocommerce-checkout .elementor-widget{
  box-shadow: none !important;
}


/* =========================================================
   SUAVENIR – Woo Blocks (Checkout/Cart) Optimizer
   Targets: .wc-block-checkout, .wc-block-cart
   Paste UNDER your existing Woo glass CSS
   ========================================================= */

/* ---------- BLOCKS WRAPPER ---------- */
.wc-block-checkout,
.wc-block-cart{
  background: transparent !important;
  color: var(--su-ui-text) !important;
}

/* remove block default white panels */
.wc-block-components-sidebar,
.wc-block-components-main,
.wc-block-checkout__main,
.wc-block-checkout__sidebar,
.wc-block-cart__main,
.wc-block-cart__sidebar,
.wc-block-components-order-summary,
.wc-block-components-totals-wrapper,
.wc-block-components-checkout-step,
.wc-block-components-panel,
.wc-block-components-card{
  background: transparent !important;
  box-shadow: none !important;
}

/* ---------- MAKE BLOCK PANELS TRUE GLASS ---------- */
.wc-block-components-order-summary,
.wc-block-components-totals-wrapper,
.wc-block-components-checkout-step,
.wc-block-components-panel,
.wc-block-components-card,
.wc-block-components-notice-banner{
  position: relative !important;
  overflow: hidden !important;

  background: var(--su-ui-tint) !important;
  border: 1px solid var(--su-ui-edge) !important;
  border-radius: 18px !important;

  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--su-ui-inner) 45%, transparent),
    inset 0 -18px 34px rgba(0,0,0,.10) !important;
}

/* blur */
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){
  .wc-block-components-order-summary,
  .wc-block-components-totals-wrapper,
  .wc-block-components-checkout-step,
  .wc-block-components-panel,
  .wc-block-components-card,
  .wc-block-components-notice-banner{
    backdrop-filter: blur(var(--su-ui-blur)) saturate(var(--su-ui-sat)) brightness(var(--su-ui-bright)) !important;
    -webkit-backdrop-filter: blur(var(--su-ui-blur)) saturate(var(--su-ui-sat)) brightness(var(--su-ui-bright)) !important;
  }
}

/* liquid highlight */
.wc-block-components-order-summary::before,
.wc-block-components-totals-wrapper::before,
.wc-block-components-checkout-step::before,
.wc-block-components-panel::before,
.wc-block-components-card::before,
.wc-block-components-notice-banner::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,0) 48%),
    radial-gradient(120% 85% at 18% 10%, rgba(255,255,255,.18), rgba(255,255,255,0) 62%);
  opacity:.65;
}

/* vibrant refraction */
.wc-block-components-order-summary::after,
.wc-block-components-totals-wrapper::after,
.wc-block-components-checkout-step::after,
.wc-block-components-panel::after,
.wc-block-components-card::after,
.wc-block-components-notice-banner::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background: linear-gradient(90deg, var(--su-ui-rim-a), transparent 35%, var(--su-ui-rim-b));
  mix-blend-mode: screen;
  filter: blur(12px);
  opacity:.40;
}

/* keep content above layers */
.wc-block-components-order-summary > *,
.wc-block-components-totals-wrapper > *,
.wc-block-components-checkout-step > *,
.wc-block-components-panel > *,
.wc-block-components-card > *,
.wc-block-components-notice-banner > *{
  position: relative !important;
  z-index: 1 !important;
}

/* ---------- TYPOGRAPHY (readable on busy photos) ---------- */
.wc-block-checkout h1,
.wc-block-checkout h2,
.wc-block-checkout h3,
.wc-block-checkout .wc-block-components-title,
.wc-block-cart .wc-block-components-title{
  color: var(--su-ui-strong) !important;
  letter-spacing: .01em !important;
}

.wc-block-checkout,
.wc-block-checkout p,
.wc-block-checkout span,
.wc-block-checkout label,
.wc-block-cart,
.wc-block-cart p,
.wc-block-cart span,
.wc-block-cart label{
  color: var(--su-ui-text) !important;
}

/* ---------- FIELDS (the big win) ---------- */
.wc-block-components-text-input input,
.wc-block-components-text-input textarea,
.wc-block-components-select .components-input-control__backdrop,
.wc-block-components-select select,
.wc-block-components-combobox-control input,
.wc-block-components-form .wc-block-components-text-input input{
  background: color-mix(in srgb, var(--su-ui-tint) 60%, transparent) !important;
  border: 1px solid var(--su-ui-edge) !important;
  color: var(--su-ui-strong) !important;

  border-radius: 14px !important;
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--su-ui-inner) 35%, transparent) !important;
}

/* remove “white dropdown” / native glow */
.wc-block-components-select select{
  appearance: none !important;
  -webkit-appearance: none !important;
  outline: none !important;
}

/* placeholder */
.wc-block-components-text-input input::placeholder,
.wc-block-components-text-input textarea::placeholder{
  color: var(--su-ui-muted) !important;
  opacity: .9 !important;
}

/* focus ring */
.wc-block-components-text-input input:focus,
.wc-block-components-text-input textarea:focus,
.wc-block-components-select select:focus{
  outline: 2px solid color-mix(in srgb, var(--su-ui-rim-a) 55%, transparent) !important;
  outline-offset: 2px !important;
}

/* ---------- CHECKBOX/RADIO ---------- */
.wc-block-components-checkbox .wc-block-components-checkbox__input,
.wc-block-components-radio-control__option input{
  accent-color: color-mix(in srgb, var(--su-ui-rim-a) 70%, #0a84ff) !important;
}

/* ---------- ORDER SUMMARY ITEM ROWS ---------- */
.wc-block-components-order-summary-item,
.wc-block-components-totals-item,
.wc-block-components-summary-item{
  border-color: color-mix(in srgb, var(--su-ui-edge) 60%, transparent) !important;
}

.wc-block-components-order-summary-item__total,
.wc-block-components-totals-item__value{
  color: var(--su-ui-strong) !important;
}

/* ---------- PRIMARY BUTTONS (Place order etc.) ---------- */
.wc-block-components-button,
.wc-block-components-checkout-place-order-button,
.wc-block-cart__submit-button{
  position: relative !important;
  overflow: hidden !important;

  background: color-mix(in srgb, var(--su-ui-tint) 70%, transparent) !important;
  border: 1px solid var(--su-ui-edge) !important;
  border-radius: 999px !important;

  color: var(--su-ui-strong) !important;
  font: 700 13px/1.05 Inter, system-ui, sans-serif !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;

  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--su-ui-inner) 45%, transparent),
    inset 0 -12px 24px rgba(0,0,0,.12) !important;
}

@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){
  .wc-block-components-button,
  .wc-block-components-checkout-place-order-button,
  .wc-block-cart__submit-button{
    backdrop-filter: blur(16px) saturate(175%) brightness(1.05) !important;
    -webkit-backdrop-filter: blur(16px) saturate(175%) brightness(1.05) !important;
  }
}

/* vibrant overlay on blocks buttons */
.wc-block-components-button::after,
.wc-block-components-checkout-place-order-button::after,
.wc-block-cart__submit-button::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background: linear-gradient(90deg, var(--su-ui-rim-a), transparent 35%, var(--su-ui-rim-b));
  mix-blend-mode: screen;
  filter: blur(10px);
  opacity:.40;
}

/* ---------- SPACING / LAYOUT POLISH ---------- */
.wc-block-checkout__main{
  gap: 18px !important;
}
.wc-block-components-checkout-step{
  padding: 16px 16px !important;
}
.wc-block-components-order-summary{
  padding: 16px 16px !important;
}/* End custom CSS */