/* BIBLES.MY | COMPACT TOP NAVIGATION | 18 October 2026
   Restores the previously approved four-link/2-dropdown/five-control arrangement
   at phone, tablet, and desktop widths. Loads AFTER bibles-modern-navigation.css.
   Uses native <details> and tap/click; no legacy hover menus.
*/
html body .fresh-mobile-nav,
html body > nav.fresh-mobile-nav,
html body > div.fresh-mobile-nav {
  display:block!important;
  width:calc(100% - 20px)!important;
  max-width:1180px!important;
  margin:5px auto 15px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  clear:both!important;
}
html body .fresh-mobile-nav .fresh-mobile-links {
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:5px!important;
  width:100%!important;
  margin:0 0 6px!important;
  padding:0!important;
}
html body .fresh-mobile-nav .fresh-mobile-links.bibles-two-links {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
html body .fresh-mobile-nav .fresh-mobile-links > a {
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  width:auto!important;
  min-height:41px!important;
  height:auto!important;
  margin:0!important;
  padding:7px 4px!important;
  border-radius:4px!important;
  font:500 16px/1.25 'Noto Sans Display',Arial,Helvetica,sans-serif!important;
  letter-spacing:.035em!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  text-align:center!important;
  text-decoration:none!important;
  color:#fff!important;
  background:#1b4178!important;
  border:1px solid #1b4178!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
html body .fresh-mobile-nav > details,
html body .fresh-mobile-nav > details#bibles-direct-chapter-navigation {
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:0 0 6px!important;
  padding:0!important;
  border:1px solid #496d9e!important;
  border-radius:4px!important;
  background:#1c4179!important;
  box-shadow:none!important;
  overflow:visible!important;
}
html body .fresh-mobile-nav > details > summary,
html body .fresh-mobile-nav > details#bibles-direct-chapter-navigation > summary {
  display:list-item!important;
  list-style-position:inside!important;
  min-height:47px!important;
  padding:10px 8px!important;
  border-radius:3px!important;
  background:#1c4179!important;
  color:#fff!important;
  cursor:pointer!important;
  font:600 16px/1.4 'Noto Sans Display',Arial,Helvetica,sans-serif!important;
  text-align:center!important;
  text-shadow:none!important;
  touch-action:manipulation!important;
}
html body .fresh-mobile-nav details:not([open]) > :not(summary){display:none!important;}
html body .fresh-mobile-nav > details > details {margin:5px!important;}
html body .fresh-mobile-nav > details[open] > .fresh-nav-grid {
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
/* Reuse the original controls as a SINGLE row, physically within top navigation. */
html body .fresh-mobile-nav > .bibles-nav-controls {
  display:grid!important;
  grid-template-columns:minmax(0,3fr) minmax(0,2fr)!important;
  gap:5px!important;
  width:100%!important;
  max-width:100%!important;
  margin:5px 0 0!important;
  padding:0!important;
  align-items:stretch!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body .fresh-mobile-nav .bibles-nav-controls > .skin,
html body .fresh-mobile-nav .bibles-nav-controls > .colorTheme {
  display:block!important;
  position:static!important;
  clear:none!important;
  float:none!important;
  left:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  transform:none!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
  text-align:center!important;
}
html body .fresh-mobile-nav .bibles-nav-controls .resize_tools,
html body .fresh-mobile-nav .bibles-nav-controls .colorTheme {
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:4px!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body .fresh-mobile-nav .bibles-nav-controls .colorTheme {
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
html body .fresh-mobile-nav .bibles-nav-controls .resize_tools > button,
html body .fresh-mobile-nav .bibles-nav-controls .colorTheme > button {
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:46px!important;
  min-height:46px!important;
  margin:0!important;
  padding:4px 2px!important;
  position:static!important;
  float:none!important;
  border:1px solid #7291b2!important;
  border-radius:4px!important;
  background:#1e4576!important;
  color:#fff!important;
  font:600 16px/1.1 'Noto Sans Display',Arial,Helvetica,sans-serif!important;
  text-decoration:none!important;
  white-space:normal!important;
  box-shadow:none!important;
  text-shadow:none!important;
  cursor:pointer!important;
  touch-action:manipulation!important;
}
html body .fresh-mobile-nav .bibles-nav-controls .colorTheme > button {
  background:#798d9e!important;
  font-size:12px!important;
  letter-spacing:.01em!important;
}
html body .fresh-mobile-nav .bibles-nav-controls .skin .textResize,
html body .fresh-mobile-nav .bibles-nav-controls .colorTheme > p {
  display:none!important;
}
html body .fresh-mobile-nav :is(button,a,summary,select):focus-visible {
  outline:3px solid #e4b647!important;
  outline-offset:1px!important;
}
html body .fresh-mobile-nav #bibles-direct-chapter-navigation .bibles-jump-body {
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:end!important;
  gap:8px!important;
  padding:12px!important;
  color:#173151!important;
  background:#eef3fb!important;
}
/* Script-built Go to Chapter is closed on page load. Only open on tap. */
html body .fresh-mobile-nav #bibles-direct-chapter-navigation:not([open]) > .bibles-jump-body {
  display:none!important;
}
/* Font-size controls override older fixed paragraph sizes without changing titles. */
html body section.bibleContent p,
html body section.poetryContent p,
html body section.bibles-chapter-description p,
html body .bibles-chapter-description p,
html body .chapter-description p {
  font-size:var(--bibles-reading-size,16px)!important;
}
/* The restored button remains round and shadowless and doesn't touch page text. */
html body > a#bibles-modern-top {
  width:85px!important;min-width:85px!important;
  height:82px!important;min-height:82px!important;
  right:7px!important;bottom:max(9px,env(safe-area-inset-bottom))!important;
  padding:0!important;filter:none!important;box-shadow:none!important;
}
html body > a#bibles-modern-top .bibles-modern-top-circle {
  width:49px!important;height:49px!important;flex-basis:49px!important;
  font-size:29px!important;box-shadow:none!important;filter:none!important;
}
html body > a#bibles-modern-top .bibles-modern-top-caption {
  font-size:11px!important;letter-spacing:.015em!important;
  background:rgba(255,250,230,.93)!important;
  box-shadow:none!important;
}
@media screen and (max-width:480px){
  html body .fresh-mobile-nav,html body > nav.fresh-mobile-nav,
  html body > div.fresh-mobile-nav {width:calc(100% - 14px)!important;}
  html body .fresh-mobile-nav .fresh-mobile-links > a {
    min-height:41px!important;
    padding:6px 2px!important;
    font-size:13px!important;
    letter-spacing:0!important;
  }
  html body .fresh-mobile-nav > details > summary,
  html body .fresh-mobile-nav > details#bibles-direct-chapter-navigation > summary {
    font-size:15px!important;
  }
  html body .fresh-mobile-nav .bibles-nav-controls .colorTheme > button{font-size:11px!important;}
}
@media screen and (min-width:768px){
  html body .fresh-mobile-nav,html body > nav.fresh-mobile-nav,
  html body > div.fresh-mobile-nav {width:calc(100% - 26px)!important;}
  html body .fresh-mobile-nav .fresh-mobile-links > a {font-size:16px!important;}
  html body .fresh-mobile-nav > details[open] > .fresh-nav-grid {
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}
@media screen and (min-width:1200px){
  html body .fresh-mobile-nav > details[open] > .fresh-nav-grid {
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
  }
}
/* Origins uses a fifth slot on chapter menus and its own row on narrow screens. */
html body .fresh-mobile-nav .fresh-mobile-links.bibles-three-links {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
html body .fresh-mobile-nav .fresh-mobile-links.bibles-five-links {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}
@media (max-width: 480px) {
  html body .fresh-mobile-nav .fresh-mobile-links.bibles-five-links {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
  html body .fresh-mobile-nav .bibles-five-links > .bibles-origins-menu-link {
    grid-column: 1 / -1;
  }
}