/* Bellum V1.7 — confirmed follow-up against November 4 annotated orbit screenshot.
   This is intentionally the FINAL stylesheet, after V1.6, so Elementor and legacy styles do not override it. */

/* Four satellites stay separate from the main die. The two LOWER satellites now
   follow the outside blue orbital ring as specifically marked by the client. */
@media (max-width:700px) {
 body.bc-site .v8-celestial-feature {overflow:visible;}
 body.bc-site .v8-celestial-feature .bc-gold-die-b {
   left:6.5%!important;right:auto!important;top:auto!important;bottom:16.5%!important;
   width:clamp(36px,10vw,44px)!important;
 }
 body.bc-site .v8-celestial-feature .bc-gold-die-c {
   right:11%!important;left:auto!important;top:auto!important;bottom:13%!important;
   width:clamp(38px,10.6vw,45px)!important;
 }
 /* Preserve the two UPPER dice and their visual separation from the center. */
 body.bc-site .v8-celestial-feature .bc-gold-die-a {left:6%!important;top:14%!important;right:auto!important;bottom:auto!important;}
 body.bc-site .v8-celestial-feature .v8-small-die {right:5%!important;top:9%!important;left:auto!important;bottom:auto!important;}
 /* Keep the small gold-caption sentence visible above the fixed mobile dock. */
 body.bc-site .v8-celestial-feature .v8-feature-caption{bottom:23px!important;}
}
/* Menu button works in Elementor's saved header as well as the PHP fallback. */
@media(max-width:950px){
 body.bc-site .site-header:has([data-bc="menu"][aria-expanded="true"]){z-index:85!important;}
 body.bc-site .site-header [data-bc="menu"].icon-button {
   width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
   display:inline-flex;align-items:center;justify-content:center;padding:8px!important;
   border-radius:9px;color:#f5edf9;cursor:pointer;
 }
 body.bc-site .site-header [data-bc="menu"]:focus-visible{outline:2px solid #9fe5e9;outline-offset:3px;}
 body.bc-site .bc-menu-glyph{display:flex;flex-direction:column;justify-content:space-between;position:relative;width:27px;height:20px;flex:0 0 auto;}
 body.bc-site .bc-menu-glyph>span{display:block;width:100%;height:2.5px;border-radius:8px;background:currentColor;transform-origin:center;transition:transform .22s ease,opacity .15s ease;}
 body.bc-site [data-bc="menu"][aria-expanded="true"] .bc-menu-glyph>span:first-child{transform:translateY(8.75px) rotate(45deg);}
 body.bc-site [data-bc="menu"][aria-expanded="true"] .bc-menu-glyph>span:nth-child(2){opacity:0;transform:scaleX(0);}
 body.bc-site [data-bc="menu"][aria-expanded="true"] .bc-menu-glyph>span:last-child{transform:translateY(-8.75px) rotate(-45deg);}
 body.bc-site .mobile-menu{
   z-index:82;top:81px;bottom:0;padding:20px 20px calc(32px + env(safe-area-inset-bottom));
   width:min(390px,100vw);background:#121029;overflow-y:auto;
   -webkit-overflow-scrolling:touch;overscroll-behavior:contain;
   visibility:hidden;pointer-events:none;
   transition:transform .27s ease, visibility 0s linear .27s;
 }
 body.bc-site .mobile-menu.open{visibility:visible;pointer-events:auto;transition:transform .27s ease, visibility 0s;}
 body.bc-site .mobile-menu>a{
   display:flex;align-items:center;width:100%;min-height:59px;padding:13px 14px!important;
   font-family:var(--bc-title-decorative,'Cinzel Decorative',Georgia,serif)!important;
   font-size:clamp(23px,6.1vw,29px)!important;line-height:1.28!important;letter-spacing:.01em;
   color:#f7ecfa;text-decoration:none;border-bottom:1px solid rgba(221,198,244,.19);
 }
 body.bc-site .mobile-menu>a:hover,body.bc-site .mobile-menu>a:focus-visible{color:#b1f1f1;background:rgba(132,89,188,.17);}
 body.bc-site.bc-menu-open{overflow:hidden;}
 body.bc-site.bc-menu-open .v8-mobile-dock{visibility:hidden!important;pointer-events:none!important;}
}
@media(max-width:700px){
 body.bc-site .mobile-menu{top:74px;}
 body.bc-site .site-header.scrolled~.mobile-menu{top:67px;}
 /* Readable bottom navigation on small phones; use THREE equal-width slots for three links. */
 body.bc-site .v8-mobile-dock {grid-template-columns:repeat(3,minmax(0,1fr));padding:7px 10px max(8px,env(safe-area-inset-bottom));}
 body.bc-site .v8-mobile-dock>a{min-height:62px;gap:4px;padding:4px 0;}
 body.bc-site .v8-mobile-dock>a svg{width:23px;height:23px;}
 body.bc-site .v8-mobile-dock>a small{font-size:14px!important;line-height:1.3;letter-spacing:.01em;}
 html{scroll-padding-bottom:105px;}
}
@media(prefers-reduced-motion:reduce){
 body.bc-site .bc-menu-glyph>span,body.bc-site .mobile-menu{transition:none!important;}
}
