/*
Theme Name: Poise Child
Theme URI: https://themes.lucid-themes.com/poise/
Description: Thème enfant de Poise pour maytimeaway.fr — personnalisations et optimisations (Agence Web Performance).
Author: Agence Web Performance
Author URI: https://agencewebperformance.fr
Template: poise
Version: 1.0.0
Requires at least: 5.8
Requires PHP: 7.4
Text Domain: poise-child
*/

/*
    Feuille chargée après assets/css/style.min.css du parent (handle poise-child-style).
    Les polices sont déclarées dans assets/css/fonts.css.
    Palette : teal foncé #2d8088 · teal clair #c7e7dc · vert pâle #eeffed · saumon #ffc2ae (libellés de catégorie).

    Sommaire
    1. Liens
    2. Mise en page des articles
    3. Boutons (blocs Bouton, recherche)
    4. Formulaires tiers (Brevo)
    5. Images
*/

/* ==========================================================================
   1. Liens
   ========================================================================== */

a:link,
a:visited {
    color: #2d8088;
}

/* Survol saumon (charte). Contraste ≈ 1,7:1 sur fond blanc : sous le seuil WCAG AA (4,5:1). */
a:hover {
    color: #ffc2ae;
}

/* ==========================================================================
   2. Mise en page des articles
   ========================================================================== */

/* Colonne de lecture resserrée sur grand écran */
@media (min-width: 992px) {
    .single-post-main > .container > .row > .col-xlarge-12 {
        padding: 0 150px;
    }
}

/* Méta d'en-tête (catégories, date de mise à jour) sur une ligne centrée */
.single-post-top-meta {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

/* ==========================================================================
   3. Boutons
   ========================================================================== */

/* Blocs Bouton dans les contenus : vert classique par défaut */
.wp-block-button .wp-block-button__link {
    color: #2d8088 !important;
    background-color: #c7e7dc;
    border: 1px solid #c7e7dc;
}

.wp-block-button .wp-block-button__link:hover {
    color: #c7e7dc !important;
    background-color: #2d8088;
    border-color: #2d8088;
}

/* Jamais de bouton rose : couleur saisie dans l'éditeur (inline) ou choisie dans la palette « Rose saumon » */
.wp-block-button__link[style*="ffc2ae"],
.wp-block-button__link.has-rose-saumon-background-color {
    color: #2d8088 !important;
    background-color: #c7e7dc !important;
    border-color: #c7e7dc !important;
}

.wp-block-button__link[style*="ffc2ae"]:hover,
.wp-block-button__link.has-rose-saumon-background-color:hover {
    color: #c7e7dc !important;
    background-color: #2d8088 !important;
    border-color: #2d8088 !important;
}

/* Bouton du formulaire de recherche */
.search-results-intro .search-form .search-submit {
    color: #2d8088;
    background-color: #c7e7dc;
    border: 1px solid #c7e7dc;
}

.search-results-intro .search-form .search-submit:hover {
    color: #c7e7dc;
    background-color: #2d8088;
    border-color: #2d8088;
}

/* ==========================================================================
   4. Formulaires tiers
   ========================================================================== */

/* Iframe Brevo : pas de bordure ni d'ombre */
iframe[src*="sibforms.com"] {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

/* ==========================================================================
   5. Images
   ========================================================================== */

/* Images fluides ; height:auto conserve le ratio des attributs width/height (pas de CLS) */
img {
    max-width: 100%;
    height: auto;
}

/* ==========================================================================
   6. Accueil — slider (stabilité de mise en page)
   ========================================================================== */

/* Sous 768 px, le parent met #featured-slideshow-outer en height:auto : avant linitialisation

/* ==========================================================================
   6. Accueil — slider (stabilité de mise en page)
   ========================================================================== */

/* Sous 768 px, le parent met #featured-slideshow-outer en height:auto : avant l'initialisation
   d'Owl Carousel, les 3 diapositives (400 px chacune) s'empilent puis se replient sur une seule
   → le contenu situé dessous remonte de 800 px (CLS 0,29 mesuré sur mobile). On réserve la hauteur
   d'une diapositive tant que le carrousel n'est pas chargé ; la 1re diapositive reste visible. */
@media (max-width: 767px) {
    #featured-slideshow.carousel:not(.owl-loaded) {
        height: 400px;
        overflow: hidden;
    }
}