/* Issue 1210 (bug B-0022), switch site.headerSame; Rajeev, 12 Nov 2026, "approve layout header-same: yes". Loaded ONLY with the switch on, after the page sheets.
   Every rule is scoped under body.dc-hdr-same, which only the switch puts on <body>, so nothing here can reach a page with the switch off.
   Spec: sessions/handoffs/header-same-m6/prototype_override.css. Header 64px desktop / 56px phone (fixed, unchanged). */

/* 1. Menu + nav: undo the shop sheets' bare `header ul` / `header ul li` rules (shopbase.css) that bleed into the standard header on /shop and the shopmain pages */
body.dc-hdr-same header.site-hdr .site-nav-item{padding-left:0!important;padding-right:0!important}
body.dc-hdr-same header.site-hdr .site-menu-sheet{display:block!important;align-items:normal!important}

/* 2. ONE band: in the flow directly under the header (discover.css fixed it at top:52px / 86px, the old header's height); 52px tall at desktop, 33px on a phone,
      shadow, a divider between all four tabs, one active style. Self-contained: /collab-start/start does not load discover.css. */
body.dc-hdr-same .discover-tabs{position:relative!important;z-index:1;top:auto!important;left:auto;margin:0!important;width:100%;background:#f1f1f1;box-shadow:0 1px 3px rgba(26,26,26,.2)!important;font-family:"Montserrat",sans-serif;line-height:normal}
body.dc-hdr-same .discover-tabs .nav{display:flex!important;flex-direction:row;margin:0!important;padding:0!important;list-style:none}
body.dc-hdr-same .discover-tabs .nav li{flex:1 1 25%!important;text-align:center;padding:0!important;margin:0;border-left:0!important;border-right:1px solid rgba(26,26,26,.1)!important}
body.dc-hdr-same .discover-tabs .nav li:last-child{border-right:0!important}
body.dc-hdr-same .discover-tabs .nav li a{display:block!important;padding:8px 4px!important;box-shadow:none;color:rgba(26,26,26,.75);background:#fff;text-decoration:none}
body.dc-hdr-same .discover-tabs .nav li a:hover{background:#fff}
body.dc-hdr-same .discover-tabs .nav li a .nav-head{display:block;width:100%;margin:0;padding:0;font-size:20px;line-height:25px;font-weight:800;letter-spacing:-.015em;color:inherit}
body.dc-hdr-same .discover-tabs .nav li a .nav-sub{display:block;width:100%;font-size:9.25px;line-height:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em}
/* active tab: its door colour (grey, orange, green, blue) plus a 3px dark underline, on every page */
body.dc-hdr-same .discover-tabs .nav li.active a{box-shadow:inset 0 -3px 0 #1a1a1a!important;color:#fff!important}
body.dc-hdr-same .discover-tabs .nav li.craft-nav.active a{background:rgba(26,26,26,.75)!important}
body.dc-hdr-same .discover-tabs .nav li.discover-nav.active a{background:#e0785c!important}
body.dc-hdr-same .discover-tabs .nav li.shop-nav.active a{background:#12b38f!important}
body.dc-hdr-same .discover-tabs .nav li.collaborate.active a{background:#5369d9!important}
@media (max-width:767px){
body.dc-hdr-same .discover-tabs .nav li a .nav-head{font-size:12px!important;line-height:17px!important}
body.dc-hdr-same .discover-tabs .nav li a .nav-sub{display:none!important}
}

/* 3. The compensating top padding that sat under the old fixed band is no longer needed (/craft); /discover's pills and the page below the band sit where they do today */
body.dc-hdr-same .craftDispWrap{padding-top:16px!important}
body.dc-hdr-same .discover-wrap{padding-top:16px!important}
@media (max-width:767px){body.dc-hdr-same .discover-wrap{padding-top:12px!important}}
