/* ============================================================
   KOUKOU THEME - CSS Personnalisé
   Complète theme.json pour les styles non gérés par les blocs
   ============================================================ */

/* -----------------------------------------------
   NAVIGATION STICKY + OMBRE
   ----------------------------------------------- */
.wp-block-template-part.site-header,
header.site-header {
    position: sticky;
    top: 0;
    z-index: 1000;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    background-color: var(--wp--preset--color--white);
}

/* Lien actif dans la navigation */
.wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content {
    color: var(--wp--preset--color--pink) !important;
    border-bottom: 2px solid var(--wp--preset--color--pink);
}

/* Liens de navigation - underline au survol */
.wp-block-navigation-item__content {
    position: relative;
    padding-bottom: 4px;
    font-family: var(--wp--preset--font-family--raleway);
    font-weight: 500;
    transition: color 0.3s ease;
}

.wp-block-navigation-item__content::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: var(--wp--preset--color--pink);
    transition: width 0.3s ease;
}

.wp-block-navigation-item:hover > .wp-block-navigation-item__content::after {
    width: 100%;
}

/* -----------------------------------------------
   BOUTONS HOVER
   ----------------------------------------------- */
.wp-block-button__link {
    transition: all 0.3s ease !important;
}

.wp-block-button__link:hover {
    transform: translateY(-2px);
    filter: brightness(0.92);
}

/* -----------------------------------------------
   CARTES CONCEPT - HOVER
   ----------------------------------------------- */
.concept-card-wrapper:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12) !important;
}

/* -----------------------------------------------
   IMAGES - BORDER RADIUS GLOBAL
   ----------------------------------------------- */
.wp-block-image.rounded img {
    border-radius: 12px;
}

.hero-image img,
.ambiance-image img {
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
}

/* -----------------------------------------------
   FOOTER
   ----------------------------------------------- */
footer.site-footer a {
    transition: color 0.3s ease;
}

footer.site-footer a:hover {
    color: var(--wp--preset--color--white) !important;
}

/* -----------------------------------------------
   MENU PAGE - Items de menu
   ----------------------------------------------- */
.menu-item-block {
    background-color: var(--wp--preset--color--white);
    padding: 1rem;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.menu-item-block:hover {
    background-color: var(--wp--preset--color--pink-light);
}

/* -----------------------------------------------
   PARTENAIRES - Cards
   ----------------------------------------------- */
.partner-card-block {
    transition: all 0.3s ease;
}

.partner-card-block:hover {
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12) !important;
    transform: translateY(-3px);
}

/* -----------------------------------------------
   RESPONSIVE - Mobile
   ----------------------------------------------- */
@media (max-width: 768px) {
    /* Menu hamburger natif WordPress */
    .wp-block-navigation__responsive-container-open {
        display: flex !important;
    }

    .wp-block-navigation__responsive-container:not(.is-menu-open) {
        display: none;
    }

    .wp-block-navigation__responsive-container.is-menu-open {
        display: flex;
        flex-direction: column;
        background-color: var(--wp--preset--color--white);
        padding: 1rem;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    }

    /* Colonnes en une seule colonne sur mobile */
    .wp-block-columns.is-layout-flex {
        flex-direction: column;
    }

    .wp-block-column {
        flex-basis: 100% !important;
    }

    /* Boutons full width sur mobile */
    .wp-block-button__link {
        width: 100%;
        display: block;
        text-align: center;
    }
}

/* -----------------------------------------------
   IMPRESSION
   ----------------------------------------------- */
@media print {
    header.site-header,
    footer.site-footer,
    .wp-block-buttons {
        display: none !important;
    }
}