/*! ═══════════════════════════════════════════════════════════════════════════
 *  TanieSerwetki.pl — Panel klienta  v3.0
 *  panel.tanieserwetki.pl: /platnosc, /moje-konto, /koszyk, /order-pay
 * ═══════════════════════════════════════════════════════════════════════════ */


/* ─── VARIABLES ────────────────────────────────────────────────────────── */
:root {
  --ts-primary: #2f7d32;
  --ts-primary-hover: #256528;
  --ts-primary-light: #e8f5e9;
  --ts-primary-ring: rgba(47, 125, 50, .15);
  --ts-text: #1a1a1a;
  --ts-text-sec: #555;
  --ts-text-muted: #888;
  --ts-bg: #f5f5f5;
  --ts-white: #fff;
  --ts-border: #e0e0e0;
  --ts-border-lt: #eee;
  --ts-radius: 8px;
  --ts-radius-lg: 12px;
  --ts-shadow-sm: 0 1px 3px rgba(0,0,0,.06);
  --ts-shadow: 0 2px 8px rgba(0,0,0,.08);
  --ts-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
             "Helvetica Neue", Arial, sans-serif;
}


/* ═══════════════════════════════════════════════════════════════════════════
 *  1. GLOBAL BODY
 * ═══════════════════════════════════════════════════════════════════════════ */
body.woocommerce-page *,
body.woocommerce-page *::before,
body.woocommerce-page *::after,
body.woocommerce-account *,
body.woocommerce-account *::before,
body.woocommerce-account *::after {
  box-sizing: border-box !important;
}

body.woocommerce-page,
body.woocommerce-account,
body.woocommerce-checkout,
body.woocommerce-cart,
body.woocommerce-order-pay,
body.woocommerce-order-received {
  background-color: var(--ts-bg) !important;
  font-family: var(--ts-font) !important;
  color: var(--ts-text) !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Prevent horizontal scroll on mobile */
  overflow-x: hidden !important;
  max-width: 100% !important;
}



body.woocommerce-page #page,
body.woocommerce-account #page {
  overflow-x: hidden !important;
  width: 100% !important;
  max-width: 100% !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
 *  2. HEADER
 * ═══════════════════════════════════════════════════════════════════════════ */
body.woocommerce-page .site-header,
body.woocommerce-account .site-header {
  background: #1b5e20 !important;
  box-shadow: 0 2px 12px rgba(0,0,0,.18) !important;
  border-bottom: none !important;
  position: relative !important;
  z-index: 100 !important;
  width: 100% !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  overflow-x: clip !important;
  /* Center content by padding: 570px = half of 1140px content width */
  padding-left: max(24px, calc(50% - 570px)) !important;
  padding-right: max(24px, calc(50% - 570px)) !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* .col-full just does flex — no max-width, padding handled by parent */
body.woocommerce-page .site-header .col-full,
body.woocommerce-account .site-header .col-full,
body.woocommerce-page header .col-full,
body.woocommerce-account header .col-full,
body.woocommerce-page #masthead .col-full,
body.woocommerce-account #masthead .col-full,
.site-header .col-full {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  min-height: 64px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  overflow-x: clip !important;
}

/* Storefront has a second .col-full row for primary nav.
   It must NOT inherit header flex row styles meant for branding row. */
body.woocommerce-page .storefront-primary-navigation .col-full,
body.woocommerce-account .storefront-primary-navigation .col-full {
  display: block !important;
  min-height: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  float: none !important;
  overflow: visible !important;
}

/* ── Logo / branding ── */
body.woocommerce-page .site-header .site-branding,
body.woocommerce-account .site-header .site-branding {
  display: flex !important;
  align-items: center !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
  padding: 10px 0 !important;
}
/* Logo image — natural rendering, no destructive filters */
body.woocommerce-page .site-header .site-logo img,
body.woocommerce-page .site-header .custom-logo-link img,
body.woocommerce-account .site-header .site-logo img,
body.woocommerce-account .site-header .custom-logo-link img {
  max-height: 44px !important;
  height: auto !important;
  width: auto !important;
  display: block !important;
  filter: none !important;
  object-fit: contain !important;
}
/* If the logo is an SVG loaded inline */
body.woocommerce-page .site-header .site-logo svg,
body.woocommerce-page .site-header .custom-logo-link svg,
body.woocommerce-account .site-header .site-logo svg,
body.woocommerce-account .site-header .custom-logo-link svg {
  max-height: 44px !important;
  width: auto !important;
  display: block !important;
}
/* Site title text (fallback if no logo image) */
body.woocommerce-page .site-header .site-title,
body.woocommerce-account .site-header .site-title {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.2 !important;
}
body.woocommerce-page .site-header .site-title a,
body.woocommerce-account .site-header .site-title a {
  color: var(--ts-white) !important;
  font-family: var(--ts-font) !important;
  font-weight: 800 !important;
  font-size: 20px !important;
  letter-spacing: -.3px !important;
  text-decoration: none !important;
}
body.woocommerce-page .site-header .site-description,
body.woocommerce-account .site-header .site-description {
  display: none !important;
}

/* ── Main navigation — DESKTOP ONLY (≥769px) ── */
@media (min-width: 769px) {
  body.woocommerce-page .site-header .main-navigation,
  body.woocommerce-account .site-header .main-navigation,
  body.woocommerce-page .site-header .primary-navigation,
  body.woocommerce-account .site-header .primary-navigation {
    display: flex !important;
    align-items: center !important;
    margin-left: auto !important;
    float: none !important;
    clear: none !important;
    padding: 0 !important;
  }
  body.woocommerce-page .site-header .main-navigation ul.menu,
  body.woocommerce-page .site-header .main-navigation ul.nav-menu,
  body.woocommerce-account .site-header .main-navigation ul.menu,
  body.woocommerce-account .site-header .main-navigation ul.nav-menu {
    float: none !important;
  }

  /* Nav list */
  body.woocommerce-page .site-header .main-navigation > ul,
  body.woocommerce-account .site-header .main-navigation > ul,
  body.woocommerce-page .site-header .primary-navigation > ul,
  body.woocommerce-account .site-header .primary-navigation > ul {
    list-style: none !important;
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 4px !important;
    flex-wrap: nowrap !important;
  }

  /* Nav links */
  body.woocommerce-page .site-header .main-navigation > ul > li > a,
  body.woocommerce-account .site-header .main-navigation > ul > li > a,
  body.woocommerce-page .site-header .primary-navigation > ul > li > a,
  body.woocommerce-account .site-header .primary-navigation > ul > li > a,
  body.woocommerce-page .site-header nav > ul > li > a,
  body.woocommerce-account .site-header nav > ul > li > a {
    color: var(--ts-white) !important;
    font-family: var(--ts-font) !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    letter-spacing: .4px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    padding: 22px 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    transition: background .2s, border-color .2s !important;
    white-space: nowrap !important;
    border-bottom: 3px solid transparent !important;
  }
} /* end @media min-width:769px nav */
@media (min-width: 769px) {
  body.woocommerce-page .site-header .main-navigation > ul > li > a:hover,
  body.woocommerce-account .site-header .main-navigation > ul > li > a:hover,
  body.woocommerce-page .site-header .primary-navigation > ul > li > a:hover,
  body.woocommerce-account .site-header .primary-navigation > ul > li > a:hover,
  body.woocommerce-page .site-header nav > ul > li > a:hover,
  body.woocommerce-account .site-header nav > ul > li > a:hover {
    background: rgba(255,255,255,.1) !important;
    color: var(--ts-white) !important;
    border-bottom-color: rgba(255,255,255,.5) !important;
  }
  body.woocommerce-page .site-header .main-navigation > ul > li.current-menu-item > a,
  body.woocommerce-account .site-header .main-navigation > ul > li.current-menu-item > a,
  body.woocommerce-page .site-header .primary-navigation > ul > li.current-menu-item > a,
  body.woocommerce-account .site-header .primary-navigation > ul > li.current-menu-item > a {
    border-bottom-color: var(--ts-white) !important;
    background: rgba(255,255,255,.07) !important;
  }

  /* Sub-menu dropdowns */
  body.woocommerce-page .site-header .main-navigation ul.children,
  body.woocommerce-page .site-header .main-navigation ul.sub-menu,
  body.woocommerce-account .site-header .main-navigation ul.children,
  body.woocommerce-account .site-header .main-navigation ul.sub-menu {
    background: var(--ts-white) !important;
    border-radius: var(--ts-radius) !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.14) !important;
    flex-direction: column !important;
    gap: 0 !important;
    padding: 8px 0 !important;
    min-width: 200px !important;
  }
  body.woocommerce-page .site-header .main-navigation ul.children li a,
  body.woocommerce-page .site-header .main-navigation ul.sub-menu li a,
  body.woocommerce-account .site-header .main-navigation ul.children li a,
  body.woocommerce-account .site-header .main-navigation ul.sub-menu li a {
    color: var(--ts-text) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    padding: 10px 20px !important;
    border-bottom: none !important;
  }
  body.woocommerce-page .site-header .main-navigation ul.children li a:hover,
  body.woocommerce-page .site-header .main-navigation ul.sub-menu li a:hover,
  body.woocommerce-account .site-header .main-navigation ul.children li a:hover,
  body.woocommerce-account .site-header .main-navigation ul.sub-menu li a:hover {
    color: var(--ts-primary) !important;
    background: var(--ts-primary-light) !important;
  }
} /* end @media min-width:769px nav-hover+submenu */

