/* OIVS Sidebar True Flyout v3
   Uses the existing .nav-section-title + anchor structure from app/header.php.
   Parent themes remain in the sidebar. Child links are moved to a floating panel.
*/
:root{
  --oivs-flyout-gold:#f4b51c;
  --oivs-flyout-gold-soft:#ffd35c;
  --oivs-flyout-navy:#123a5b;
  --oivs-flyout-navy-dark:#0d2e49;
  --oivs-flyout-panel:#113b5d;
  --oivs-flyout-panel-2:#0d324f;
  --oivs-flyout-text:#f7fbff;
  --oivs-flyout-muted:#b7cad9;
  --oivs-flyout-border:rgba(255,255,255,.11);
  --oivs-flyout-shadow:0 14px 36px rgba(0,0,0,.28);
}

.nav-section-title.oivs-v3-parent{
  color:var(--oivs-flyout-gold)!important;
  font-weight:800!important;
  letter-spacing:.7px!important;
  text-transform:uppercase!important;
  cursor:pointer!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  position:relative!important;
  padding:11px 28px 11px 18px!important;
  margin:2px 0!important;
  min-height:42px!important;
  user-select:none!important;
  transition:background .15s ease,color .15s ease!important;
  border-radius:0!important;
}

.nav-section-title.oivs-v3-parent:hover,
.nav-section-title.oivs-v3-parent.oivs-v3-open{
  color:var(--oivs-flyout-gold-soft)!important;
  background:rgba(255,255,255,.055)!important;
}

.nav-section-title.oivs-v3-parent::before{
  content:"";
  width:6px;height:6px;
  border-radius:50%;
  background:var(--oivs-flyout-gold);
  flex:0 0 6px;
  box-shadow:0 0 0 2px rgba(244,181,28,.12);
}

.nav-section-title.oivs-v3-parent::after{
  content:"›";
  position:absolute;
  right:13px;
  top:50%;
  transform:translateY(-50%);
  color:var(--oivs-flyout-gold);
  font-size:19px;
  font-weight:900;
  transition:transform .15s ease;
}

.nav-section-title.oivs-v3-parent.oivs-v3-open::after{
  transform:translateY(-50%) translateX(2px);
}

.oivs-v3-flyout{
  position:fixed;
  z-index:10050;
  display:none;
  min-width:260px;
  max-width:330px;
  padding:8px;
  border:1px solid var(--oivs-flyout-border);
  border-radius:10px;
  background:linear-gradient(180deg,var(--oivs-flyout-panel),var(--oivs-flyout-panel-2));
  box-shadow:var(--oivs-flyout-shadow);
  color:#fff;
}

.oivs-v3-flyout.oivs-v3-visible{
  display:block;
  animation:oivsV3FlyIn .14s ease-out;
}

@keyframes oivsV3FlyIn{
  from{opacity:0;transform:translateX(-7px)}
  to{opacity:1;transform:translateX(0)}
}

.oivs-v3-title{
  color:var(--oivs-flyout-gold);
  text-transform:uppercase;
  font:800 11px/1.2 Arial,Helvetica,sans-serif;
  letter-spacing:.8px;
  padding:8px 10px 9px;
  margin-bottom:3px;
  border-bottom:1px solid var(--oivs-flyout-border);
}

.oivs-v3-flyout a{
  display:block!important;
  width:100%!important;
  color:var(--oivs-flyout-text)!important;
  text-decoration:none!important;
  padding:9px 10px!important;
  margin:2px 0!important;
  border-radius:7px!important;
  background:transparent!important;
  font:700 12px/1.25 Arial,Helvetica,sans-serif!important;
  white-space:normal!important;
}

.oivs-v3-flyout a:hover,
.oivs-v3-flyout a:focus{
  background:rgba(255,255,255,.09)!important;
  color:#fff!important;
}

.oivs-v3-flyout a.oivs-v3-active{
  background:rgba(244,181,28,.15)!important;
  box-shadow:inset 3px 0 0 var(--oivs-flyout-gold)!important;
  color:#fff!important;
}

.oivs-v3-arrow{
  position:absolute;
  width:12px;height:12px;
  background:var(--oivs-flyout-panel);
  transform:rotate(45deg);
  left:-6px;
  top:18px;
  border-left:1px solid var(--oivs-flyout-border);
  border-bottom:1px solid var(--oivs-flyout-border);
}

/* Hide child links in original sidebar only after V3 JS has adopted them */
body.oivs-v3-ready .oivs-v3-adopted{
  display:none!important;
}

/* preserve sidebar's current dark background and dimensions */
@media(max-width:800px){
  .oivs-v3-flyout{
    position:fixed;
    left:12px!important;
    right:12px!important;
    top:auto!important;
    bottom:72px!important;
    min-width:0;
    max-width:none;
    max-height:70vh;
    overflow:auto;
  }
  .oivs-v3-arrow{display:none}
}
.sidebar.v71-sidebar .nav-section-title {
    font-size: 40px !important;
}

.oivs-v3-flyout a {
    font-size: 16px !important;
}

.oivs-v3-flyout .oivs-v3-title {
    font-size: 16px !important;
    font-weight: 800 !important;
}