/* ============================================================
     Tokens extrase 1:1 din turbodoctor.ro (computed styles + bbox)
     ============================================================ */
  *,*::before,*::after { box-sizing: border-box; margin: 0; padding: 0; }
  :root {
    --td-blue:        #155EEA;            /* rgb(21, 94, 234) — nav link, pin, icons */
    --td-blue-dark:   #0C45B0;
    --td-navy:        #04213F;            /* rgb(4, 33, 63) — phone number */
    --td-gray:        #687178;            /* rgb(104, 113, 120) — topbar text + body muted */
    --td-text:        #333333;            /* rgb(51, 51, 51) — logo link */
    --td-topbar-bg:   rgba(173, 183, 193, 0.25);
    --td-divider:     rgba(129, 129, 129, 0.2); /* mid bottom border */
    --td-border:      #E5E7EB;
    --td-shadow:      0 10px 30px -10px rgba(15,23,42,0.18);
    --td-trans:       180ms cubic-bezier(.2,.7,.3,1);
  }

  html, body {
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 27.2px;
    color: var(--td-gray);
    background: #fff;
    -webkit-font-smoothing: antialiased;
  }
  a { color: inherit; text-decoration: none; }
  button { font: inherit; cursor: pointer; border: 0; background: transparent; color: inherit; }
  ul { list-style: none; }
  .sr-only { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }

  /* Container — exact 1222px max (padding 0 15px), centered cu margin auto */
  .td-container {
    width: 100%;
    max-width: 1222px;
    margin: 0 auto;
    padding: 0 15px;
  }

  /* ============================================================
     1. TOP BAR — height 49px, bg rgba(173,183,193,0.25)
     ============================================================ */
  .td-top {
    background: var(--td-topbar-bg);
    color: var(--td-gray);
    height: 49px;
    display: flex;
    align-items: center;
  }
  .td-top-row {
    display: flex; align-items: center; justify-content: space-between;
    height: 100%;
  }
  .td-top-left, .td-top-right { display: flex; align-items: center; height: 100%; }

  /* Locații — copie după elementor-icon-list--layout-inline */
  .td-top-list { display: flex; flex-wrap: wrap; align-items: center; }
  .td-top-list li {
    display: inline-flex; align-items: center;
    margin: 0 12.5px;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: 14px; font-weight: 500;
    line-height: 23.8px;
    color: var(--td-gray);
  }
  .td-top-list li:first-child { margin-left: 0; }
  .td-top-list li:last-child { margin-right: 0; }
  .td-top-list li a {
    display: inline-flex; align-items: center; gap: 8px;
    color: var(--td-text);
    transition: color var(--td-trans);
  }
  .td-top-list li a:hover { color: var(--td-blue); }
  .td-top-list .ic {
    width: 14px; height: 18px;
    color: var(--td-blue);
    display: inline-flex; align-items: center; justify-content: center;
  }
  .td-top-list .ic svg { width: 100%; height: 100%; }

  /* Right: shop user + divider + social */
  .td-top-user {
    width: 28px; height: 28px;
    display: inline-flex; align-items: center; justify-content: center;
    color: var(--td-gray);
    transition: color var(--td-trans);
  }
  .td-top-user:hover { color: var(--td-blue); }
  .td-top-user svg { width: 17px; height: 17px; fill: currentColor; }
  .td-top-divider {
    width: 1px; height: 18px;
    background: var(--td-gray);
    opacity: 0.35;
    margin: 0 16px;
  }
  .td-top-social {
    display: inline-flex; align-items: center; gap: 14px;
  }
  .td-top-social a {
    display: inline-flex; align-items: center; justify-content: center;
    color: var(--td-gray);
    transition: color var(--td-trans);
  }
  .td-top-social a:hover { color: var(--td-blue); }
  .td-top-social svg { width: 16px; height: 16px; fill: currentColor; }

  /* ============================================================
     2. MID HEADER — height 141px, white, border-bottom 1px gray-20%
     ============================================================ */
  .td-mid {
    background: #fff;
    height: 141px;
    border-bottom: 1px solid var(--td-divider);
    display: flex;
    align-items: center;
  }
  .td-mid-row {
    display: flex; justify-content: space-between; align-items: center;
    height: 100%;
  }
  /* Coloane fixe exact ca în site */
  .td-mid-left   { width: 170px; padding: 0 10px; display: flex; align-items: center; flex-shrink: 0; margin-left: -10px; }
  .td-mid-center { flex: 1; display: flex; align-items: center; justify-content: center; padding: 0 30px; }
  .td-mid-right  { width: 262px; display: flex; align-items: center; justify-content: flex-end; gap: 20px; flex-shrink: 0; margin-right: -10px; }

  /* Logo: imaginea max 150px, padding vertical 5px */
  .td-logo { display: inline-block; max-width: 150px; }
  .td-logo img { width: 150px; height: auto; max-width: 150px; padding: 5px 0; display: block; }

  /* Search — bg gri #F2F2F2, border-radius 3px, NO border, padding 15px 25px (exact din computed) */
  .td-search {
    position: relative;
    width: 100%;
    max-width: 600px;
  }
  .td-search-input {
    width: 100%;
    height: 48px;
    padding: 15px 60px 15px 25px;
    background: #F2F2F2;
    border: 0;
    border-radius: 3px;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: 15px; font-weight: 500;
    line-height: 18px;
    color: var(--td-gray);
    outline: 0;
    transition: background var(--td-trans);
  }
  .td-search-input::placeholder { color: var(--td-gray); opacity: 1; }
  .td-search-input:focus, .td-search-input:hover {
    background: #EAEAEA;
  }
  .td-search-btn {
    position: absolute; right: 0; top: 0; bottom: 0;
    width: 48px;
    display: inline-flex; align-items: center; justify-content: center;
    background: transparent;
    color: var(--td-gray);
    border-radius: 0 3px 3px 0;
    transition: color var(--td-trans);
  }
  .td-search-btn:hover { color: var(--td-blue); }
  .td-search-btn svg { width: 18px; height: 18px; fill: currentColor; }

  /* Phone icon-box: cerc blue 45px + text 2 linii */
  .td-phone {
    display: inline-flex; align-items: center; gap: 11px;
    text-decoration: none;
  }
  .td-phone-icon {
    width: 45px; height: 45px; flex-shrink: 0;
    display: inline-flex; align-items: center; justify-content: center;
  }
  .td-phone-icon svg { width: 100%; height: 100%; display: block; }
  .td-phone-text { display: flex; flex-direction: column; line-height: 1.2; }
  .td-phone-title {
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: 12px; font-weight: 600;
    letter-spacing: -0.2px;
    line-height: 16.8px;
    color: var(--td-gray);
  }
  .td-phone-num {
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: 16px; font-weight: 700;
    line-height: 25.6px;
    color: var(--td-navy);
  }

  /* Cart — shopping basket */
  .td-mid-cart {
    width: 32px; height: 32px;
    display: inline-flex; align-items: center; justify-content: center;
    color: var(--td-navy);
    transition: color var(--td-trans);
    flex-shrink: 0;
    position: relative;
  }
  .td-mid-cart:hover { color: var(--td-blue); }
  .td-mid-cart svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.8; }

  /* Hamburger mobile only */
  .td-burger {
    display: none;
    width: 40px; height: 40px;
    align-items: center; justify-content: center;
    color: var(--td-navy);
    border-radius: 6px;
  }
  .td-burger:hover { background: rgba(21,94,234,0.08); color: var(--td-blue); }
  .td-burger svg { width: 26px; height: 26px; }

  /* ============================================================
     3. LOWER — nav UPPERCASE blue, height 61px, sticky
        nav justify: LEFT (cu container 1222px), gap 30px între items
     ============================================================ */
  .td-low {
    background: #fff;
    height: 61px;
    border-bottom: 1px solid var(--td-divider);
    position: sticky; top: 0; z-index: 50;
    display: flex;
    align-items: center;
  }
  .td-low-row {
    display: flex; align-items: center; height: 100%;
  }
  .td-nav-wrap {
    margin-left: -10px;
    padding: 0 10px;
  }
  .td-nav {
    display: inline-flex; align-items: center;
    column-gap: 30px; row-gap: 5px;
    justify-content: flex-start;
  }
  .td-nav-item { position: relative; }
  .td-nav-link {
    display: flex; align-items: center;
    height: 42px;
    padding: 5px 0;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: 14px; font-weight: 700;
    line-height: 19.6px;
    letter-spacing: normal;
    text-transform: uppercase;
    color: #333;            /* extras pixel-perfect din site: rgb(51,51,51) */
    white-space: nowrap;
    transition: color var(--td-trans);
  }
  .td-nav-link:hover,
  .td-nav-link:focus-visible,
  .td-nav-item[aria-expanded="true"] > .td-nav-link {
    color: var(--td-blue);  /* hover → blue */
  }
  .td-nav-link[aria-current="page"] {
    color: var(--td-blue);  /* current page → blue + underline */
    position: relative;
  }
  .td-nav-link[aria-current="page"]::after {
    content: '';
    position: absolute; left: 0; right: 0; bottom: 0;
    height: 2px;
    background: var(--td-blue);
  }
  .td-nav-chev {
    width: 12px; height: 12px;
    margin-left: 8px;
    transition: transform var(--td-trans);
    flex-shrink: 0;
    display: inline-flex; align-items: center; justify-content: center;
    color: inherit;
  }
  .td-nav-chev svg { width: 12px !important; height: 12px !important; display: block !important; stroke: currentColor; fill: none; }
  .td-nav-item[aria-expanded="true"] .td-nav-chev { transform: rotate(180deg); }

  /* Dropdown */
  .td-dropdown {
    position: absolute; top: 100%; left: -16px;
    min-width: 380px;
    padding: 10px;
    background: #fff;
    border: 1px solid var(--td-border);
    border-radius: 6px;
    box-shadow: var(--td-shadow);
    opacity: 0; visibility: hidden; transform: translateY(6px);
    transition: opacity var(--td-trans), transform var(--td-trans), visibility var(--td-trans);
    z-index: 60;
  }
  .td-nav-item[aria-expanded="true"] > .td-dropdown {
    opacity: 1; visibility: visible; transform: translateY(0);
  }
  .td-dropdown-link {
    display: flex; align-items: center; gap: 16px;
    padding: 14px 18px;
    color: #333;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: 14px; font-weight: 700;
    text-transform: uppercase;
    border-radius: 6px;
    transition: background var(--td-trans);
    position: relative;
  }
  .td-dropdown-link + .td-dropdown-link::before {
    content: '';
    position: absolute; left: 18px; right: 18px; top: 0;
    height: 1px;
    background: rgba(0,0,0,0.06);
  }
  .td-dropdown-link:hover, .td-dropdown-link:focus-visible {
    background: rgba(21,94,234,0.08);
    color: var(--td-blue);
  }
  .td-dropdown-link:hover::before,
  .td-dropdown-link:hover + .td-dropdown-link::before {
    background: transparent;
  }
  /* Container icon: 25x25 uniform, fără bg. */
  .td-dropdown-ico {
    width: 25px; height: 25px; flex-shrink: 0;
    display: inline-flex; align-items: center; justify-content: center;
    background: transparent;
  }
  .td-dropdown-ico svg {
    width: 25px; height: 25px; display: block;
  }
  /* Forțez fill blue pe TOATE shape-urile, suprascriind style inline */
  .td-dropdown-ico svg path,
  .td-dropdown-ico svg circle,
  .td-dropdown-ico svg polygon,
  .td-dropdown-ico svg rect,
  .td-dropdown-ico svg ellipse,
  .td-dropdown-ico svg polyline,
  .td-dropdown-ico svg line {
    fill: #145de8 !important;
  }
  /* Excepții: elementele cu fill="white" sau "#fff" rămân albe (pentru mask + interior lupă) */
  .td-dropdown-ico svg [fill="white"],
  .td-dropdown-ico svg [fill="#fff"],
  .td-dropdown-ico svg [fill="#FFF"],
  .td-dropdown-ico svg [fill="#ffffff"],
  .td-dropdown-ico svg mask path,
  .td-dropdown-ico svg mask rect,
  .td-dropdown-ico svg [mask-type] path {
    fill: white !important;
  }

  /* ============================================================
     Mobile drawer
     ============================================================ */
  .td-drawer-backdrop {
    position: fixed; inset: 0;
    background: rgba(15,23,42,.5);
    backdrop-filter: blur(4px);
    opacity: 0; visibility: hidden;
    transition: opacity var(--td-trans), visibility var(--td-trans);
    z-index: 70;
  }
  .td-drawer-backdrop[data-open="true"] { opacity: 1; visibility: visible; }
  .td-drawer {
    position: fixed; top: 0; right: 0; bottom: 0;
    width: min(80vw, 380px);
    background: #fff;
    transform: translateX(100%);
    transition: transform 260ms cubic-bezier(.2,.7,.3,1);
    z-index: 80;
    display: flex; flex-direction: column;
    box-shadow: -8px 0 40px -10px rgba(15,23,42,.3);
  }
  .td-drawer[data-open="true"] { transform: translateX(0); }
  .td-drawer-head {
    display: flex; align-items: center; justify-content: space-between;
    padding: 16px 20px; border-bottom: 1px solid var(--td-border);
  }
  .td-drawer-head img { height: 32px; width: auto; }
  .td-drawer-close { width: 38px; height: 38px; display: inline-flex; align-items: center; justify-content: center; border-radius: 6px; color: var(--td-navy); }
  .td-drawer-close:hover { background: rgba(21,94,234,0.08); color: var(--td-blue); }
  .td-drawer-close svg { width: 22px; height: 22px; }
  .td-drawer-body { flex: 1; overflow-y: auto; padding: 8px 0; }
  .td-drawer-item { border-bottom: 1px solid var(--td-border); }
  .td-drawer-item:last-child { border-bottom: 0; }
  .td-drawer-link {
    display: flex; align-items: center;
    padding: 16px 20px; width: 100%; text-align: left;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: 14px; font-weight: 700;
    text-transform: uppercase;
    color: #333;
    transition: color var(--td-trans), background var(--td-trans);
  }
  .td-drawer-link:hover { background: rgba(21,94,234,0.06); color: var(--td-blue); }
  .td-drawer-item[aria-expanded="true"] > .td-drawer-link { color: var(--td-blue); }
  .td-drawer-chev { margin-left: auto; width: 14px; height: 14px; transition: transform var(--td-trans); color: var(--td-blue); }
  .td-drawer-item[aria-expanded="true"] .td-drawer-chev { transform: rotate(180deg); }
  .td-drawer-sub { overflow: hidden; max-height: 0; transition: max-height 260ms ease; background: #F8FAFC; }
  .td-drawer-item[aria-expanded="true"] .td-drawer-sub { max-height: 640px; }
  .td-drawer-sub-link {
    display: flex; align-items: center; gap: 12px;
    padding: 12px 20px;
    font-size: 14px; font-weight: 500;
    color: var(--td-navy);
  }
  .td-drawer-sub-link:hover { color: var(--td-blue); background: rgba(21,94,234,0.08); }
  .td-drawer-sub-ico {
    width: 28px; height: 28px; flex-shrink: 0;
    display: inline-flex; align-items: center; justify-content: center;
    background: rgba(21,94,234,0.1); color: var(--td-blue); border-radius: 6px;
  }
  .td-drawer-sub-ico svg { width: 14px; height: 14px; }
  .td-drawer-foot { padding: 18px 20px; border-top: 1px solid var(--td-border); }
  .td-drawer-phone {
    display: flex; align-items: center; justify-content: center; gap: 10px;
    padding: 14px;
    background: var(--td-blue); color: #fff; border-radius: 6px;
    font-weight: 700; font-size: 14px; width: 100%;
  }
  .td-drawer-phone:hover { background: var(--td-blue-dark); }

  /* ============================================================
     Responsive
     ============================================================ */
  @media (max-width: 1024px) {
    .td-low { display: none; }
    .td-mid-center { display: none; }
    .td-mid-left { width: auto; }
    .td-mid-right { width: auto; gap: 10px; }
    .td-phone-text { display: none; }
    .td-burger { display: inline-flex; }
  }
  @media (max-width: 600px) {
    .td-top { display: none; }
    .td-mid { height: 80px; }
    .td-logo img { width: 110px; }
  }

  /* demo content */
  .demo-content { max-width: 1222px; margin: 24px auto; padding: 0 15px; color: var(--td-gray); font-size: 15px; }
  .demo-content h1 { color: var(--td-navy); font-size: 22px; margin-bottom: 8px; font-weight: 700; }
/* ============================================================
   OVERRIDES — Win specificity battle vs Woodmart CSS
   ============================================================ */
.bsn-th, .bsn-th *, .bsn-th *::before, .bsn-th *::after { box-sizing: border-box; }
.bsn-th ul, .bsn-th li, .td-drawer ul, .td-drawer li {
  list-style: none !important; padding-left: 0 !important;
}
.bsn-th ul, .td-drawer ul { margin: 0 !important; }
.bsn-th .td-top-list li { margin: 0 12.5px !important; }
.bsn-th .td-top-list li:first-child { margin-left: 0 !important; }
.bsn-th .td-top-list li:last-child { margin-right: 0 !important; }
.bsn-th .td-nav li { margin: 0 !important; }
.bsn-th .td-nav-link, .bsn-th .td-drawer-link { white-space: nowrap !important; }
.bsn-th .td-phone-title { white-space: nowrap !important; }
.bsn-th .td-phone-num { white-space: nowrap !important; }
.bsn-th .td-search-btn { display: inline-flex !important; }
.bsn-th .td-search-btn svg { display: block !important; width: 18px !important; height: 18px !important; }
.bsn-th .td-mid-cart svg { display: block !important; }
.bsn-th a:hover { text-decoration: none !important; color: inherit; }
.bsn-th a, .bsn-th button { font-family: inherit; }
.bsn-th img { max-width: 100%; height: auto; }
@media (min-width: 1025px) {
  .bsn-th .td-logo img { max-width: 150px !important; width: 150px !important; padding: 5px 0 !important; }
}
.bsn-th .td-search-input { box-shadow: none !important; }

/* Push down for WordPress admin bar (32px on desktop, 46px on mobile) */
/* WP already offsets html by 32px via html { margin-top:32px } — don't double */
.admin-bar .td-low { top: 32px; }
@media (max-width: 782px) { .admin-bar .td-low { top: 46px; } }
.admin-bar .td-drawer { top: 32px; }
@media (max-width: 782px) { .admin-bar .td-drawer { top: 46px; } }

/* Woodmart overrides <button> background/border — force transparent for nav */
.bsn-th button.td-nav-link,
.bsn-th .td-nav-item button {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 5px 0 !important;
  min-height: 0 !important;
  border-radius: 0 !important;
  text-transform: uppercase !important;
  letter-spacing: normal !important;
  font-family: Montserrat, Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 19.6px !important;
}
.bsn-th .td-nav-link { font-weight: 700 !important; }
.bsn-th button.td-drawer-link,
.bsn-th .td-drawer-close,
.bsn-th .td-burger {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Critical positioning fixes for search button — Woodmart override */
.bsn-th form.td-search { position: relative !important; }
.bsn-th .td-search-btn {
  position: absolute !important;
  right: 0 !important; top: 0 !important; bottom: 0 !important; left: auto !important;
  width: 50px !important; height: auto !important;
  border-radius: 0 3px 3px 0 !important;
  background: transparent !important;
}
.bsn-th .td-search-btn svg {
  width: 18px !important; height: 18px !important;
  min-width: 18px !important; min-height: 18px !important;
  fill: #687178 !important; display: block !important;
}
.bsn-th .td-mid-cart svg, .bsn-th .td-top-user svg, .bsn-th .td-top-social a svg, .bsn-th .td-burger svg {
  width: auto !important; min-width: 14px !important;
}
.bsn-th .td-top-list .ic { width: 14px !important; height: 18px !important; flex-shrink: 0; }
.bsn-th .td-top-list .ic svg { width: 14px !important; height: 18px !important; min-width: 0 !important; display: block !important; }
/* Iconițe topbar — albastru implicit */
.bsn-th .td-top-user svg { fill: #155EEA !important; }
.bsn-th .td-top-social a svg { fill: #155EEA !important; }
.bsn-th .td-top-list .ic { color: #155EEA !important; }
.bsn-th .td-top-list .ic svg { fill: #155EEA !important; }
/* Textul orașelor: #687178 implicit, blue pe hover (împreună cu pin-ul deja albastru) */
.bsn-th .td-top-list li, .bsn-th .td-top-list li a { color: #687178 !important; }
.bsn-th .td-top-list li a:hover { color: #155EEA !important; }
.bsn-th .td-top-list li a:hover .ic svg { fill: #155EEA !important; }
.bsn-th .td-nav-chev, .bsn-th .td-nav-chev svg { color: #687178 !important; stroke: #687178 !important; }
.bsn-th .td-nav-item[aria-expanded="true"] .td-nav-chev,
.bsn-th .td-nav-item[aria-expanded="true"] .td-nav-chev svg { color: var(--td-blue) !important; stroke: var(--td-blue) !important; }

/* Sub-link-uri — font-weight 600 */
.bsn-th .td-dropdown-link,
.bsn-th .td-drawer-sub-link { font-weight: 600 !important; }

/* === Top-bar user account dropdown === */
.bsn-th .td-top-account { position: relative; display: inline-flex; align-items: center; }
.bsn-th .td-top-account-dd {
  position: absolute; top: 100%; right: -10px;
  min-width: 220px;
  background: #fff;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 8px;
  box-shadow: 0 10px 30px -10px rgba(15,23,42,0.25);
  padding: 6px;
  opacity: 0; visibility: hidden; transform: translateY(6px);
  transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
  z-index: 70;
}
.bsn-th .td-top-account:hover .td-top-account-dd,
.bsn-th .td-top-account:focus-within .td-top-account-dd,
.bsn-th .td-top-account[aria-expanded="true"] .td-top-account-dd {
  opacity: 1; visibility: visible; transform: translateY(0);
}
.bsn-th .td-top-account-hi {
  padding: 10px 12px 6px;
  font-size: 12px; color: #687178;
  border-bottom: 1px solid rgba(0,0,0,0.06);
  margin-bottom: 4px;
}
.bsn-th .td-top-account-hi strong { color: #04213F; font-weight: 700; }
.bsn-th .td-top-account-link {
  display: block;
  padding: 10px 12px;
  font-family: Montserrat, Arial, Helvetica, sans-serif;
  font-size: 13px; font-weight: 600;
  color: #333 !important;
  border-radius: 6px;
  text-decoration: none;
  transition: background .15s, color .15s;
}
.bsn-th .td-top-account-link:hover { background: rgba(21,94,234,0.08); color: #155EEA !important; }
.bsn-th .td-top-account-logout { color: #687178 !important; border-top: 1px solid rgba(0,0,0,0.06); margin-top: 4px; padding-top: 10px; border-radius: 0; }
.bsn-th .td-top-account-logout:hover { color: #c0392b !important; background: rgba(192,57,43,0.06); }

/* === MOBILE FIXES === */
/* Logo cap on mobile */
@media (max-width: 1024px) {
  .bsn-th .td-logo img { height: 64px !important; width: auto !important; max-width: 230px !important; padding: 0 !important; }
  .bsn-th .td-mid { height: 88px !important; }
}
@media (max-width: 600px) {
  .bsn-th .td-logo img { height: 58px !important; width: auto !important; max-width: 210px !important; padding: 0 !important; }
  .bsn-th .td-mid { height: 80px !important; }
}

/* Drawer header — pe mobil logo mai mic, layout compact */
.td-drawer .td-drawer-head { padding: 12px 16px !important; }
.td-drawer .td-drawer-head img { height: 36px !important; width: auto !important; }
/* Drawer ocupă tot ecranul, peste admin bar */
.bsn-th .td-drawer, .td-drawer { top: 0 !important; z-index: 99999 !important; }
.td-drawer-backdrop { top: 0 !important; z-index: 99998 !important; }

/* Drawer close: forțat dimensiune + culoare peste Woodmart */
.bsn-th .td-drawer-close,
.td-drawer .td-drawer-close {
  background: transparent !important;
  border: 0 !important; box-shadow: none !important;
  padding: 0 !important; min-height: 0 !important;
  width: 38px !important; height: 38px !important;
  display: inline-flex !important; align-items: center; justify-content: center;
  color: #155EEA !important;
}
.bsn-th .td-drawer-close svg,
.td-drawer .td-drawer-close svg {
  width: 22px !important; height: 22px !important;
  min-width: 22px !important; stroke: #155EEA !important; fill: none !important;
  display: block !important;
}

/* Drawer link buttons — fără bg gri Woodmart */
.td-drawer button.td-drawer-link,
.bsn-th button.td-drawer-link {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important; box-shadow: none !important;
  border-radius: 0 !important;
  padding: 16px 20px !important;
  min-height: 0 !important;
  font-family: Montserrat, Arial, Helvetica, sans-serif !important;
  font-size: 14px !important; font-weight: 700 !important;
  letter-spacing: normal !important;
  text-transform: uppercase !important;
  color: #333 !important;
}
.td-drawer .td-drawer-item[aria-expanded="true"] > .td-drawer-link { color: var(--td-blue) !important; }

/* Drawer phone — icon size + layout fix */
.td-drawer .td-drawer-phone {
  display: flex !important; align-items: center !important; justify-content: center !important;
  gap: 10px !important;
  padding: 14px !important;
  background: #155EEA !important; color: #fff !important;
  border-radius: 6px !important;
  font-weight: 700 !important; font-size: 14px !important;
  width: 100% !important;
  text-decoration: none !important;
}
.td-drawer .td-drawer-phone svg {
  width: 30px !important; height: 30px !important;
  min-width: 30px !important; min-height: 30px !important;
  fill: #fff !important; flex-shrink: 0 !important;
  display: inline-block !important;
}

/* Drawer chevron + sub-icon dimensions safe vs Woodmart */
.td-drawer .td-drawer-chev { width: 14px !important; height: 14px !important; }
.td-drawer .td-drawer-chev svg { width: 14px !important; height: 14px !important; stroke: currentColor !important; fill: none !important; display: block !important; }
.td-drawer .td-drawer-sub-ico {
  width: 25px !important; height: 25px !important;
  background: transparent !important;
  border-radius: 0 !important;
  color: #155EEA !important;
  flex-shrink: 0 !important;
}
.td-drawer .td-drawer-sub-ico svg { width: 25px !important; height: 25px !important; display: block !important; }
.td-drawer .td-drawer-sub-ico svg path,
.td-drawer .td-drawer-sub-ico svg circle,
.td-drawer .td-drawer-sub-ico svg rect,
.td-drawer .td-drawer-sub-ico svg polygon,
.td-drawer .td-drawer-sub-ico svg ellipse,
.td-drawer .td-drawer-sub-ico svg polyline,
.td-drawer .td-drawer-sub-ico svg line { fill: #145de8 !important; }
.td-drawer .td-drawer-sub-ico svg [fill="white"],
.td-drawer .td-drawer-sub-ico svg [fill="#fff"],
.td-drawer .td-drawer-sub-ico svg [fill="#FFF"],
.td-drawer .td-drawer-sub-ico svg [fill="#ffffff"],
.td-drawer .td-drawer-sub-ico svg mask path,
.td-drawer .td-drawer-sub-ico svg mask rect,
.td-drawer .td-drawer-sub-ico svg [mask-type] path { fill: white !important; }

/* Burger only on mobile, never on desktop */
.bsn-th .td-burger { display: none !important; }
@media (max-width: 1024px) {
  .bsn-th .td-burger {
    display: inline-flex !important;
    width: 48px !important; height: 48px !important;
    align-items: center !important; justify-content: center !important;
    padding: 0 !important;
    background: transparent !important; border: 0 !important; box-shadow: none !important;
    color: #04213F !important;
  }
  .bsn-th .td-burger svg { width: 27px !important; height: 27px !important; min-width: 27px !important; min-height: 27px !important; fill: currentColor !important; display: block !important; }
  .bsn-th .td-low { display: none !important; }
  /* Ascunde telefon pe mobil (în pre-drawer) */
  .bsn-th .td-phone { display: none !important; }
  /* User icon pe mobil, în stânga burger-ului */
  .bsn-th .td-mid-user {
    display: inline-flex !important;
    width: 44px !important; height: 44px !important;
    align-items: center !important; justify-content: center !important;
    color: #04213F !important;
    margin-right: 4px !important;
  }
  .bsn-th .td-mid-user svg { width: 24px !important; height: 24px !important; min-width: 24px !important; fill: #04213F !important; display: block !important; }
}
/* Ascunde rezerva de spațiu Woodmart pentru header-ul sticky */
body { padding-top: 0 !important; margin-top: 0 !important; }
.whb-header, .whb-header-clone, .wd-header-placeholder, #wd-page-header { display: none !important; height: 0 !important; min-height: 0 !important; }
.admin-bar body { margin-top: 0 !important; }

/* Desktop — ascunde icoanele mobil */
.bsn-th .td-mid-user,
.bsn-th .td-mid-call,
.bsn-th .td-mid-cart-mob,
.bsn-th .td-msearch { display: none; }

/* Mobile — ascunde cart-ul desktop (avem .td-mid-cart-mob deja) */
@media (max-width: 1024px) {
  .bsn-th .td-mid-cart { display: none !important; }
}

/* Mobile (≤1024): activează icoanele suplimentare + bara de search */
@media (max-width: 1024px) {
  .bsn-th .td-mid-call,
  .bsn-th .td-mid-cart-mob {
    display: inline-flex !important;
    width: 44px !important; height: 44px !important;
    align-items: center !important; justify-content: center !important;
    margin-right: 2px !important;
  }
  .bsn-th .td-mid-call { color: #155EEA !important; }
  .bsn-th .td-mid-call svg {
    width: 24px !important; height: 24px !important;
    min-width: 24px !important; fill: #155EEA !important; display: block !important;
  }
  /* Cart icon — culoare închisă, ca pe magazin */
  .bsn-th .td-mid-cart-mob { color: #04213F !important; }
  .bsn-th .td-mid-cart-mob svg {
    width: 24px !important; height: 24px !important;
    min-width: 24px !important; fill: none !important;
    stroke: #04213F !important; stroke-width: 1.8 !important;
    display: block !important;
  }

  /* Bara de search sub header */
  .bsn-th .td-msearch {
    display: block !important;
    background: #fff !important;
    border-top: 1px solid rgba(0,0,0,0.06) !important;
    border-bottom: 1px solid rgba(0,0,0,0.06) !important;
    padding: 8px 0 !important;
  }
  .bsn-th .td-msearch .td-container { padding: 0 12px !important; max-width: 100% !important; }
  .bsn-th .td-msearch form.td-search {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: 44px !important;
    background: #F1F3F5 !important;
    border-radius: 6px !important;
    overflow: hidden !important;
  }
  .bsn-th .td-msearch .td-search-input {
    width: 100% !important; height: 44px !important;
    padding: 0 50px 0 14px !important;
    border: 0 !important; outline: none !important;
    background: transparent !important;
    font-family: Montserrat, Arial, Helvetica, sans-serif !important;
    font-size: 14px !important; color: #04213F !important;
    box-shadow: none !important;
  }
  .bsn-th .td-msearch .td-search-btn {
    position: absolute !important;
    right: 0 !important; top: 0 !important; bottom: 0 !important;
    width: 50px !important; height: 44px !important;
    background: transparent !important;
    border: 0 !important; box-shadow: none !important;
    display: inline-flex !important; align-items: center !important; justify-content: center !important;
  }
  .bsn-th .td-msearch .td-search-btn svg {
    width: 20px !important; height: 20px !important;
    fill: #687178 !important; display: block !important;
  }
}

/* Drawer logo +20% — height 36→44 */
.td-drawer .td-drawer-head img { height: 53px !important; width: auto !important; }

/* X close negru */
.bsn-th .td-drawer-close, .td-drawer .td-drawer-close { color: #04213F !important; }
.bsn-th .td-drawer-close svg, .td-drawer .td-drawer-close svg { stroke: #04213F !important; }

/* Top-level items — fără uppercase, font-weight 500, culoare default închisă */
.td-drawer button.td-drawer-link,
.bsn-th button.td-drawer-link,
.td-drawer .td-drawer-link {
  text-transform: none !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  letter-spacing: normal !important;
}

/* Sub-items — gri, font-size egal cu cel din top-level (16px), fără uppercase */
.bsn-th .td-drawer-sub-link,
.td-drawer .td-drawer-sub-link {
  color: #687178 !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  text-transform: none !important;
}

/* Sub-icons 20px */
.td-drawer .td-drawer-sub-ico { width: 20px !important; height: 20px !important; }
.td-drawer .td-drawer-sub-ico svg { width: 20px !important; height: 20px !important; }

/* Locations: gap between pin + text */
.bsn-th .td-top-list li a { gap: 8px !important; }
.bsn-th .td-top-list .ic { margin-right: 0 !important; }

/* User icon + social cluster: visible gap */
.bsn-th .td-top-right > * { flex-shrink: 0; }