/* ── Header cart ── */
body.woocommerce-page .site-header .site-header-cart,
body.woocommerce-account .site-header .site-header-cart {
  display: flex !important;
  align-items: center !important;
  margin-left: 8px !important;
  flex-shrink: 0 !important;
  float: none !important;
}
body.woocommerce-page .site-header .site-header-cart a,
body.woocommerce-account .site-header .site-header-cart a {
  color: var(--ts-white) !important;
  font-size: 14px !important;
  text-transform: uppercase !important;
  letter-spacing: .4px !important;
  font-weight: 600 !important;
  padding: 22px 14px !important;
}
body.woocommerce-page .site-header .site-header-cart .count,
body.woocommerce-account .site-header .site-header-cart .count {
  background: var(--ts-white) !important;
  color: #1b5e20 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  border-radius: 50% !important;
  min-width: 20px !important;
  height: 20px !important;
  line-height: 20px !important;
  text-align: center !important;
  display: inline-block !important;
  margin-left: 4px !important;
}
/* Hide search everywhere */
body.woocommerce-page .site-header .site-search,
body.woocommerce-account .site-header .site-search,
body.woocommerce-page .site-search,
body.woocommerce-account .site-search,
.storefront-handheld-footer-bar .site-search,
.storefront-handheld-footer-bar ul li.search,
.storefront-handheld-footer-bar ul li.search a,
.storefront-handheld-footer-bar .search,
.storefront-handheld-footer-bar [class*="search"],
.site-header .site-search,
.header-widget-region .widget_product_search,
.header-widget-region .widget_search,
.site-header .widget_product_search,
.site-header .widget_search {
  display: none !important;
  visibility: hidden !important;
  max-height: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Storefront desktop navigation row fix */
@media (min-width: 769px) {
  body.woocommerce-page .storefront-primary-navigation,
  body.woocommerce-account .storefront-primary-navigation {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    background: #1b5e20 !important;
  }

  body.woocommerce-page .storefront-primary-navigation .col-full,
  body.woocommerce-account .storefront-primary-navigation .col-full {
    max-width: 1140px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: block !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  body.woocommerce-page .storefront-primary-navigation .main-navigation,
  body.woocommerce-account .storefront-primary-navigation .main-navigation {
    display: block !important;
    margin-left: 0 !important;
    width: 100% !important;
  }

  body.woocommerce-page .storefront-primary-navigation .menu-toggle,
  body.woocommerce-account .storefront-primary-navigation .menu-toggle,
  body.woocommerce-page .storefront-primary-navigation .handheld-navigation,
  body.woocommerce-account .storefront-primary-navigation .handheld-navigation {
    display: none !important;
  }

  body.woocommerce-page .storefront-primary-navigation .primary-navigation,
  body.woocommerce-account .storefront-primary-navigation .primary-navigation {
    display: block !important;
  }

  body.woocommerce-page .storefront-primary-navigation .primary-navigation > ul,
  body.woocommerce-account .storefront-primary-navigation .primary-navigation > ul,
  body.woocommerce-page .storefront-primary-navigation ul.menu,
  body.woocommerce-account .storefront-primary-navigation ul.menu {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }
}


/* ═══════════════════════════════════════════════════════════════════════════
 *  3. CONTENT AREA RESET — only content, NOT header/footer
 * ═══════════════════════════════════════════════════════════════════════════ */

/* Reset content structure floats & widths */
body.woocommerce-page .site-content,
body.woocommerce-page #primary,
body.woocommerce-page .content-area,
body.woocommerce-page #main,
body.woocommerce-account .site-content,
body.woocommerce-account #primary,
body.woocommerce-account .content-area,
body.woocommerce-account #main {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  overflow-x: hidden !important;
}

/* Content col-full inside .site-content — NOT header */
body.woocommerce-page .site-content .col-full,
body.woocommerce-account .site-content .col-full {
  max-width: 100% !important;
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  float: none !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Hide sidebar completely on WC pages */
body.woocommerce-page #secondary,
body.woocommerce-page .widget-area,
body.woocommerce-account #secondary,
body.woocommerce-account .widget-area {
  display: none !important;
}

/* Content container — main content box */
body.woocommerce-page .site-main > article > .entry-content,
body.woocommerce-page #primary .entry-content,
body.woocommerce-page .hentry .entry-content,
body.woocommerce-account .site-main > article > .entry-content,
body.woocommerce-account #primary .entry-content,
body.woocommerce-account .hentry .entry-content {
  max-width: 1140px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 32px 24px 60px !important;
  float: none !important;
  box-sizing: border-box !important;
}

/* Hide breadcrumbs, page title */
body.woocommerce-page .storefront-breadcrumb,
body.woocommerce-page .woocommerce-breadcrumb,
body.woocommerce-page .page-title,
body.woocommerce-page .entry-title,
body.woocommerce-page .entry-header,
body.woocommerce-account .storefront-breadcrumb,
body.woocommerce-account .woocommerce-breadcrumb,
body.woocommerce-account .page-title,
body.woocommerce-account .entry-title,
body.woocommerce-account .entry-header {
  display: none !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
 *  4. FOOTER — full-width dark footer
 * ═══════════════════════════════════════════════════════════════════════════ */
body.woocommerce-page .site-footer,
body.woocommerce-account .site-footer {
  background: #1b5e20 !important;
  color: rgba(255,255,255,.85) !important;
  font-family: var(--ts-font) !important;
  font-size: 14px !important;
  padding: 40px 0 !important;
  margin-top: 0 !important;
  width: 100% !important;
  float: none !important;
  clear: both !important;
}
/* Footer col-full — center content but allow bg to stretch */
body.woocommerce-page .site-footer .col-full,
body.woocommerce-account .site-footer .col-full {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding-left: 32px !important;
  padding-right: 32px !important;
  width: 100% !important;
  float: none !important;
  box-sizing: border-box !important;
}
/* Footer widgets row */
body.woocommerce-page .site-footer .footer-widgets,
body.woocommerce-account .site-footer .footer-widgets {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 32px !important;
}
body.woocommerce-page .site-footer a,
body.woocommerce-account .site-footer a {
  color: var(--ts-white) !important;
  text-decoration: none !important;
  opacity: .85 !important;
}
body.woocommerce-page .site-footer a:hover,
body.woocommerce-account .site-footer a:hover {
  color: var(--ts-white) !important;
  opacity: 1 !important;
  text-decoration: underline !important;
}
body.woocommerce-page .site-footer h1,
body.woocommerce-page .site-footer h2,
body.woocommerce-page .site-footer h3,
body.woocommerce-page .site-footer h4,
body.woocommerce-page .site-footer p,
body.woocommerce-page .site-footer span,
body.woocommerce-page .site-footer li,
body.woocommerce-account .site-footer h1,
body.woocommerce-account .site-footer h2,
body.woocommerce-account .site-footer h3,
body.woocommerce-account .site-footer h4,
body.woocommerce-account .site-footer p,
body.woocommerce-account .site-footer span,
body.woocommerce-account .site-footer li {
  color: rgba(255,255,255,.85) !important;
}
body.woocommerce-page .site-footer .site-info,
body.woocommerce-account .site-footer .site-info {
  color: rgba(255,255,255,.6) !important;
  font-size: 13px !important;
  padding-top: 24px !important;
  border-top: 1px solid rgba(255,255,255,.2) !important;
  margin-top: 24px !important;
  text-align: center !important;
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 32px !important;
  padding-right: 32px !important;
}
/* Hide all platform branding / credits */
body.woocommerce-page .site-info .site-credit,
body.woocommerce-account .site-info .site-credit,
body.woocommerce-page .site-info a[href*="woocommerce"],
body.woocommerce-account .site-info a[href*="woocommerce"],
body.woocommerce-page .site-info a[href*="WooCommerce"],
body.woocommerce-account .site-info a[href*="WooCommerce"],
body.woocommerce-page .site-info a[href*="woothemes"],
body.woocommerce-account .site-info a[href*="woothemes"],
body.woocommerce-page .site-info a[href*="wordpress"],
body.woocommerce-account .site-info a[href*="wordpress"],
body.woocommerce-page .site-info a[href*="WordPress"],
body.woocommerce-account .site-info a[href*="WordPress"],
body.woocommerce-page .woocommerce-store-notice,
body.woocommerce-account .woocommerce-store-notice {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
  font-size: 0 !important;
}
/* Replace site-info content to hide platform text */
body.woocommerce-page .site-footer .site-info,
body.woocommerce-account .site-footer .site-info {
  font-size: 0 !important;
  line-height: 0 !important;
}
body.woocommerce-page .site-footer .site-info::after,
body.woocommerce-account .site-footer .site-info::after {
  content: '\00A9  TanieSerwetki.pl — Wszelkie prawa zastrzeżone' !important;
  display: block !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
  color: rgba(255,255,255,.6) !important;
  text-align: center !important;
}

/* Cookie / info bar at bottom */
body.woocommerce-page .storefront-handheld-footer-bar,
body.woocommerce-account .storefront-handheld-footer-bar {
  background: #1b5e20 !important;
  border-top: 1px solid rgba(255,255,255,.15) !important;
}
body.woocommerce-page .storefront-handheld-footer-bar a,
body.woocommerce-account .storefront-handheld-footer-bar a {
  color: var(--ts-white) !important;
}

/* Hide WordPress edit post link */
body.woocommerce-page .post-edit-link,
body.woocommerce-page .entry-content + .post-edit-link,
body.woocommerce-page a.post-edit-link,
body.woocommerce-account .post-edit-link,
body.woocommerce-account .entry-content + .post-edit-link,
body.woocommerce-account a.post-edit-link,
body.woocommerce-page .edit-link,
body.woocommerce-account .edit-link {
  display: none !important;
}

/* No empty space under footer — page fills viewport */
body.woocommerce-page #page,
body.woocommerce-account #page {
  display: flex !important;
  flex-direction: column !important;
  min-height: 100vh !important;
}
body.woocommerce-page .site-content,
body.woocommerce-account .site-content {
  flex: 1 !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
 *  5. GLOBAL TEXT VISIBILITY — every element readable
 * ═══════════════════════════════════════════════════════════════════════════ */
body.woocommerce-page .site-content p,
body.woocommerce-page .site-content span,
body.woocommerce-page .site-content div,
body.woocommerce-page .site-content label,
body.woocommerce-page .site-content li,
body.woocommerce-page .site-content td,
body.woocommerce-page .site-content th,
body.woocommerce-page .site-content dd,
body.woocommerce-page .site-content dt,
body.woocommerce-account .site-content p,
body.woocommerce-account .site-content span,
body.woocommerce-account .site-content div,
body.woocommerce-account .site-content label,
body.woocommerce-account .site-content li,
body.woocommerce-account .site-content td,
body.woocommerce-account .site-content th,
body.woocommerce-account .site-content dd,
body.woocommerce-account .site-content dt {
  color: var(--ts-text) !important;
}

body.woocommerce-page .site-content h1,
body.woocommerce-page .site-content h2,
body.woocommerce-page .site-content h3,
body.woocommerce-page .site-content h4,
body.woocommerce-account .site-content h1,
body.woocommerce-account .site-content h2,
body.woocommerce-account .site-content h3,
body.woocommerce-account .site-content h4 {
  color: var(--ts-text) !important;
  font-family: var(--ts-font) !important;
}

/* Links always visible */
body.woocommerce-page .site-content a:not(.button):not(.remove),
body.woocommerce-account .site-content a:not(.button):not(.remove) {
  color: var(--ts-primary) !important;
  text-decoration: none !important;
}
body.woocommerce-page .site-content a:not(.button):not(.remove):hover,
body.woocommerce-account .site-content a:not(.button):not(.remove):hover {
  color: var(--ts-primary-hover) !important;
  text-decoration: underline !important;
}

/* Prices */
body.woocommerce-page .amount,
body.woocommerce-account .amount,
.woocommerce .amount {
  font-weight: 600 !important;
  color: var(--ts-text) !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
 *  6. BUTTONS
 * ═══════════════════════════════════════════════════════════════════════════ */
body.woocommerce-page a.button,
body.woocommerce-page button.button,
body.woocommerce-page input.button,
body.woocommerce-page #respond input#submit,
body.woocommerce-page .button,
body.woocommerce-page a.button.alt,
body.woocommerce-page button.button.alt,
body.woocommerce-page input.button.alt,
body.woocommerce-page #respond input#submit.alt,
body.woocommerce-page .checkout-button,
body.woocommerce-page #place_order,
body.woocommerce-page a.button.wc-forward {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: var(--ts-primary) !important;
  background-image: none !important;
  color: var(--ts-white) !important;
  font-family: var(--ts-font) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  padding: 14px 22px !important;
  border: none !important;
  border-radius: var(--ts-radius) !important;
  cursor: pointer !important;
  transition: background-color .2s, box-shadow .2s, transform .15s !important;
  text-decoration: none !important;
  text-transform: none !important;
  letter-spacing: .01em !important;
  box-shadow: var(--ts-shadow-sm) !important;
  text-shadow: none !important;
}
body.woocommerce-page a.button:hover,
body.woocommerce-page button.button:hover,
body.woocommerce-page input.button:hover,
body.woocommerce-page a.button.alt:hover,
body.woocommerce-page button.button.alt:hover,
body.woocommerce-page input.button.alt:hover,
body.woocommerce-page .checkout-button:hover,
body.woocommerce-page #place_order:hover,
body.woocommerce-page a.button.wc-forward:hover {
  background-color: var(--ts-primary-hover) !important;
  color: var(--ts-white) !important;
  box-shadow: var(--ts-shadow) !important;
  transform: translateY(-1px) !important;
}
body.woocommerce-page a.button:focus-visible,
body.woocommerce-page button.button:focus-visible,
body.woocommerce-page input.button:focus-visible {
  outline: none !important;
  box-shadow: 0 0 0 3px var(--ts-primary-ring) !important;
}
body.woocommerce-page button.button:disabled,
body.woocommerce-page input.button:disabled {
  opacity: .5 !important;
  cursor: not-allowed !important;
  transform: none !important;
}

/* Full-width CTA */
body.woocommerce-page #place_order,
body.woocommerce-page .checkout-button,
body.woocommerce-page .wc-proceed-to-checkout .checkout-button {
  width: 100% !important;
  font-size: 16px !important;
  padding: 16px 22px !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
 *  7. FORM INPUTS
 * ═══════════════════════════════════════════════════════════════════════════ */
body.woocommerce-page form .form-row input.input-text,
body.woocommerce-page form .form-row textarea,
body.woocommerce-page form .form-row select,
body.woocommerce-page input[type="text"],
body.woocommerce-page input[type="email"],
body.woocommerce-page input[type="tel"],
body.woocommerce-page input[type="password"],
body.woocommerce-page input[type="number"],
body.woocommerce-page input[type="url"],
body.woocommerce-page select,
body.woocommerce-page textarea {
  font-family: var(--ts-font) !important;
  font-size: 15px !important;
  color: var(--ts-text) !important;
  background-color: var(--ts-white) !important;
  border: 1px solid var(--ts-border) !important;
  border-radius: var(--ts-radius) !important;
  padding: 12px 14px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  transition: border-color .2s, box-shadow .2s !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  line-height: 1.4 !important;
}
body.woocommerce-page form .form-row input.input-text:focus,
body.woocommerce-page form .form-row textarea:focus,
body.woocommerce-page form .form-row select:focus,
body.woocommerce-page input:focus,
body.woocommerce-page select:focus,
body.woocommerce-page textarea:focus {
  border-color: var(--ts-primary) !important;
  box-shadow: 0 0 0 3px var(--ts-primary-ring) !important;
  outline: none !important;
}

/* Labels */
body.woocommerce-page form .form-row label {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--ts-text) !important;
  margin-bottom: 6px !important;
  display: block !important;
}
body.woocommerce-page form .form-row label .required {
  color: #ef4444 !important;
}
body.woocommerce-page form .form-row {
  margin: 0 0 16px !important;
  padding: 0 !important;
}

/* Half-width form rows — first/last name side by side */
body.woocommerce-page form .form-row-first,
body.woocommerce-page form .form-row-last {
  float: left !important;
  width: 48% !important;
}
body.woocommerce-page form .form-row-last {
  float: right !important;
}
body.woocommerce-page form .form-row-wide {
  clear: both !important;
  width: 100% !important;
}

/* Select2 */
body.woocommerce-page .select2-container--default .select2-selection--single {
  height: auto !important;
  min-height: 46px !important;
  border: 1px solid var(--ts-border) !important;
  border-radius: var(--ts-radius) !important;
  padding: 10px 14px !important;
  display: flex !important;
  align-items: center !important;
  background-color: var(--ts-white) !important;
}
body.woocommerce-page .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: 0 !important;
  line-height: 1.4 !important;
  color: var(--ts-text) !important;
}
body.woocommerce-page .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 100% !important;
  right: 12px !important;
}
.select2-container--default.select2-container--open .select2-selection--single {
  border-color: var(--ts-primary) !important;
  box-shadow: 0 0 0 3px var(--ts-primary-ring) !important;
}
.select2-dropdown {
  border: 1px solid var(--ts-border) !important;
  border-radius: var(--ts-radius) !important;
  box-shadow: 0 4px 16px rgba(0,0,0,.10) !important;
}
.select2-results__option--highlighted[aria-selected] {
  background-color: var(--ts-primary-light) !important;
  color: var(--ts-primary) !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
 *  8. NOTICES
 * ═══════════════════════════════════════════════════════════════════════════ */
body.woocommerce-page .woocommerce-info,
body.woocommerce-page .woocommerce-message,
body.woocommerce-page .woocommerce-error,
.woocommerce-info,
.woocommerce-message,
.woocommerce-error {
  font-family: var(--ts-font) !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  color: var(--ts-text) !important;
  border-radius: var(--ts-radius) !important;
  padding: 16px 20px 16px 48px !important;
  margin-bottom: 24px !important;
  border: none !important;
  border-left: 4px solid !important;
  background-color: var(--ts-white) !important;
  box-shadow: var(--ts-shadow-sm) !important;
  position: relative !important;
  text-indent: 0 !important;
  overflow: hidden !important;
}
body.woocommerce-page .woocommerce-info,
.woocommerce-info {
  border-left-color: #3b82f6 !important;
  background-color: #eff6ff !important;
  color: #1e3a5f !important;
}
body.woocommerce-page .woocommerce-message,
.woocommerce-message {
  border-left-color: var(--ts-primary) !important;
  background-color: var(--ts-primary-light) !important;
  color: #1a3d1c !important;
}
body.woocommerce-page .woocommerce-error,
.woocommerce-error {
  border-left-color: #ef4444 !important;
  background-color: #fef2f2 !important;
  color: #7f1d1d !important;
}
/* Notice icons */
body.woocommerce-page .woocommerce-info::before,
body.woocommerce-page .woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-message::before {
  color: var(--ts-primary) !important;
  position: absolute !important;
  left: 16px !important;
  top: 18px !important;
  font-size: 16px !important;
}
body.woocommerce-page .woocommerce-error::before,
.woocommerce-error::before {
  color: #ef4444 !important;
  position: absolute !important;
  left: 16px !important;
  top: 18px !important;
  font-size: 16px !important;
}
/* Notice inner elements inherit color */
.woocommerce-info *,
.woocommerce-message *,
.woocommerce-error * {
  color: inherit !important;
}
/* Notice links */
.woocommerce-info a:not(.button),
.woocommerce-message a:not(.button),
.woocommerce-error a:not(.button) {
  font-weight: 600 !important;
  text-decoration: underline !important;
}
/* Notice CTA buttons */
.woocommerce-info .button,
.woocommerce-message .button,
.woocommerce-error .button,
.woocommerce-info a.button,
.woocommerce-message a.button,
.woocommerce-error a.button {
  color: var(--ts-white) !important;
  background-color: var(--ts-primary) !important;
  text-decoration: none !important;
  padding: 10px 20px !important;
  border-radius: var(--ts-radius) !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  float: right !important;
  margin: -4px 0 -4px 16px !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
 *  9. TABLES
 * ═══════════════════════════════════════════════════════════════════════════ */
body.woocommerce-page table.shop_table {
  border: 1px solid var(--ts-border-lt) !important;
  border-radius: var(--ts-radius-lg) !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  overflow: hidden !important;
  box-shadow: var(--ts-shadow-sm) !important;
  margin-bottom: 24px !important;
  width: 100% !important;
  background: var(--ts-white) !important;
}
body.woocommerce-page table.shop_table thead {
  background-color: var(--ts-bg) !important;
}
body.woocommerce-page table.shop_table thead th {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .5px !important;
  color: var(--ts-text-sec) !important;
  border-bottom: 1px solid var(--ts-border) !important;
  border-top: none !important;
  padding: 14px 16px !important;
}
body.woocommerce-page table.shop_table td {
  font-size: 14px !important;
  padding: 14px 16px !important;
  border-bottom: 1px solid var(--ts-border-lt) !important;
  border-top: none !important;
  vertical-align: middle !important;
  color: var(--ts-text) !important;
}
body.woocommerce-page table.shop_table tbody tr:last-child td {
  border-bottom: none !important;
}
body.woocommerce-page table.shop_table tfoot th,
body.woocommerce-page table.shop_table tfoot td {
  font-size: 14px !important;
  padding: 14px 16px !important;
  border-top: 1px solid var(--ts-border-lt) !important;
  border-bottom: none !important;
  color: var(--ts-text) !important;
}
body.woocommerce-page table.shop_table tfoot tr.order-total th,
body.woocommerce-page table.shop_table tfoot tr.order-total td {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: var(--ts-primary) !important;
  border-top: 2px solid var(--ts-primary) !important;
  padding-top: 18px !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
 *  10. CHECKOUT (/platnosc) — proper 2-column layout
 * ═══════════════════════════════════════════════════════════════════════════ */

/* Reset broken floats */
body.woocommerce-checkout form.woocommerce-checkout .col2-set,
body.woocommerce-checkout form.woocommerce-checkout .col2-set .col-1,
body.woocommerce-checkout form.woocommerce-checkout .col2-set .col-2,
body.woocommerce-checkout #customer_details,
body.woocommerce-checkout #customer_details .col-1,
body.woocommerce-checkout #customer_details .col-2 {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  clear: both !important;
}

/* 2-column flex: left = form, right = order review */
body.woocommerce-checkout form.woocommerce-checkout {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 28px !important;
  align-items: flex-start !important;
}

/* Left column: customer details — takes remaining space */
body.woocommerce-checkout #customer_details {
  flex: 1 1 0% !important;
  min-width: 0 !important;
  order: 1 !important;
}

/* Order review heading — part of the right column, NOT a separate flex column */
body.woocommerce-checkout form.woocommerce-checkout > #order_review_heading {
  display: none !important;
}

/* Right column: order review box */
body.woocommerce-checkout form.woocommerce-checkout > #order_review {
  width: 400px !important;
  flex-shrink: 0 !important;
  order: 2 !important;
  position: sticky !important;
  top: 24px !important;
  align-self: flex-start !important;
  background: var(--ts-white) !important;
  border: 1px solid var(--ts-border-lt) !important;
  border-radius: var(--ts-radius-lg) !important;
  box-shadow: var(--ts-shadow) !important;
  padding: 24px !important;
}

/* Add the heading back inside the order review via ::before */
body.woocommerce-checkout form.woocommerce-checkout > #order_review::before {
  content: "Twoje zamĂłwienie" !important;
  display: block !important;
  font-family: var(--ts-font) !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: var(--ts-text) !important;
  margin-bottom: 20px !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid var(--ts-border-lt) !important;
}

