/* =========================================================
   YRVB Components (Authoritative)
   - Global components only
   - Header + dropdown behavior styling
========================================================= */

/* Buttons */
.yrvb-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 12px 22px;
  font-weight: 900;
  font-size: 0.95rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  border-radius: var(--yrvb-btn-radius, 999px);
  text-decoration:none !important;
  cursor:pointer;
  transition: transform .15s ease, background .2s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease;
  border: 2px solid transparent;
  line-height: 1;
  white-space: nowrap;
}
.yrvb-btn:hover{ transform: translateY(-1px); }
.yrvb-btn:active{ transform: translateY(0px); }

.yrvb-btn:focus-visible{
  outline: 3px solid rgba(212,168,83,0.85);
  outline-offset: 3px;
}

.yrvb-btn--primary{
  background: var(--yrvb-burgundy, #800020);
  color: var(--yrvb-white, #ffffff) !important;
}
.yrvb-btn--primary:hover{
  background: var(--yrvb-white, #ffffff);
  color: var(--yrvb-burgundy, #800020) !important;
  border-color: var(--yrvb-burgundy, #800020);
}

.yrvb-btn--outline{
  background: transparent;
  border-color: rgba(255,255,255,0.9);
  color: var(--yrvb-white, #ffffff) !important;
}
.yrvb-btn--outline:hover{
  background: var(--yrvb-white, #ffffff);
  color: var(--yrvb-blue-light, var(--yrvb-blue, #0A2342)) !important;
  border-color: var(--yrvb-white, #ffffff);
}

/* Cards */
.yrvb-card{
  background: var(--yrvb-white, #ffffff);
  border-radius: var(--yrvb-radius, 18px);
  box-shadow: var(--yrvb-shadow-soft, 0 10px 25px rgba(0,0,0,0.08));
  border: 1px solid var(--yrvb-border, rgba(16,24,40,.10));
}

/* =========================================================
   HEADER
   Mobile header fix PASS 4 (2026-02-15)
========================================================= */

#yrvb-header.site-header{
  background: var(--yrvb-white, #ffffff);
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  width:100%;
  z-index:99999;
  position:relative;
  overflow: visible;
  overflow-anchor: none;
}


/* Sticky desktop */
@media (min-width: 901px){
  #yrvb-header.site-header.sticky-desktop{ position: sticky; top: 0; }
}

/* Admin bar offset so sticky behaves while logged in */
@media (min-width: 783px){
  body.admin-bar #yrvb-header.site-header.sticky-desktop{ top: 32px; }
}
@media (max-width: 782px){
  body.admin-bar #yrvb-header.site-header.sticky-desktop{ top: 46px; }
}

#yrvb-header .yrvb-header-inner{
  max-width: var(--yrvb-max, 1200px);
  margin: 0 auto;
  padding: 10px 18px 6px;
  overflow: visible;
  transition: padding .18s ease;
}

#yrvb-header .top-bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 18px;
  padding: 0; /* important: stop older CSS from padding-bloating this row */
  margin: 0;
  overflow: visible;
  transition: padding .18s ease, margin .18s ease;
}

#yrvb-header .logo-wrap img{
  /* Logo sizing (additional ~25% bump) */
  max-height: 88px;
  width:auto;
  display:block;
  transition: max-height .18s ease;
}

#yrvb-header .header-center{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  flex-wrap: wrap;
  text-align: center;
  line-height: 1.1;
}


#yrvb-header .header-center .call-text{
  display: inline-block;
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: var(--yrvb-slate-light, #8A8F88);
  font-weight: 800;
  margin-right: 2px; /* gap handled by flex, this is just extra breathing */
}


#yrvb-header .header-center .phone-number{
  display: inline-block;
  font-size: 1.55rem;
  color: var(--yrvb-blue, #0A2342);
  text-decoration:none;
  font-weight: 900;
  transition: font-size .18s ease;
}

/* Desktop: align CALL / TEXT baseline with the phone number */
@media (min-width: 901px){
  #yrvb-header .header-center{
    align-items: baseline;
    flex-wrap: nowrap;
  }
  #yrvb-header .header-center .call-text,
  #yrvb-header .header-center .phone-number{
    line-height: 1;
  }
  #yrvb-header .header-center .call-text{
    white-space: nowrap;
  }
}




#yrvb-header .cta-wrap{
  display:flex;
  gap:14px;
  justify-content:flex-end;
  align-items:center;
}

#yrvb-header .icon-link-wrap{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-decoration:none;
  position: relative;
}

/* If Find is a button, make it look like the other icon links */
#yrvb-header button.icon-link-wrap{
  background:none;
  border:none;
  padding:0;
  cursor:pointer;
  color:inherit;
}

#yrvb-header .icon-circle{
  display:flex;
  align-items:center;
  justify-content:center;
  width: 38px;
  height: 38px;
  background: rgba(30,58,138,0.06);
  border-radius: 999px;
  margin-bottom: 4px;
  transition: width .18s ease, height .18s ease, margin-bottom .18s ease;
}

