/* ============================================================
   31102 Bible — starfield theme override for Cassiopeia
   Reproduces the original Helix3 look (space background, white
   text, blue brand + active nav). Path to bg image is relative
   to this file so it works on staging (/staging/) and live (/).
   ============================================================ */

:root{ --cassiopeia-color-primary:#2f9bff; }

html{ background:#000; }

body.site{
  background-color:#000 !important;
  background-image:url("../../../../../images/IMG_242613.jpg") !important;
  background-repeat:no-repeat !important;
  background-position:center center !important;
  background-attachment:fixed !important;
  background-size:cover !important;
  color:#fff !important;
}

/* Make Cassiopeia grid wrappers transparent so the starfield shows */
.wrapper,.site-grid,.grid-child,
.container-header,.header,.container-nav,.container-banner,
.container-top-a,.container-top-b,.container-main,.container-component,
.container-sidebar-left,.container-sidebar-right,.container-footer,
main,.item-page,.com-content-article,.content,.main-top,.main-bottom{
  background:transparent !important;
  box-shadow:none !important;
}

/* Header layout */
.container-header .grid-child,.header{ padding-top:14px; padding-bottom:14px; }

/* Brand / logo -> "31102 Bible" in blue bold */
.brand-logo,.brand-logo a,.site-title,.site-title a,
.header a.brand-logo,.grid-child .brand-logo{
  color:#2f9bff !important;
  font-weight:800 !important;
  font-size:1.9rem !important;
  text-decoration:none !important;
}

/* Top navigation menu */
.container-nav a,.mod-menu a,.navbar-nav a,ul.mod-menu a,.mod-menu__item a{
  color:#ffffff !important;
  text-transform:uppercase;
  font-weight:600;
  letter-spacing:.4px;
}
.mod-menu .current>a,.mod-menu .active>a,
.mod-menu__item.current>a,.mod-menu__item.active>a{ color:#2f9bff !important; }

/* Headings / article titles white */
h1,h2,h3,.page-header h1,.article-header h1,.item-page h2,
.page-header,.article-header{ color:#ffffff !important; }

/* Content links readable on dark bg */
.container-component a,main a,.content a{ color:#8fd0ff; }

/* Keep text inputs light with dark text, like the original */
input[type=text],input[type=search],input[type=number],select,textarea{
  color:#000 !important; background:#fff !important;
}

/* Center the main content column (calculators) like the original */
.container-component,.main-top,.container-main{ text-align:center; }
.main-top .mod-custom{ margin:0 auto; }

/* Google Translate widget (banner position) to the top-right */
.container-banner{ text-align:right; }
.container-banner .grid-child{ display:flex; justify-content:flex-end; }

/* Footer text light */
.container-footer,.container-footer a{ color:#cbd8e6 !important; }

/* ---- polish pass to match original ---- */
/* Original showed no article/page titles on the calculator pages */
.page-header{ display:none !important; }
/* remove Cassiopeia container borders/outlines so nothing boxes the calculator */
.container-component,.container-main,.main-top,.grid-child,.item-page,
.com-content-article{ border:0 !important; outline:0 !important; }
/* Google Translate widget -> top-right corner like the original */
.container-banner{
  position:absolute !important;
  top:12px; right:24px;
  width:auto !important; margin:0 !important; padding:0 !important;
  z-index:20; text-align:right;
}
.container-banner .grid-child{ display:block !important; }
/* tidy the google translate branding text */
.goog-logo-link,.goog-te-gadget img{ display:none !important; }
.goog-te-gadget{ color:transparent !important; font-size:0 !important; }

/* ---- fix: right-side gap + horizontal scrollbar (Google Translate overflow) ---- */
#google_translate_element{ position:static !important; top:auto !important; padding-top:0 !important; }
.container-banner{ max-width:240px; }
.container-banner .goog-te-gadget{ white-space:nowrap; margin:0 !important; }
html,body.site{ overflow-x:hidden !important; max-width:100% !important; }