/* Customer details cards */
body.woocommerce-checkout #customer_details .col-1,
body.woocommerce-checkout #customer_details .col-2 {
  background: var(--ts-white) !important;
  border: 1px solid var(--ts-border-lt) !important;
  border-radius: var(--ts-radius-lg) !important;
  box-shadow: var(--ts-shadow-sm) !important;
  padding: 28px !important;
  margin-bottom: 20px !important;
}

/* Section headings inside checkout */
body.woocommerce-checkout .woocommerce-billing-fields h3,
body.woocommerce-checkout .woocommerce-shipping-fields h3,
body.woocommerce-checkout .woocommerce-additional-fields h3 {
  font-family: var(--ts-font) !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: var(--ts-text) !important;
  margin-bottom: 20px !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid var(--ts-border-lt) !important;
}

/* Payment methods */
body.woocommerce-checkout #payment {
  background: var(--ts-white) !important;
  border-radius: var(--ts-radius-lg) !important;
  border: none !important;
  box-shadow: none !important;
  overflow: hidden !important;
}
body.woocommerce-checkout #payment ul.payment_methods {
  padding: 0 !important;
  border-bottom: 1px solid var(--ts-border-lt) !important;
  margin: 0 !important;
  list-style: none !important;
}
body.woocommerce-checkout #payment ul.payment_methods li {
  margin: 0 0 8px !important;
  padding: 14px 16px !important;
  border: 1px solid var(--ts-border-lt) !important;
  border-radius: var(--ts-radius) !important;
  transition: border-color .2s, background-color .2s !important;
  list-style: none !important;
  color: var(--ts-text) !important;
}
body.woocommerce-checkout #payment ul.payment_methods li label {
  color: var(--ts-text) !important;
  font-weight: 500 !important;
}
body.woocommerce-checkout #payment ul.payment_methods li:last-child {
  margin-bottom: 0 !important;
}
body.woocommerce-checkout #payment ul.payment_methods li:hover {
  border-color: var(--ts-border) !important;
  background-color: #fafafa !important;
}
body.woocommerce-checkout #payment div.payment_box {
  background: var(--ts-bg) !important;
  border-radius: var(--ts-radius) !important;
  margin: 12px 0 0 !important;
  padding: 14px 16px !important;
  color: var(--ts-text-sec) !important;
  font-size: 13px !important;
}
body.woocommerce-checkout #payment div.payment_box p {
  color: var(--ts-text-sec) !important;
}
body.woocommerce-checkout #payment div.payment_box::before {
  display: none !important;
}
body.woocommerce-checkout #payment div.place-order {
  padding: 20px 0 0 !important;
  margin: 0 !important;
}