#yrvb-header .icon-svg{ width: 18px; height: 18px; fill: var(--yrvb-blue, #0A2342); }
#yrvb-header .icon-emoji{ font-size: 1.15rem; }

#yrvb-header .icon-label{
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--yrvb-blue, #0A2342);
}

/* =========================================================
   NAV
========================================================= */

#yrvb-header .main-nav{
  padding-top: 0;
  padding-bottom: 6px;
  margin: 0;
  position: relative;
  z-index: 99999;
  overflow: visible;
  transition: padding .18s ease;
}

#yrvb-header .nav-menu{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  justify-content:center;
  gap: 14px;
  overflow: visible;
  transition: gap .18s ease;
}

#yrvb-header .nav-menu > li{
  margin:0;
  padding:0;
  position: relative; /* anchor dropdown */
  overflow: visible;
}

#yrvb-header .nav-menu > li > a{
  text-decoration:none;
  color: var(--yrvb-blue, #0A2342);
  font-weight: 800;
  text-transform: uppercase;
  font-size: 0.9rem;
  padding: 8px 16px;
  border-radius: 999px;
  transition: background 0.2s ease, color 0.2s ease, padding .18s ease, font-size .18s ease;
  display:inline-block;
}

#yrvb-header .nav-menu > li > a:hover{
  color: var(--yrvb-blue, #0A2342);
  background: rgba(212,168,83,0.35);
}

/* =========================================================
   DROPDOWNS
========================================================= */

#yrvb-header .nav-menu .sub-menu{
  list-style: none;
  margin: 0;
  padding: 10px;
  background: var(--yrvb-white, #ffffff);
  border: 1px solid var(--yrvb-border, rgba(16,24,40,.10));
  border-radius: 14px;
  box-shadow: 0 18px 45px rgba(0,0,0,0.14);

  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);

  min-width: 260px;
  z-index: 999999;

  display: none;
}

#yrvb-header .nav-menu li:hover > .sub-menu,
#yrvb-header .nav-menu li:focus-within > .sub-menu,
#yrvb-header .nav-menu li.yrvb-sub-open > .sub-menu{
  display: block;
}

#yrvb-header .nav-menu .sub-menu li{ margin:0; padding:0; }

#yrvb-header .nav-menu .sub-menu a{
  display:block;
  padding: 8px 12px;
  border-radius: 12px;
  color: var(--yrvb-blue, #0A2342);
  text-decoration:none;
  font-weight: 800;
  text-transform: uppercase;
  font-size: 0.85rem;
  letter-spacing: 0.02em;
  white-space: nowrap;
}
#yrvb-header .nav-menu .sub-menu a:hover{
  background: rgba(212,168,83,0.22);
}

