/*
Theme Name: Annecy Musique
Theme URI: https://annecymusique.fr
Author: Annecy Musique
Description: Thème bloc léger pour les cours, partitions et outils Annecy Musique.
Version: 0.3.4
Requires at least: 6.5
Requires PHP: 8.0
Text Domain: annecy-musique
*/

html { scroll-behavior: smooth; }

body { text-wrap: pretty; }

a { text-underline-offset: .18em; }

.am-eyebrow {
  font-size: .82rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.am-header-separator {
  font-size: .75rem;
  font-weight: 750;
  letter-spacing: .14em;
  margin: 0;
  text-align: center;
  text-transform: uppercase;
}

.am-card {
  height: 100%;
  box-shadow: 0 18px 45px rgba(7, 55, 64, .08);
  transition: transform .2s ease, box-shadow .2s ease;
}

.am-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 22px 55px rgba(7, 55, 64, .14);
}

.am-hero-art {
  min-height: 380px;
  overflow: hidden;
  position: relative;
}

.am-hero-art::before,
.am-hero-art::after {
  border: 2px solid rgba(244, 241, 234, .45);
  border-radius: 50%;
  content: "";
  position: absolute;
}

.am-hero-art::before {
  height: 360px;
  right: -90px;
  top: -100px;
  width: 360px;
}

.am-hero-art::after {
  bottom: -135px;
  height: 300px;
  left: -90px;
  width: 300px;
}

.am-note {
  font-family: Georgia, serif;
  font-size: clamp(9rem, 22vw, 16rem);
  line-height: .8;
  opacity: .93;
  position: relative;
  z-index: 1;
}

.am-fact strong { display: block; font-size: 1.08rem; }

.am-check-list {
  list-style: none;
  padding-left: 0;
}

.am-check-list li {
  margin-bottom: .7rem;
  padding-left: 1.7rem;
  position: relative;
}

.am-check-list li::before {
  color: #C98242;
  content: "✓";
  font-weight: 800;
  left: 0;
  position: absolute;
}

/* Enchaîne les sections sans bande vide entre elles. */
.wp-block-post-content > .alignfull { margin-block-start: 0; }

.wp-block-post-content > p:empty {
  display: none;
  margin: 0;
}

.wp-site-blocks > header + main,
.wp-site-blocks > main + footer {
  margin-block-start: 0;
}

/* Le séparateur n'est utile que lorsque le premier bandeau reprend le pétrole de l'en-tête. */
body:has(.wp-block-post-content > .alignfull:first-child:not(.has-petrole-background-color)) header .wp-block-group:has(> .am-header-separator) {
  display: none;
}

/* Le sous-menu du pied de page reste ouvert et lisible. */
footer .wp-block-navigation-item.has-child {
  align-items: flex-start;
  display: block;
}

footer .wp-block-navigation__submenu-icon { display: none; }

footer .wp-block-navigation .has-child > .wp-block-navigation__submenu-container {
  background: transparent !important;
  border: 0 !important;
  color: inherit !important;
  display: flex !important;
  gap: .45rem !important;
  height: auto !important;
  left: auto !important;
  min-width: 0 !important;
  opacity: 1 !important;
  overflow: visible !important;
  padding: .5rem 0 0 1rem !important;
  position: static !important;
  top: auto !important;
  visibility: visible !important;
  width: auto !important;
}

footer .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
  padding: 0 !important;
}

@media (max-width: 781px) {
  .am-hero-art { min-height: 250px; }
  .am-mobile-center { text-align: center; }
  .am-mobile-center .wp-block-buttons { justify-content: center; }

}