/*
Theme Name:        Christian Dréa
Template:          twentytwentyfive
Description:       Thème enfant de Twenty Twenty-Five pour Christian Dréa, compositeur néoclassique
Version:           1.0
Requires at least: 7.0
Requires PHP:      8.0
Text Domain:       christian-drea
*/

/* ============================================================
   NAVIGATION — états actif et hover
   ============================================================ */

.wp-block-navigation-item__content {
    color: rgba(232, 228, 220, 0.45) !important;
    transition: color 0.2s ease;
}

.wp-block-navigation-item__content:hover {
    color: #e8e4dc !important;
}

.current-menu-item .wp-block-navigation-item__content,
.current-page-ancestor .wp-block-navigation-item__content {
    color: #8ba8c4 !important;
}

/* ============================================================
   BOUTONS — hover via CSS (non gérable dans theme.json)
   ============================================================ */

/* Fill (style par défaut) */
.wp-block-button:not([class*="is-style"]) .wp-block-button__link:hover,
.wp-block-button.is-style-fill .wp-block-button__link:hover {
    background-color: #b8cfe0 !important;
    color: #0c0d10 !important;
    transition: background-color 0.25s ease, color 0.25s ease;
}

/* Outline */
.wp-block-button.is-style-outline .wp-block-button__link:hover {
    color: #8ba8c4 !important;
    border-color: #8ba8c4 !important;
    background-color: transparent !important;
    transition: color 0.25s ease, border-color 0.25s ease;
}

/* Ghost */
.wp-block-button.is-style-ghost .wp-block-button__link:hover {
    color: #e8e4dc !important;
    background-color: transparent !important;
    transition: color 0.25s ease;
}

/* Foncé */
.wp-block-button.is-style-fonce .wp-block-button__link:hover {
    background-color: #0c0d10 !important;
    border-color: #8ba8c4 !important;
    transition: background-color 0.25s ease, border-color 0.25s ease;
}

/* ============================================================
   NAVIGATION — états actif et hover
   ============================================================ */

/* État par défaut — muted */
.wp-block-navigation-item__content .wp-block-navigation-item__label {
    color: rgba(232, 228, 220, 0.45);
    transition: color 0.2s ease;
}

/* Hover — texte plein */
.wp-block-navigation-item__content:hover .wp-block-navigation-item__label {
    color: #e8e4dc !important;
}

/* Actif — accent bleu + suppression surlignage */
.wp-block-navigation-item__content[aria-current="page"] .wp-block-navigation-item__label,
.current-menu-item .wp-block-navigation-item__content .wp-block-navigation-item__label {
    color: #8ba8c4 !important;
    text-decoration: none !important;
    background-color: transparent !important;
}

/* Supprimer le surlignage sur le lien lui-même */
.wp-block-navigation-item__content[aria-current="page"],
.current-menu-item .wp-block-navigation-item__content {
    text-decoration: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

header.wp-block-template-part {
  position: sticky;
  top: 0;
  z-index: 100;
}

body:not(.home) header.wp-block-template-part {
  background: rgba(12, 13, 16, 0.82) !important;
  backdrop-filter: blur(6px);
}

body.home .wp-block-columns.alignfull:first-of-type {
  margin-top: -47px !important;
}

.wp-block-buttons .wp-block-button__link {
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}

.wp-block-media-text__media img {
    border-radius: 5px;
}

.wp-block-media-text>.wp-block-media-text__content {
    padding-left: 0px;
}

.wp-block-post-featured-image img{
    border-radius: 10px;
}