/* Denshub Phase 9 — shared mobile masthead. No admin, desktop or theme-background overrides. */
@media(max-width:575.98px){
  /* The homepage already ships these styles from earlier phases; other pages now use the same markup and dimensions. */
  body:not(.dhm-homepage) .dhm-mobile-top{display:block!important;width:100%!important;max-width:100%;position:relative;z-index:2;}
  body:not(.dhm-homepage) .dhm-promo-band{height:44px;box-sizing:border-box;display:flex!important;align-items:center;padding:0 7px 0 2px;gap:8px;background:linear-gradient(180deg,#123dc5 0%,#061a59 70%,#01091d 100%);border-bottom:1px solid rgba(70,155,255,.22);box-shadow:inset 0 1px rgba(255,255,255,.17);}
  body:not(.dhm-homepage) .dhm-close-promo{width:15px;flex:0 0 15px;color:#fff;font-size:20px;line-height:1;background:none;border:0;padding:0;align-self:flex-start;cursor:pointer;}
  body:not(.dhm-homepage) .dhm-promo-icon{flex:0 0 41px;text-align:center;font-size:29px;color:#7cfd35;text-shadow:0 2px 4px #000;}
  body:not(.dhm-homepage) .dhm-promo-chat{color:#fe700d;}
  body:not(.dhm-homepage) .dhm-promo-copy{flex:1;min-width:0;line-height:1.12;}
  body:not(.dhm-homepage) .dhm-promo-copy strong{display:block;color:white;font-size:12px;font-weight:800;letter-spacing:.1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  body:not(.dhm-homepage) .dhm-promo-copy small{display:block;margin-top:4px;color:#fff;font-size:9px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  body:not(.dhm-homepage) .dhm-promo-action{flex:0 0 auto;display:flex;align-items:center;justify-content:center;min-width:64px;height:25px;padding:0 10px;border-radius:20px;background:linear-gradient(#ff481d,#af0000);border:1px solid #a41418;box-shadow:inset 0 1px 1px rgba(255,255,255,.35);color:white!important;font-size:9px;font-weight:800;text-decoration:none;}
  body:not(.dhm-homepage) .dhm-promo-action-disabled{opacity:.75;cursor:default;}
  body:not(.dhm-homepage) .dhm-mobile-brand{position:sticky;top:0;z-index:51;height:55px;width:100%;text-align:center;background:linear-gradient(180deg,#00206c 0%,#0935a5 74%,#071e5c 100%);box-shadow:0 2px 4px #0008;display:flex!important;align-items:center;justify-content:center;}
  body:not(.dhm-homepage) .dhm-mobile-brand a{display:flex;align-items:center;justify-content:center;max-width:55%;height:100%;}
  body:not(.dhm-homepage) .dhm-mobile-brand img{width:auto;max-width:100%;max-height:55px;object-fit:contain;}
  body:not(.dhm-homepage) .dhm-mobile-brand strong{color:#9dff00;font-size:19px;text-shadow:0 0 4px #5cc5ff;}
  /* Original separate mobile header (left-aligned logo + hamburger) is removed for all frontend routes. */
  body .mcp-top-header{display:contents!important;}
  body .mcp-top-header>header.d-block.d-sm-none{display:none!important;}
  body:not(.dhm-homepage) .dhm-mobile-news{display:none!important;}
  /* More-specific rule intentionally wins over Phase 8's old promo-only .site-header hiding. */
  body:not(.dhm-homepage) .mcp-top-header>section.site-header{display:block!important;position:sticky!important;top:55px;z-index:42;width:100%!important;max-width:100%;margin:0!important;padding:0!important;background:rgba(0,12,38,.97)!important;box-sizing:border-box;}
  body:not(.dhm-homepage) .mcp-top-header>section.site-header>.container{max-width:none!important;width:100%!important;margin:0!important;padding:0!important;}
  body:not(.dhm-homepage) .dhm-top-nav-holder{display:block!important;width:100%!important;max-width:100vw;overflow:hidden;}
  body:not(.dhm-homepage) .dhm-categories.dhm-nav-scroll{display:flex!important;flex-wrap:nowrap!important;gap:6px!important;max-width:100vw;min-width:0;width:100%;margin:0!important;padding:7px 8px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x;overscroll-behavior-x:contain;border-bottom:1px solid #286c0a;background:rgba(0,13,48,.98);box-sizing:border-box;}
  body:not(.dhm-homepage) .dhm-nav-scroll::-webkit-scrollbar{display:none;}
  body:not(.dhm-homepage) .dhm-nav-scroll .dhm-category{box-sizing:border-box;flex:0 0 clamp(66px,17.5vw,75px)!important;min-width:66px!important;width:auto!important;height:48px;display:flex!important;flex-direction:column;align-items:center;justify-content:center;border:2px solid #6ad400;border-radius:5px;background:linear-gradient(135deg,#d7ff5b 0%,#aaff00 37%,#6fd300 92%);box-shadow:inset 0 1px 2px #fff,inset 0 -3px 3px #227100,0 0 4px #8dff00;color:#00120a!important;text-decoration:none!important;scroll-snap-align:start;transition:transform .17s ease,box-shadow .17s ease;}
  body:not(.dhm-homepage) .dhm-category:active{transform:translateY(-2px) rotate(-2deg);}
  body:not(.dhm-homepage) .dhm-category i{font-size:22px;line-height:23px;color:#051800;}
  body:not(.dhm-homepage) .dhm-category span{font-size:8px;font-weight:900;line-height:11px;color:#001400;}
  /* Signed-in navigation matches homepage dark/green member variant. */
  body:not(.dhm-homepage) .dhm-nav-scroll.dhm-member-nav{gap:5px!important;padding:4px 8px 7px!important;}
  body:not(.dhm-homepage) .dhm-member-nav .dhm-category{flex:0 0 68px!important;height:57px!important;border:0!important;border-radius:8px!important;background:transparent!important;box-shadow:none!important;color:#f8faff!important;}
  body:not(.dhm-homepage) .dhm-member-nav .dhm-category i{font-size:24px!important;line-height:27px!important;color:#f3f7ff!important;}
  body:not(.dhm-homepage) .dhm-member-nav .dhm-category span{font-size:11px!important;color:#f8fbff!important;text-transform:none;font-weight:800!important;}
  body:not(.dhm-homepage) .dhm-member-nav .dhm-category.dhm-selected{background:#9dff00!important;border-radius:6px!important;}
  body:not(.dhm-homepage) .dhm-member-nav .dhm-category.dhm-selected i,body:not(.dhm-homepage) .dhm-member-nav .dhm-category.dhm-selected span{color:#001807!important;}
  body:not(.dhm-homepage) .mcp-top-header .notificationtext{margin-top:0!important;}
  body:not(.dhm-homepage) .mcp-top-header .notificationtext.dhm-member-ticker{display:none!important;}
  body.dhp-promo-view #dhpBackLink{display:none!important;}
  /* Modals and bottom navbar retain their prior global stacking order. */
  body:not(.dhm-homepage) .dhm-top-nav-holder a:focus-visible{outline:2px solid #fff;outline-offset:1px;}
}
@media(max-width:575.98px) and (prefers-reduced-motion:reduce){body:not(.dhm-homepage) .dhm-category{transition:none!important;transform:none!important;}}
@media(min-width:576px){body .dhm-mobile-top,body .dhm-mobile-brand,body .dhm-mobile-news,body .dhm-top-nav-holder{display:none!important;}}