/* Coupon */
body.woocommerce-checkout form.checkout_coupon {
  background: var(--ts-white) !important;
  border: 1px solid var(--ts-border-lt) !important;
  border-radius: var(--ts-radius-lg) !important;
  padding: 20px !important;
  margin-bottom: 24px !important;
  box-shadow: var(--ts-shadow-sm) !important;
  display: flex !important;
  gap: 12px !important;
  align-items: flex-end !important;
}
body.woocommerce-checkout form.checkout_coupon .form-row {
  margin: 0 !important;
  flex: 1 !important;
}
body.woocommerce-checkout form.checkout_coupon .form-row-last {
  flex: none !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
 *  11. CART (/koszyk)
 * ═══════════════════════════════════════════════════════════════════════════ */
body.woocommerce-cart .entry-content > .woocommerce {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 28px !important;
  align-items: flex-start !important;
}
body.woocommerce-cart .entry-content > .woocommerce > form {
  flex: 1 !important;
  min-width: 0 !important;
  order: 1 !important;
}
body.woocommerce-cart .cart-collaterals {
  width: 360px !important;
  flex-shrink: 0 !important;
  order: 2 !important;
  position: sticky !important;
  top: 24px !important;
  align-self: flex-start !important;
}
body.woocommerce-cart .cart_totals {
  background: var(--ts-white) !important;
  border: 1px solid var(--ts-border-lt) !important;
  border-radius: var(--ts-radius-lg) !important;
  box-shadow: var(--ts-shadow) !important;
  padding: 24px !important;
  float: none !important;
  width: 100% !important;
}
body.woocommerce-cart .cart_totals > h2 {
  font-size: 18px !important;
  font-weight: 700 !important;
  margin: 0 0 16px !important;
  color: var(--ts-text) !important;
}

/* Thumbnails */
body.woocommerce-cart table.shop_table td.product-thumbnail img {
  border-radius: var(--ts-radius) !important;
  max-width: 64px !important;
  height: auto !important;
}

/* Remove button */
body.woocommerce-cart table.shop_table td.product-remove a.remove {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 28px !important;
  font-size: 18px !important;
  border-radius: 50% !important;
  color: var(--ts-text-muted) !important;
  background: var(--ts-bg) !important;
  transition: background .2s, color .2s !important;
}
body.woocommerce-cart table.shop_table td.product-remove a.remove:hover {
  background: #fef2f2 !important;
  color: #ef4444 !important;
}

/* Quantity */
body.woocommerce-page .quantity .qty {
  width: 70px !important;
  text-align: center !important;
}

/* Coupon in cart */
body.woocommerce-cart .coupon {
  display: flex !important;
  gap: 8px !important;
  align-items: center !important;
}
body.woocommerce-cart .coupon #coupon_code {
  max-width: 200px !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
 *  12. MY ACCOUNT (/moje-konto)
 * ═══════════════════════════════════════════════════════════════════════════ */

/* Reset account layout */
body.woocommerce-account .woocommerce-MyAccount-navigation,
body.woocommerce-account .woocommerce-MyAccount-content {
  float: none !important;
  width: auto !important;
  max-width: none !important;
  margin-right: 0 !important;
}

/* Flex layout */
body.woocommerce-account .entry-content > .woocommerce {
  display: flex !important;
  gap: 28px !important;
  align-items: flex-start !important;
}

/* Navigation sidebar */
body.woocommerce-account .woocommerce-MyAccount-navigation {
  width: 260px !important;
  flex-shrink: 0 !important;
  background: var(--ts-white) !important;
  border: 1px solid var(--ts-border-lt) !important;
  border-radius: var(--ts-radius-lg) !important;
  box-shadow: var(--ts-shadow-sm) !important;
  overflow: hidden !important;
  position: sticky !important;
  top: 24px !important;
  align-self: flex-start !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 8px 0 !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
  display: flex !important;
  align-items: center !important;
  padding: 13px 22px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: var(--ts-text-sec) !important;
  text-decoration: none !important;
  transition: background .2s, color .2s !important;
  border-left: 3px solid transparent !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
  background: var(--ts-bg) !important;
  color: var(--ts-primary) !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
  background: var(--ts-primary-light) !important;
  color: var(--ts-primary) !important;
  font-weight: 600 !important;
  border-left-color: var(--ts-primary) !important;
}

/* Logout */
body.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a {
  color: var(--ts-text-muted) !important;
  border-top: 1px solid var(--ts-border-lt) !important;
  margin-top: 4px !important;
  padding-top: 15px !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:hover {
  color: #ef4444 !important;
  background: #fef2f2 !important;
}

/* Content area */
body.woocommerce-account .woocommerce-MyAccount-content {
  flex: 1 !important;
  min-width: 0 !important;
  background: var(--ts-white) !important;
  border: 1px solid var(--ts-border-lt) !important;
  border-radius: var(--ts-radius-lg) !important;
  box-shadow: var(--ts-shadow-sm) !important;
  padding: 28px !important;
}

/* Dashboard greeting */
body.woocommerce-account .woocommerce-MyAccount-content > p:first-child {
  font-size: 15px !important;
  line-height: 1.7 !important;
  color: var(--ts-text-sec) !important;
  padding-bottom: 20px !important;
  border-bottom: 1px solid var(--ts-border-lt) !important;
  margin-bottom: 20px !important;
}

/* All text inside My Account content */
body.woocommerce-account .woocommerce-MyAccount-content,
body.woocommerce-account .woocommerce-MyAccount-content p,
body.woocommerce-account .woocommerce-MyAccount-content span,
body.woocommerce-account .woocommerce-MyAccount-content td,
body.woocommerce-account .woocommerce-MyAccount-content th,
body.woocommerce-account .woocommerce-MyAccount-content li,
body.woocommerce-account .woocommerce-MyAccount-content dd,
body.woocommerce-account .woocommerce-MyAccount-content dt {
  color: var(--ts-text) !important;
  font-family: var(--ts-font) !important;
}
body.woocommerce-account .woocommerce-MyAccount-content h2,
body.woocommerce-account .woocommerce-MyAccount-content h3 {
  font-weight: 700 !important;
  color: var(--ts-text) !important;
  margin-bottom: 16px !important;
}

/* Order actions */
body.woocommerce-account .woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions a {
  font-size: 13px !important;
  padding: 8px 16px !important;
}

/* Addresses grid */
body.woocommerce-account .woocommerce-Addresses {
  display: flex !important;
  gap: 20px !important;
  flex-wrap: wrap !important;
}
body.woocommerce-account .woocommerce-Addresses .woocommerce-Address {
  flex: 1 !important;
  min-width: 250px !important;
  background: var(--ts-bg) !important;
  border-radius: var(--ts-radius) !important;
  padding: 20px !important;
}
body.woocommerce-account .woocommerce-Addresses .woocommerce-Address header h3 {
  font-size: 16px !important;
  font-weight: 700 !important;
  margin-bottom: 12px !important;
}
body.woocommerce-account .woocommerce-Addresses .woocommerce-Address address {
  font-style: normal !important;
  line-height: 1.7 !important;
  color: var(--ts-text-sec) !important;
  font-size: 14px !important;
}

/* Login / Register */
body.woocommerce-account .u-columns {
  display: flex !important;
  gap: 28px !important;
  flex-wrap: wrap !important;
}
body.woocommerce-account .u-columns .col-1,
body.woocommerce-account .u-columns .col-2 {
  flex: 1 1 280px !important;
  min-width: 0 !important;
  background: var(--ts-white) !important;
  border: 1px solid var(--ts-border-lt) !important;
  border-radius: var(--ts-radius-lg) !important;
  padding: 28px !important;
  box-shadow: var(--ts-shadow-sm) !important;
  float: none !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}
body.woocommerce-account .u-columns h2 {
  font-size: 20px !important;
  font-weight: 700 !important;
  margin-bottom: 20px !important;
  color: var(--ts-text) !important;
}

/* Remember me */
body.woocommerce-account .woocommerce-form-login__rememberme {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 16px 0 !important;
  font-size: 14px !important;
  color: var(--ts-text-sec) !important;
}
body.woocommerce-account .woocommerce-form-login__rememberme input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;
  accent-color: var(--ts-primary) !important;
}

/* Lost password */
body.woocommerce-account .woocommerce-LostPassword a {
  font-size: 14px !important;
  color: var(--ts-primary) !important;
  text-decoration: none !important;
}
body.woocommerce-account .woocommerce-LostPassword a:hover {
  text-decoration: underline !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
 *  13. ORDER PAY (/order-pay)
 * ═══════════════════════════════════════════════════════════════════════════ */
body.woocommerce-order-pay .entry-content {
  max-width: 640px !important;
}
body.woocommerce-order-pay #order_review {
  background: var(--ts-white) !important;
  border: 1px solid var(--ts-border-lt) !important;
  border-radius: var(--ts-radius-lg) !important;
  padding: 28px !important;
  box-shadow: var(--ts-shadow) !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
 *  14. ORDER RECEIVED — THANK YOU
 * ═══════════════════════════════════════════════════════════════════════════ */
body.woocommerce-order-received .woocommerce-order {
  max-width: 700px !important;
  margin: 0 auto !important;
}
body.woocommerce-order-received .woocommerce-thankyou-order-received {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: var(--ts-primary) !important;
  text-align: center !important;
  padding: 24px !important;
  background: var(--ts-primary-light) !important;
  border-radius: var(--ts-radius-lg) !important;
  margin-bottom: 28px !important;
}
body.woocommerce-order-received ul.woocommerce-order-overview {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)) !important;
  gap: 16px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 28px !important;
}
body.woocommerce-order-received ul.woocommerce-order-overview li {
  background: var(--ts-white) !important;
  border: 1px solid var(--ts-border-lt) !important;
  border-radius: var(--ts-radius) !important;
  padding: 16px !important;
  text-align: center !important;
  font-size: 13px !important;
  color: var(--ts-text-muted) !important;
}
body.woocommerce-order-received ul.woocommerce-order-overview li strong {
  display: block !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--ts-text) !important;
  margin-top: 4px !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
 *  15. LOADING OVERLAY
 * ═══════════════════════════════════════════════════════════════════════════ */
