/* DOBRO HUB HEADER STUDIO 1.3.0
   Theme navigation ONLY. Does not create a second menu or adjust content sections.
   Desktop: graphite, midnight blue, lilac, champagne, blush.
   Mobile drawer: deep ink, high-contrast links, refined hover/active colors. */
:root{--dhhs-ink:#11162b;--dhhs-ink2:#222341;--dhhs-iris:#685fa1;--dhhs-ice:#bfe9ed;--dhhs-blush:#df99ae}
body .dh-style-header{
  background:#171c34!important;
  background-image:linear-gradient(108deg,#15192e 0%,#1c2948 53%,#2d2443 100%)!important;
  color:#faf8ff!important;
  box-shadow:0 12px 32px rgba(12,14,32,.17)!important;
}
body .dh-style-header :is(.main-header,.header-main,.navbar-area,.main-navbar,.header-navigation,.navbar-wrapper,.header-nav,.header-menu,.menu-wrap,.primary-navigation){
  background:transparent!important;
}
body .dh-style-header .dh-brand-top{
  background:#344780!important;
  background-image:linear-gradient(115deg,#304879,#5b65a6 54%,#8a75ac 100%)!important;
  color:#fff!important;
}
body .dh-style-header .dh-brand-top :is(a,h1,h2,h3,.site-title,.site-description,p,small,span){
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}
/* Only decorative brand triangles, never font icons */
body .dh-style-header .dh-brand-top::before,
body .dh-style-header .dh-brand-top::after{
  background-color:#8679b1!important;
  background-image:linear-gradient(130deg,#6d77b4,#b692bb)!important;
  border-color:transparent!important;
}
body .dh-top-strip{
  background:#19182e!important;
  background-image:linear-gradient(110deg,#151728,#24223f)!important;
  color:#f6f3ff!important;
}
body .dh-top-strip :is(a,span,small,p,i){color:#f5f3ff!important}
body .dh-top-social{
  background-color:#53538f!important;
  background-image:linear-gradient(112deg,#465a91,#7664a2 55%,#b580a3)!important;
  color:#fff!important;
}
body .dh-top-social :is(a,span,small,i,svg){color:#fff!important}
body .dh-style-header :is(.main-navigation,.primary-navigation,.navbar-nav,.main-menu,.nav-menu,.primary-menu,.header-menu,.header-nav) a{
  color:#faf9ff!important;-webkit-text-fill-color:#faf9ff!important;text-shadow:none!important;
  font-weight:650;transition:color .25s ease,background .25s ease!important;
}
body .dh-style-header :is(.main-navigation,.primary-navigation,.navbar-nav,.main-menu,.nav-menu,.primary-menu,.header-menu,.header-nav) li:hover > a,
body .dh-style-header :is(.main-navigation,.primary-navigation,.navbar-nav,.main-menu,.nav-menu,.primary-menu,.header-menu,.header-nav) li.current-menu-item > a{
  color:#bdeae8!important;-webkit-text-fill-color:#bdeae8!important;
}
body .dh-style-header .dh-telegram-btn,
body .dh-style-header .dh-telegram-btn:visited{
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  background:#8c75b3!important;
  background-image:linear-gradient(110deg,#746eaf,#a97ea9 60%,#db96ab)!important;
  border:1px solid rgba(255,255,255,.19)!important;
  border-radius:13px!important;
  box-shadow:0 9px 26px rgba(91,72,148,.25)!important;
  transition:transform .28s,box-shadow .28s,filter .28s!important;
}
body .dh-style-header .dh-telegram-btn:hover{
  transform:translateY(-2px)!important;filter:brightness(1.05);
  box-shadow:0 14px 30px rgba(91,72,148,.4)!important;
}
/* Keep original phone icon; color its existing native circle without inserting SVG. */
body .dh-style-header .dh-native-phone-ring{
  background-color:#5b629d!important;
  background-image:linear-gradient(145deg,#5366a5,#8676b4)!important;
  color:#fff!important;
  border-color:#b3b8e0!important;
  box-shadow:inset 0 0 0 3px rgba(14,19,44,.14),0 0 0 3px rgba(154,166,220,.13)!important;
}
body .dh-style-header .dh-native-phone-ring :is(i,svg,span){
  opacity:1!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
body .dh-style-header .dh-native-phone-ring svg{fill:currentColor}
/* Desktop submenu: a legible, restrained pearl panel */
@media(min-width:992px){
 body .dh-style-header :is(.sub-menu,.dropdown-menu){
   background:linear-gradient(130deg,#fff,#f2f0fa)!important;
   border:1px solid #e8e4f2!important;border-radius:13px!important;
   box-shadow:0 22px 55px rgba(11,15,35,.24)!important;
 }
 body .dh-style-header :is(.sub-menu,.dropdown-menu) a{
   color:#262744!important;-webkit-text-fill-color:#262744!important;
 }
 body .dh-style-header :is(.sub-menu,.dropdown-menu) a:hover{
   color:#655aa4!important;-webkit-text-fill-color:#655aa4!important;
   background:rgba(111,108,175,.1)!important;
 }
}
/* Mobile menu: IMPORTANT: the theme can mount the drawer OUTSIDE <header>. Therefore
   use the JS-added global panel classes, never a .dh-style-header-only selector. */
@media(max-width:991px){
 body .dh-top-strip{display:none!important}
 body .dh-style-header{height:auto!important;min-height:0!important}
 body .dh-style-header .dh-brand-top{
   max-width:calc(100% - 72px)!important;
   min-height:0!important;
   padding:11px 15px!important;
   border-radius:0 12px 12px 0!important;
 }
 body .dh-style-header .dh-brand-top :is(h1,h2,h3,.site-title){
   font-size:clamp(16px,4.5vw,20px)!important;line-height:1.2!important;
   margin:0!important;letter-spacing:-.02em!important;
 }
 body .dh-style-header .dh-brand-top :is(.site-description,p,small){display:none!important}
 body .dh-style-header .dh-mobile-toggle{
   color:#fff!important;background:#424b85!important;
   border:1px solid #999acb!important;border-radius:13px!important;
   width:47px!important;height:47px!important;min-width:47px!important;
   min-height:47px!important;box-shadow:0 6px 20px rgba(5,10,32,.25)!important;
 }
 body .dh-style-header .dh-mobile-toggle :is(i,svg,span){color:#fff!important;fill:currentColor}
 body :is(.dh-mobile-surface,.dh-mobile-panel, .dh-mobile-surface .mean-nav,
          .dh-mobile-surface .mobile-menu,.dh-mobile-surface .offcanvas-body){
   background-color:#191d37!important;
   background-image:linear-gradient(155deg,#171c34 0%,#222846 54%,#382945 100%)!important;
   color:#f9f7ff!important;
   border-color:rgba(189,191,235,.16)!important;
 }
 body .dh-mobile-surface{
   box-shadow:inset 0 1px 0 rgba(255,255,255,.1),-15px 0 50px rgba(4,8,28,.25)!important;
 }
 body .dh-mobile-panel,
 body .dh-mobile-panel ul,
 body .dh-mobile-panel li{list-style:none!important}
 body .dh-mobile-panel li{
   background:transparent!important;
   border-bottom:1px solid rgba(219,219,246,.12)!important;
 }
 body .dh-mobile-panel a{
   display:flex;align-items:center;min-height:54px;
   padding:14px 22px!important;
   color:#f7f6ff!important;-webkit-text-fill-color:#f7f6ff!important;
   font-size:16px!important;line-height:1.35!important;
   font-weight:640!important;letter-spacing:-.01em;
   text-shadow:none!important;transition:background-color .25s,color .25s!important;
 }
 body .dh-mobile-panel li:hover>a,
 body .dh-mobile-panel li.current-menu-item>a,
 body .dh-mobile-panel a[aria-current="page"]{
   color:#c9f2ef!important;-webkit-text-fill-color:#c9f2ef!important;
   background:linear-gradient(90deg,rgba(149,149,224,.20),rgba(232,165,189,.08))!important;
 }
 body .dh-mobile-panel :is(.sub-menu,.dropdown-menu){
   background-color:#272a4b!important;
   background-image:none!important;border:0!important;
   box-shadow:none!important;border-radius:0!important;
 }
 body .dh-mobile-panel :is(.sub-menu,.dropdown-menu) a{
   color:#eceafa!important;-webkit-text-fill-color:#eceafa!important;
   font-size:15px!important;padding-left:35px!important;
 }
 body .dh-mobile-surface :is(.menu-toggle,.navbar-toggler,.mobile-menu-toggle,
   .meanmenu-reveal,.close-menu,.menu-close,.offcanvas-close,button[aria-expanded]){
   color:#fff!important;background:#484c87!important;border-color:#9c9ad0!important;
 }
 body .dh-mobile-surface :is(.menu-toggle,.navbar-toggler,.mobile-menu-toggle,
   .meanmenu-reveal,.close-menu,.menu-close,.offcanvas-close,button[aria-expanded]) :is(i,svg,span){color:#fff!important;fill:currentColor}
}
@media(max-width:480px){
 body .dh-style-header .dh-brand-top{max-width:calc(100% - 60px)!important}
 body .dh-style-header .dh-brand-top :is(h1,h2,h3,.site-title){font-size:17px!important}
}
@media(prefers-reduced-motion:reduce){
 body .dh-style-header *, body .dh-mobile-panel *{animation:none!important;transition:none!important}
}


/* ==============================================================
   v1.3: Real mobile drawer (works regardless of menu item wording).
   Only the menu, never Elementor page sections or desktop navigation.
   ============================================================== */
@media(max-width:991px){
  /* Theme fallback selectors cover lists inserted outside the normal header. */
  body.dhhs-mobile-ready :is(
    .dh-mobile-surface,
    .mean-container .mean-nav,
    .mobile-menu,
    .mobile-navigation,
    .mobile-nav,
    .offcanvas-menu,
    .offcanvas-body,
    .responsive-menu,
    .slicknav_nav,
    .dt-mobile-menu,
    .navigation-drawer,
    .mobile-menu-wrapper,
    .mobile-menu-content,
    .mm-panel,
    .sidr
  ){
    background:#171e37!important;
    background-image:linear-gradient(155deg,#121b33 0%,#242b4c 55%,#3a304f 100%)!important;
    color:#f8f8ff!important;
    border-color:rgba(226,220,250,.12)!important;
  }
  body.dhhs-menu-open .dh-mobile-surface{
    min-height:100dvh!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 20px 45px rgba(5,9,26,.18)!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
  }
  body.dhhs-mobile-ready :is(.dh-mobile-panel,.dh-mobile-links),
  body.dhhs-mobile-ready :is(.dh-mobile-panel,.dh-mobile-links) > li{
    background:transparent!important;
    background-image:none!important;
    border-color:rgba(223,226,247,.10)!important;
  }
  body.dhhs-mobile-ready .dh-mobile-links{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:14px 12px 30px!important;
    list-style:none!important;
  }
  body.dhhs-mobile-ready .dh-mobile-links > li{
    display:block!important;
    width:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border-bottom:1px solid rgba(221,225,250,.09)!important;
  }
  body.dhhs-mobile-ready .dh-mobile-links > li > a,
  body.dhhs-mobile-ready :is(.mean-container .mean-nav,.slicknav_nav,.mobile-menu,.mobile-nav,.offcanvas-menu,.responsive-menu,.dt-mobile-menu) li > a{
    display:flex!important;
    align-items:center!important;
    min-height:55px!important;
    padding:14px 16px!important;
    border-radius:12px!important;
    border:0!important;
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    color:#f5f4ff!important;
    -webkit-text-fill-color:#f5f4ff!important;
    font:650 16px/1.35 Inter,'Segoe UI',Arial,sans-serif!important;
    text-shadow:none!important;
    text-transform:none!important;
    letter-spacing:-.012em!important;
    transition:background-color .25s,color .25s,transform .25s!important;
  }
  body.dhhs-mobile-ready :is(.dh-mobile-links,.mean-container .mean-nav,.slicknav_nav,.mobile-menu,.mobile-nav,.offcanvas-menu,.responsive-menu,.dt-mobile-menu) li.current-menu-item > a,
  body.dhhs-mobile-ready :is(.dh-mobile-links,.mean-container .mean-nav,.slicknav_nav,.mobile-menu,.mobile-nav,.offcanvas-menu,.responsive-menu,.dt-mobile-menu) li.current_page_item > a,
  body.dhhs-mobile-ready :is(.dh-mobile-links,.mean-container .mean-nav,.slicknav_nav,.mobile-menu,.mobile-nav,.offcanvas-menu,.responsive-menu,.dt-mobile-menu) a[aria-current="page"],
  body.dhhs-mobile-ready :is(.dh-mobile-links,.mean-container .mean-nav,.slicknav_nav,.mobile-menu,.mobile-nav,.offcanvas-menu,.responsive-menu,.dt-mobile-menu) li > a:hover{
    color:#cbf5f1!important;
    -webkit-text-fill-color:#cbf5f1!important;
    background:linear-gradient(100deg,rgba(141,164,243,.20),rgba(233,174,195,.09))!important;
    box-shadow:inset 3px 0 0 #a8e7e6!important;
  }
  body.dhhs-mobile-ready :is(.dh-mobile-links,.mean-container .mean-nav,.slicknav_nav,.mobile-menu,.mobile-nav,.offcanvas-menu,.responsive-menu,.dt-mobile-menu) .sub-menu{
    background:rgba(8,14,31,.23)!important;
    border:0!important;
    box-shadow:none!important;
  }
  /* Responsive menu opening control retains original click behavior. */
  body.dhhs-mobile-ready :is(.meanmenu-reveal,.menu-toggle,.mobile-menu-toggle,.navbar-toggler,.dh-mobile-close-styled){
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    background:#343e78!important;
    background-image:linear-gradient(135deg,#454f8e,#7062a4)!important;
    border:1px solid rgba(198,207,247,.32)!important;
    border-radius:14px!important;
    box-shadow:0 6px 20px rgba(13,17,48,.22)!important;
  }

  /* Open state shows an unmistakable close symbol instead of theme's minus glyph. */
  body.dhhs-menu-open .dh-mobile-close-styled{
    position:relative!important;
    font-size:0!important;
    overflow:hidden!important;
  }
  body.dhhs-menu-open .dh-mobile-close-styled :is(i,svg,span){opacity:0!important;}
  body.dhhs-menu-open .dh-mobile-close-styled::after{
    content:"×"!important;position:absolute!important;inset:0!important;
    display:grid!important;place-items:center!important;
    color:#fff!important;font:400 29px/1 Arial,sans-serif!important;
    background:transparent!important;pointer-events:none!important;
    border:0!important;transform:none!important;
  }
  body.dhhs-mobile-ready :is(.meanmenu-reveal,.menu-toggle,.mobile-menu-toggle,.navbar-toggler,.dh-mobile-close-styled):focus-visible,
  body.dhhs-mobile-ready .dh-mobile-links a:focus-visible{
    outline:2px solid #bcecec!important;
    outline-offset:3px!important;
  }
}
@media(max-width:480px){
  body.dhhs-mobile-ready .dh-mobile-links{padding:12px 10px 24px!important}
  body.dhhs-mobile-ready .dh-mobile-links > li > a{font-size:15px!important;min-height:52px!important}
}



/* v1.5 — STABLE always-fixed header. No scroll state changes or animated spacers. */
body .dh-style-header.dh-fixed-always {
  position: fixed !important;
  z-index: 9990 !important;
  top: var(--dh-fixed-top, 0px) !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  transform: none !important;
  animation: none !important;
  transition: none !important;
  background: linear-gradient(108deg,#15192e 0%,#1c2948 53%,#2d2443 100%) !important;
  background-color:#171c34 !important;
  color: #faf8ff !important;
  box-shadow: 0 12px 30px rgba(7,11,32,.25) !important;
  isolation: isolate;
}
/* Don't let the theme paint a white inner sticky header during reverse scroll. */
body .dh-style-header.dh-fixed-always :is(
  .main-header,.header-main,.navbar-area,.main-navbar,.header-navigation,
  .navbar-wrapper,.header-nav,.header-menu,.menu-wrap,.primary-navigation,
  .sticky-header,.sticky-menu,.header-sticky,.is-sticky,.header-is-sticky,
  .navbar-fixed,.nav-wrapper,.navigation-bar,.menu-area
) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}
body .dh-style-header.dh-fixed-always :is(
  .main-navigation,.primary-navigation,.navbar-nav,.main-menu,.nav-menu,
  .primary-menu,.header-menu,.header-nav
) :is(a,a:link,a:visited) {
  color:#faf9ff !important;
  -webkit-text-fill-color:#faf9ff !important;
  text-shadow:none !important;
}
body .dh-style-header.dh-fixed-always :is(
  .main-navigation,.primary-navigation,.navbar-nav,.main-menu,.nav-menu,
  .primary-menu,.header-menu,.header-nav
) li.current-menu-item > a {
  color:#bdeae8 !important;
  -webkit-text-fill-color:#bdeae8 !important;
}
/* Keep submenus readable (unlike the main nav, they have pearl surfaces). */
@media(min-width:992px) {
 body .dh-style-header.dh-fixed-always :is(.sub-menu,.dropdown-menu){
  background: linear-gradient(130deg,#fff,#f2f0fa) !important;
  background-color:#fff !important;
 }
 body .dh-style-header.dh-fixed-always :is(.sub-menu,.dropdown-menu) a{
  color:#262744 !important;-webkit-text-fill-color:#262744 !important;
 }
}
/* Permanent in-flow replacement, sized only at initialization/viewport resize. */
.dh-fixed-placeholder {
  display: block !important;
  width: 100%;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  pointer-events: none;
  flex: 0 0 auto;
}
/* Theme-injected DUPLICATE sticky headers are hidden only after JS confirms matching menu links. */
.dhhs-duplicate-sticky {
  display:none !important;
  visibility:hidden !important;
  pointer-events:none !important;
}
@media (max-width:991px){
  body .dh-style-header.dh-fixed-always {box-shadow:0 10px 26px rgba(5,9,27,.23) !important;}
}
@media (prefers-reduced-motion:reduce){
  body .dh-style-header.dh-fixed-always {transition:none!important;animation:none!important;}
}


/* v1.6 — suppress *verified* copies from theme sticky-on-scroll mechanism.
   Original header remains visible, the theme's repeated white menu does not. */
html body.dhhs-sticky-managed .dhhs-duplicate-sticky,
html body.dhhs-sticky-managed .dhhs-clone-verified {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}
/* Known cloned-header class families, only OUTSIDE the actual managed header.
   This rule is scoped to desktop so a genuine mobile drawer is never hidden. */
@media(min-width:992px){
 html body.dhhs-sticky-managed :is(
  #sticky-header,#header-sticky,.sticky-header-clone,.sticky-header-wrapper,
  .header-sticky-clone,.navbar-clone,.header-clone,.sticky-clone,
  .header-sticky-menu,.sticky-navigation-clone
 ):not(.dh-style-header):not(.dh-style-header *){
   display:none!important;visibility:hidden!important;pointer-events:none!important;
 }
 /* The site's actual header and nav keep a solid dark surface at every scroll state. */
 body .dh-style-header.dh-fixed-always .dhhs-dark-navigation-row,
 body .dh-style-header.dh-fixed-always .dhhs-dark-navigation-row:is(.sticky,.fixed,.is-sticky){
   background:linear-gradient(108deg,#15192e 0%,#1c2948 53%,#2d2443 100%)!important;
   background-color:#171c34!important;
   box-shadow:none!important;
   opacity:1!important;
   visibility:visible!important;
 }
 body .dh-style-header.dh-fixed-always .dhhs-dark-navigation-row :is(a,a:visited,a:link):not(.dh-telegram-btn){
   color:#f7f6ff!important;
   -webkit-text-fill-color:#f7f6ff!important;
 }
}