/* Domingo Sáez premium v5.9 — one visual language, separated cascading flyouts. */
.navbar .nav-links > li {position:relative;}
.navbar .nav-links > li:hover,
.navbar .nav-links > li:focus-within {z-index:250;}

/* One consistent downward chevron throughout the top-level navigation.
   These CSS shapes replace legacy star, eighth note and text glyphs. */
.navbar .nav-links > li.ds-books-nav-item > a::before,
.navbar .nav-links > li.ds-music-nav-item > a::before {content:none!important;display:none!important;}
.navbar .nav-links > li > a,
.navbar .nav-links > li.ds-sagas > .ds-sagas-trigger {gap:9px;padding-inline:12px;}
.navbar .nav-links > li > a::after,
.navbar .nav-links > li.ds-sagas > .ds-sagas-trigger::after,
.navbar .nav-links > li.ds-atlas-nav .ds-atlas-nav-toggle::after {
  content:"";display:block;flex:0 0 6px;width:6px;height:6px;
  border-right:1.75px solid currentColor;border-bottom:1.75px solid currentColor;
  transform:translateY(-2px) rotate(45deg);opacity:.95;
  transition:transform .16s ease;pointer-events:none;
}
.navbar .nav-links > li > a::after {margin-left:1px;}
.navbar .nav-links > li.ds-atlas-nav .ds-atlas-nav-toggle {width:20px;margin-right:7px;}
.navbar .nav-links > li.ds-atlas-nav .ds-atlas-nav-toggle>span,
.navbar .nav-links > li.ds-sagas .ds-sagas-chevron {display:none!important;}
.navbar .nav-links > li.ds-atlas-nav .ds-atlas-nav-toggle::after {margin:auto;}
.navbar .nav-links > li.ds-sagas .ds-sagas-trigger {justify-content:center;}
.navbar .nav-links > li.ds-sagas > .ds-sagas-trigger::after {margin-left:1px;}
.navbar .nav-links > li.ds-atlas-nav .ds-atlas-nav-head,
.navbar .nav-links > li.ds-atlas-nav .ds-atlas-nav-main,
.navbar .nav-links > li.ds-sagas .ds-sagas-trigger,
.navbar .nav-links > li > a {font-family:Arial,Helvetica,sans-serif!important;font-size:12px!important;font-weight:800!important;letter-spacing:.012em!important;}
/* Avoid different diagonal arrow pictograms inside menu cards. */
.navbar .ds-atlas-nav-card .ds-atlas-nav-arrow,
.navbar .ds-sagas .ds-saga-link > span:last-child {font-size:0!important;line-height:0!important;}
.navbar .ds-atlas-nav-card .ds-atlas-nav-arrow::after,
.navbar .ds-sagas .ds-saga-link > span:last-child::after {
 content:"";display:block;width:6px;height:6px;
 border-right:1.75px solid #a7734e;border-bottom:1.75px solid #a7734e;
 transform:rotate(45deg);margin:auto;
}
.navbar .ds-photo-child-toggle>span,
.navbar .ds-atlas-child-toggle>span {font-size:0!important;line-height:0!important;display:grid!important;place-items:center;}
.navbar .ds-photo-child-toggle>span::after,
.navbar .ds-atlas-child-toggle>span::after {
 content:"";display:block;width:7px;height:7px;
 border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;
 transform:rotate(45deg) translate(-1px,-1px);
}
/* Remove mixed arrows from direct links; text remains the real clickable link. */
@media (min-width:1101px) and (hover:hover) {
 .navbar .nav-links > li.ds-atlas-nav > .ds-atlas-nav-list,
 .navbar .nav-links > li.ds-sagas > .ds-sagas-list {
   top:100%!important;left:0;right:auto;margin:0!important;
   border-top:3px solid #bc0606!important;
 }
 .navbar .nav-links > li.ds-atlas-nav.ds-menu-align-right > .ds-atlas-nav-list,
 .navbar .nav-links > li.ds-sagas.ds-menu-align-right > .ds-sagas-list {
   left:auto!important;right:0!important;
 }
 /* The LI is inside a dropdown with 9px padding. The nested flyout is placed
    22px beyond the LI edge (about 12px beyond the first shell): NO overlap. */
 .navbar .ds-atlas-nav-has-children > .ds-atlas-nav-sublist,
 .navbar .ds-photo-nav .ds-photo-nav-sublist {
   position:absolute!important;top:0!important;left:calc(100% + 22px)!important;
   right:auto!important;width:340px!important;max-width:none!important;
   margin:0!important;border:1px solid rgba(127,94,64,.2)!important;
   border-top:3px solid #bc0606!important;
   border-radius:13px!important;background:linear-gradient(180deg,#fffdf9,#f8f3ec)!important;
   box-shadow:0 19px 45px rgba(36,25,18,.19),0 2px 8px rgba(36,25,18,.07)!important;
   transform:translateY(0)!important;
   z-index:500!important;
 }
 /* Hover bridge across a gap between adjacent columns. */
 .navbar .ds-atlas-nav-has-children > .ds-atlas-nav-sublist::before {
   content:"";position:absolute;left:-24px;top:0;width:24px;height:100%;
   background:transparent;pointer-events:auto;
 }
 .navbar .ds-atlas-nav-has-children.ds-flyout-left > .ds-atlas-nav-sublist {
   left:auto!important;right:calc(100% + 22px)!important;
 }
 .navbar .ds-atlas-nav-has-children.ds-flyout-left > .ds-atlas-nav-sublist::before {
   left:auto;right:-24px;
 }
 /* When neither side has room for a 340px panel, expand below parent: never cover it. */
 .navbar .ds-atlas-nav-has-children.ds-flyout-stack > .ds-atlas-nav-sublist {
   position:relative!important;top:auto!important;left:auto!important;right:auto!important;
   width:100%!important;min-width:0!important;max-width:100%!important;
   margin:10px 0 0!important;border:1px solid #e9dbc9!important;
   border-left:3px solid #bc0606!important;border-top:1px solid #e9dbc9!important;
   border-radius:10px!important;box-shadow:0 8px 18px rgba(36,25,18,.07)!important;
 }
 .navbar .ds-atlas-nav-has-children.ds-flyout-stack > .ds-atlas-nav-sublist::before {display:none;}
 .navbar .ds-atlas-nav-has-children.ds-flyout-stack:hover > .ds-atlas-nav-sublist,
 .navbar .ds-atlas-nav-has-children.ds-flyout-stack:focus-within > .ds-atlas-nav-sublist {
   visibility:visible!important;opacity:1!important;pointer-events:auto!important;
 }
 .navbar .nav-links > li.ds-atlas-nav.ds-photo-nav > .ds-atlas-nav-list,
 .navbar .nav-links > li.ds-atlas-nav > .ds-atlas-nav-list {overflow:visible!important;}
 /* Only the hovered item or a keyboard-focused item can open a nested flyout. */
 .navbar .ds-atlas-nav-has-children:not(:hover):not(:focus-within) > .ds-atlas-nav-sublist {
   opacity:0!important;visibility:hidden!important;pointer-events:none!important;
 }
}
@media (max-width:1100px), (hover:none) {
 .navbar .nav-links > li > a,
 .navbar .nav-links > li.ds-sagas > .ds-sagas-trigger {justify-content:space-between;padding-inline:14px;}
 .navbar .nav-links > li.ds-atlas-nav .ds-atlas-nav-toggle {flex:0 0 52px;width:52px;margin:0;}
 .navbar .ds-atlas-nav-has-children > .ds-atlas-nav-sublist,
 .navbar .ds-photo-nav .ds-photo-nav-sublist {
   position:static!important;left:auto!important;right:auto!important;top:auto!important;
   margin:10px 0 0!important;width:100%!important;max-width:100%!important;
   padding:8px!important;border:0!important;border-left:2px solid #b90a0a!important;
   border-radius:8px!important;background:#f9f4ed!important;
   transform:none!important;box-shadow:none!important;
 }
 .navbar .ds-atlas-nav-has-children:not(.is-child-open) > .ds-atlas-nav-sublist {display:none!important;}
 .navbar .ds-atlas-nav-has-children.is-child-open > .ds-atlas-nav-sublist {display:block!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;}
}
@media(prefers-reduced-motion:reduce) {
 .navbar .nav-links > li > a::after,
 .navbar .nav-links > li.ds-sagas > .ds-sagas-trigger::after,
 .navbar .nav-links > li.ds-atlas-nav .ds-atlas-nav-toggle::after {transition:none!important;}
}
/* The parent already has its own submenu chevron: no duplicate icon. */
.navbar .ds-atlas-nav-has-children > .ds-atlas-nav-parent .ds-atlas-nav-arrow {display:none!important;}
.navbar .ds-atlas-nav-has-children > .ds-atlas-nav-parent,
.navbar .ds-photo-nav .ds-photo-parent-link {grid-template-columns:44px minmax(0,1fr)!important;}
/* Legacy submenu styles rotated the textual triangle; our shared down-arrow stays down. */
.navbar .ds-photo-child-toggle > span,
.navbar .ds-atlas-child-toggle > span,
.navbar .ds-photo-nav .ds-photo-nav-parent:hover > .ds-photo-child-toggle span,
.navbar .ds-photo-nav .ds-photo-nav-parent.is-child-open > .ds-photo-child-toggle span,
.navbar .ds-atlas-nav-has-children:hover > .ds-atlas-child-toggle > span,
.navbar .ds-atlas-nav-has-children.is-child-open > .ds-atlas-child-toggle > span {transform:none!important;}
/* Keep the touch chevron in the FIRST card, not at 50% of an expanded LI. */
.navbar .ds-atlas-child-toggle,
.navbar .ds-photo-nav .ds-photo-child-toggle {
  top:36px!important;
  transform:translateY(-50%)!important;
}