body.woocommerce-page .blockUI.blockOverlay {
  background: rgba(255,255,255,.7) !important;
  opacity: 1 !important;
}
body.woocommerce-page .blockUI.blockOverlay::before {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 32px !important;
  height: 32px !important;
  margin: -16px 0 0 -16px !important;
  border: 3px solid var(--ts-border) !important;
  border-top-color: var(--ts-primary) !important;
  border-radius: 50% !important;
  animation: ts-spin .6s linear infinite !important;
}
@keyframes ts-spin {
  to { transform: rotate(360deg); }
}


/* ═══════════════════════════════════════════════════════════════════════════
 *  16. RESPONSIVE — <= 900px
 * ═══════════════════════════════════════════════════════════════════════════ */
@media (max-width: 900px) {

  /* Tighter padding */
  body.woocommerce-page .site-main > article > .entry-content,
  body.woocommerce-page #primary .entry-content,
  body.woocommerce-page .hentry .entry-content,
  body.woocommerce-account .site-main > article > .entry-content,
  body.woocommerce-account #primary .entry-content,
  body.woocommerce-account .hentry .entry-content {
    padding: 20px 16px 40px !important;
  }

  /* ── Checkout ── */
  body.woocommerce-checkout form.woocommerce-checkout {
    flex-direction: column !important;
  }
  body.woocommerce-checkout form.woocommerce-checkout > #order_review {
    width: 100% !important;
    position: static !important;
    padding: 20px !important;
  }
  body.woocommerce-checkout #customer_details .col-1,
  body.woocommerce-checkout #customer_details .col-2 {
    padding: 20px !important;
  }

  /* Form rows full-width on mobile */
  body.woocommerce-page form .form-row-first,
  body.woocommerce-page form .form-row-last {
    float: none !important;
    width: 100% !important;
  }

  /* ── Cart ── */
  body.woocommerce-cart .entry-content > .woocommerce {
    flex-direction: column !important;
  }
  body.woocommerce-cart .cart-collaterals {
    width: 100% !important;
    position: static !important;
  }
  body.woocommerce-cart .cart_totals {
    padding: 20px !important;
  }
  body.woocommerce-cart table.shop_table.cart {
    display: block !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  /* ── My Account ── */
  body.woocommerce-account .entry-content > .woocommerce {
    flex-direction: column !important;
  }
  body.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 100% !important;
    position: static !important;
  }
  body.woocommerce-account .woocommerce-MyAccount-navigation ul {
    display: flex !important;
    flex-wrap: wrap !important;
    padding: 8px !important;
    gap: 4px !important;
  }
  body.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    padding: 10px 16px !important;
    font-size: 13px !important;
    border-left: none !important;
    border-radius: var(--ts-radius) !important;
  }
  body.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
    border-left: none !important;
  }
  body.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a {
    border-top: none !important;
    margin-top: 0 !important;
    padding-top: 10px !important;
  }
  body.woocommerce-account .woocommerce-MyAccount-content {
    padding: 20px !important;
  }

  /* Login columns stack */
  body.woocommerce-account .u-columns {
    flex-direction: column !important;
  }

  /* Addresses stack */
  body.woocommerce-account .woocommerce-Addresses {
    flex-direction: column !important;
  }

  /* Order overview 2 cols */
  body.woocommerce-order-received ul.woocommerce-order-overview {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  /* Header */
  body.woocommerce-page .site-header .col-full,
  body.woocommerce-account .site-header .col-full {
    padding-left: 16px !important;
    padding-right: 16px !important;
    flex-wrap: wrap !important;
  }

  /* Hide desktop nav on mobile — Storefront uses handheld-navigation instead */
  body.woocommerce-page .site-header .main-navigation,
  body.woocommerce-account .site-header .main-navigation,
  body.woocommerce-page .site-header .primary-navigation,
  body.woocommerce-account .site-header .primary-navigation,
  body.woocommerce-page .site-header .secondary-navigation,
  body.woocommerce-account .site-header .secondary-navigation {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
  }
  }