/* Mobile dropdowns should flow naturally */
@media (max-width: 900px){

  /* =========================================================
     PASS 4 (2026-02-15)
     Mobile drawer stacking fix (PASS 4 jitter reduction)
     - The header is a stacking context (z-index). The fixed drawer lives inside it.
     - Raise the header above the overlay so menu links and submenus are clickable.
  ========================================================= */

  body.yrvb-mobile-nav-open #yrvb-header.site-header{
    z-index: 9999998;
  }

  /* Hide the bottom action bar while the drawer is open (prevents overlap/tap capture). */
  body.yrvb-mobile-nav-open .yrvb-mobile-bar{
    display: none !important;
  }

  /* Hide bottom action bar while a VDP lightbox/gallery is open */
  body.yrvb-mobile-footer-hidden .yrvb-mobile-bar{
    display: none !important;
  }
  #yrvb-header .nav-menu{ flex-wrap: wrap; }
  #yrvb-header .nav-menu .sub-menu{
    position: static;
    transform: none;
    min-width: 0;
    box-shadow: 0 10px 25px rgba(0,0,0,0.10);
    margin-top: 8px;
  }
}

/* =========================================================
   MOBILE MENU (drawer)
   - Default on mobile: nav hidden (compact header)
   - Menu button toggles body.yrvb-mobile-nav-open
========================================================= */

#yrvb-header .yrvb-mobile-nav-close{ display:none; }
.yrvb-mobile-nav-overlay{ display:none; }

@media (max-width: 900px){
  /* Mobile header layout:
     - Center logo
     - Place Hours (left) + Directions (right) beneath it
     - Remove the phone block (Call/Text remains in the bottom bar)
  */
  #yrvb-header .top-bar{
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 10px; /* tighter spacing between logo + CTAs */
  }

  /* Force the logo to truly center (avoid flex "space-between" drift) */
  #yrvb-header .logo-wrap{
    width: 100%;
    display: flex;
    justify-content: center;
  }
  #yrvb-header .logo-wrap a{ display: inline-block; }

  /* Mobile: remove phone number block from header (keep call/text in bottom bar) */
  #yrvb-header .header-center{ display: none !important; }

  /* Logo sizing (additional ~25% bump) */
  #yrvb-header .logo-wrap img{ max-height: 69px; }

  /* Two balanced CTAs under the logo */
  #yrvb-header .cta-wrap{
    width: min(360px, 100%);
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: clamp(12px, 8vw, 44px);
    justify-items: center;
    align-items: start;
    padding-top: 4px; /* remove extra white space under the logo */
  }

  #yrvb-header .cta-wrap > .icon-link-wrap{
    width: 100%;
    text-align: center;
  }

  /* Hours on the left, Directions on the right */
  /*
    IMPORTANT: Explicitly pin both items to the SAME grid row.
    Without grid-row, some browsers will auto-place them into two different
    rows (sparse packing) when we swap columns.
  */
  #yrvb-header .cta-wrap > a.icon-link-wrap:nth-child(1){ grid-column: 2; grid-row: 1; } /* Directions */
  #yrvb-header .cta-wrap > a.icon-link-wrap:nth-child(2){ grid-column: 1; grid-row: 1; } /* Hours */

  /* Mobile icon sizing */
  #yrvb-header .icon-circle{ width: 34px; height: 34px; }
  #yrvb-header .icon-label{ font-size: 9px; }


  /* Mobile: header should scroll off the page (NOT sticky) */
  #yrvb-header.site-header.sticky-desktop{
    position: static;
    top: auto;
  }

  /* Mobile: remove header Find icon (search is in the bottom bar) */
  #yrvb-search-trigger{ display: none !important; }

  /* Mobile: let Directions/Hours roll off under the logo on scroll */
  #yrvb-header.yrvb-is-scrolled .cta-wrap{ display: none !important; }

  /* Hide nav until user taps the mobile Menu button */
  #yrvb-header .main-nav{ display:none; }

  body.yrvb-mobile-nav-open{ overflow:hidden; }

  body.yrvb-mobile-nav-open .yrvb-mobile-nav-overlay{
    display:block;
    position: fixed;
    inset: 0;
    background: rgba(10,35,66,0.45);
    z-index: 9999997;
  }

  body.yrvb-mobile-nav-open #yrvb-header .main-nav{
    display:block;
    position: fixed;
    inset: 0;
    background: var(--yrvb-white, #ffffff);
    padding: 86px 18px calc(90px + env(safe-area-inset-bottom)) 18px;
    overflow:auto;
    z-index: 9999998;
  }

  /* Mobile close button (inside the drawer) */
  body.yrvb-mobile-nav-open #yrvb-header .yrvb-mobile-nav-close{
    display:flex;
    align-items:center;
    justify-content:center;
    position: absolute;
    top: 14px;
    right: 14px;
    width: 44px;
    height: 44px;
    border-radius: 999px;
    border: 1px solid rgba(16,24,40,.12);
    background: rgba(255,255,255,.94);
    color: var(--yrvb-blue, #0A2342);
    font-size: 28px;
    line-height: 1;
    cursor:pointer;
  }

  /* Vertical menu layout */
  body.yrvb-mobile-nav-open #yrvb-header .nav-menu{
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }

  /* Parent items with children get a dedicated toggle button.
     Layout: [Link.....................][Toggle]
             [Submenu.........................] */
  body.yrvb-mobile-nav-open #yrvb-header .nav-menu > li{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
  }

  body.yrvb-mobile-nav-open #yrvb-header .nav-menu > li > a{
    flex: 1 1 auto;
    min-width: 0;
  }

  #yrvb-header .yrvb-sub-toggle{
    display: none;
  }

  body.yrvb-mobile-nav-open #yrvb-header .yrvb-sub-toggle{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 14px;
    border: 1px solid rgba(16,24,40,.12);
    background: rgba(10,35,66,0.04);
    color: var(--yrvb-blue, #0A2342);
    cursor: pointer;
    font-size: 18px;
    line-height: 1;
  }

  body.yrvb-mobile-nav-open #yrvb-header .yrvb-sub-toggle[aria-expanded="true"]{
    background: rgba(212,168,83,0.18);
    border-color: rgba(212,168,83,0.45);
  }

  body.yrvb-mobile-nav-open #yrvb-header .nav-menu > li > .sub-menu{
    flex-basis: 100%;
  }

  body.yrvb-mobile-nav-open #yrvb-header .nav-menu > li > a{
    display:block;
    text-align:center;
    font-size: 1.05rem;
    padding: 14px 16px;
    border-radius: 14px;
    background: rgba(10,35,66,0.04);
  }

  body.yrvb-mobile-nav-open #yrvb-header .nav-menu .sub-menu{
    margin-top: 6px;
    padding: 8px;
  }

  body.yrvb-mobile-nav-open #yrvb-header .nav-menu .sub-menu a{
    white-space: normal;
    text-align:center;
  }
}

