/* Hand-written companion to landing-legacy.css - edit this one, not the generated file.
 * The legacy bundle is unlayered, so it beats every @layer rule regardless of
 * specificity; these rules re-assert what a Hyva widget loses to old Luma resets
 * inside .decofire-landing-page. Loaded right after landing-legacy.css by the
 * landingpage_old page layout.
 */

/* Legacy h1-h5 rules kill the gap to the product grid and impose Luma's own
   size/centering (24px, 35px from 768px up). Two classes outrank
   ".decofire-landing-page h2", including inside its media query. */
.decofire-landing-page .section-title {
    margin-block-end: 2.5rem;
    font-size: var(--text-2xl, 1.5rem);
    text-align: left;
}

/* Luma centred the bestseller heading on landing pages only; the rest of the
   shop aligns it to the start, so match the selector to outrank it. */
.decofire-landing-page .deco-bestsellers-section .section-title {
    text-align: left;
}

/* Two landing pages need a black page background. Luma painted .page-wrapper -
   a container Hyva doesn't have, so that rule died in the migration. .page-main
   is the full-width equivalent; header and footer keep their own design. */
.cms-landing-page-halloween .page-main,
.cms-grille-elektryczne-enders-eflow .page-main {
    background-color: #000;
}

/* The breadcrumb bar sits above .page-main, so it needs the dark treatment of
   its own; its light-grey default would cut a bright strip across the page. */
.cms-landing-page-halloween .breadcrumbs,
.cms-grille-elektryczne-enders-eflow .breadcrumbs {
    background-color: #000;
    color: #fff;

    a,
    a:hover {
        color: #fff;
    }
}

/* The theme's own icon system claims every [class^="deco-icon-"]::before and
   gives it content:"" plus width:1em. The legacy landing bundle then sizes that
   same pseudo at 30px, so the old two-layer icon-font markup (.path1/.path2)
   rendered an empty 30px box in front of every TAK/NIE mark in the comparison
   tables. The glyphs come from .path1::before/.path2::before, so the wrapper's
   own pseudo has nothing to draw - drop it. */
.decofire-landing-page .deco-icon-available::before,
.decofire-landing-page .deco-icon-unavailable::before {
    content: none;
}

/* vertical-align:bottom sat the 20px glyph on the line-box bottom, a few pixels
   above the centre of the 16px label next to it. */
.decofire-landing-page .deco-icon-available,
.decofire-landing-page .deco-icon-unavailable {
    vertical-align: middle;
}

/* Narrower side padding than the Luma original. */
.decofire-landing-page .btn-medium {
    padding-inline: 20px;
}