/*
Theme Name: Osder Child
Template: astra
Description: Faithful replica of the former Jevelin design for osdergroup.com, rebuilt on Astra with native content and no premium page-builder plugins.
Version: 1.5
*/

/* Full-width row stretch (js_composer JS is gone) — CONTENT rows only */
.entry-content .vc_row-full-width,
.page-content .vc_row-full-width,
#content .vc_row[data-vc-full-width="true"]{
  width:100vw!important;max-width:100vw!important;position:relative!important;
  left:50%!important;right:50%!important;margin-left:-50vw!important;margin-right:-50vw!important;
  box-sizing:border-box!important;
}
/* Header/footer rows are full-width via their own sh- CSS — never JS-shift them */
.sh-header-template .vc_row, .sh-header-builder .vc_row, .sh-footer-template .vc_row,
.sh-header-template [data-vc-full-width], .sh-footer-template [data-vc-full-width]{
  left:0!important;right:auto!important;margin-left:0!important;margin-right:0!important;
  width:100%!important;max-width:100%!important;transform:none!important;
}
/* No WPBakery JS to trigger reveal animations -> show everything */
.wpb_animate_when_almost_visible{opacity:1!important;}

/* Light-top pages: make the transparent-header nav readable (dark text) */
.osder-top-light .sh-header-builder-main-navigation a,
.osder-top-light .sh-nav > li > a{ color:#2b2b2b!important; }
.osder-top-light .sh-header-builder-main-navigation a:hover,
.osder-top-light .sh-nav > li > a:hover{ color:#eebf75!important; }
.osder-top-light .sh-header-builder-main-element i{ color:#2b2b2b!important; }

/* ---- Mobile header + self-contained menu ---- */
@media (max-width:800px){
  html,body{overflow-x:hidden;}
  .sh-header-builder-mobile-container{max-width:100%!important;width:100%!important;padding-left:16px!important;padding-right:16px!important;box-sizing:border-box;}
  .sh-header-builder-mobile-content{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;}
  .sh-header-builder-mobile-content-left,.sh-header-builder-mobile-content-right{width:auto!important;flex:0 0 auto!important;}
  .c-hamburger{position:relative!important;display:inline-block;width:28px;height:22px;}
  .c-hamburger span{background:#2b2b2b!important;}
  .osder-top-dark .c-hamburger span{background:#fff!important;}
}
.osder-mobile-panel{display:none;position:fixed;top:58px;left:0;right:0;background:#fff;z-index:99999;box-shadow:0 12px 24px rgba(0,0,0,.18);max-height:82vh;overflow:auto;}
.osder-mobile-open .osder-mobile-panel{display:block;}
.osder-mobile-panel ul{list-style:none;margin:0;padding:0;}
.osder-mobile-panel li{border-bottom:1px solid #eee;}
.osder-mobile-panel a{display:block;padding:14px 22px;color:#2b2b2b!important;text-decoration:none;font-family:Montserrat,Raleway,sans-serif;font-size:15px;}
.osder-mobile-panel .sub-menu{background:#fafafa;}
.osder-mobile-panel li li a{padding-left:40px;font-size:13px;color:#666!important;}
.osder-mobile-panel .sh-nav-dropdown-indicator,.osder-mobile-panel .sh-caret{display:none;}

/* Pin the mobile hamburger into the viewport (mobile header can overflow) */
@media (max-width:800px){
  .sh-header-builder-mobile-menu{position:fixed!important;right:16px!important;top:14px!important;z-index:100000!important;margin:0!important;}
  .sh-header-builder-mobile-logo,.sh-header-builder-mobile .sh-header-builder-logo{position:relative;z-index:100000;}
}

/* Keep the closed hamburger visible over any hero */
@media (max-width:800px){ .sh-header-builder-mobile-menu .c-hamburger span{filter:drop-shadow(0 1px 1px rgba(0,0,0,.55));} }
