/* ==========================================================================
   Header — ob-header__* BEM, zero Elementor dependency
   ========================================================================== */

/* ── Responsive utilities ── */
@media(min-width:1025px){.ob-hide-desktop{display:none!important}}
@media(min-width:768px) and (max-width:1024px){.ob-hide-tablet{display:none!important}}
@media(max-width:767px){.ob-hide-mobile{display:none!important}}

/* ── Fix horizontal overflow (cosmetic, doesn't affect sticky) ── */
html{overflow-x:clip!important}

/* ── Shared ── */
.ob-header{font-family:"PT Sans",sans-serif;font-size:14px;line-height:1.4;color:#9B9B9B}
.ob-header *,.ob-header *::before,.ob-header *::after{box-sizing:border-box}
.ob-header a{text-decoration:none;color:inherit;transition:color .2s}
.ob-header img{max-width:100%;height:auto;display:block}
.ob-icon{display:inline-block;vertical-align:middle;fill:currentColor;flex-shrink:0}

.ob-header__container{max-width:1140px;margin:0 auto;padding:0 15px}
.ob-header__container--wide{max-width:1470px;padding:0}

/* ── 1-2. Topbar (desktop + tablet) ── */
.ob-header__topbar{background:#363636;border-bottom:1px solid #7A7A7A;z-index:9000;position:relative}
.ob-header__topbar .ob-header__container{display:flex;align-items:center;justify-content:space-between;min-height:42px}
.ob-header__topbar-left{flex:1;min-width:0}
.ob-header__topbar-right{display:flex;align-items:center;gap:20px;flex-shrink:0}

.ob-header__contact-link{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:#9B9B9B;white-space:nowrap}
.ob-header__contact-link .ob-icon{color:#F9F9F9}
.ob-header__contact-link:hover{color:#fff}

/* Tablet topbar adjustments */
.ob-header__topbar--tablet .ob-header__contact-link .ob-icon{color:#EEEEEE}

/* ── Topbar nav ── */
.ob-nav--topbar{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0}
.ob-nav--topbar .ob-nav__item{position:relative;display:flex}
.ob-nav--topbar .ob-nav__link{display:flex;padding:0;margin-right:6px;font-size:14px;color:#9B9B9B;line-height:20px;position:relative}
.ob-nav--topbar .ob-nav__link::after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:#EEEEEE;opacity:0;transition:opacity .3s cubic-bezier(.58,.3,.005,1)}
.ob-nav--topbar .ob-nav__link:hover{color:#EEEEEE}
.ob-nav--topbar .ob-nav__link:hover::after{opacity:1}
.ob-nav--topbar .ob-nav__item--active .ob-nav__link{color:#EEEEEE}
.ob-nav--topbar .ob-nav__item--active .ob-nav__link::after{opacity:1}

/* Topbar submenus */
.ob-nav--topbar .ob-nav__submenu{display:none;position:absolute;top:100%;left:0;background:#363636;border:1px solid #7A7A7A;padding:8px 0;min-width:200px;z-index:9001;list-style:none}
.ob-nav--topbar .ob-nav__item:hover>.ob-nav__submenu{display:block}
.ob-nav--topbar .ob-nav__submenu .ob-nav__link{padding:6px 16px;font-size:13px;white-space:nowrap}

/* ── 3. Logo row ── */
.ob-header__logorow{background:#363636;z-index:9000;position:relative}
.ob-header__logorow .ob-header__container--wide{display:flex;align-items:center;min-height:91px}
.ob-header__logo{width:23%;flex-shrink:0}
.ob-header__logo img{width:auto;max-width:90%;height:76px;margin:0 auto;object-fit:contain}
.ob-header__logo-subtitle{font-size:13px;color:#666;margin-top:2px;text-align:center}
.ob-header__search{width:47%;padding:0 20px}
.ob-header__callback{width:22%;text-align:center}
.ob-header__cart{width:8%;text-align:right}
.ob-header__logorow .ob-header__cart{background:#0C5C3A;border-radius:6px;height:44px;display:flex;align-items:center;justify-content:center;align-self:center}
.ob-header__logorow .ob-header__cart .xoo-wsc-sc-bkcont{color:#EEEEEE;display:flex;align-items:center;justify-content:center}

@media(min-width:768px) and (max-width:1024px){
  .ob-header__logorow .ob-header__container--wide{padding:0}
  .ob-header__logo img{width:auto;max-width:95%;height:70px}
  .ob-header__search{width:40%}
  .ob-header__callback{width:25%}
  .ob-header__cart{width:12%}
}

/* Callback button */
.ob-header .ob-header__callback-btn{display:inline-flex;align-items:center;gap:10px;background:#0C5C3A;color:#EEEEEE;padding:12px 24px;border-radius:6px;font-size:16px;font-weight:400;line-height:16px;min-height:44px;white-space:nowrap;transition:background .2s}
.ob-header .ob-header__callback-btn:hover{background:#0a4e32;color:#fff}
.ob-header .ob-header__callback-btn .ob-icon{color:#EEEEEE}

@media(min-width:768px) and (max-width:1024px){
  .ob-header__callback-btn{font-size:12px;padding:8px 14px;gap:8px}
}

/* ── 4-5. Main nav (desktop + tablet) ── */
.ob-header__nav{background:#0C5C3A;z-index:9000}
.ob-header__nav[data-sticky]{position:sticky;top:0}
.ob-header__nav.--stuck{box-shadow:0 2px 8px rgba(0,0,0,.3)}

/* Main nav list */
.ob-nav--main{list-style:none;margin:0;padding:10px 0;display:flex;justify-content:space-between;align-items:center}
.ob-nav--main>.ob-nav__item{flex:1;text-align:center}
.ob-nav--main>.ob-nav__item>.ob-nav__link{display:block;padding:13px 20px;font-family:"IBM Plex Sans",sans-serif;font-size:18px;font-weight:500;color:#EEEEEE;line-height:20px;position:relative}
.ob-nav--main>.ob-nav__item>.ob-nav__link::after{content:'';position:absolute;left:0;right:0;bottom:0;height:7px;background:#EEEEEE;opacity:0;transition:opacity .3s cubic-bezier(.58,.3,.005,1)}
.ob-nav--main>.ob-nav__item>.ob-nav__link:hover::after,
.ob-nav--main>.ob-nav__item--active>.ob-nav__link::after{opacity:1}
.ob-nav--main>.ob-nav__item>.ob-nav__link:hover{color:#fff}

/* Main nav submenus */
.ob-nav--main .ob-nav__submenu{display:none;position:absolute;top:100%;left:0;background:#0C5C3A;border:1px solid rgba(255,255,255,.15);padding:8px 0;min-width:220px;z-index:9001;list-style:none}
.ob-nav--main .ob-nav__item{position:relative}
.ob-nav--main .ob-nav__item:hover>.ob-nav__submenu{display:block}
.ob-nav--main .ob-nav__submenu .ob-nav__link{padding:8px 20px;font-family:"IBM Plex Sans",sans-serif;font-size:15px;font-weight:400;color:#EEEEEE;display:block;white-space:nowrap}
.ob-nav--main .ob-nav__submenu .ob-nav__link:hover{color:#fff;background:rgba(255,255,255,.08)}
/* Nested submenus */
.ob-nav--main .ob-nav__submenu .ob-nav__submenu{top:0;left:100%}
/* Caret for items with children */
.ob-nav--main .ob-nav__item--has-children>.ob-nav__link::before{content:'';display:inline-block;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;margin-left:6px;vertical-align:middle}

/* ── 6. Mobile top bar ── */
.ob-header__mobile{background:#0C5C3A;box-shadow:3px 2px 10px rgba(0,0,0,.5);z-index:9000}
.ob-header__mobile[data-sticky]{position:sticky;top:0}
.ob-header__mobile .ob-header__container{display:flex;align-items:center;justify-content:space-between;padding:8px 10px}
.ob-header__mobile-logo{width:33%;flex-shrink:0}
.ob-header__mobile-logo img{width:100%;max-height:48px;object-fit:contain}
.ob-header__mobile-actions{display:flex;align-items:center;gap:4px}.ob-header__mobile-btn{background:none;border:none;color:#EEEEEE;padding:10px 12px;cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}
.ob-header__mobile-btn:active{opacity:.7}
.ob-header__cart--mobile{flex-shrink:0}
.ob-header__cart--mobile .xoo-wsc-sc-bkcont{color:#EEEEEE}

/* Mobile search panel */
.ob-header__mobile-search{background:#363636;overflow:hidden;max-height:0;transition:max-height .25s ease}.ob-header__mobile-search.--open{max-height:80px}.ob-header__mobile-search .dgwt-wcas-search-wrapp{padding:10px 15px}.ob-header__mobile-search .dgwt-wcas-search-input{background:#fff;color:#333}

/* Mobile menu panel */
.ob-header__mobile-menu{position:fixed;top:0;left:0;width:85%;max-width:320px;height:100vh;background:#363636;z-index:9999;overflow-y:auto;padding:20px 15px;transform:translateX(-100%);transition:transform .3s ease}
.ob-header__mobile-menu.--open{transform:translateX(0);display:block!important}
.ob-header__mobile-menu-close{position:absolute;top:12px;right:12px;background:none;border:none;color:#EEEEEE;cursor:pointer;padding:8px}

/* Mobile nav */
.ob-nav--mobile{list-style:none;margin:20px 0 0;padding:0}
.ob-nav--mobile .ob-nav__item{border-bottom:1px solid #7A7A7A}
.ob-nav--mobile .ob-nav__link{display:block;padding:12px 0;color:#EEEEEE;font-size:16px}
.ob-nav--mobile .ob-nav__link:hover{color:#fff}
.ob-nav--mobile .ob-nav__item--active .ob-nav__link{color:#fff}
/* Mobile submenus — collapsed */
.ob-nav--mobile .ob-nav__submenu{list-style:none;padding:0 0 0 15px;display:none}
.ob-nav--mobile .ob-nav__item--has-children.--open>.ob-nav__submenu{display:block}
.ob-nav--mobile .ob-nav__submenu .ob-nav__link{font-size:14px;padding:8px 0}
/* Toggle caret */
.ob-nav--mobile .ob-nav__item--has-children>.ob-nav__link{display:flex;justify-content:space-between;align-items:center}
.ob-nav--mobile .ob-nav__item--has-children>.ob-nav__link::after{content:'';display:block;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid currentColor;transition:transform .2s}
.ob-nav--mobile .ob-nav__item--has-children.--open>.ob-nav__link::after{transform:rotate(180deg)}

/* Mobile overlay */
.ob-header__mobile-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:9998}
.ob-header__mobile-overlay.--active{display:block}

/* ── 7. Mobile bottom nav ── */
.ob-header__mobilenav{position:fixed;bottom:0;left:0;right:0;background:#0C5C3A;display:flex;z-index:9000;border-top:1px solid rgba(255,255,255,.15)}
.ob-header__mobilenav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 4px;color:#EEEEEE;font-family:"IBM Plex Sans",sans-serif;font-size:11px;font-weight:600;gap:4px;text-decoration:none;cursor:pointer}
.ob-header__mobilenav-item .ob-icon{display:block}
.ob-header__mobilenav-item:active{opacity:.7}
.ob-header__mobilenav-item--cart{position:relative}
.ob-header__mobilenav-item--cart .xoo-wsc-sc-bkcont{color:#EEEEEE}

/* ── Chat buttons (floating) ── */
.ob-header__chat{position:fixed;bottom:80px;right:15px;z-index:9500;display:flex;flex-direction:column;align-items:flex-end;gap:8px}
@media(min-width:768px){.ob-header__chat{bottom:20px;right:20px}}
.ob-header__chat-icons{display:flex;flex-direction:column;gap:8px}
.ob-header__chat-link{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:#363636;color:#EEEEEE;transition:background .2s}
.ob-header__chat-link--tg:hover{background:#0088cc}
.ob-header__chat-link--wa:hover{background:#25d366}
.ob-header__chat-link--ig:hover{background:#e1306c}
.ob-header__chat-toggle{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:#0C5C3A;color:#fff;border:none;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.3);transition:background .2s}
.ob-header__chat-toggle:hover{background:#0a4e32}

/* ── Body padding for mobile bottom nav ── */
@media(max-width:767px){
  body{padding-bottom:70px}
}
#ob-mobile-search-toggle{margin-left:auto}