/* Angulo Cloud Services — site-specific overrides on top of the theme */

/* Full-bleed brand-color header: edge to edge, no floating pill, no gap */
.header-eight .uc-navbar-container {
    background-color: rgba(var(--bs-tertiary-700-rgb), 1) !important;
    margin: 0 !important;
    max-width: none !important;
    border-radius: 0 !important;
    border: none !important;
    box-shadow: none !important;
}
.header-eight .uc-navbar-main,
.header-eight .uc-navbar {
    background-color: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    margin-top: 0 !important;
}
.header-eight .uc-navbar,
.header-eight .uc-navbar-nav > li > a,
.header-eight .uc-navbar-right a:not(.btn) {
    color: #fff !important;
}
.header-eight .uc-navbar-nav > li > a:hover {
    opacity: 0.8;
}

/* Homepage hero backdrop: full bleed, no side margin or rounding */
#hero_header > .position-absolute.bg-secondary {
    margin: 0 !important;
    border-radius: 0 !important;
    inset-inline: 0 !important;
}

/* Mobile menu drawer: slide in with transform instead of animating `left`.
   Animating `left` on a fixed-position element is unreliable on iOS Safari —
   the panel's JS still toggles left correctly, but the visual slide can fail
   to render, leaving an invisible full-screen overlay that blocks all taps
   (looks like the page "froze"). transform is GPU-composited and safe
   everywhere, and -100%/0 works at every breakpoint regardless of the
   drawer's actual width. */
#uc-menu-panel.uc-offcanvas .uc-offcanvas-bar {
    left: 0 !important;
    transform: translateX(-100%) !important;
    transition: transform 0.3s ease-out !important;
    will-change: transform;
}
#uc-menu-panel.uc-offcanvas.uc-open .uc-offcanvas-bar {
    transform: translateX(0) !important;
}