/* =========================================================
   PASS 4: Stop the "shudder" on roll-up (sticky header)
   - Do NOT animate layout properties (padding/height/font-size) on a sticky header.
   - Those transitions can cause scroll-anchoring jitter in Chrome/mobile.
========================================================= */
#yrvb-header .yrvb-header-inner,
#yrvb-header .top-bar,
#yrvb-header .logo-wrap img,
#yrvb-header .header-center .phone-number,
#yrvb-header .icon-circle,
#yrvb-header .main-nav,
#yrvb-header .nav-menu{
  transition: none !important;
}

/* Keep hover feel without animating layout */
#yrvb-header .nav-menu > li > a{
  transition: background 0.2s ease, color 0.2s ease;
}

/* =========================================================
   TRUE ROLL-UP (the missing piece)
   - JS adds #yrvb-header.yrvb-is-scrolled
   - This MUST reclaim layout height, not just “look smaller”
========================================================= */

#yrvb-header.yrvb-is-scrolled .yrvb-header-inner{
  padding: 6px 18px 4px;
}

/* THIS is what usually breaks roll-up: old padding survives */
#yrvb-header.yrvb-is-scrolled .top-bar{
  padding: 0 !important;
  margin: 0 !important;
}

/* Shrink logo */
#yrvb-header.yrvb-is-scrolled .logo-wrap img{
  /* Keep the same proportional shrink after increasing base logo size */
  max-height: 55px;
}

/* Remove layout height from the call-text line */
#yrvb-header.yrvb-is-scrolled .header-center .call-text{
  display: none !important;
}

/* Slightly smaller phone */
#yrvb-header.yrvb-is-scrolled .header-center .phone-number{
  font-size: 1.30rem;
}

/* Icon column: remove label height + tighten */
#yrvb-header.yrvb-is-scrolled .icon-circle{
  width: 32px;
  height: 32px;
  margin-bottom: 0;
}
#yrvb-header.yrvb-is-scrolled .icon-label{
  display: none !important;
}

