/* ===== AI-translation alert banner ===== */
/* Small phones only: smaller regular-weight text (~15% narrower) and
   a hard padding stop so the text can never reach the absolutely
   positioned close button (right:25px, ~3rem glyph). */
@media (max-width: 575px) {
    /* 'section.' qualifier lifts specificity above the theme's
       .hkt--alert .hkt--alert-ai-text rule (0,2,1 > 0,2,0) so file
       load order can no longer decide the winner on prod */
    section.hkt--alert .hkt--alert-ai-text {
        font-size: 1.4rem;
    }

    section.hkt--alert .hkt--alert-ai-text strong {
        /* set on the element, not inherited: immune to p-level overrides */
        font-size: 1.4rem;
    }

    section.hkt--alert .hkt--alert-ai-wrapper .container {
        padding-right: 5rem;
        padding-left: 1rem;
    }
}

/* ===== auto-dismiss slide-up (driven by assets/scripts/ai-alert.js) ===== */
/* JS pins the element's real height inline first, then this class
   transitions max-height to 0 for a collapse/slide-up. */
section.hkt--alert .hkt--alert-ai-wrapper.state-closing {
    overflow: hidden;
    max-height: 0 !important;
    transition: max-height .4s ease;
}