/* DXBTalk Skyline — header and shared content width */
:root{--dxb-content-width:80%;--dxb-accent:#ed1c2e;--dxb-text:#111827;--dxb-border:#e8ebf0}
*{box-sizing:border-box}
/* Full-width header/footer backgrounds; only their inner content is constrained. */
#your-custom-header-container,.your-main-header,.your-top-bar,.dxb-topbar,.dxb-footer{width:100%;max-width:100%;}
/* The theme has its own utility bar inside the custom header; hide the duplicate legacy bar. */
body>.dxb-topbar,body .dxb-topbar{display:none!important;}
.your-top-bar-inner,.your-header-inner,.dxb-wrap,.dxb-section,.dxb-page-wrap,.dxb-single-page,.dxb-content-with-sidebar{
  width:var(--dxb-content-width)!important;max-width:var(--dxb-content-width)!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box;
}
.your-top-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 0;background:#fff;border-bottom:1px solid var(--dxb-border);transition:all .3s ease}
body.scrolled .your-top-bar{display:none!important}
.your-top-bar-inner,.your-header-inner{display:flex;align-items:center;justify-content:space-between}
.your-top-bar-item{display:flex;align-items:center;gap:8px;border-right:1px solid var(--dxb-border);padding-right:15px;min-width:0}
.your-top-bar-item:last-child{border-right:0;padding-right:0}
.your-top-bar-item small{display:block;color:#667085;font-size:11px;line-height:1.2}
.your-top-bar-item strong{font-size:13px;font-weight:800;color:var(--dxb-text)}
.your-top-bar-icon{font-size:20px}
.your-main-header{display:block;background:#fff;padding:15px 0;border-bottom:1px solid var(--dxb-border);position:sticky;top:0;z-index:9999}
.your-logo{flex-shrink:0;min-width:0}
.your-logo img,.your-logo .custom-logo{display:block;width:auto;height:auto;max-height:55px;max-width:85%;object-fit:contain}
nav#your-main-nav{flex:1 1 auto;display:flex;justify-content:flex-start;min-width:0;overflow:visible;margin:0 20px 0 40px}
.your-nav-list{display:flex;list-style:none;gap:30px;margin:0;padding:0;align-items:center;flex-wrap:nowrap}
.your-nav-list>li{position:relative;flex-shrink:0}
.your-nav-list>li>a{text-decoration:none;color:#1f2937;font-weight:700;font-size:15px;white-space:nowrap;transition:color .2s}
.your-nav-list>li>a:hover,.your-nav-list .current-menu-item>a{color:var(--dxb-accent)}
.your-nav-list .sub-menu{display:none;position:absolute;top:100%;left:0;background:#fff;border:1px solid var(--dxb-border);box-shadow:0 10px 25px rgba(0,0,0,.05);min-width:220px;border-radius:8px;padding:10px 0;z-index:100;list-style:none}
.your-nav-list>li:hover>.sub-menu,.your-nav-list>li:focus-within>.sub-menu{display:block}
.your-nav-list .sub-menu a{display:block;padding:10px 20px;text-decoration:none;color:var(--dxb-text);font-weight:600;font-size:14px}
.your-nav-list .sub-menu a:hover{background:#f8f9fa;color:var(--dxb-accent)}
.your-header-actions{flex-shrink:0;display:flex;align-items:center}
.your-header-actions button{background:none;border:0;cursor:pointer;color:var(--dxb-text);padding:6px}
/* Shared homepage, archive, article and footer inner containers */
.dxb-section{padding:27px 0 5px}
.dxb-footer-grid,.dxb-footer-bottom{width:100%;max-width:100%;margin-left:auto;margin-right:auto}
.dxb-footer-grid{grid-template-columns:1.35fr .8fr .9fr .9fr 1.2fr}
/* Image sizing only; do not impose global body/html widths. */
.dxb-wrap img,.dxb-section img,.dxb-page-wrap img,.dxb-single-page img{max-width:100%;height:auto}
@media(max-width:1024px){.your-top-bar-inner,.your-header-inner,.dxb-wrap,.dxb-section,.dxb-page-wrap,.dxb-single-page,.dxb-content-with-sidebar{width:90%!important;max-width:90%!important}.your-nav-list{gap:16px}.your-nav-list>li>a{font-size:14px}nav#your-main-nav{margin-left:24px;margin-right:12px}}
@media(max-width:820px){.your-header-inner{flex-wrap:wrap;gap:12px}.your-logo img,.your-logo .custom-logo{max-width:85%;max-height:50px}nav#your-main-nav{order:3;flex-basis:100%;margin:8px 0 0;overflow-x:auto}.your-nav-list{gap:18px}.your-top-bar-inner{overflow-x:auto;gap:14px}.your-top-bar-item{flex-shrink:0}.dxb-footer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.your-top-bar-inner,.your-header-inner,.dxb-wrap,.dxb-section,.dxb-page-wrap,.dxb-single-page,.dxb-content-with-sidebar{width:95%!important;max-width:95%!important}.your-top-bar{padding:8px 0}.your-top-bar-item{padding-right:10px}.your-top-bar-item strong{font-size:11px}.your-top-bar-item small{font-size:9px}.your-top-bar-icon{font-size:16px}.your-main-header{padding:10px 0}.your-logo img,.your-logo .custom-logo{max-height:44px;max-width:85%}nav#your-main-nav{margin:8px 0 0}.your-nav-list{gap:16px}.your-nav-list>li>a{font-size:13px}.dxb-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dxb-footer-brand{grid-column:1/-1}}

/* October 2026 header refinement: menu starts beside the logo; search stays separate. */
.your-header-inner{
  justify-content:flex-start!important;
  gap:24px!important;
}
.your-logo{flex:0 0 auto!important;margin:0!important;}
nav#your-main-nav{
  flex:1 1 auto!important;
  display:flex!important;
  justify-content:flex-start!important;
  min-width:0!important;
  overflow:visible!important;
  margin:0!important;
}
.your-nav-list{
  justify-content:flex-start!important;
  gap:clamp(10px, .9vw, 18px)!important;
  min-width:0!important;
}
.your-nav-list>li>a{font-size:14px!important;white-space:nowrap!important;}
.your-header-actions{
  flex:0 0 44px!important;
  width:44px!important;
  min-width:44px!important;
  margin-left:12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:relative!important;
  z-index:10!important;
}
.your-header-actions button{
  width:42px!important;
  height:42px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid #dfe4ec!important;
  border-radius:50%!important;
  background:#fff!important;
  color:#111827!important;
  position:relative!important;
  z-index:11!important;
  flex:0 0 42px!important;
}
.your-header-actions button svg{
  display:block!important;
  width:21px!important;
  height:21px!important;
  flex:0 0 21px!important;
  pointer-events:none!important;
}
@media(max-width:1200px) and (min-width:821px){
  .your-header-inner{gap:16px!important;}
  .your-logo img,.your-logo .custom-logo{max-width:165px!important;max-height:48px!important;}
  .your-nav-list{gap:10px!important;}
  .your-nav-list>li>a{font-size:12px!important;}
  .your-header-actions{margin-left:8px!important;}
}
@media(max-width:820px){
  .your-header-inner{justify-content:space-between!important;gap:12px!important;}
  .your-header-actions{margin-left:auto!important;}
}


/* Dynamic top information bar */
.dxb-dynamic-topbar { display:block!important; }
.dxb-dynamic-topbar-inner { display:flex!important; align-items:center!important; justify-content:space-between!important; gap:12px!important; }
.dxb-dynamic-topbar .your-top-bar-item { flex:1 1 0; min-width:0; }
.dxb-dynamic-topbar .your-top-bar-item > div { min-width:0; }
.dxb-dynamic-topbar .your-top-bar-item strong,
.dxb-dynamic-topbar .your-top-bar-item small { white-space:nowrap; }
@media(max-width:1024px){.dxb-dynamic-topbar-inner{overflow-x:auto!important;justify-content:flex-start!important}.dxb-dynamic-topbar .your-top-bar-item{flex:0 0 auto!important}}


/* Requested final adjustment only: logo, left-aligned menu, search at far right. */
#your-custom-header-container .your-main-header .your-header-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
}
#your-custom-header-container .your-logo {
    flex: 0 0 auto !important;
    margin: 0 24px 0 0 !important;
}
#your-custom-header-container nav#your-main-nav {
    flex: 1 1 auto !important;
    display: flex !important;
    justify-content: flex-start !important;
    min-width: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
}
#your-custom-header-container nav#your-main-nav .your-nav-list {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: clamp(8px, .8vw, 16px) !important;
    margin: 0 !important;
    padding: 0 !important;
}
#your-custom-header-container .your-header-actions {
    flex: 0 0 42px !important;
    width: 42px !important;
    min-width: 42px !important;
    margin: 0 0 0 20px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
@media (max-width: 1200px) and (min-width: 821px) {
    #your-custom-header-container .your-logo { margin-right: 16px !important; }
    #your-custom-header-container nav#your-main-nav .your-nav-list { gap: 8px !important; }
    #your-custom-header-container nav#your-main-nav .your-nav-list > li > a { font-size: 12px !important; }
    #your-custom-header-container .your-header-actions { margin-left: 12px !important; }
}