/* ── Tiny screens ── */
@media (max-width: 480px) {
  body.woocommerce-checkout form.checkout_coupon {
    flex-direction: column !important;
  }
  body.woocommerce-cart .coupon {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  body.woocommerce-cart .coupon #coupon_code {
    max-width: 100% !important;
  }
  body.woocommerce-order-received ul.woocommerce-order-overview {
    grid-template-columns: 1fr !important;
  }

  /* ── Login / Register cards — full-width stack ── */
  body.woocommerce-account .u-columns .col-1,
  body.woocommerce-account .u-columns .col-2 {
    min-width: 0 !important;
    width: 100% !important;
    flex: 1 1 100% !important;
    padding: 20px 16px !important;
  }
  body.woocommerce-account .u-columns h2 {
    font-size: 18px !important;
  }

  /* ── Inputs full-width ── */
  body.woocommerce-page form .form-row input.input-text,
  body.woocommerce-page form .form-row textarea,
  body.woocommerce-page form .form-row select,
  body.woocommerce-page input[type="text"],
  body.woocommerce-page input[type="email"],
  body.woocommerce-page input[type="tel"],
  body.woocommerce-page input[type="password"],
  body.woocommerce-page input[type="number"],
  body.woocommerce-page select,
  body.woocommerce-page textarea {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    font-size: 16px !important; /* prevent iOS zoom */
  }

  /* ── Buttons full-width on small screens ── */
  body.woocommerce-page a.button,
  body.woocommerce-page button.button,
  body.woocommerce-page input.button,
  body.woocommerce-page .button {
    width: 100% !important;
    text-align: center !important;
    padding: 14px 16px !important;
    font-size: 15px !important;
    box-sizing: border-box !important;
  }
}


