/* Domingo Sáez 6.0 — aligned cascading menus and animated premium chevrons.
   A desktop flyout aligns with its first-level SHELL, never the inner card.
   JavaScript measures the menu padding at runtime and writes three variables. */
@media (min-width:1101px) and (hover:hover) {
  .navbar .ds-atlas-nav-has-children > .ds-atlas-nav-sublist,
  .navbar .ds-photo-nav .ds-photo-nav-parent > .ds-photo-nav-sublist {
    position:absolute!important;
    top:var(--ds-flyout-align-top,-12px)!important;
    left:calc(100% + var(--ds-flyout-gap-right,13px))!important;
    right:auto!important;
    margin:0!important;
    width:340px!important;
    max-width:none!important;
    padding:9px!important;
    border:1px solid rgba(127,94,64,.2)!important;
    border-top:3px solid #bb0b12!important;
    border-radius:0 12px 12px 12px!important;
    background:linear-gradient(170deg,#fffdf9 0%,#faf4ed 100%)!important;
    box-shadow:0 18px 45px rgba(36,25,18,.16),0 3px 9px rgba(36,25,18,.07)!important;
    transform:none!important;
    z-index:500!important;
  }
  .navbar .ds-atlas-nav-has-children.ds-flyout-left > .ds-atlas-nav-sublist {
    left:auto!important;
    right:calc(100% + var(--ds-flyout-gap-left,13px))!important;
    border-radius:12px 0 12px 12px!important;
  }
  /* The fully transparent hover bridge prevents the menu closing while
     the pointer passes over the few pixels between the two shells. */
  .navbar .ds-atlas-nav-has-children > .ds-atlas-nav-sublist::before {
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:calc(-1 * var(--ds-flyout-gap-right,13px))!important;
    top:0!important;
    width:var(--ds-flyout-gap-right,13px)!important;
    height:100%!important;
    background:transparent!important;
    pointer-events:auto!important;
  }
  .navbar .ds-atlas-nav-has-children.ds-flyout-left > .ds-atlas-nav-sublist::before {
    left:auto!important;
    right:calc(-1 * var(--ds-flyout-gap-left,13px))!important;
    width:var(--ds-flyout-gap-left,13px)!important;
  }
  /* On narrow windows, the third level becomes an in-flow nested panel.
     Never allow it to cover the parent or go outside the viewport. */
  .navbar .ds-atlas-nav-has-children.ds-flyout-stack > .ds-atlas-nav-sublist {
    position:relative!important;left:auto!important;right:auto!important;
    top:auto!important;margin:10px 0 0!important;width:100%!important;
    max-width:100%!important;padding:7px!important;
    border:1px solid #ead9c7!important;border-left:3px solid #bf0c11!important;
    border-radius:10px!important;box-shadow:0 8px 18px #24191212!important;
  }
  .navbar .ds-atlas-nav-has-children.ds-flyout-stack > .ds-atlas-nav-sublist::before{display:none!important;}
  /* Parent card must not shift toward the flyout on hover: pixel-perfect alignment. */
  .navbar .ds-atlas-nav-has-children > .ds-atlas-nav-parent:hover,
  .navbar .ds-photo-nav .ds-photo-nav-parent > .ds-photo-parent-link:hover {
    transform:none!important;
  }
}

/* Unified, compact arrow button rather than a bare text arrow or a symbol.
   The down chevron rotates to the RIGHT when a menu is active. */
.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:""!important;
  display:inline-block!important;
  width:21px!important;height:21px!important;
  flex:0 0 21px!important;
  margin-left:2px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:7px!important;
  background-color:rgba(255,255,255,.075)!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;
  background-position:center!important;
  background-size:11px 11px!important;
  background-repeat:no-repeat!important;
  transform:none!important;
  opacity:.9!important;
  transition:transform .22s cubic-bezier(.2,.8,.2,1),background-color .22s ease,border-color .22s ease,box-shadow .22s ease!important;
  box-sizing:border-box!important;
  pointer-events:none!important;
}
.navbar .nav-links > li.ds-atlas-nav .ds-atlas-nav-toggle {
  flex:0 0 29px!important;width:29px!important;margin:0 8px 0 0!important;
  padding:0!important;
}
.navbar .nav-links > li.ds-atlas-nav .ds-atlas-nav-toggle::after{margin:0!important;}
.navbar .nav-links > li.ds-sagas > .ds-sagas-trigger::after{margin-left:5px!important;}
.navbar .nav-links > li:is(:hover,:focus-within,.is-pinned) > a::after,
.navbar .nav-links > li.ds-sagas:is(:hover,:focus-within,.is-pinned) > .ds-sagas-trigger::after,
.navbar .nav-links > li.ds-atlas-nav:is(:hover,:focus-within,.is-pinned) > .ds-atlas-nav-head .ds-atlas-nav-toggle::after {
  transform:rotate(-90deg)!important;
  opacity:1!important;
  background-color:rgba(255,255,255,.20)!important;
  border-color:rgba(255,255,255,.47)!important;
  box-shadow:0 2px 8px rgba(70,0,0,.13)!important;
}
/* Submenu arrow switches from down to sideways when open. */
.navbar .ds-atlas-child-toggle>span,
.navbar .ds-photo-nav .ds-photo-child-toggle>span {
  display:grid!important;place-items:center!important;
  width:28px!important;height:28px!important;
  border:1px solid #e7d9ca!important;
  border-radius:8px!important;
  background:rgba(243,234,222,.65)!important;
  color:#89623c!important;
  font-size:0!important;
  transform:none!important;
  transition:background-color .2s ease,border-color .2s ease!important;
}
.navbar .ds-atlas-child-toggle>span::after,
.navbar .ds-photo-nav .ds-photo-child-toggle>span::after {
  content:""!important;
  width:7px!important;height:7px!important;
  border-right:1.8px solid currentColor!important;
  border-bottom:1.8px solid currentColor!important;
  transform:translateY(-2px) rotate(45deg)!important;
  transition:transform .20s cubic-bezier(.2,.8,.2,1)!important;
}
.navbar .ds-atlas-nav-has-children:is(:hover,:focus-within,.is-child-open) > .ds-atlas-child-toggle>span,
.navbar .ds-photo-nav .ds-photo-nav-parent:is(:hover,:focus-within,.is-child-open) > .ds-photo-child-toggle>span {
  background:#fff5e7!important;border-color:#d4ae81!important;color:#9a622a!important;
}
.navbar .ds-atlas-nav-has-children:is(:hover,:focus-within,.is-child-open) > .ds-atlas-child-toggle>span::after,
.navbar .ds-photo-nav .ds-photo-nav-parent:is(:hover,:focus-within,.is-child-open) > .ds-photo-child-toggle>span::after {
  transform:translateX(-2px) rotate(-45deg)!important;
}
/* Avoid placing two indicators on the same nested card. */
.navbar .ds-atlas-nav-has-children > .ds-atlas-nav-parent .ds-atlas-nav-parent-caret,
.navbar .ds-atlas-nav-has-children > .ds-atlas-nav-parent .ds-atlas-nav-arrow {display:none!important;}
.navbar .ds-atlas-nav-list .ds-atlas-nav-child .ds-atlas-nav-arrow::after,
.navbar .ds-sagas .ds-saga-link > span:last-child::after {transform:rotate(-45deg)!important;}

@media(max-width:1100px), (hover:none) {
  .navbar .ds-atlas-nav-has-children > .ds-atlas-nav-sublist,
  .navbar .ds-photo-nav .ds-photo-nav-sublist {
    position:static!important;top:auto!important;left:auto!important;right:auto!important;
    margin:10px 0 0!important;width:100%!important;max-width:100%!important;
    transform:none!important;
  }
  .navbar .ds-atlas-nav-has-children > .ds-atlas-nav-sublist::before{display:none!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,
 .navbar .ds-atlas-child-toggle>span::after,
 .navbar .ds-photo-child-toggle>span::after{transition:none!important;}
}