a.glink {
    text-decoration: none;
    margin-left: 4px;
}
ol li {
    padding-bottom: 15px;
}
/* ═══ Reset Oxygen stacking contexts ═══ */
.ct-section,
.ct-div-block,
.ct-code-block,
.oxy-section,
.oxy-div,
.oxy-code-block,
.ct-inner-content,
.oxy-inner-content,
section:not(.hero) {
    z-index: auto !important;
    transform: none !important;
    -webkit-transform: none !important;
    will-change: auto !important;
}
/* ═══ Nav ═══ */
#adello-nav,
#adello-nav *,
#nav-center,
#nav-center * {
    transform: unset;
    -webkit-transform: unset;
    will-change: unset;
}
/* ═══ Hero + reveals ═══ */
.hero,
.hero *,
.reveal,
.reveal.visible {
    transform: unset !important;
    -webkit-transform: unset !important;
    will-change: unset !important;
}
/* ═══ Marquee — uses margin-left, not transform ═══ */
@-webkit-keyframes marquee-slide {
    0%   { margin-left: 0; }
    100% { margin-left: -50%; }
}
@keyframes marquee-slide {
    0%   { margin-left: 0; }
    100% { margin-left: -50%; }
}
.trust-inner {
    -webkit-animation: marquee-slide 26s linear infinite !important;
    animation: marquee-slide 26s linear infinite !important;
}
/* ═══ Hover effects ═══ */
.btn:hover,
.bp:hover,
.bw:hover,
.nav-cta:hover,
.pcard:hover,
.bcard:hover,
.bi:hover,
.ic:hover,
.sc:hover,
.sp-back a:hover {
    transform: unset !important;
    -webkit-transform: unset !important;
}

/* ═══════════════════════════════════════════════════════════
   AUGUST 2026 RAFFLE — campaign over, hidden site-wide
   Two different implementations were used, so both ids are listed:
     #adl-august-banner   corner banner (Contact, PXLSTRM, Privately)
     #adl-august-overlay  full-screen modal (homepage, code block 604)
   Safety net only — the markup and script still load. Delete this
   rule once view-source shows no adl-august on any page.
   ═══════════════════════════════════════════════════════════ */
#adl-august-banner,
#adl-august-overlay,
#adl-august-modal {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* ═══ Cookie banner ═══ */
#cookie-law-info-bar {
    z-index: 999999 !important;
}

/* ═══════════════════════════════════════════════════════════
   COOKIE SETTINGS MODAL — layering
   The old rule gave .cli-modal and .cli-settings-overlay the SAME
   z-index (1000000). The overlay is the backdrop and sits after the
   modal in the DOM, so on a tie it painted on top: the panel looked
   greyed out and every click — toggles, close, Save — hit the
   backdrop instead. The backdrop now sits below the modal.
   ═══════════════════════════════════════════════════════════ */
.cli-modal-backdrop,
.cli-settings-overlay {
    z-index: 1000000 !important;
}
.cli-modal {
    z-index: 1000001 !important;
}
.cli-modal .cli-modal-dialog,
.cli-modal .cli-modal-content {
    position: relative;
    z-index: 1000002 !important;
    pointer-events: auto !important;
}

/* A backdrop left behind after closing locks the whole page and the
   only way out is a reload. It only ever shows with .cli-show. */
.cli-modal-backdrop:not(.cli-show),
.cli-settings-overlay:not(.cli-show) {
    display: none !important;
    pointer-events: none !important;
}

#cookie-law-info-bar,
#cookie-law-info-bar *,
.cli-modal,
.cli-modal * {
    transform: none !important;
    -webkit-transform: none !important;
}
/* ═══ Cookie banner colors — final override ═══ */
#cookie-law-info-bar {
    background: #0b1222 !important;
    color: #ffffff !important;
    opacity: 1 !important;
    padding: 16px 24px !important;
}
#cookie-law-info-bar span,
#cookie-law-info-bar p,
#cookie-law-info-bar h5,
#cookie-law-info-bar h6,
#cookie-law-info-bar .cli-bar-message,
#cookie-law-info-bar .cookie-law-info-bar-heading {
    color: #ffffff !important;
    font-family: 'Outfit', sans-serif !important;
}
#cookie-law-info-bar a.cli_action_button.wt-cli-accept-all-btn,
#cookie-law-info-bar .cli-accept-all-btn {
    background: #3968f7 !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    border: none !important;
    padding: 9px 20px !important;
    font-weight: 600 !important;
}
#cookie-law-info-bar a.cli_settings_button,
#cookie-law-info-bar .wt-cli-cookie-setting-btn {
    background: transparent !important;
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,.3) !important;
    border-radius: 8px !important;
    padding: 8px 18px !important;
    font-weight: 600 !important;
}

/* ═══ Cookie settings modal — brand styling ═══ */
.cli-modal .cli-modal-content,
.cli-modal .cli-tab-content {
    font-family: 'Outfit', sans-serif !important;
}
.cli-modal .cli-modal-title,
.cli-modal .cli-nav-link,
.cli-modal .cli-switch-label {
    font-family: 'Outfit', sans-serif !important;
}
/* Save button in brand blue, matching the bar */
.cli-modal a.cli_setting_save_button,
.cli-modal .cli_setting_save_button,
.wt-cli-privacy-overview-actions .cli_setting_save_button {
    background: #3968f7 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 11px 24px !important;
    font-family: 'Outfit', sans-serif !important;
    font-weight: 600 !important;
}
.cli-modal a.cli_setting_save_button:hover,
.cli-modal .cli_setting_save_button:hover {
    background: #2d9fff !important;
}
/* Toggles keep their own colours; only the ON state is rebranded */
.cli-modal .cli-slider {
    cursor: pointer;
}
.cli-modal input:checked + .cli-slider {
    background-color: #3968f7 !important;
}

/* ═══ Cookie banner — mobile layout ═══ */
@media (max-width: 640px) {
    #cookie-law-info-bar {
        padding: 18px 20px 20px !important;
        text-align: center !important;
    }
    #cookie-law-info-bar .cli-bar-message {
        display: block !important;
        margin-bottom: 14px !important;
        font-size: 13.5px !important;
        line-height: 1.55 !important;
    }
    #cookie-law-info-bar .cli-bar-btn_container,
    #cookie-law-info-bar .cli__align {
        display: flex !important;
        flex-direction: row !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 10px !important;
        width: 100% !important;
        margin: 0 !important;
        float: none !important;
    }
    #cookie-law-info-bar a.cli_settings_button,
    #cookie-law-info-bar .wt-cli-cookie-setting-btn,
    #cookie-law-info-bar a.cli_action_button.wt-cli-accept-all-btn,
    #cookie-law-info-bar .cli-accept-all-btn {
        display: inline-flex !important;
        justify-content: center !important;
        flex: 1 1 0 !important;
        max-width: 180px !important;
        white-space: nowrap !important;
        text-align: center !important;
        margin: 0 !important;
        padding: 11px 10px !important;
        font-size: 13.5px !important;
        float: none !important;
    }
    /* Settings modal fits the screen on small devices */
    .cli-modal .cli-modal-dialog {
        max-width: 94% !important;
        margin: 20px auto !important;
    }
}