/*
Theme Name:         Ker Ronan - Page d'attente
Description:        Thème WordPress de page d'attente utilisant le hero Ker Ronan.
Version:            1.0.0
Author:             Azelty
Author URI:         https://azelty.fr
Text Domain:        ker-ronan-attente
*/

/* Overrides spécifiques à la page d'attente */
.page-hero__figure {
    clip-path: none !important;
    min-height: 100svh !important;
}

.page-hero__caption {
    position: relative;
    z-index: 2;
}

.page-hero::after {
    content: none !important;
}

.page-hero__label-bretagne {
    top: auto !important;
    bottom: var(--sp-base) !important;
}

.footer {
    margin-top: 0 !important;
}

/* Responsive spécifique page d'attente */
@media (max-width: 768px) {
    :root {
        /* On réduit les tailles de titres pour le hero d'attente */
        --fs-h1: 4.4rem;
        --fs-h1-small: 3.6rem;
        --fs-h3: 2.4rem;
        --fs-base: 1.4rem;
        --fs-small: 1.3rem;
    }

    .page-hero__figure {
        min-height: auto !important;
        padding: calc(var(--top-nav-height) + var(--sp-small)) var(--sp-small) var(--sp-base) var(--sp-small) !important;
        align-items: center !important;
        text-align: center;
    }

    .page-hero--front-page {
        background-color: var(--clr-black) !important;
    }

    .page-hero__caption {
        max-width: 100% !important;
        text-align: center !important;
    }

    .front-page-hero__caption-text {
        font-size: var(--fs-small);
        line-height: var(--lh-base);
        margin-top: var(--sp-small);
        padding: 0 var(--sp-small);
        text-align: center;
    }

    .heading--alternate .heading--alt-2 {
        margin-left: auto;
        margin-right: auto;
    }

    /* On laisse le label dans le flux sur mobile pour éviter qu'il chevauche */
    .page-hero__label-bretagne {
        position: static !important;
        margin: 0 auto;
        padding: var(--sp-base) 0;
        transform: none !important;
    }
}