/* ═══════════════════════════════════════════════════════════════════════════
 *  17. STOREFRONT MOBILE — <= 768px  (tablets & phones)
 *      Storefront theme hides desktop nav and shows handheld-navigation
 *      + menu-toggle below this breakpoint
 * ═══════════════════════════════════════════════════════════════════════════ */
@media (max-width: 768px) {

  /* ── GLOBAL — kill horizontal overflow at root ── */
  html,
  body,
  body.woocommerce-page,
  body.woocommerce-account,
  body.woocommerce-page #page,
  body.woocommerce-account #page {
    overflow-x: hidden !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Every wrapper inside content — no overflow */
  body.woocommerce-page .site-content,
  body.woocommerce-page .site-content .col-full,
  body.woocommerce-page .content-area,
  body.woocommerce-page #primary,
  body.woocommerce-page #main,
  body.woocommerce-page .entry-content,
  body.woocommerce-account .site-content,
  body.woocommerce-account .site-content .col-full,
  body.woocommerce-account .content-area,
  body.woocommerce-account #primary,
  body.woocommerce-account #main,
  body.woocommerce-account .entry-content {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  /* .woocommerce wrapper — no offset on mobile */
  body.woocommerce-page .entry-content > .woocommerce,
  body.woocommerce-account .entry-content > .woocommerce {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  /* ══════════════════════════════════════════════
   *  HEADER (Storefront)
   * ══════════════════════════════════════════════ */
  body.woocommerce-page .site-header,
  body.woocommerce-account .site-header {
    padding: 0 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    overflow-x: hidden !important;
  }

  /* Kill ALL search elements on mobile */
  .site-search,
  .storefront-handheld-footer-bar .site-search,
  .storefront-handheld-footer-bar ul li.search,
  .storefront-handheld-footer-bar .search,
  .storefront-handheld-footer-bar [class*="search"],
  .widget_product_search,
  .widget_search,
  .header-widget-region {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
  }

  body.woocommerce-page .site-header .col-full,
  body.woocommerce-account .site-header .col-full {
    min-height: 50px !important;
    padding: 0 !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Logo — smaller */
  body.woocommerce-page .site-header .site-branding,
  body.woocommerce-account .site-header .site-branding {
    padding: 6px 0 !important;
  }
  body.woocommerce-page .site-header .site-logo img,
  body.woocommerce-page .site-header .custom-logo-link img,
  body.woocommerce-account .site-header .site-logo img,
  body.woocommerce-account .site-header .custom-logo-link img {
    max-height: 32px !important;
  }
  body.woocommerce-page .site-header .site-title a,
  body.woocommerce-account .site-header .site-title a {
    font-size: 15px !important;
  }

  /* ── Desktop navigation — HIDE on mobile (Storefront shows handheld) ── */
  body.woocommerce-page .site-header .main-navigation,
  body.woocommerce-account .site-header .main-navigation,
  body.woocommerce-page .site-header .primary-navigation,
  body.woocommerce-account .site-header .primary-navigation,
  body.woocommerce-page .site-header .secondary-navigation,
  body.woocommerce-account .site-header .secondary-navigation {
    display: none !important;
  }

  /* ── Storefront menu-toggle button — nice pill style ── */
  body.woocommerce-page .menu-toggle,
  body.woocommerce-account .menu-toggle,
  .menu-toggle {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    background: rgba(255,255,255,.12) !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.25) !important;
    border-radius: 6px !important;
    padding: 7px 14px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    font-family: var(--ts-font) !important;
    letter-spacing: .4px !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
    transition: background .2s !important;
    -webkit-appearance: none !important;
    appearance: none !important;
  }
  body.woocommerce-page .menu-toggle:hover,
  body.woocommerce-account .menu-toggle:hover,
  .menu-toggle:hover {
    background: rgba(255,255,255,.22) !important;
  }
  body.woocommerce-page .menu-toggle::before,
  body.woocommerce-account .menu-toggle::before,
  .menu-toggle::before {
    font-size: 14px !important;
    margin-right: 2px !important;
  }

  /* ── Storefront handheld-navigation (the sliding panel) ── */
  body.woocommerce-page .handheld-navigation,
  body.woocommerce-account .handheld-navigation,
  .handheld-navigation {
    background: #fff !important;
    border-bottom: 1px solid var(--ts-border-lt) !important;
    box-shadow: 0 4px 16px rgba(0,0,0,.10) !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  .handheld-navigation ul,
  .handheld-navigation ul.menu {
    list-style: none !important;
    margin: 0 !important;
    padding: 8px 0 !important;
  }
  .handheld-navigation ul li {
    margin: 0 !important;
    border-bottom: 1px solid var(--ts-border-lt) !important;
  }
  .handheld-navigation ul li:last-child {
    border-bottom: none !important;
  }
  .handheld-navigation ul li a {
    display: block !important;
    padding: 12px 20px !important;
    color: var(--ts-text) !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    transition: background .15s !important;
  }
  .handheld-navigation ul li a:hover {
    background: var(--ts-primary-light) !important;
    color: var(--ts-primary) !important;
  }
  /* Sub-menu in handheld nav */
  .handheld-navigation ul.sub-menu,
  .handheld-navigation ul.children {
    padding-left: 16px !important;
  }
  .handheld-navigation ul.sub-menu li a,
  .handheld-navigation ul.children li a {
    font-size: 14px !important;
    padding: 10px 20px !important;
    color: var(--ts-text-sec) !important;
  }

  /* ── Header cart (Storefront) — compact ── */
  body.woocommerce-page .site-header .site-header-cart,
  body.woocommerce-account .site-header .site-header-cart {
    margin-left: auto !important;
  }
  body.woocommerce-page .site-header .site-header-cart > a,
  body.woocommerce-page .site-header .site-header-cart > li > a,
  body.woocommerce-account .site-header .site-header-cart > a,
  body.woocommerce-account .site-header .site-header-cart > li > a {
    padding: 10px 6px !important;
    font-size: 13px !important;
  }

  /* ══════════════════════════════════════════════
   *  CONTENT AREA
   * ══════════════════════════════════════════════ */
  body.woocommerce-page .site-main > article > .entry-content,
  body.woocommerce-page #primary .entry-content,
  body.woocommerce-page .hentry .entry-content,
  body.woocommerce-account .site-main > article > .entry-content,
  body.woocommerce-account #primary .entry-content,
  body.woocommerce-account .hentry .entry-content {
    padding: 16px 14px 40px !important;
    margin: 0 auto !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* ══════════════════════════════════════════════
   *  LOGIN / REGISTER — full-width stacked cards
   * ══════════════════════════════════════════════ */
  body.woocommerce-account .u-columns {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    margin: 0 !important;
    width: 100% !important;
  }
  body.woocommerce-account .u-columns .col-1,
  body.woocommerce-account .u-columns .col-2 {
    flex: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 20px 16px !important;
    box-sizing: border-box !important;
    border-radius: var(--ts-radius) !important;
  }
  body.woocommerce-account .u-columns h2 {
    font-size: 18px !important;
    margin-bottom: 16px !important;
  }

  /* ── Inputs ── */
  body.woocommerce-page form .form-row input.input-text,
  body.woocommerce-page form .form-row textarea,
  body.woocommerce-page form .form-row select,
  body.woocommerce-page input[type="text"],
  body.woocommerce-page input[type="email"],
  body.woocommerce-page input[type="tel"],
  body.woocommerce-page input[type="password"],
  body.woocommerce-page input[type="number"],
  body.woocommerce-page select,
  body.woocommerce-page textarea {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    font-size: 16px !important; /* prevents iOS auto-zoom */
  }

  /* ── Buttons ── */
  body.woocommerce-page a.button,
  body.woocommerce-page button.button,
  body.woocommerce-page input.button,
  body.woocommerce-page .button {
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
    padding: 14px 16px !important;
    font-size: 15px !important;
    box-sizing: border-box !important;
  }

  /* ══════════════════════════════════════════════
   *  MY ACCOUNT — compact pills nav
   * ══════════════════════════════════════════════ */
  body.woocommerce-account .woocommerce-MyAccount-navigation {
    border-radius: var(--ts-radius) !important;
  }
  body.woocommerce-account .woocommerce-MyAccount-navigation ul {
    gap: 4px !important;
    padding: 6px !important;
  }
  body.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    padding: 8px 12px !important;
    font-size: 12px !important;
  }
  body.woocommerce-account .woocommerce-MyAccount-content {
    padding: 16px !important;
    border-radius: var(--ts-radius) !important;
  }

  /* ══════════════════════════════════════════════
   *  CHECKOUT
   * ══════════════════════════════════════════════ */
  body.woocommerce-checkout form.woocommerce-checkout > #order_review {
    padding: 16px !important;
    border-radius: var(--ts-radius) !important;
  }
  body.woocommerce-checkout #customer_details .col-1,
  body.woocommerce-checkout #customer_details .col-2 {
    padding: 16px !important;
  }

  /* ══════════════════════════════════════════════
   *  CART
   * ══════════════════════════════════════════════ */
  body.woocommerce-cart .cart_totals {
    padding: 16px !important;
    border-radius: var(--ts-radius) !important;
  }

  /* ══════════════════════════════════════════════
   *  TABLES — horizontal scroll
   * ══════════════════════════════════════════════ */
  body.woocommerce-page table.shop_table {
    display: block !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    border-radius: var(--ts-radius) !important;
  }
  body.woocommerce-page table.shop_table thead th,
  body.woocommerce-page table.shop_table td {
    padding: 10px 12px !important;
    font-size: 13px !important;
  }

  /* ══════════════════════════════════════════════
   *  NOTICES
   * ══════════════════════════════════════════════ */
  body.woocommerce-page .woocommerce-info,
  body.woocommerce-page .woocommerce-message,
  body.woocommerce-page .woocommerce-error,
  .woocommerce-info,
  .woocommerce-message,
  .woocommerce-error {
    padding: 12px 14px 12px 40px !important;
    font-size: 13px !important;
  }
  .woocommerce-info .button,
  .woocommerce-message .button,
  .woocommerce-error .button {
    float: none !important;
    margin: 8px 0 0 !important;
    display: block !important;
    text-align: center !important;
  }

  /* ══════════════════════════════════════════════
   *  FOOTER
   * ══════════════════════════════════════════════ */
  body.woocommerce-page .site-footer,
  body.woocommerce-account .site-footer {
    padding: 24px 0 !important;
  }
  body.woocommerce-page .site-footer .col-full,
  body.woocommerce-account .site-footer .col-full {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  /* ══════════════════════════════════════════════
   *  STOREFRONT HANDHELD FOOTER BAR (bottom icons)
   * ══════════════════════════════════════════════ */
  .storefront-handheld-footer-bar {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 9999 !important;
    display: flex !important;
    background: #1b5e20 !important;
    border-top: 1px solid rgba(255,255,255,.15) !important;
    box-shadow: 0 -2px 12px rgba(0,0,0,.15) !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  .storefront-handheld-footer-bar ul {
    display: flex !important;
    justify-content: space-around !important;
    align-items: stretch !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }
  .storefront-handheld-footer-bar ul li {
    flex: 1 !important;
    text-align: center !important;
    position: relative !important;
  }
  .storefront-handheld-footer-bar ul li > a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2px !important;
    color: #fff !important;
    font-size: 10px !important;
    text-decoration: none !important;
    padding: 8px 4px !important;
    opacity: .85 !important;
    transition: opacity .2s !important;
    min-height: 44px !important;
    box-sizing: border-box !important;
  }
  .storefront-handheld-footer-bar ul li > a:hover {
    opacity: 1 !important;
  }

  /* Safe spacing so footer bar doesn't cover content */
  body.woocommerce-page,
  body.woocommerce-account {
    padding-bottom: 60px !important;
  }

  /* ══════════════════════════════════════════════
   *  MISC MOBILE FIXES
   * ══════════════════════════════════════════════ */
  body.woocommerce-page .select2-container {
    width: 100% !important;
    max-width: 100% !important;
  }
  body.woocommerce-page .quantity .qty {
    width: 60px !important;
  }
  body.woocommerce-cart table.shop_table td.product-thumbnail img {
    max-width: 48px !important;
  }
  body.woocommerce-account .woocommerce-Addresses .woocommerce-Address {
    min-width: 0 !important;
    padding: 16px !important;
  }
  body.woocommerce-checkout #payment ul.payment_methods li {
    padding: 10px 12px !important;
  }
  body.woocommerce-checkout #payment div.payment_box {
    padding: 10px 12px !important;
    font-size: 12px !important;
  }
}