/*
Theme Name:   Laxland Child (Hotel Clément)
Description:  Thème enfant de Laxland pour les personnalisations spécifiques à Hotel Clément.
Author:       Hotel Clément
Template:     laxland
Version:      1.0.0
Text Domain:  laxland-child
*/

.site-logo a img,
.site-logo img.custom-logo,
.mobile-menu .site-logo a img {
    height: auto;
    width: auto;
}

.breadcrumb-area[style*="--breadcrumb-text"] .title h1,
.breadcrumb-area[style*="--breadcrumb-text"] .breadcrumb-items ul li,
.breadcrumb-area[style*="--breadcrumb-text"] .breadcrumb-items ul li a,
.breadcrumb-area[style*="--breadcrumb-text"] .breadcrumb-items ul li i {
    color: var(--breadcrumb-text);
}

.breadcrumb-area[style*="--breadcrumb-title"] .title h1 {
    color: var(--breadcrumb-title);
}

.site-header1 .menu-bar .menu-btn a:hover,
.site-header2 .menu-bar .menu-btn a:hover,
.mobile-menu .menu-content .component .menu-btn a:hover,
.standard-post article .content .continue-btn:hover,
.archive-page article .content .continue-btn:hover,
.search-results article .content .continue-btn:hover,
.search-results .search-form .search-submit:hover,
.search-window .form-group button:hover,
.blog-details .comment-form .submit:hover,
.error-404 .page-content .return-btn:hover,
.slider-section.style1 .slide .slide-content .button-set .button:hover,
.single-button.style1 .button:hover,
.single-button.style2 .button:hover,
.service-box.style1 .service-btn a:hover,
.service-box.style6 .button a:hover,
.room-grid.style1 .item .content .button a:hover,
.rooms.style1 .owl-item .item .content .button a:hover,
.pricing.style1 .pricing-btn:hover,
.pricing.style5 .pricing-btn:hover,
.portfolio.style1 .portfolio-item:hover .portfolio-content .button,
.hero-booking .button input:hover,
.blog-post.style3 .owl-carousel .owl-nav button.owl-next:hover,
.testimonial.style3 .owl-carousel .owl-nav button.owl-next:hover {
    color: var(--btn-hover-text, #fff);
}

/* ===========================================================================
   Header fixes
   - #3 (ClickUp 869dz418m) : logo blanc invisible sur le header mobile blanc
   - #1 (ClickUp 869dhgqy1) : header collant + opaque au scroll pour garder
     le bouton « Réservez votre séjour » toujours visible
   =========================================================================== */

/* #3 — La barre .mobile-menu ne s'affiche qu'en mobile ; on assombrit donc le
   logo blanc pour qu'il ressorte sur le fond blanc du header mobile. */
.mobile-menu .site-logo a img,
.mobile-menu .site-logo img.custom-logo {
    filter: brightness(0);
}

/* #1 — Classe .is-stuck ajoutée en JS après un léger défilement (functions.php).
   Le header du thème porte la classe site-header1/site-header2 (pas .site-header),
   d'où le sélecteur d'attribut. position:fixed en !important pour surcharger le
   position:absolute du mode transparent quelle que soit sa spécificité. */
header[class*="site-header"].is-stuck {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);
    z-index: 999;
    animation: hcHeaderDown 0.35s ease;
}
@keyframes hcHeaderDown {
    from { transform: translateY(-100%); }
    to   { transform: translateY(0); }
}

/* Compacter légèrement la barre une fois collée. */
header[class*="site-header"].is-stuck .menu-bar .main-navigation li a {
    padding-top: 24px;
    padding-bottom: 24px;
}

/* En mode transparent, liens et icônes sont blancs : les repasser en foncé
   quand le header devient opaque (fond blanc). */
header.transparent-menu.is-stuck .menu-bar .main-navigation li a,
header.transparent-menu.is-stuck .menu-bar .search-icon i {
    color: var(--title-color);
}

/* Le logo est blanc en mode transparent : l'assombrir sur le fond blanc collé. */
header[class*="site-header"].is-stuck .site-logo a img,
header[class*="site-header"].is-stuck .site-logo img.custom-logo {
    filter: brightness(0);
}

/* ===========================================================================
   Bouton hero « Découvrez Saint-Germain-des-Prés » (slider style1)
   L'animation "split" au survol utilise deux moitiés (::before à gauche,
   ::after à droite) qui se rejoignent pile au centre (50% / 50%). Un arrondi
   sous-pixel laisse apparaître le fond sombre du bouton sur ~1px : une ligne
   verticale visible au repos. On fait chevaucher les deux moitiés de 1px au
   centre (plus de couture), et on allonge le décalage au survol pour qu'elles
   dégagent entièrement le bouton (pas de résidu d'1px sur les bords).
   =========================================================================== */
.slider-section.style1 .slide .slide-content .button-set .button::before,
.slider-section.style1 .slide .slide-content .button-set .button::after {
    width: calc(50% + 1px);
}
.slider-section.style1 .slide .slide-content .button-set .button:hover::before {
    left: calc(-50% - 1px);
}
.slider-section.style1 .slide .slide-content .button-set .button:hover::after {
    right: calc(-50% - 1px);
}