/* Tighten nav row too, so the whole header actually shrinks */
#yrvb-header.yrvb-is-scrolled .main-nav{
  padding-bottom: 4px;
}
#yrvb-header.yrvb-is-scrolled .nav-menu{
  gap: 10px;
}
#yrvb-header.yrvb-is-scrolled .nav-menu > li > a{
  padding: 6px 12px;
  font-size: 0.84rem;
}

/* =========================================================
   Mobile quick-action bar
   - Reserve space so the footer/Bible verse isn't covered
   - Supports iOS safe-area insets
========================================================= */
.yrvb-mobile-bar{ display: none; }

@media (max-width: 900px){
  /* Reserve page scroll space for the fixed bar (so the footer isn't hidden behind it) */
  body{
    --yrvb-mobilebar-height: 70px;
    padding-bottom: calc(var(--yrvb-mobilebar-height) + env(safe-area-inset-bottom));
  }

  .yrvb-mobile-bar{
    display:flex !important;
    position:fixed;
    left:0;
    bottom:0;
    width:100%;
    height: calc(var(--yrvb-mobilebar-height) + env(safe-area-inset-bottom));
    padding-bottom: env(safe-area-inset-bottom);
    background: var(--yrvb-white, #ffffff);
    border-top: 1px solid #eee;
    z-index: 9999999;
    justify-content: space-around;
    align-items: center;
  }

  .yrvb-bar-item{
    color: var(--yrvb-blue, #0A2342);
    background:none;
    border:none;
    font-size:1.5rem;
    text-align:center;
    cursor:pointer;
    text-decoration:none;
  }

  /* Ensure Find button is present/visible on ALL landing pages (matches home) */
  #yrvb-mobile-find-trigger{
    display: inline-flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .yrvb-bar-label{
    display:block;
    font-size:11px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:0.05em;
  }
}

/* =========================================================
   Search modal
========================================================= */
.yrvb-search-modal{
  position: fixed;
  top:0; left:0; width:100%; height:100%;
  background: rgba(10,35,66,0.95);
  z-index: 9999999;
  display:none;
  align-items:center;
  justify-content:center;
}
.yrvb-search-modal.active{ display:flex; }

.yrvb-modal-content{
  background: var(--yrvb-white, #ffffff);
  padding: 34px;
  border-radius: 14px;
  width: 90%;
  max-width: 520px;
  text-align:center;
  position:relative;
  box-shadow: 0 25px 70px rgba(0,0,0,0.35);
}

.yrvb-close{
  position:absolute;
  top: 10px; right: 14px;
  font-size: 2rem;
  cursor:pointer;
  border:none;
  background:none;
  line-height:1;
}

.yrvb-modal-input{
  width:100%;
  padding: 14px 16px;
  margin: 18px 0;
  border: 1px solid rgba(16,24,40,.14);
  border-radius: 999px;
}

.yrvb-modal-btn{
  background: var(--yrvb-gold-light, #F8C973);
  color: var(--yrvb-blue-dark, #0A2342) !important;
  padding: 14px 18px;
  border:none;
  border-radius: 999px;
  font-weight: 900;
  width:100%;
  cursor:pointer;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

/* =========================================================
   PASS 5 REV 2 (2026-02-17)
   Header fixes:
   1) Desktop phone number forced to brand blue (matches logo)
   2) Mobile: remove phone block from header (keep bottom bar)
   3) Mobile: header scrolls off page (no sticky)
========================================================= */

/* Force phone number link color to brand blue */
#yrvb-header .header-center a.phone-number,
#yrvb-header .header-center a.phone-number:visited{
  color: var(--yrvb-blue-light, var(--yrvb-blue, #0A2342)) !important;
}
#yrvb-header .header-center a.phone-number:hover,
#yrvb-header .header-center a.phone-number:focus{
  color: var(--yrvb-blue-light, var(--yrvb-blue, #0A2342)) !important;
  text-decoration: none;
}

@media (max-width: 900px){
  /* Hide top header phone block on mobile (bottom bar call/text remains) */
  #yrvb-header .header-center{
    display: none !important;
  }

  /* Mobile: header should NOT be sticky */
  #yrvb-header.site-header.sticky-desktop{
    position: static !important;
    top: auto !important;
  }

  /* With header-center gone, center the logo and balance Hours/Directions below it */
  #yrvb-header .top-bar{
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
  }

  #yrvb-header .logo-wrap{
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
  }

  #yrvb-header .cta-wrap{
    width: min(360px, 100%) !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    column-gap: clamp(12px, 8vw, 44px) !important;
    justify-items: center !important;
  }

  /* Hours on the left, Directions on the right */
  #yrvb-header .cta-wrap > a.icon-link-wrap:nth-child(1){ grid-column: 2; grid-row: 1; } /* Directions */
  #yrvb-header .cta-wrap > a.icon-link-wrap:nth-child(2){ grid-column: 1; grid-row: 1; } /* Hours */
}
/* =========================================================
   Footer spacing (mobile)
   - Reduce dead space above the Bible verse
   - Keep it readable, just not floating in a desert
========================================================= */
@media (max-width: 900px){
  /* Astra footer wrappers vary by install, so we tighten the common containers */
  .site-footer,
  .site-footer .ast-footer-overlay,
  .site-footer .footer-adv-overlay,
  .site-footer .ast-small-footer,
  .site-footer .ast-small-footer-wrap,
  .site-footer .ast-small-footer-section{
    margin-top: 0 !important;
  }

  .site-footer .ast-footer-overlay,
  .site-footer .footer-adv-overlay{
    padding-top: 18px !important;
    padding-bottom: 18px !important;
  }

  .site-footer .ast-small-footer,
  .site-footer .ast-small-footer-wrap,
  .site-footer .ast-small-footer-section{
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }

  .site-footer p{
    margin-top: .45em;
    margin-bottom: .45em;
  }
}


/* =========================================================
   Typeahead Search Results (Inventory)
   - Used on front-page hero search + header Find modal
   ========================================================= */

.yrvb-typeahead-results{
  display: none;
  margin-top: 12px;
  width: 100%;
  max-height: 420px;
  overflow: auto;

  background: rgba(255,255,255,0.98);
  border: 1px solid rgba(16,24,40,0.10);
  border-radius: 16px;
  box-shadow: 0 18px 55px rgba(0,0,0,0.20);
  text-align: left;
}

.yrvb-typeahead-results.is-open{ display:block; }

.yrvb-typeahead-item{
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 12px 14px;
  text-decoration: none;
  color: var(--yrvb-blue-dark, #0A2342) !important;
  border-bottom: 1px solid rgba(16,24,40,0.08);
}

.yrvb-typeahead-item:last-child{ border-bottom:none; }

.yrvb-typeahead-item:hover,
.yrvb-typeahead-item.is-active{
  background: rgba(10,35,66,0.06);
}

.yrvb-typeahead-thumb{
  width: 68px;
  height: 52px;
  object-fit: cover;
  border-radius: 10px;
  flex: 0 0 auto;
  background: rgba(10,35,66,0.06);
  border: 1px solid rgba(16,24,40,0.08);
}

.yrvb-typeahead-thumb--empty{
  display: grid;
  place-items: center;
  font-size: 22px;
  color: rgba(10,35,66,0.55);
}

.yrvb-typeahead-meta{
  min-width: 0;
  color: var(--yrvb-blue-dark, #0A2342) !important;
}

.yrvb-typeahead-title{
  font-weight: 900;
  color: var(--yrvb-blue-dark, #0A2342) !important;
  line-height: 1.2;
  font-size: 1.02rem;
  margin-bottom: 2px;
}

.yrvb-typeahead-price{
  font-weight: 800;
  color: rgba(10,35,66,0.70) !important;
  font-size: 0.95rem;
}

.yrvb-typeahead-empty,
.yrvb-typeahead-loading{
  padding: 14px 16px;
  color: rgba(10,35,66,0.70) !important;
  font-weight: 700;
}

.yrvb-typeahead-results--modal{
  margin-top: 14px;
  max-height: 380px;
}
.yrvb-typeahead-results--home{ position: relative; z-index: 20; }