/* Draws 2.0 P5 (daily draw), VIEW-ONLY. Loaded alongside giveaway.css inside the same carousel: a
   daily card (_GiveawayDailySlide.cshtml, giveaway-daily.js) reuses every .gw-section/.gw-card/
   .gw-modal rule that file already defines (chips, title, countdown boxes, cta/details buttons,
   dialog blocks) so a daily slide sits at the same height and look as a one-off slide beside it;
   .gw-carousel .gw-card's own flex: 1 1 auto chain in giveaway.css already equalises every slide's
   height, daily included, so no .gw-card--daily height hook is needed here.
   Only the pieces below are new: the small stack of day/streak/winner lines daily adds above the
   countdown (.gw-daily-lines), reserved at its tallest (3-line) height so the banner/dialog never
   resize when a refresh drops it to 1-2 lines or swaps the countdown for the ended message. */

.gw-section .gw-daily-lines,
.gw-modal .gw-daily-lines {
    display: flex;
    flex-direction: column;
    gap: 2px;
    /* Reserve 3 lines at .gw-card's own line-height (1.4, inherited - .gw-daily-line sets no
       font-size of its own at any breakpoint, so one static value covers phone/tablet/desktop
       alike, unlike .gw-message/.gw-winner's tiered font-size) plus the 2 gaps between them, so
       the block never resizes going from 3 lines down to 1-2 or to the ended message. Block-size,
       so RTL mirroring doesn't affect it. Holds only with .gw-daily-line's own margin:0 below -
       without it, Bootstrap reboot's default paragraph margin-bottom of 1rem adds on top of every
       one of the 3 lines (flex item margins never collapse), well past this reserved height. */
    min-height: calc(4.2em + 4px);
}

.gw-section .gw-daily-lines .gw-daily-line,
.gw-modal .gw-daily-lines .gw-daily-line {
    margin: 0;
}

.gw-modal .gw-daily-lines {
    margin-top: 0;
    /* .gw-modal .modal-body sets line-height: 1.45 (giveaway.css), not .gw-card's 1.4 the base
       min-height above reserves for - 3 lines at the modal's own line-height is ~2-3px taller, so
       without this override the dialog is briefly too short at 3 lines and jumps when they render. */
    min-height: calc(4.35em + 4px);
}

/* Draws 2.0 P5: yesterday's "you won" line (bannerModel/dialogModel's lines[].strong) stands out from
   the plain day/streak lines beside it, in the banner and the dialog alike. */
.gw-section .gw-daily-lines .gw-line--strong,
.gw-modal .gw-daily-lines .gw-line--strong {
    font-weight: 700;
}

@media (prefers-reduced-motion: reduce) {
    .gw-section--daily .gw-cta,
    .gw-section--daily .gw-details,
    .gw-section--daily .gw-badge {
        transition: none !important;
    }
}