/* Avalon components
 * One source for tokens, components and responsive layouts.
 * Page copy stays in native WordPress blocks; no runtime content dependency.
 */

/* 01. Type and design tokens */
@font-face {
  font-family: "Alegreya SC";
  src: url("fonts/alegreya-sc-regular.woff") format("woff");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
body.av-site, .editor-styles-wrapper {
  /* Three brand colors: home hero, warm beige, footer green. */
  --av-green: #59664c;
  --av-beige: #fbf2e7;
  --av-dark-green: #30392c;
  --av-line: rgb(48 57 44 / 22%);
  --av-button-shape: 8px;
  --av-panel-radius: 8px;
  --av-max: 1240px;
  --av-hero-title-size: clamp(27px, 3.9vw, 50px);
  --av-photo-radius: 8px;
  --av-photo-symbol: url("/wp-content/uploads/2026/10/clipboard-22.webp");
  --av-photo-symbol-size: 80px;
  --av-photo-symbol-inset: 14px;
  --av-gutter: max(5%, calc((100% - var(--av-max)) / 2));
  --av-serif: "Alegreya SC", Georgia, serif;
  --av-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --theme-palette-color-1: var(--av-green);
  --theme-palette-color-2: var(--av-dark-green);
  --theme-palette-color-3: var(--av-green);
  --theme-palette-color-4: var(--av-dark-green);
  --theme-palette-color-5: var(--av-beige);
  --theme-palette-color-6: var(--av-beige);
  --theme-palette-color-7: var(--av-beige);
  --theme-palette-color-8: var(--av-beige);
  --theme-font-family: var(--av-body);
  --theme-headings-font-family: var(--av-serif);
  --theme-text-color: var(--av-dark-green);
  --theme-link-initial-color: var(--av-dark-green);
  --theme-link-hover-color: var(--av-dark-green);
  --theme-button-background-initial-color: var(--av-green);
  --theme-button-background-hover-color: var(--av-green);
  --theme-button-text-initial-color: var(--av-beige);
  --theme-button-text-hover-color: var(--av-beige);
  --theme-button-border-radius: var(--av-button-shape);
}
body.av-site { background: var(--av-beige); color: var(--av-dark-green); }
.av-page, .editor-styles-wrapper {
  font-family: var(--av-body);
  font-size: 16px;
  line-height: 1.75;
  color: var(--av-dark-green);
  background: var(--av-beige);
}
.av-page { overflow: clip; }
.av-page :where(h1,h2,h3,h4,p,figure,ul) { margin-top: 0; }
.av-page :where(h1,h2,h3,h4), .editor-styles-wrapper :where(h1,h2,h3,h4), body.av-site h1.page-title {
  font-family: var(--av-serif);
  font-weight: 400;
  color: inherit;
  text-wrap: balance;
}
.av-page :is(h2, h3, h4), .editor-styles-wrapper :is(h2, h3, h4) {
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.25;
}
.av-page h1, .editor-styles-wrapper h1, body.av-site h1.page-title { font-size: var(--av-hero-title-size); line-height: 1.12; letter-spacing: -.025em; margin-bottom: 21px; }
.av-page h2, .editor-styles-wrapper h2 { font-size: clamp(33px, 3.1vw, 46px); margin-bottom: 22px; }
.av-page h3, .editor-styles-wrapper h3 { font-size: 29px; margin-bottom: 15px; }
.av-page p { margin-bottom: 20px; text-wrap: pretty; }
.av-page a:not(.wp-block-button__link) { text-underline-offset: 5px; text-decoration-thickness: 1px; }
.av-page :focus-visible, .av-header :focus-visible, .av-footer :focus-visible {
  outline: 3px solid var(--av-dark-green);
  outline-offset: 5px;
}
.av-dark :focus-visible, .av-hero :focus-visible, .av-footer :focus-visible { outline-color: var(--av-beige); }
.av-page [id] { scroll-margin-top: 28px; }

/* 02. Brand and navigation */
.av-header {
  position: relative;
  z-index: 10;
  margin: auto;
  padding: 17px var(--av-gutter);
  min-height: 104px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  border-top: 3px solid var(--av-green);
  border-bottom: 1px solid var(--av-line);
  font-family: var(--av-body);
  color: var(--av-dark-green);
  background: var(--av-beige);
}
.av-brand { display: flex; gap: 12px; align-items: center; color: inherit; text-decoration: none; flex-shrink: 0; }
.av-wordmark { display: block; font: 24px/1.02 var(--av-serif); }
.av-wordmark > span { display: block; font-size: 28px; }
.av-wordmark > small { display: block; max-width: 190px; margin-top: 9px; font: 8px/1.4 var(--av-body); letter-spacing: .07em; text-transform: uppercase; }
.av-logo { width: 46px; height: 66px; object-fit: contain; }
.av-navigation { --av-nav-hover: var(--av-green); display: flex; align-items: center; gap: 24px; }
.av-menu, .av-socials, .av-legal, .av-footer-menu { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; gap: 20px; }
.av-menu { gap: clamp(18px, calc(18px + (100vw - 1100px) * .04), 34px); }
.av-menu a { display: inline-block; position: relative; padding: 17px 0; color: inherit; font: 400 18px/1.4 var(--av-serif); text-decoration: none; transition: color .18s; }
.av-menu > :is(.current-menu-item,.current-menu-ancestor) > a::after { content: ""; position: absolute; left: 50%; bottom: -5px; width: 28px; height: 24px; background: url("/wp-content/uploads/2026/10/clipboard-102.webp") center / contain no-repeat; transform: translateX(-50%); pointer-events: none; }
.av-menu .current-menu-item > a, .av-menu .current-menu-ancestor > a { color: var(--av-dark-green); }
.av-navigation .av-menu a:is(:hover,:focus-visible) { color: var(--av-nav-hover); }
/* Illustrated contact links share one calm, accessible presentation. */
.av-contact-link, .av-contact-envelope a { display: flex; align-items: center; justify-content: center; overflow: hidden; border-radius: var(--av-button-shape); background: transparent; text-decoration: none; transition: filter .18s ease; }
.av-contact-link { flex: 0 0 78px; width: 78px; height: 76px; gap: 10px; font-weight: 600; }
.av-contact-link img { display: block; flex: 0 0 120px; width: 120px; max-width: none; height: 120px; object-fit: contain; }
.av-contact-envelope { flex: 0 0 170px; width: 170px; margin: 0; }
.av-contact-envelope a { width: 170px; height: 150px; }
.av-contact-envelope img { display: block; flex: 0 0 210px; width: 210px; max-width: none; height: 210px; object-fit: contain; }
/* Inline contact illustrations share their dimensions across the site. */
:is(.av-page, .editor-styles-wrapper) .av-inline-envelope { display:inline-block; width:88px; vertical-align:middle; }
.av-contact-link:hover, .av-contact-envelope a:hover { filter: brightness(1.08); }
.av-menu-toggle { display: none; }
.av-menu > li { position: relative; margin: 0; }
.av-menu > .menu-item-has-children { display: flex; align-items: center; gap: 2px; }
.av-submenu-toggle { display: inline-grid; place-items: center; padding: 0; width: 26px; min-height: 44px; border: 0; border-radius: var(--av-button-shape); background: transparent; color: var(--av-dark-green); cursor: pointer; }
.av-submenu-toggle:hover, .av-submenu-toggle:focus-visible { color: var(--av-nav-hover); background: transparent; }
.av-chevron { display: block; width: 7px; height: 7px; margin-top: -4px; border-right: 1.25px solid currentColor; border-bottom: 1.25px solid currentColor; transform: rotate(45deg); transition: transform .18s; }
.av-submenu-toggle[aria-expanded="true"] .av-chevron { transform: translateY(3px) rotate(225deg); }
.av-menu .sub-menu { position: absolute; z-index: 20; top: calc(100% + 8px); left: -20px; width: min(322px, calc(100vw - 32px)); margin: 0; padding: 12px 20px; list-style: none; background: var(--av-beige); border: 1px solid var(--av-line); border-radius: var(--av-panel-radius); box-shadow: 0 12px 28px #30392c14; }
.av-menu .sub-menu::before { content: ""; position: absolute; left: 0; right: 0; top: -10px; height: 10px; }
/* Keep enhanced submenus closed before their controls are initialized. */
.av-js .av-menu .sub-menu, .av-menu .sub-menu[hidden] { display: none; }
.av-js .av-menu .av-submenu-toggle[aria-expanded="true"] + .sub-menu:not([hidden]) { display: block; }
.av-menu .sub-menu li { margin: 0; }
.av-menu .sub-menu a { display: flex; align-items: center; gap: 12px; padding: 12px 0; font: 400 17px/1.4 var(--av-serif); border-bottom: 1px solid rgb(48 57 44 / 15%); }
.av-menu .sub-menu li:last-child a { border-bottom: 0; }
.av-menu .sub-menu a::before { content: ""; width: 19px; height: 23px; flex: 0 0 19px; background: var(--av-nav-symbol) center / contain no-repeat; opacity: .85; }
.av-menu .sub-menu li:nth-child(1) { --av-nav-symbol: url("images/motif-cycles-encre.webp"); }
.av-menu .sub-menu li:nth-child(2) { --av-nav-symbol: url("images/motif-cercle-encre.webp"); }
.av-menu .sub-menu li:nth-child(3) { --av-nav-symbol: url("images/motif-arbre-encre.webp"); }
.av-menu .sub-menu li:nth-child(4) { --av-nav-symbol: url("images/motif-coupe-encre.webp"); }
.av-menu .sub-menu li:nth-child(5) { --av-nav-symbol: url("images/motif-voix-encre.webp"); }
.av-menu .sub-menu .current-menu-item > a { font-weight: 600; }
@media (min-width: 1101px) {
  html:not(.av-js) .av-menu .sub-menu { display: none; }
  html:not(.av-js) .av-menu .menu-item-has-children:is(:hover,:focus-within) > .sub-menu { display: block; }
}

/* 03. Section rhythm and shared typography */
.av-section { position: relative; padding: 68px var(--av-gutter); margin: 0 !important; }
.av-section :last-child { margin-bottom: 0; }
.av-eyebrow { font-family: var(--av-body); font-size: 10px !important; line-height: 1.6; text-transform: uppercase; letter-spacing: .19em; font-weight: 600; margin-bottom: 17px !important; }
.av-page :is(
  .av-agenda-links a small,
  .av-season-month > h4,
  .av-school-path > .av-small-label,
  .av-consultation-choice > h2 + p,
  .av-chorale-place > h3 + p
) {
  font: 400 1.125rem/1.25 "DecimosextoNFItalic", var(--av-serif);
  letter-spacing: normal;
  text-transform: none;
}
.av-lead { font-size: 17px; line-height: 1.8; max-width: 610px; }
.av-intro { max-width: 700px; margin: 0 auto 38px !important; text-align: center; }
.av-intro::before { content: ""; display: block; width: var(--av-intro-art-size,38px); height: var(--av-intro-art-size,38px); margin: 0 auto 16px; background: var(--av-intro-art,url("images/motif-triskel-encre.webp")) center / contain no-repeat; }
.av-dark .av-intro::before, .av-page-artiste .av-testimonials-section .av-intro::before { background-image: url("images/motif-triskel-clair.webp"); }
.av-intro p:not(.av-eyebrow) { color: var(--av-green); max-width: 580px; margin-left: auto; margin-right: auto; }
.av-page-chorale .av-intro::before { content: "ॐ"; width: 64px; height: 64px; background: none; color: var(--av-green); font: 58px/1.1 "Nirmala UI", "Noto Serif Devanagari", serif; }
.av-page-chorale .av-page-top h1 { font-size: clamp(34px,3.25vw,54px); line-height: 1.12; }
.av-chorale-places { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; margin: 30px 0; }
.av-chorale-place { margin: 0; padding-top: 20px; border-top: 1px solid rgb(251 242 231 / 40%); }
.av-chorale-place h3 { margin: 0 0 10px; font-size: 23px; }
.av-chorale-place p { margin: 0; }
.av-chorale-heading { max-width: 840px; margin: 0 auto 34px; text-align: center; }
.av-chorale-gallery { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; margin: 0; }
.av-chorale-gallery .wp-block-image { margin: 0; }
.av-chorale-gallery img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; border-radius: var(--av-photo-radius); }
.av-chorale-concert .av-video { max-width: var(--av-video-max,1000px); margin: 0 auto 24px; }
.av-chorale-concert > .av-text-link { text-align: center; }
.av-chorale-album { display: grid; grid-template-columns: 230px minmax(0,1fr); align-items: center; gap: 48px; max-width: 850px; margin: 0 auto; }
.av-chorale-album .av-recording-cover { margin: 0; }
.av-chorale-album-copy { margin: 0; }
@media (max-width: 760px) {
  .av-chorale-places { grid-template-columns: 1fr; gap: 18px; }
  .av-chorale-place { padding-top: 16px; }
  .av-chorale-gallery { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
  .av-chorale-album { grid-template-columns: 150px minmax(0,1fr); gap: 24px; }
}
@media (max-width: 480px) {
  .av-chorale-gallery, .av-chorale-album { grid-template-columns: 1fr; }
  .av-chorale-album .av-recording-cover { width: 190px; margin: 0 auto; }
  .av-chorale-album-copy { text-align: center; }
}
.av-heading-with-art { display: flex; align-items: center; justify-content: center; gap: 18px; margin: 0 auto 24px; }
.av-heading-with-art > h2 { min-width: 0; margin: 0; }
.av-heading-with-art > .av-ambience-art { flex: 0 0 100px; width: 100px; height: 100px; margin: 0; }
/* Accueil : illustrations choisies dans les cliparts de Floriane. */
.av-page-accueil .av-band p:nth-child(1) { --av-band-art:url("/wp-content/uploads/2026/10/clipboard-43.webp"); }
.av-page-accueil .av-band p:nth-child(2) { --av-band-art:url("/wp-content/uploads/2026/10/clipboard-44.webp"); }
.av-page-accueil .av-band p:nth-child(3) { --av-band-art:url("/wp-content/uploads/2026/10/clipboard-45.webp"); }
.av-page-accueil .av-intro { --av-intro-art-size:92px; }
.av-page-accueil .av-intro-paths { --av-intro-art:url("/wp-content/uploads/2026/10/clipboard-61.webp"); }
.av-intro-stories { --av-intro-art-size:92px; --av-intro-art:url("/wp-content/uploads/2026/10/clipboard-49.webp"); }
.av-page-accueil .av-about-eyebrow { --av-eyebrow-art:url("/wp-content/uploads/2026/10/clipboard-47.webp"); --av-eyebrow-art-size:100px; }
.av-page-accueil .av-section.av-center.av-beige { --av-closing-text-offset:175px; --av-closing-art:url("/wp-content/uploads/2026/10/clipboard-18.webp"); --av-closing-art-width:130px; --av-closing-art-height:140px; --av-closing-art-width-mobile:110px; --av-closing-art-height-mobile:115px; }
/* Accueil : séparations alignées sur le contenu. */
.av-page-accueil > .av-band + .av-section + .av-section.av-beige::before,
.av-page-accueil .av-section.av-center.av-beige::after,
.av-page-accueil .av-testimonials-section::before {
  content: "";
  position: absolute;
  left: var(--av-gutter);
  right: var(--av-gutter);
  height: 1px;
  background-color: var(--av-line);
  pointer-events: none;
}
.av-page-accueil .av-section.av-center.av-beige::after { bottom: 0; }
.av-page-accueil > .av-band + .av-section + .av-section.av-beige::before,
.av-page-accueil .av-testimonials-section::before { top: 0; }
.av-page-accueil .av-band + .av-section > .av-intro { max-width: 780px; }
.av-page-accueil .av-band + .av-section > .av-intro h2 { max-width: 700px; margin-left: auto; margin-right: auto; }
.av-page-accueil .av-band + .av-section > .av-intro p:not(.av-eyebrow) { max-width: 780px; }
.av-beige { background: var(--av-beige); }
.av-dark { background: var(--av-green); color: var(--av-beige); }
.av-dark a:not(.wp-block-button__link), .av-dark .av-intro p, .av-page-artiste .av-testimonials-section .av-intro p { color: inherit; }
.av-center { text-align: center; }
.av-center .wp-block-buttons { justify-content: center; }
.av-quote { font: 400 clamp(24px, 2.5vw, 34px)/1.5 "DecimosextoNFItalic", var(--av-serif); text-align: center; max-width: 760px; margin: auto !important; }
.av-emblem { margin: 0 auto 22px !important; }
.av-section-emblem { width:38px; margin:0 0 22px !important; }
.av-section-emblem img { display:block; width:100%; height:auto; }
.av-small-art img { width:72px; height:72px; object-fit:contain; }
.av-card > .wp-block-image.av-product-art img { width:100%; height:240px; object-fit:contain; }
.av-emblem img { width: 68px; height: 91px; object-fit: contain; display: block; margin: auto; }

/* 04. Shared action buttons. The nearest section supplies its color palette. */
:where(body.av-site, .editor-styles-wrapper, .av-beige, .av-course-facts:not(.av-ambience-green), .av-faq-item, .av-recording, .av-contact-panel, .av-closing) {
  --av-button-bg: #455e4b;
  --av-button-fg: var(--av-beige);
  --av-button-hover: #364b3c;
  --av-button-divider: rgb(251 242 231 / 42%);
  --av-button-icon-filter: none;
  --av-button-focus: var(--av-dark-green);
}
:where(.av-hero, .av-page-top, .av-dark, .av-ambience-green, .av-faq, .av-testimonials-section, .av-footer) {
  --av-button-bg: var(--av-beige);
  --av-button-fg: var(--av-dark-green);
  --av-button-hover: #fffaf3;
  --av-button-divider: rgb(48 57 44 / 32%);
  --av-button-icon-filter: brightness(.4) sepia(.3) hue-rotate(30deg);
  --av-button-focus: var(--av-beige);
}
.av-page .wp-block-buttons, .editor-styles-wrapper .wp-block-buttons { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 26px; }
:is(.av-page, .editor-styles-wrapper) :is(.wp-block-button__link:not([href^="mailto:"]), .wp-block-file__button, .av-submit, .av-player-load, .av-text-link:not(.av-agenda-links *) > a:not([href^="mailto:"]), .av-quiz-controls button, [data-quiz-restart]),
body.av-site :is(.woocommerce, .wc-block-cart, .wc-block-checkout) :is(a.button, button.button, .wc-block-components-button) {
  box-sizing: border-box;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: auto;
  min-height: 38px;
  max-width: 100%;
  padding: 7px 15px;
  border: 1px solid transparent;
  border-radius: 999px;
  background: var(--av-button-bg);
  color: var(--av-button-fg);
  font: 500 12px/1.5 var(--av-body);
  letter-spacing: .015em;
  text-align: center;
  text-decoration: none;
  white-space: normal;
  overflow-wrap: anywhere;
  cursor: pointer;
  transition: background-color .2s;
}
:is(.av-page, .editor-styles-wrapper) :is(.wp-block-button__link:not([href^="mailto:"]), .wp-block-file__button, .av-submit, .av-player-load, .av-text-link:not(.av-agenda-links *) > a:not([href^="mailto:"]), .av-quiz-controls button, [data-quiz-restart])::after,
body.av-site :is(.woocommerce, .wc-block-cart, .wc-block-checkout) :is(a.button, button.button, .wc-block-components-button)::after {
  content: "";
  box-sizing: content-box;
  display: block;
  flex: 0 0 22px;
  width: 22px;
  height: 22px;
  padding-inline-start: 10px;
  border-inline-start: 1px solid var(--av-button-divider);
  background: var(--av-photo-symbol) right 2px center / 20px 20px no-repeat;
  filter: var(--av-button-icon-filter);
  transition: background-position .2s;
}
:is(.av-page, .editor-styles-wrapper) :is(.wp-block-button__link:not([href^="mailto:"]), .wp-block-file__button, .av-submit, .av-player-load, .av-text-link:not(.av-agenda-links *) > a:not([href^="mailto:"]), .av-quiz-controls button, [data-quiz-restart]):is(:hover, :focus-visible, :active):not(:disabled),
body.av-site :is(.woocommerce, .wc-block-cart, .wc-block-checkout) :is(a.button, button.button, .wc-block-components-button):is(:hover, :focus-visible, :active):not(:disabled) {
  background-color: var(--av-button-hover);
  color: var(--av-button-fg);
  text-decoration: none;
}
:is(.av-page, .editor-styles-wrapper) :is(.wp-block-button__link:not([href^="mailto:"]), .wp-block-file__button, .av-submit, .av-player-load, .av-text-link:not(.av-agenda-links *) > a:not([href^="mailto:"]), .av-quiz-controls button, [data-quiz-restart]):is(:hover, :focus-visible, :active):not(:disabled)::after,
body.av-site :is(.woocommerce, .wc-block-cart, .wc-block-checkout) :is(a.button, button.button, .wc-block-components-button):is(:hover, :focus-visible, :active):not(:disabled)::after { background-position: right 0 center; }
:is(.av-page, .editor-styles-wrapper) :is(.wp-block-button__link:not([href^="mailto:"]), .wp-block-file__button, .av-submit, .av-player-load, .av-text-link:not(.av-agenda-links *) > a:not([href^="mailto:"]), .av-quiz-controls button, [data-quiz-restart]):focus-visible,
body.av-site :is(.woocommerce, .wc-block-cart, .wc-block-checkout) :is(a.button, button.button, .wc-block-components-button):focus-visible { outline: 2px solid var(--av-button-focus); outline-offset: 4px; }
:is(.av-page, .editor-styles-wrapper) :is(.wp-block-button__link:not([href^="mailto:"]), .wp-block-file__button, .av-submit, .av-player-load, .av-text-link:not(.av-agenda-links *) > a:not([href^="mailto:"]), .av-quiz-controls button, [data-quiz-restart]):disabled,
body.av-site :is(.woocommerce, .wc-block-cart, .wc-block-checkout) :is(a.button, button.button, .wc-block-components-button):disabled { opacity: .45; cursor: default; }
/* Native blocks may use the outline preset while sharing this button design. */
:is(.av-page, .editor-styles-wrapper) .wp-block-buttons .wp-block-button.is-style-outline > .wp-block-button__link:not([href^="mailto:"]) {
  background: var(--av-button-bg);
  color: var(--av-button-fg);
  border: 1px solid transparent;
}
.av-text-link { font-size: 13px !important; letter-spacing: .015em; margin-top: 22px; }
/* Email actions retain the illustrated envelope and a simple text label. */
:is(.av-page, .editor-styles-wrapper) .av-text-link > a[href^="mailto:"] {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  max-width: 100%;
  min-height: 44px;
  padding: 5px 0;
  color: inherit;
  font-weight: 500;
  overflow-wrap: anywhere;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 5px;
}
:is(.av-page, .editor-styles-wrapper) .av-text-link > a[href^="mailto:"]::after {
  content: "";
  flex: 0 0 52px;
  width: 52px;
  height: 52px;
  background: url("/wp-content/uploads/2026/10/clipboard-5.webp") center / contain no-repeat;
}
:is(.av-page, .editor-styles-wrapper) .av-text-link > a[href^="mailto:"]:is(:hover, :focus-visible) { text-decoration-thickness: 2px; }
:is(.av-page, .editor-styles-wrapper) .av-text-link > a[href^="mailto:"]:focus-visible { outline: 1px solid currentColor; outline-offset: 4px; border-radius: 2px; }
/* Existing leaf spans are decorative; the shared pseudo-element supplies the emblem. */
:is(.av-page, .editor-styles-wrapper) .av-text-link:not(.av-agenda-links *) > a > span[aria-hidden="true"] { display: none; }
@media (prefers-reduced-motion: reduce) {
  :is(.av-page, .editor-styles-wrapper) :is(.wp-block-button__link:not([href^="mailto:"]), .wp-block-file__button, .av-submit, .av-player-load, .av-text-link:not(.av-agenda-links *) > a:not([href^="mailto:"]), .av-quiz-controls button, [data-quiz-restart])::after,
body.av-site :is(.woocommerce, .wc-block-cart, .wc-block-checkout) :is(a.button, button.button, .wc-block-components-button)::after { transition: none; }
}

/* 05. Photographies : fondu des bannières et symbole fourni par Floriane. */
.av-hero, .av-page-top {
  --av-photo-symbol-size: 144px;
  background: var(--av-green);
  color: var(--av-beige);
  --av-photo-fade: linear-gradient(90deg, transparent, #000 24%);
}
.av-hero-image img, .av-page-top::after { -webkit-mask-image: var(--av-photo-fade); mask-image: var(--av-photo-fade); }

/* Home: native image and text remain separate, editable blocks. */
.av-hero { --av-hero-title-size: clamp(42px, 4.7vw, 66px); display: grid; grid-template-columns: 1fr 1.05fr; position: relative; isolation: isolate; min-height: 610px; padding: 0; margin: 0 !important; }
.av-hero-copy { position: relative; z-index: 1; padding: 55px 8% 57px max(10%, calc((100vw - var(--av-max)) / 2)); align-self: center; }
/* The short line above each page title uses Floriane’s existing typeface. */
:is(.av-hero, .av-page-top) .av-eyebrow {
  font-family: "DecimosextoNFItalic", var(--av-serif);
  font-size: clamp(1.25rem, 1.1875rem + .25vw, 1.375rem) !important;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: normal;
  text-transform: none;
}
.av-hero .av-lead { font: 400 17px/1.75 var(--av-body); max-width: 520px; margin-bottom: 0; }
.av-hero-image { position: relative; height: 100%; margin: 0 !important; min-height: 610px; }

.av-hero-image img { display: block; position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 52% center; }
.av-band { display: flex; align-items: center; justify-content: center; gap: 44px; padding: 21px 5%; border-bottom: 1px solid var(--av-line); color: var(--av-green); font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }
.av-band p { display:flex; align-items:center; gap:12px; margin:0 !important; }
.av-band p::before { content:""; display:block; flex:0 0 42px; width:42px; height:46px; background:var(--av-band-art,url("images/motif-triskel-encre.webp")) center / contain no-repeat; }

/* 06. Inner introductions: a symbol for each branch, generous image and clear title */
.av-page-top {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .86fr); column-gap: 8%;
  align-content: center; min-height: 440px; padding-top: 48px; padding-bottom: 48px;
  isolation: isolate;
}
.av-page-top > * { grid-column: 1; position: relative; z-index: 1; }
.av-page-top h1 { max-width: 660px; }
.av-page-top .av-lead { max-width: 550px; font-size: 15px; line-height: 1.85; margin: 0; }
.av-page-chorale .av-page-top .av-eyebrow::before { content: "ॐ"; background: none; color: var(--av-beige); font: 58px/1.1 "Nirmala UI", "Noto Serif Devanagari", serif; text-transform: none; letter-spacing: 0; }
.av-page-top .av-eyebrow { display: block; color: var(--av-beige); }
.av-page-top .av-eyebrow::before { content: ""; display: block; width:var(--av-page-symbol-size,65px); height:var(--av-page-symbol-size,65px); margin-bottom:20px; background:var(--av-page-symbol, url("images/triskel-feuillage.webp")) center / contain no-repeat; }
.av-page-consultations .av-page-top .av-eyebrow::before { background: var(--av-beige); -webkit-mask: var(--av-page-symbol) center / contain no-repeat; mask: var(--av-page-symbol) center / contain no-repeat; }
.av-page .av-breadcrumb { display: none; }
.av-page-top::after {
  content:""; position:absolute; box-sizing:border-box; pointer-events:none;
  inset:0 0 0 57%; margin:0;
  background-color:var(--av-beige);
  background-image:var(--av-photo-symbol),var(--av-page-art,url("images/rose.webp"));
  background-size:var(--av-photo-symbol-size) var(--av-photo-symbol-size),cover;
  background-position:right var(--av-photo-symbol-inset) bottom var(--av-photo-symbol-inset),var(--av-page-art-position,center);
  background-repeat:no-repeat;
}
.av-page-top + .av-section { padding-top: 58px; }

/* 07. Illustrated activity cards, portraits and section transitions */
.av-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 34px; margin-top: 36px; }
.av-grid-two { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px; }
.av-card { --av-card-symbol: url("images/eclat.webp"); margin: 0; display: flex; flex-direction: column; min-width: 0; position: relative; padding-bottom: 8px; border-bottom: 1px solid var(--av-line); }
.av-card.has-background { border-radius: var(--av-panel-radius); }
.av-card > .wp-block-image { margin: 0 0 22px; overflow: hidden; border-radius: var(--av-photo-radius); }
.av-card > .wp-block-image img { display: block; width: 100%; height: 290px; object-fit: cover; object-position: center 28%; }
.av-card:nth-child(2) > .wp-block-image img { object-position: center top; }
.av-card h3 { font-size: 30px; margin-bottom: 13px; }
/* Miniatures natives des collaborations artistiques. */
.av-card.av-collaboration { display: grid; grid-template-columns: 130px minmax(0,1fr); gap: 0 22px; align-content: start; }
.av-card.av-collaboration > .wp-block-image { grid-column: 1; grid-row: 1 / 4; margin: 0; }
.av-card.av-collaboration > .wp-block-image img { width: 130px; height: 130px; object-fit: contain; }
.av-collaboration > :is(h3,p) { grid-column: 2; }
.av-card.av-collaboration h3 { font-size: 27px; }
@media(max-width:500px) {
 .av-card.av-collaboration { grid-template-columns: 90px minmax(0,1fr); gap: 0 16px; }
 .av-card.av-collaboration > .wp-block-image img { width: 90px; height: 110px; }
 .av-card.av-collaboration h3 { font-size: 24px; }
}

.av-card p { font-size: 14px; line-height: 1.8; }
.av-card .av-eyebrow { position: relative; display: flex; align-items: center; min-height: 43px; padding-left: 55px; font-size: 9px !important; color: var(--av-green); margin-bottom: 16px !important; }
.av-card .av-eyebrow::before { content: ""; position: absolute; left: 0; top: 0; width: 41px; height: 43px; background: var(--av-card-symbol) center / contain no-repeat; }
.av-card .av-text-link { margin-top: auto; padding-top: 10px; }
.av-page-boutique .av-card:nth-child(3) { --av-card-symbol: url("images/eclat.webp"); }
.av-page-boutique .av-card:nth-child(1) { --av-card-symbol: url("images/guitare-trait.webp"); }
.av-split { display: grid; grid-template-columns: .86fr 1.14fr; gap: 9%; align-items: center; }
.av-split > div { margin: 0; max-width: 600px; }
.av-portrait { position:relative; padding:0; margin:0 !important; background:var(--av-beige); }
/* Photographs stay inside their frames. The emblem and the caption stay in place. */
.av-portrait, .av-practice-gallery .wp-block-image { overflow: hidden; border-radius: var(--av-photo-radius); }

/* Image motion is interaction-only. No entrance or scroll animation. */
@media (hover: hover) and (pointer: fine) {
  :is(main, header, footer) img:not(:where(.av-hero, .av-hero *, .av-page-top, .av-page-top *, .av-hero-image, .av-hero-image *)):hover, .av-card:hover > .wp-block-image img:not(:where(.av-hero, .av-hero *, .av-page-top, .av-page-top *, .av-hero-image, .av-hero-image *)), main :is(.av-branch-emblem):not(:where(.av-hero, .av-hero *, .av-page-top, .av-page-top *, .av-hero-image, .av-hero-image *)):hover, main :is(.av-intro, .av-card .av-eyebrow, .av-split .av-eyebrow, .av-band p, .av-closing, .av-section.av-center.av-beige, .av-season-heart):not(:where(.av-hero, .av-hero *, .av-page-top, .av-page-top *, .av-hero-image, .av-hero-image *)):hover::before, :is(main .av-newsletter, .av-page-consultations .av-detail h2, .av-page-les-pretresses-davalon .av-course-copy):not(:where(.av-hero, .av-hero *, .av-page-top, .av-page-top *, .av-hero-image, .av-hero-image *)):hover::after {
    scale: 1.025;
  }
}
a:focus-visible > img:not(:where(.av-hero, .av-hero *, .av-page-top, .av-page-top *, .av-hero-image, .av-hero-image *)) { scale: 1.025; }
@media (prefers-reduced-motion: no-preference) {
  :is(main, header, footer) img:not(:where(.av-hero, .av-hero *, .av-page-top, .av-page-top *, .av-hero-image, .av-hero-image *)), main :is(.av-branch-emblem):not(:where(.av-hero, .av-hero *, .av-page-top, .av-page-top *, .av-hero-image, .av-hero-image *)), main :is(.av-intro, .av-card .av-eyebrow, .av-split .av-eyebrow, .av-band p, .av-closing, .av-section.av-center.av-beige, .av-season-heart):not(:where(.av-hero, .av-hero *, .av-page-top, .av-page-top *, .av-hero-image, .av-hero-image *))::before, :is(main .av-newsletter, .av-page-consultations .av-detail h2, .av-page-les-pretresses-davalon .av-course-copy):not(:where(.av-hero, .av-hero *, .av-page-top, .av-page-top *, .av-hero-image, .av-hero-image *))::after {
    transition: scale .5s ease;
  }
}
.av-portrait img { display: block; width: 100%; height: 480px; object-fit: cover; object-position: center 35%; border-radius: var(--av-photo-radius); }
.av-practice-gallery > .wp-block-image, .av-page-accueil .av-grid > .av-card > .wp-block-image { position:relative; }
.av-hero-image::after, .av-portrait::after, .av-practice-gallery > .wp-block-image::after, .av-page-accueil .av-grid > .av-card > .wp-block-image::after, .av-video-preview::after {
  content:""; position:absolute; z-index:3; pointer-events:none;
  right:var(--av-photo-symbol-inset); bottom:var(--av-photo-symbol-inset);
  width:var(--av-photo-symbol-size); height:var(--av-photo-symbol-size);
  background:var(--av-photo-symbol) center / contain no-repeat;
  filter:drop-shadow(0 1px 2px rgb(0 0 0 / 25%));
}
@media(max-width:700px) {
  .av-page { --av-photo-symbol-size:60px; --av-photo-symbol-inset:10px; }
  .av-hero, .av-page-top { --av-photo-symbol-size:120px; }
}
.av-split:where(:not(:has(#voyage-irlande))) .av-eyebrow::before { content:""; display:block; width:var(--av-eyebrow-art-size,46px); height:var(--av-eyebrow-art-size,46px); background:var(--av-eyebrow-art,url("images/eclat.webp")) center / contain no-repeat; margin-bottom:19px; }
.av-page-artiste .av-split { --av-eyebrow-art: url("images/motif-triskel-encre.webp"); --av-eyebrow-art-size:38px; }
.av-beige:has(.av-split) { background: var(--av-beige); }
.av-section.av-dark:not(.av-school-section) { background-image: url("images/texture.webp"); background-blend-mode: multiply; }

.av-irlande-intro { max-width: 900px; margin: 0 auto; }
.av-irlande-gallery { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 26px; margin-top: 30px; }
.av-irlande-gallery .av-portrait img { height: auto; aspect-ratio: 4 / 3; }
@media (max-width: 700px) {
  .av-irlande-gallery { grid-template-columns: 1fr; gap: 20px; }
}

/* Editorial groups: preserve the palette and vary the reading rhythm. */
.av-section-paper { background: var(--av-beige); }
.av-section-sage { background: var(--av-beige); }
.av-section-sage > .av-detail { border-top: 0; padding-top: 8px; padding-bottom: 0; }
.av-page-consultations .av-consultation-section { padding-top: 35px; padding-bottom: 35px; }
.av-page-consultations .av-consultation-section > .av-detail { border-top: 0; padding: 12px 0; }
.av-page-consultations .av-consultation-section + .av-consultation-section > .av-detail { border-top:1px solid rgb(89 102 76 / 20%); padding-top:34px; }
.av-video { position: relative; aspect-ratio: 16 / 9; overflow: hidden; background: var(--av-green); border-radius: var(--av-photo-radius); }
.av-video-portrait { --av-video-max: 380px; aspect-ratio: 9 / 16; max-width: var(--av-video-max); margin-left: auto; margin-right: auto; }
.av-video-preview { display: block; position: relative; width: 100%; height: 100%; color: var(--av-beige); }
.av-video-preview img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 35%; }
.av-video-caption { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; background: rgb(48 57 44 / 55%); color: var(--av-beige); font-size: 17px; }
.av-video-play { display: grid; place-items: center; width: 64px; height: 64px; padding-left: 4px; border: 1px solid currentColor; border-radius: 50%; font-size: 23px; transition: background .2s; }
.av-video-caption small { font-size: 12px; }
.av-video-preview:hover .av-video-play, .av-video-preview:focus-visible .av-video-play { background: rgb(251 242 231 / 20%); }
.av-video-preview:focus-visible { outline: 3px solid var(--av-beige); outline-offset: -6px; }
.av-video iframe { display: block; border: 0; width: 100%; height: 100%; }
@media (max-width: 700px) {
  .av-page-consultations .av-consultation-section { padding-top: 28px; padding-bottom: 28px; }
  .av-video-caption { font-size: 15px; gap: 9px; }
  .av-video-play { width: 48px; height: 48px; font-size: 18px; }
}

/* Accueil : cartes sans bordure et pictogrammes de Floriane. */
.av-page-accueil .av-grid > .av-card { border-bottom: 0; }
.av-page-accueil .av-grid > .av-card:nth-child(1) { --av-card-symbol: url("/wp-content/uploads/2026/10/clipboard-59.webp"); }
.av-page-accueil .av-grid > .av-card:nth-child(2) { --av-card-symbol: url("/wp-content/uploads/2026/10/avalon-guitare-botanique.webp"); }
.av-page-accueil .av-grid > .av-card:nth-child(3) { --av-card-symbol: url("/wp-content/uploads/2026/10/soin-chamanique-sac.webp"); }
.av-page-accueil .av-grid > .av-card .av-eyebrow { min-height: 78px; padding-left: 100px; margin-bottom: 14px !important; }
.av-page-accueil .av-grid > .av-card .av-eyebrow::before { width: 90px; height: 76px; top: 50%; transform: translateY(-50%); }

/* Accueil : la vocation de l’École devient le titre visuel principal. */
.av-page-accueil .av-school-layout .av-quote { font-family: var(--av-serif); font-style: normal; font-weight: 400; font-size: clamp(30px, 3vw, 40px); line-height: 1.22; letter-spacing: -.015em; }
.av-page-accueil .av-school-layout h2 { font-family: "DecimosextoNFItalic", var(--av-serif); font-weight: 400; font-size: clamp(26px, 2.15vw, 32px); line-height: 1.42; letter-spacing: 0; }
@media (max-width: 700px) {
  .av-page-accueil .av-grid > .av-card .av-eyebrow { min-height: 66px; padding-left: 86px; }
  .av-page-accueil .av-grid > .av-card .av-eyebrow::before { width: 76px; height: 64px; }
  .av-page-accueil .av-school-layout .av-quote { font-size: clamp(28px, 6vw, 34px); }
  .av-page-accueil .av-school-layout h2 { font-size: clamp(25px, 6vw, 29px); }
}

/* 08. School: five equally visible branches, original client photographs */
.av-school-section { padding-block: clamp(36px, 4vw, 52px); }
.av-school-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 9%; align-items: center; }
.av-school-layout > :first-child { margin: 0; }
.av-school-illustration { margin: 0 !important; text-align: center; }
.av-page-accueil .av-school-illustration { --av-school-illustration-width: 315px; --av-school-illustration-width-mobile: 230px; }
.av-school-illustration img { width: 100%; max-width: var(--av-school-illustration-width, 370px); height: auto; display: block; margin: 0 auto; }
.av-school-layout h2 { font-size: clamp(32px, 3vw, 43px); }
.av-school-layout > div:last-child > p { font-size: 14px; max-width: 570px; }

/* Illustrated branch list. */
.av-branch-list { display: grid; gap: 0; margin-top: 26px; }
.av-branch-row { display: grid; grid-template-columns: 110px minmax(0,1fr); gap: 20px; align-items: center; margin: 0; padding: 16px 0; border-bottom: 1px solid var(--av-line); }
.av-branch-row:last-child { border-bottom: 0; }
.av-branch-row > div { min-width: 0; margin: 0; }
.av-branch-row h3 { font-size: 28px; margin: 3px 0 8px; }
.av-branch-row h3 a { text-decoration: none; }
.av-branch-row h3 a:hover { text-decoration: underline; }
.av-branch-row p { font-size: 14px; margin: 0; }
.av-dark .av-branch-row { border-color: #fbf2e72e; }

/* Course introductions and practical information use native WordPress groups. */
.av-course-intro-separated { border-top:1px solid #c9c9bf; padding-top:56px; }
.av-course-intro h2 { font-size: clamp(30px, 2.5vw, 36px); max-width: 470px; }
.av-course-section { padding-top: 20px; }
.av-course-layout { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, .85fr); gap: clamp(40px, 6vw, 88px); align-items: start; }
.av-ambience-green .av-course-copy { border-color: rgb(251 242 231 / 35%); }
.av-course-copy { margin: 0; padding-top: 26px; border-top: 1px solid var(--av-line); }
.av-course-copy > .av-eyebrow { color: var(--av-dark-green); margin-bottom: 16px !important; }
.av-course-copy > h2, .av-course-copy > .av-heading-with-art > h2 { font-size: clamp(28px, 2.3vw, 32px); max-width: 500px; }
.av-course-copy > .av-heading-with-art > h2 { line-height: 1.18; }
.av-course-copy > h2 { margin-bottom: 22px; }
.av-course-copy > p:not(.av-eyebrow) { max-width: 610px; font-size: 15px; line-height: 1.9; }
.av-course-copy > .av-heading-with-art { justify-content: flex-start; margin-bottom: 22px; }
.av-course-facts { margin: 0; padding: 30px 32px; background: var(--av-beige); color: var(--av-dark-green); border: 1px solid var(--av-line); border-radius: var(--av-panel-radius); }
.av-course-facts > h2 { font-size: 26px; margin-bottom: 22px; }
.av-course-facts > .av-course-fact { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid rgb(48 57 44 / 22%); font-size: 13px; line-height: 1.7; }
.av-course-fact strong { display: block; margin-bottom: 3px; color: var(--av-green); font-size: 14px; }
/* Programme panels share the site palette; the retreat includes its video. */
.av-course-panel { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr); align-items:center; gap:clamp(28px,4vw,56px); padding:clamp(24px,4vw,48px); border-radius:var(--av-panel-radius); }
.av-course-panel > *, .av-course-summary { min-width:0; margin:0; }
.av-course-panel .av-course-copy { padding-top:0; border:0; }
.av-course-panel .av-course-copy > .av-eyebrow { color:inherit; }
.av-course-panel .av-course-copy > p:not(.av-eyebrow) { max-width:none; }
.av-course-panel .av-course-facts { border:0; }
.av-course-panel-media { grid-template-columns:minmax(0,1fr) minmax(230px,300px); }
.av-course-panel .av-video { width:100%; margin:0; }
.av-course-panel .av-video video { display:block; width:100%; height:100%; }
.av-course-panel .av-course-facts-inline { display:grid; grid-template-columns:1fr .65fr 1.25fr; gap:16px 22px; margin-top:30px; padding:24px; }
.av-course-facts-inline > h2 { grid-column:1 / -1; margin:0; }
.av-course-panel .av-course-facts-inline > .av-course-fact { margin:0; padding:14px 0 0; border-bottom:0; border-top:1px solid rgb(48 57 44 / 22%); }
@media (max-width:1000px) {
  .av-course-panel, .av-course-panel-media { grid-template-columns:1fr; gap:30px; }
  .av-course-panel .av-video { max-width:300px; margin-inline:auto; }
}
@media (max-width:600px) {
  .av-course-panel .av-course-facts-inline { grid-template-columns:1fr; padding:22px; }
  .av-course-panel .av-course-copy > h2 { font-size:30px; }
  .av-course-panel .av-course-facts > h2 { font-size:27px; }
}
.av-page-les-pretresses-davalon .av-course-copy { position: relative; padding-right: 92px; }
.av-page-les-pretresses-davalon .av-course-copy::after { content: ""; position: absolute; top: 30px; right: 4px; width: 68px; height: 85px; background: var(--av-dark-green); mask: url("images/pretresses-femme.webp") center / contain no-repeat; opacity: .8; pointer-events: none; }

/* 09. Editorial detail rows and consultations */
.av-detail { margin: 0; padding: 28px 0; border-top: 1px solid var(--av-line); }
.av-detail p { max-width: 680px; }
.av-detail .av-text-link { margin-top: 16px; }
.av-section > .av-detail { display: grid; grid-template-columns: .65fr 1fr; column-gap: 8%; row-gap: 0; padding: 34px 0; }
.av-section > .av-detail > :is(h2,h3) { grid-column: 1; grid-row: 1 / span 5; max-width: 350px; font-size: 34px; }
.av-section > .av-detail > p { grid-column: 2; }
.av-consultation-choices { padding-top: 42px; padding-bottom: 58px; }
.av-consultation-paths { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 28px; margin: 0; }
.av-consultation-choice { position: relative; text-align: center; padding: 30px 22px; border: 1px solid var(--av-line); border-radius: var(--av-panel-radius); margin: 0; transition: border-color .2s; }
.av-consultation-choice:has(a:hover), .av-consultation-choice:focus-within { border-color: var(--av-green); }
.av-consultation-paths .av-clipart { width: 136px; margin: 0 auto 24px !important; }
.av-consultation-paths .av-clipart img { display: block; width: 100%; height: 110px; object-fit: contain; }

.av-page .av-consultation-paths h2 { font-size: clamp(24px, 3.4vw, 30px); margin-bottom: 14px; }
.av-consultation-paths h2 a { color: inherit; text-decoration: none; }
.av-consultation-paths h2 a::after { content: ""; position: absolute; inset: 0; border-radius: var(--av-panel-radius); }
.av-consultation-paths h2 a:focus-visible { outline: none; }
.av-consultation-choice:has(a:focus-visible) { outline: 2px solid var(--av-green); outline-offset: 4px; }
.av-consultation-paths p { color: var(--av-green); margin: 0; }
.av-consultation-location { max-width: 750px; margin: 0 auto 28px !important; font-size: 14px; color: var(--av-green); text-align: center; }
.av-page-consultations .av-section > .av-detail { margin: 0; padding: 34px 0 32px; }
.av-page-consultations .av-detail > .av-eyebrow { grid-column: 1; grid-row: 1; margin-bottom: 16px !important; font-size: 9px !important; color: var(--av-green); }
.av-page-consultations .av-detail > h2 { grid-row: 2 / span 4; font-size: 37px; }
.av-page-consultations .av-detail > p:not(.av-eyebrow) { grid-column: 2; }
.av-page-consultations .av-detail > p:nth-of-type(2) { grid-row: 1 / span 2; }
.av-page-consultations .av-detail > .av-text-link { grid-row: auto; }
.av-page-les-savoirs-davalon .av-section:has(> .av-detail) { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; }
.av-page-les-savoirs-davalon .av-section > .av-detail { display: block; border-top: 2px solid var(--av-green); padding-top: 27px; }
.av-note { border-left: 2px solid var(--av-dark-green); padding-left: 18px; font-size: 13px; color: var(--av-green); margin-top: 25px; }

/* Consultations : symboles de Floriane sous les titres des trois soins. */
.av-page-consultations .av-detail h2::after { content:""; display:block; width:128px; height:128px; margin:18px 0 0; background-repeat:no-repeat; background-size:contain; background-position:left top; }
.av-page-consultations #soin-chamanique h2::after { background-image:url("/wp-content/uploads/2026/10/soin-chamanique-sac.webp"); }
.av-page-consultations #tarot h2::after { background-image:url("/wp-content/uploads/2026/10/clipboard-10.webp"); }
.av-page-consultations #lieu h2::after { background-image:url("/wp-content/uploads/2026/10/clipboard-4.webp"); }
@media(max-width:700px) { .av-page-consultations .av-detail h2::after { width:90px; height:90px; margin-top:12px; } }

/* Agenda : quatre rubriques et liens éditables dans les blocs natifs. */
.av-agenda-rows { margin-top: 30px; }
.av-agenda-row { display: grid; grid-template-columns: minmax(230px,.8fr) minmax(0,2fr); gap: 34px; align-items: center; margin: 0 !important; padding: 22px 0; border-top: 1px solid var(--av-line); }
.av-agenda-category { margin: 0 !important; }
.av-agenda-category h3 { margin: 0 0 9px; font-size: 29px; }
.av-agenda-category p { max-width: 310px; margin: 0; font-size: 14px; line-height: 1.65; }
.av-agenda-links { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, max(9rem, 23%)), 1fr)); gap: 12px; margin: 0 !important; min-width: 0; }
.av-agenda-links .av-text-link { min-width: 0; margin: 0; }
.av-agenda-links a { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; width: 100%; height: 100%; min-height: 108px; padding: 12px; text-align: center; border: 1px solid var(--av-green); border-radius: var(--av-panel-radius); background: var(--av-green); color: var(--av-beige); text-decoration: none; }
.av-agenda-links a strong { font-size: 15px; font-weight: 600; line-height: 1.3; }
.av-agenda-links a small {
  display: block;
  margin-inline: -0.5rem;
  color: var(--av-beige);
}
.av-agenda-links a span { display: block; flex: 0 0 20px; width: 20px; height: 20px; margin: 0; font-size: 0; line-height: 0; background: var(--av-photo-symbol) center / contain no-repeat; transition: transform .2s; }
.av-agenda-links a:is(:hover, :focus-visible) span { transform: translate(3px, -1px); }
.av-agenda-links a:is(:hover,:focus-visible) { border-color: var(--av-dark-green); background: var(--av-dark-green); color: var(--av-beige); }
@media(max-width:900px) {
  .av-agenda-row { grid-template-columns: 1fr; gap: 18px; }
  .av-agenda-category p { max-width: 560px; }
}
@media(max-width:500px) {
  .av-agenda-category h3 { font-size: 28px; }
}

/* Annual calendar: editable WordPress blocks, circular desktop and seasonal mobile layouts. */
.av-season-calendar { border-top: 1px solid var(--av-line); border-bottom: 1px solid var(--av-line); text-align: center; }
.av-calendar-intro { max-width: 740px; margin: 0 auto 42px !important; }
.av-season-wheel { position: relative; isolation: isolate; width: 64%; max-width: 680px; aspect-ratio: 1; margin: 0 auto !important; }
.av-season-wheel::before { content: ""; position: absolute; z-index: -1; inset: 0; border: 6px double var(--av-beige); border-radius: 50%; outline: 1px solid var(--av-green); background: repeating-conic-gradient(from 0deg, transparent 0deg 29.8deg, rgba(251,242,231,.38) 29.8deg 30deg), linear-gradient(90deg,var(--av-dark-green) 50%,var(--av-green) 50%); }
.av-season-half { display: contents; }
.av-season-description { position: absolute; top: 50%; left: -30%; width: 25%; margin: 0; transform: translateY(-50%); color: var(--av-dark-green); }
.av-season-light .av-season-description { left: 105%; }
.av-season-description::before { content: "☾"; display: block; margin-bottom: 18px; color: var(--av-green); font: 74px/1 Georgia,serif; }
.av-season-light .av-season-description::before { content: "☼"; }
.av-season-description .av-eyebrow { margin-bottom: 12px !important; font-size: 9px !important; letter-spacing: .12em; }
.av-season-description h3 { font-size: 31px; margin-bottom: 18px; }
.av-season-description p:not(.av-eyebrow) { font-size: 13px; line-height: 1.75; margin-bottom: 0; }
.av-season-month { position: absolute; left: var(--av-month-x); top: var(--av-month-y); width: 18%; margin: 0; transform: translate(-50%,-50%); color: var(--av-beige); }
.av-season-month h4 { margin: 0 0 10px; }
.av-season-month p { margin: 6px 0 0; font-size: clamp(12px,1vw,14px); line-height: 1.4; }
.av-season-month a { color: inherit; display: inline-block; max-width: 100%; padding: 2px 1px; text-decoration-line: underline; text-decoration-color: rgba(251,242,231,.45); text-underline-offset: 3px !important; border-radius: 3px; }
.av-season-month a:hover { text-decoration-color: currentColor; background: rgba(251,242,231,.1); }
.av-season-month a:focus-visible { outline: 2px solid var(--av-beige); outline-offset: 3px; }
.av-season-heart { position: absolute; inset: 36%; display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 0; padding: 12px; background: var(--av-beige); border: 6px double var(--av-green); border-radius: 50%; box-shadow: 0 0 0 8px rgba(251,242,231,.18); }
.av-season-heart::before { content: ""; display: block; width: 35%; aspect-ratio: 1; margin-bottom: 8px; background: var(--av-green); mask: var(--av-photo-symbol) center / contain no-repeat; }
.av-season-heart p { margin: 0; font: 24px/1.13 var(--av-serif); color: var(--av-dark-green); }
.av-calendar-note { max-width: 660px; margin: 36px auto 0 !important; font-size: 13px; color: var(--av-green); }
.av-month-mai { --av-month-x: 60.094%; --av-month-y: 12.329%; }
.av-month-juin { --av-month-x: 77.577%; --av-month-y: 22.423%; }
.av-month-juillet { --av-month-x: 87.671%; --av-month-y: 39.906%; }
.av-month-aout { --av-month-x: 87.671%; --av-month-y: 60.094%; }
.av-month-septembre { --av-month-x: 77.577%; --av-month-y: 77.577%; }
.av-month-octobre { --av-month-x: 60.094%; --av-month-y: 87.671%; }
.av-month-novembre { --av-month-x: 39.906%; --av-month-y: 87.671%; }
.av-month-decembre { --av-month-x: 22.423%; --av-month-y: 77.577%; }
.av-month-janvier { --av-month-x: 12.329%; --av-month-y: 60.094%; }
.av-month-fevrier { --av-month-x: 12.329%; --av-month-y: 39.906%; }
.av-month-mars { --av-month-x: 22.423%; --av-month-y: 22.423%; }
.av-month-avril { --av-month-x: 39.906%; --av-month-y: 12.329%; }

@media (max-width:1100px) {
  .av-season-wheel { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; width: 100%; max-width: none; aspect-ratio: auto; text-align: left; }
  .av-season-wheel::before, .av-season-heart { display: none; }
  .av-season-half { display: block; margin: 0; padding: 28px; border-radius: var(--av-panel-radius); background: var(--av-dark-green); color: var(--av-beige); }
  .av-season-light { background: var(--av-green); }
  .av-season-description { position: static; width: auto; transform: none; color: inherit; margin: 0 0 24px; }
  .av-season-description::before { color: inherit; font-size: 56px; margin-bottom: 14px; }
  .av-season-description h3 { font-size: 32px; }
  .av-season-description p:not(.av-eyebrow) { font-size: 14px; }
  .av-season-month { position: static; width: auto; transform: none; padding: 16px 0; border-top: 1px solid rgba(251,242,231,.3); }
  .av-season-month h4 { margin: 0 0 6px; }
  .av-season-month p { font-size: 15px; margin: 0; }
  .av-season-month a { padding: 8px 0; }
  .av-month-empty { display: none; }
  .av-calendar-note { text-align: left; }
}
@media (max-width:700px) {
  .av-season-wheel { grid-template-columns: 1fr; }
  .av-season-half { padding: 26px 24px; }
  .av-calendar-intro { margin-bottom: 30px !important; }
}
.av-clipart { margin: 0 !important; }
.av-clipart img { display: block; width: 100%; height: auto; object-fit: contain; }
.av-quiz:not([data-avalon-quiz]) { max-width: 780px; margin: 2rem auto; display: flex; align-items: center; justify-content: space-between; gap: 35px; border-top: 1px solid var(--av-line); border-bottom: 1px solid var(--av-line); padding: 30px 0; }
.av-quiz:not([data-avalon-quiz]) > div:not(.wp-block-buttons) { max-width: 670px; }
.av-quiz:not([data-avalon-quiz]) > .av-clipart { flex: 0 0 105px; }
.av-quiz:not([data-avalon-quiz]) h2 { font-size: 36px; margin-bottom: 10px; }
.av-quiz:not([data-avalon-quiz]) p { margin-bottom: 0; }
.av-quiz:not([data-avalon-quiz]) .wp-block-buttons { flex-shrink: 0; margin-top: 0; }
.av-photo-series { display:grid; gap:18px; }
.av-photo-series .wp-block-image { aspect-ratio:3 / 4; overflow:hidden; border-radius:var(--av-photo-radius); }
.av-photo-landscape { --av-gallery-photo-ratio:3 / 2; }
.av-photo-landscape-four-thirds { --av-gallery-photo-ratio:4 / 3; }
.av-photo-series .av-practice-gallery figure.wp-block-image img { position:absolute; top:0; left:50%; translate:-50% 0; width:auto !important; min-width:100%; max-width:none !important; height:100% !important; aspect-ratio:var(--av-gallery-photo-ratio,3 / 4); }
.av-photo-monochrome img { filter:grayscale(1); }
.av-practice-gallery { gap: 18px !important; margin: 0 !important; }
.av-practice-gallery .wp-block-image { flex: 1 1 0 !important; width: auto !important; margin: 0 !important; }
.av-practice-gallery img { width: 100%; aspect-ratio: 3 / 4; object-fit: cover; height: auto !important; border-radius: var(--av-photo-radius); }
.av-testimonials { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0; }
.av-page .av-testimonial { margin: 0; padding: 14px 28px; border: 0; border-left: 1px solid var(--av-line); }
.av-page .av-testimonial:first-child { border-left: 0; }
.av-testimonial::before { content: '“'; display: block; color: inherit; font: 55px/.8 Georgia,serif; margin-bottom: 15px; }
.av-testimonial p { font: italic 19px/1.65 Georgia,serif; }
.av-testimonial cite { display: block; margin-top: 20px; font: 600 11px/1.5 var(--av-body); letter-spacing: .04em; color: inherit; }
/* Keep long retreat reviews readable on tablets. */
@media (max-width:1000px) {
 .av-page-retraitemantras .av-testimonials { grid-template-columns:1fr; }
 .av-page-retraitemantras .av-testimonial { padding:28px 0; border-left:0; border-top:1px solid var(--av-line); }
 .av-page-retraitemantras .av-testimonial:first-child { border-top:0; padding-top:0; }
}
/* Artist page: distinguish shared words from the video section. */
.av-page-artiste #videos.av-section { padding-bottom: 40px; }
.av-page-artiste .av-testimonials-section {
  background-color: var(--av-green);
  color: var(--av-beige);
  --av-line: rgb(251 242 231 / 35%);
  padding-top: 56px;
}
@media (max-width: 700px) {
  .av-page-artiste #videos.av-section { padding-bottom: 28px; }
  .av-page-artiste .av-testimonials-section { padding-top: 40px; }
}

.av-newsletter { overflow: hidden; }
.av-newsletter::after { content: ''; position: absolute; width: 220px; height: 280px; right: 10%; top: 50%; transform: translateY(-50%); background: url('images/motif-triskel-clair.webp') center / contain no-repeat; opacity: .8; pointer-events: none; }
:is(.av-page-accueil, .av-page-evenements) .av-newsletter::after { background-size: 65% auto; }
.av-page-accueil .av-newsletter-copy > .wp-block-buttons { margin-top: 12px; }
.av-page-accueil .av-newsletter-copy > p:has(+ .wp-block-buttons) { margin-bottom: 0; }
.av-newsletter-copy { max-width: 690px; padding-right: 7%; position: relative; z-index: 1; }
.av-newsletter .av-note { margin-top: 20px; color: inherit; opacity: .85; }
.av-recordings { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 26px; margin: 0; }
.av-recording { display: flex; flex-direction: column; min-width: 0; margin: 0; padding: 24px; border: 1px solid rgb(48 57 44 / 22%); border-radius: var(--av-panel-radius); background: var(--av-beige); box-shadow: 0 8px 22px #30392c08; scroll-margin-top: 130px; }
.av-recording .av-recording-cover { width: 100%; max-width: 300px; aspect-ratio: 1; margin: 0 auto 24px; }
.av-recording-cover img { display: block; width: 100%; height: 100%; aspect-ratio: 1; object-fit: contain; border-radius: 3px; box-shadow: 0 6px 16px #30392c24; }
.av-recording-body { display: flex; flex: 1; flex-direction: column; }
.av-recording .av-eyebrow { margin-bottom: 9px; }
.av-recording h3 { font-size: 28px; margin-bottom: 12px; text-wrap: pretty; }
.av-recording .av-recording-description { font-size: 14px; line-height: 1.7; margin-bottom: 22px; }
.av-player { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; margin-top: auto; }
.av-player .av-player-load { margin: 0; }
.av-player > .av-text-link { font-size: 12px; margin: 0; }
.av-player iframe { display: block; flex-basis: 100%; width: 100%; height: 152px; border: 0; border-radius: 12px; }
.av-page .av-listening-note { margin: 20px 0 0; text-align: center; font-size: 13px; color: var(--av-green); }
.av-recordings-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px 40px; margin-top: 24px; padding-top: 24px; border-top: 1px solid rgb(48 57 44 / 22%); }
.av-recordings-links .av-text-link { margin: 0; font-size: 14px; }

/* 10c. Contact questionnaire */
.av-contact-intro { display: grid; grid-template-columns: 1.4fr 1fr; gap: 10%; }
.av-contact-intro > div + div { border-left: 1px solid var(--av-line); padding-left: 14%; }
.av-contact-intro .av-text-link a { overflow-wrap: anywhere; }
.av-contact-section { padding-top: 0; }
.av-contact-panel { padding: 40px; max-width: 870px; margin: auto; background: var(--av-beige); border: 1px solid var(--av-line); border-radius: var(--av-panel-radius); }
.av-contact-form { display: grid; gap: 25px; margin-top: 28px; }
.av-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.av-contact-form label { display: block; margin-bottom: 8px; font-size: 13px; font-weight: 600; }
.av-contact-form :is(input,select,textarea) { width: 100%; max-width: 100%; border: 1px solid var(--av-green); border-radius: var(--av-button-shape); background: var(--av-beige); color: var(--av-dark-green); font: 16px/1.6 var(--av-body); padding: 12px; min-height: 48px; }
.av-contact-form select { padding-right: 34px; }
.av-contact-form textarea { resize: vertical; }
.av-contact-form [aria-invalid="true"] { border-color: #87392d; }
.av-form-errors { padding: 20px; background: #f6e5dc; border-left: 3px solid #87392d; font-size: 14px; }
.av-form-errors ul { margin-bottom: 0; }
.av-page .av-field-error { color: #87392d; font-size: 13px; margin-top: 8px; }
.av-form-honey { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.av-contact-form .av-note { margin: 0; }
.av-submit { justify-self: start; }
.av-direct-email { margin-top: 28px; padding-top: 20px; border-top: 1px solid var(--av-line); font-size: 18px; line-height: 1.5; overflow-wrap: anywhere; }

/* 10d. Native FAQ disclosures: no script or permanent plugin */
.av-faq { border-top: 1px solid var(--av-green); background: var(--av-green); color: var(--av-beige); }
.av-faq-layout { display: grid; grid-template-columns: minmax(210px, .65fr) minmax(0, 1.35fr); gap: clamp(32px, 5vw, 74px); align-items: start; }
.av-faq-intro h2 { font-size: clamp(32px, 3vw, 42px); margin: 0; }
.av-faq-intro .av-eyebrow { color: inherit; }
.av-faq-intro .av-ambience-art { margin:24px 0 0; }
.av-faq-list { display: grid; gap: 14px; min-width: 0; margin: 0; }
.av-faq-item { margin: 0; border: 1px solid var(--av-line); border-radius: var(--av-panel-radius); background: var(--av-beige); color: var(--av-dark-green); }
.av-faq-item > summary { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 0; margin: 0; padding: 14px 20px; border-radius: inherit; list-style: none; cursor: pointer; font: 500 17px/1.55 var(--av-body); }
.av-faq-item > summary::-webkit-details-marker { display: none; }
.av-faq-item > summary::marker { content: ""; }
.av-faq-item > summary::after { content: ""; flex: 0 0 8px; width: 8px; height: 8px; margin: -4px 3px 0 0; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; color: var(--av-green); transform: rotate(45deg); transition: transform .18s; }
.av-faq-item > summary:hover { color: var(--av-dark-green); }
.av-faq-item > summary:focus-visible { outline: 2px solid var(--av-dark-green); outline-offset: -4px; }
.av-faq-item[open] { border-color: var(--av-green); }
.av-faq-item[open] > summary::after { transform: translateY(4px) rotate(225deg); }
.av-faq-item > p { margin: 0; padding: 0 24px 24px; font-size: 15px; line-height: 1.8; }

/* 11. Closing invitation and footer */
.av-section.av-center.av-beige { grid-template-columns: minmax(0, 1fr); }
.av-section:is(.av-closing, .av-center.av-beige) {
  display: grid;
  align-items: center;
  text-align: left;
  padding-top: 44px;
  padding-bottom: 44px;
  padding-left: calc(var(--av-gutter) + var(--av-closing-text-offset,145px));
  border-top: 1px solid var(--av-line);
  background: var(--av-beige);
}
.av-section:is(.av-closing, .av-center.av-beige)::before { content: ""; position: absolute; left: var(--av-gutter); top: 50%; transform: translateY(-50%); width:var(--av-closing-art-width,115px); height:var(--av-closing-art-height,82px); background:var(--av-closing-art,url("images/motif-triskel-encre.webp")) center / contain no-repeat; }
.av-section.av-center.av-beige h2, .av-closing-copy > h2 { grid-column: 1; margin-bottom: 13px; max-width: 760px; font-size: 37px; }
.av-section.av-center.av-beige p, .av-closing-copy > p { grid-column: 1; max-width: 680px; margin: 0; font-size: 14px; }
.av-section.av-center.av-beige > p + p { margin-top: 10px; }
.av-section.av-center.av-beige > .wp-block-buttons { grid-column: 1; grid-row: auto; justify-content: flex-start; margin: 20px 0 0; }

/* Closing banners have an editable text group and a single contact link. */
.av-section.av-closing { grid-template-columns: minmax(0, 1fr) clamp(120px, 13vw, 170px); column-gap: clamp(24px, 4vw, 70px); }
.av-closing > .av-closing-copy { min-width: 0; margin: 0; }
.av-section.av-closing .av-closing-copy > :is(.wp-block-buttons, .wp-block-file, .av-text-link) { margin: 14px 0 0; }
.av-closing > .av-contact-envelope { grid-column: 2; width: 100%; margin: 0; }
.av-closing > .av-contact-envelope a { flex-direction: column; width: 100%; height: auto; min-height: 150px; text-align: center; font-size: 14px; line-height: 1.4; }
.av-closing > .av-contact-envelope img { flex: none; width: 100%; height: auto; aspect-ratio: 7 / 5; object-fit: cover; }

.av-footer { position: relative; background: var(--av-green); color: var(--av-beige); padding: 46px var(--av-gutter) 21px; font-family: var(--av-body); }
.av-footer a { color: var(--av-beige); text-underline-offset: 5px; }
.av-footer-main { display: grid; grid-template-columns: minmax(220px,1.25fr) minmax(145px,.75fr) minmax(220px,1fr) 168px; gap: 30px; padding-bottom: 40px; }
.av-footer-main > *, .av-footer-brand > div { min-width: 0; }
.av-footer-brand { display: flex; gap: 20px; align-items: flex-start; }
.av-footer-emblem { display:block; flex-shrink:0; width:64px; height:85px; background-color:var(--av-beige); -webkit-mask:url("images/embleme.webp") center / contain no-repeat; mask:url("images/embleme.webp") center / contain no-repeat; }
.av-footer-name { font-family: var(--av-serif); font-size: 29px; line-height: 1.2; margin: 0 0 13px; }
.av-footer-art { position: relative; align-self: start; width: 100%; aspect-ratio: 3 / 4; overflow: hidden; border-radius: var(--av-photo-radius); }
.av-footer-art img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; }
.av-footer-person { margin: 8px 0 0; font-size: 14px; line-height: 1.5; }
.av-footer-signature { font: italic 14px/1.7 Georgia, serif; max-width: 260px; margin: 0; color: var(--av-beige); }
.av-footer .av-eyebrow {
  color: var(--av-beige);
  font-family: "DecimosextoNFItalic", Georgia, serif;
  font-size: 24px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: normal;
  text-transform: none;
}
.av-location { font-size: 12px; margin: 0 0 7px; color: var(--av-beige); }
.av-footer-contact > a { font-size: 13px; overflow-wrap: anywhere; }
.av-footer-menu, .av-footer-navigation .av-menu { display: grid; gap: 6px; font-size: 12px; }
.av-footer-menu a, .av-footer-navigation .av-menu a { padding: 0; font-size: 12px; text-decoration: none; }
.av-footer-menu a:hover { text-decoration: underline; }
.av-socials { flex-wrap: wrap; gap: 10px; margin-top: 16px; }
.av-socials a { display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid rgb(251 242 231 / 40%); border-radius: var(--av-button-shape); text-decoration: none; }
.av-socials svg { display: block; width: 22px; height: 22px; }
.av-socials a:is(:hover, :focus-visible) { border-color: var(--av-beige); outline: 2px solid var(--av-beige); outline-offset: 3px; }
.av-footer-bottom { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 24px; padding-top: 19px; border-top: 1px solid rgb(251 242 231 / 27%); font-size: 10px; color: var(--av-beige); }
.av-credit { display: flex; flex-wrap: wrap; gap: 5px 14px; }
.av-credit a { color: inherit; text-decoration: none; border-bottom: 1px solid rgb(251 242 231 / 40%); }
.av-credit a:hover { color: var(--av-beige); border-color: currentColor; }
.av-legal { gap: 18px; flex-wrap: wrap; }
body.woocommerce .product, .woocommerce-cart, .woocommerce-checkout { --theme-border-radius: var(--av-panel-radius); }

/* 12. Native editor: same components, no dependency on front-end page wrappers */
.editor-styles-wrapper .av-section { padding: 48px 6%; }
.editor-styles-wrapper .av-hero-image img { height: 590px; }
.editor-styles-wrapper .av-page-top { display: block; min-height: 0; }
.editor-styles-wrapper .av-page-top::after, .editor-styles-wrapper .av-page-top::before { display: none; }

/* 13. Responsive layouts */
/* Tablette : cadrer la photo Artiste au-dessus de sa signature intégrée. */
@media (min-width: 701px) and (max-width: 1100px) {
  .av-page-artiste .av-page-top::after { background-size: var(--av-photo-symbol-size) var(--av-photo-symbol-size), max(100%, 400px) auto; }
}

@media (max-width: 1100px) {
  .av-quiz:not([data-avalon-quiz]) { gap: 24px; }
  .av-quiz:not([data-avalon-quiz]) > .av-clipart { flex-basis: 80px; }
  .av-hero-copy { padding: 43px 8% 43px 10%; }
  .av-hero, .av-hero-image { min-height: 590px; }
  .av-page-top { min-height: 410px; }
  .av-grid { gap: 25px; }
  .av-card > .wp-block-image img { height: 260px; }
  .av-split { gap: 7%; }
  .av-header { min-height: 88px; padding: 12px 5%; flex-wrap: wrap; gap: 0; }
  .av-wordmark { font-size: 20px; }
  .av-wordmark > span { font-size: 24px; }
  .av-wordmark > small { font-size: 7px; margin-top: 6px; }
  .av-logo { width: 38px; height: 56px; }
  .av-js .av-menu-toggle { display: flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: 12px; border: 1px solid var(--av-line); border-radius: var(--av-button-shape); background: var(--av-green); color: var(--av-beige); font: 12px var(--av-body); }
  .av-menu-icon { position: relative; width: 18px; height: 12px; border-top: 1px solid currentColor; border-bottom: 1px solid currentColor; }
  .av-menu-icon::after { content: ""; position: absolute; width: 12px; height: 1px; left: 0; top: 5px; background: currentColor; }
  .av-js .av-menu-toggle[aria-expanded="false"] + .av-navigation { display: none; }
  .av-navigation { width: 100%; display: block; padding-top: 20px; padding-bottom: 12px; }
  .av-menu { display: block; width: 100%; }
  .av-menu a { display: block; padding: 13px 0; border-bottom: 1px solid var(--av-line); font-size: 22px; }
  .av-menu a::after { display: none; }
  .av-menu > .menu-item-has-children { display: grid; grid-template-columns: 1fr 44px; gap: 0; }
  .av-submenu-toggle { width: 44px; border-bottom: 1px solid var(--av-line); align-self: stretch; }
  .av-menu .sub-menu { position: static; width: 100%; grid-column: 1 / -1; padding: 5px 0 9px 20px; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
  .av-menu .sub-menu::before { display: none; }
  .av-menu .sub-menu a { padding: 12px 0; }
  .av-newsletter::after { right: 5%; width: 160px; opacity: .35; }
  .av-newsletter-copy { max-width: 75%; }
  .av-contact-link { margin-top: 18px; }
  .av-section:is(.av-closing, .av-center.av-beige) { display: block; text-align: center; padding: 44px var(--av-gutter); }
  .av-section:is(.av-closing, .av-center.av-beige)::before { position: static; display: block; width:var(--av-closing-art-width-mobile,105px); height:var(--av-closing-art-height-mobile,67px); transform:none; margin:0 auto 20px; }
  .av-section.av-center.av-beige > :is(h2,p), .av-section.av-closing .av-closing-copy > :is(h2,p,.av-text-link) { margin-left: auto; margin-right: auto; }
  .av-section.av-center.av-beige > .wp-block-buttons, .av-closing-copy > .wp-block-buttons { justify-content: center; }
  .av-closing-copy > .wp-block-file { display: flex; flex-direction: column; align-items: center; gap: 12px; }
  .av-closing-copy > .wp-block-file .wp-block-file__button { margin-left: 0; }
  .av-section.av-closing > .av-contact-envelope { width: 125px; margin: 16px auto 0; }
  .av-closing > .av-contact-envelope a { min-height: 90px; }
  .av-footer-main { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 32px; }
  .av-footer-brand { grid-column: 1 / -1; gap: 12px; }
  .av-footer-name { margin-bottom: 6px; }
  .av-footer-navigation { grid-column: 1; }
  .av-footer-contact { grid-column: 2; }
  .av-footer-art { grid-column: 1 / -1; justify-self: start; width: 168px; aspect-ratio: 1; }
}
/* Tablette : la chouette rejoint la marque dans la première rangée. */
@media (min-width: 701px) and (max-width: 1100px) {
  .av-footer-brand { grid-column: 1; grid-row: 1; align-self: center; }
  .av-footer-art { grid-column: 2; grid-row: 1; justify-self: end; width: 144px; }
}
@media (max-width: 700px) {
  .av-faq-layout { grid-template-columns: 1fr; gap: 26px; }
  .av-faq-item > summary { gap: 18px; padding: 14px 20px; font-size: 16px; }
  .av-faq-item > p { padding: 0 18px 20px; }
  .av-consultation-paths { grid-template-columns: 1fr; gap: 25px; }
  .av-consultation-choice { display: grid; grid-template-columns: 65px 1fr; align-items: center; gap: 0 20px; text-align: left; padding: 22px; }
  .av-consultation-paths .av-clipart { width: 65px; grid-row: 1 / 3; margin: 0 !important; }
  .av-consultation-paths .av-clipart img { height: 85px; }
  .av-page .av-consultation-paths h2 { font-size: 26px; margin-bottom: 8px; }
  .av-consultation-paths p { grid-column: 2; }
  .av-quiz:not([data-avalon-quiz]) > .av-clipart { width: 90px; margin-bottom: 18px !important; }
  .av-quiz:not([data-avalon-quiz]) { display: block; padding: 25px 0; }
  .av-quiz:not([data-avalon-quiz]) .wp-block-buttons { margin-top: 22px; }
  .av-practice-gallery { display: grid !important; grid-template-columns: 1fr 1fr; gap: 12px !important; }
  .av-practice-gallery .wp-block-image { width: 100% !important; }
  .av-contact-intro, .av-recordings, .av-form-row { grid-template-columns: 1fr; gap: 26px; }
  .av-contact-intro > div + div { padding: 24px 0 0; border-left: 0; border-top: 1px solid var(--av-line); }
  .av-testimonials { grid-template-columns: 1fr; }
  .av-page .av-testimonial { padding: 28px 0; border-left: 0; border-top: 1px solid var(--av-line); }
  .av-page .av-testimonial:first-child { border-top: 0; padding-top: 0; }
  .av-newsletter-copy { max-width: none; padding-right: 0; }
  .av-newsletter::after { right: 5%; top: 25px; width: 65px; height: 65px; transform: none; opacity: .45; }
  .av-newsletter h2 { padding-right: 30px; }
  .av-recording { padding: 22px; }
  .av-recordings-links { align-items: flex-start; flex-direction: column; gap: 14px; }
  .av-contact-panel { padding: 25px 20px; }
  .av-contact-section { padding-top: 0 !important; }
  .av-contact-form { gap: 20px; }
  .av-section { padding: 46px 6%; }
  body.av-site, .editor-styles-wrapper { --av-hero-title-size: clamp(27px, 8.5vw, 44px); }
  .av-page h2 { font-size: 35px; }
  .av-page h3 { font-size: 29px; }
  .av-eyebrow { font-size: 9px !important; letter-spacing: .15em; }
  .av-hero { --av-hero-title-size: clamp(36px, 9vw, 50px); --av-photo-fade: linear-gradient(0deg, transparent, #000 72px); grid-template-columns: 1fr; min-height: 0; }
  .av-hero-copy { padding: 29px 6% 33px; }
  .av-hero .av-eyebrow { margin-bottom: 12px !important; }
  .av-hero h1 { max-width: 530px; }
  .av-hero .av-lead { font-size: 16px; max-width: 430px; }
  .av-hero-image { order: -1; height: 250px; min-height: 0; }
  .av-hero-image img { object-position: 50% 40%; }
  .av-band { flex-wrap: wrap; gap: 8px 20px; padding: 18px 6%; font-size: 8px; }
  .av-band p::before { flex-basis:32px; width:32px; height:36px; }
  .av-page-top { --av-photo-fade: linear-gradient(180deg, transparent, #000 72px); grid-template-columns: 1fr; gap: 0; min-height: 0; padding-top: 32px; padding-bottom: 0; }
  .av-page-top h1 { max-width: 560px; }
  .av-page-top .av-lead { font-size: 15px; }
  .av-page-top .av-eyebrow::before { width:var(--av-page-symbol-size-mobile,52px); height:var(--av-page-symbol-size-mobile,52px); margin-bottom:18px; }
  .av-page-top::after { position: static; width: auto; grid-column: 1; min-height: 230px; margin: 30px -6.82% 0; }
  .av-page-top + .av-section { padding-top: 40px; }
  .av-intro { margin-bottom: 29px !important; }
  .av-heading-with-art { gap: 12px; }
  .av-heading-with-art > .av-ambience-art { flex-basis: 76px; width: 76px; height: 76px; }
  .av-grid, .av-grid-two { grid-template-columns: 1fr; gap: 33px; margin-top: 28px; }
  .av-card > .wp-block-image img { height: 320px; }
  .av-card > .wp-block-image { margin-bottom: 20px; }
  .av-card .av-text-link { padding-top: 0; }
  .av-split, .av-school-layout { grid-template-columns: 1fr; gap: 35px; }
  .av-course-layout { grid-template-columns: 1fr; gap: 28px; }
  .av-course-section { padding-top: 8px; }
  .av-course-facts { padding: 25px; }
  .av-page-les-pretresses-davalon .av-course-copy { padding-right: 0; }
  .av-page-les-pretresses-davalon .av-course-copy > .av-eyebrow { padding-right: 70px; min-height: 50px; display: flex; align-items: center; }
  .av-page-les-pretresses-davalon .av-course-copy::after { top: 20px; right: 0; width: 48px; height: 60px; }
  .av-portrait { width:100%; max-width:420px; padding:0; margin:auto !important; }
  .av-portrait img { height: 420px; }
  .av-school-layout > :first-child { margin: 0; position: static; }
  .av-school-illustration img { max-width: var(--av-school-illustration-width-mobile, 270px); }
  .av-branch-row { grid-template-columns: 88px minmax(0,1fr); gap: 14px; padding: 14px 0; }
  .av-page .av-branch-row h3 { font-size: 26px; margin-top: 2px; }
  .av-school-layout > div:last-child > p { font-size: 15px; }
  .av-section > .av-detail, .av-page-consultations .av-section > .av-detail { display: block; padding: 27px 0; }
  .av-section > .av-detail > :is(h2,h3) { max-width: none; font-size: 32px; }
  .av-page-les-savoirs-davalon .av-section:has(> .av-detail) { grid-template-columns: 1fr; gap: 8px; }
  .av-page-evenements .av-grid-two > .av-detail { padding: 27px; }
  .av-section:is(.av-closing, .av-center.av-beige) { padding: 35px 6%; }
  .av-section.av-center.av-beige h2, .av-closing-copy > h2 { font-size: 33px; }
  .av-section.av-center.av-beige > .wp-block-buttons { margin-top: 24px; }
  .av-footer { padding: 38px 6% 22px; }
  .av-footer-main { grid-template-columns: minmax(0,1fr) minmax(100px,35%); gap: 28px 20px; padding-bottom: 30px; }
  .av-footer-emblem { width:48px; height:64px; }
  .av-footer-name { font-size: clamp(24px,6.8vw,29px); }
  .av-footer-navigation { grid-row: 2; }
  .av-footer-contact { grid-column: 1 / -1; grid-row: 3; }
  .av-footer-art { grid-column: 2; grid-row: 2; justify-self: end; width: 100%; max-width: 144px; }
  .av-contact-envelope { margin-top: 20px; }
  .av-footer-bottom { flex-direction: column; gap: 15px; }
}
@media (max-width: 380px) {
  .av-hero-image { height: 220px; }
  .av-card > .wp-block-image img { height: 285px; }
}
@media (prefers-reduced-motion: reduce) {
  .av-page *, .av-header *, .av-footer * { scroll-behavior: auto !important; transition: none !important; }
}

/* Orientation quiz: shared palette, visible native controls and quiet borders. */
[data-avalon-quiz] { max-width: 780px; margin: 2rem auto; padding: 30px 0; border-block: 1px solid var(--av-line); }
[data-avalon-quiz] [hidden] { display: none !important; }
.av-quiz-step { border: 0; margin: 0 0 2rem; padding: 0; min-width: 0; }
.av-quiz-step legend { width: 100%; margin-bottom: 1.4rem; font-family: var(--av-serif, Georgia, serif); font-size: clamp(1.4rem, 3vw, 2rem); line-height: 1.35; }
.av-quiz-step legend .av-eyebrow { display: block; margin-bottom: .6rem; }
.av-quiz-options { display: grid; gap: .7rem; }
.av-quiz-options label { display: flex; align-items: baseline; gap: .8rem; padding: 1rem 1.2rem; border: 1px solid currentColor; border-radius: var(--av-button-shape); cursor: pointer; }
.av-quiz-options label:has(input:checked) { background: rgb(89 102 76 / 9%); box-shadow: inset 3px 0 currentColor; }
.av-quiz-options label:focus-within { outline: 2px solid currentColor; outline-offset: 3px; }
.av-quiz-options input { flex: 0 0 auto; margin: 0; accent-color: var(--av-green); }
.av-quiz-options--images { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.av-quiz-options--images label { position: relative; display: block; grid-column: span 2; margin: 0; padding: 1.8rem .6rem .6rem; overflow: hidden; }
.av-quiz-options--images label:nth-child(4) { grid-column: 2 / span 2; }
.av-quiz-options--images input { position: absolute; top: .65rem; left: .65rem; }
.av-quiz-options--images img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: contain; }

.av-quiz-controls { display: flex; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
.av-quiz-results section { margin: 2rem 0; padding-top: 1.5rem; border-top: 1px solid rgb(48 57 44 / 25%); }
.av-quiz-result--illustrated { display: grid; grid-template-columns: 170px minmax(0, 1fr); align-items: center; gap: 1.8rem; }
.av-quiz-result-image { display: block; width: 100%; height: 250px; object-fit: contain; }
.av-quiz-result--illustrated h3 { margin-top: 0; }
@media (max-width: 600px) {
  .av-quiz-options--images { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .av-quiz-options--images label, .av-quiz-options--images label:nth-child(4) { grid-column: auto; }
  .av-quiz-options--images label:last-child { grid-column: 1 / -1; justify-self: center; width: calc((100% - .7rem) / 2); }
  .av-quiz-result--illustrated { grid-template-columns: minmax(0, 1fr); gap: 1rem; }
  .av-quiz-result-image { width: 170px; height: 230px; margin-inline: auto; }
}

/* Purchased webfont for quotations and selected subheadings.
 * The original WOFF2 file is served locally with its license notice below. */
/**
 * @license
 * MyFonts Webfont Build ID 3867246, 2020-12-16T11:57:38-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Decimosexto NF Italic by Nick's Fonts
 * URL: https://www.myfonts.com/collections/nicks-fonts-foundry
 
 * © 2026 MyFonts Inc. */
@font-face {
  font-family: "DecimosextoNFItalic";
  src: url("fonts/decimosexto-nf-italic.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

/* Illustrated offerings: shared by all Avalon pages. */
.av-ambience-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px; margin-top:34px; }
.av-ambience-grid-two { grid-template-columns:repeat(2,minmax(0,1fr)); }
.av-ambience-card { min-width:0; margin:0; padding:26px 22px; border:1px solid rgba(89,102,76,.22); border-radius:var(--av-panel-radius); display:flex; flex-direction:column; align-items:center; text-align:center; }
.av-ambience-card h3 { font-size:clamp(25px,2.5vw,32px); line-height:1.18; margin:14px 0; }
.av-ambience-card p { font-size:15px; line-height:1.7; max-width:42ch; margin:0 0 20px; }
.av-ambience-card .av-small-label { margin-top:12px; margin-bottom:0; }
.av-ambience-card .av-text-link { margin-top:auto; margin-bottom:0; padding-top:18px; }
.av-ambience-art { width:100%; max-width:250px; height:175px; margin:0 auto 16px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.av-ambience-art img { display:block; width:100%; height:100%; object-fit:contain; border:0; border-radius:0; box-shadow:none; }
.av-practice-details { width:100%; border-top:1px solid rgba(89,102,76,.25); padding:12px 0; text-align:left; margin:4px 0 14px; }
.av-practice-details summary { cursor:pointer; font-size:14px; font-weight:600; padding:6px 0; min-height:36px; }
.av-practice-details p { font-size:14px; line-height:1.7; max-width:none; margin:14px 0 0; }
.av-practice-details summary:focus-visible { outline:2px solid currentColor; outline-offset:5px; border-radius:4px; }
.av-ambience-green { background:var(--av-green); color:var(--av-beige); }
.av-ambience-green :is(h2,h3,p,a,summary), .av-course-facts.av-ambience-green :is(strong) { color:inherit; }
.av-ambience-green .av-practice-details,
.av-course-facts.av-ambience-green > .av-course-fact { border-color:rgba(251,242,231,.35); }
.av-ambience-feature { display:grid; grid-template-columns:minmax(150px,.7fr) minmax(0,1.3fr); gap:clamp(24px,5vw,70px); align-items:center; max-width:1000px; margin:auto; }
.av-ambience-feature > .av-ambience-art { height:280px; max-width:360px; margin:0 auto; }
.av-ambience-copy { min-width:0; margin:0; }
.av-page .av-instruments-list { display:flex; flex-wrap:wrap; gap:8px 24px; padding:0; margin:22px 0 0; list-style:none; font-weight:600; }
.av-instruments-list li { padding:0; margin:0; }
/* Original wooden medallions: rituals, knowledge, herbs, voice, priestesses. */
.av-branch-emblem { width:160px; height:160px; background-image:url("images/branch-medallions.webp"); background-size:800px 160px; background-repeat:no-repeat; background-color:transparent; flex-shrink:0; }
.av-school-paths .av-branch-emblem { margin:3px auto 18px; }
.av-emblem-herbes { background-position:-320px 0; }
.av-emblem-pretresses { background-position:-640px 0; }
.av-emblem-savoirs { background-position:-160px 0; }
.av-emblem-rituels { background-position:0 0; }
.av-emblem-voix { background-position:-480px 0; }
.av-school-path > .av-ambience-art { height:116px; margin:12px auto 35px; }
.av-course-layout.av-course-layout-visual { grid-template-columns:1fr; gap:38px; }
.av-course-layout-visual .av-course-facts { max-width:none; }
.av-ambience-grid-compact .av-ambience-card { padding:20px 16px; }
.av-ambience-grid-compact .av-ambience-art { height:140px; }
.av-ambience-grid-compact .av-ambience-card h3 { font-size:27px; }
/* Linked music cards reuse the shared compact illustrated grid. */
.av-music-grid { max-width:1000px; margin-left:auto; margin-right:auto; }
.av-music-grid .av-ambience-card { position:relative; }
.av-music-grid .av-art-mantras img { object-fit:cover; object-position:center 51%; }
.av-music-grid .av-art-voice img { mix-blend-mode:multiply; }
.av-page .av-music-grid .av-ambience-card .av-text-link > a { position:static; }
.av-music-grid .av-text-link > a::before { content:""; position:absolute; inset:0; border-radius:var(--av-panel-radius); }
.av-music-grid .av-text-link > a:focus-visible::before { outline:2px solid var(--av-dark-green); outline-offset:4px; }
.av-page .av-music-grid .av-ambience-card .av-text-link > a:focus-visible { outline:none; }
@media (hover:hover) and (pointer:fine) {
 .av-music-grid .av-ambience-card:hover { border-color:var(--av-green); }
 .av-music-grid .av-ambience-card:hover .av-ambience-art img { scale:1.025; }
}
.av-home-branch-emblem { width:110px; height:110px; position:relative; margin:0; }
.av-home-branch-emblem .av-branch-emblem { position:absolute; left:50%; top:50%; margin:0; transform:translate(-50%,-50%) scale(.74); }
@media(max-width:1000px) {
 .av-school-paths { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .av-ambience-grid { gap:18px; }
 .av-ambience-card { padding:22px 16px; }
}
@media(max-width:700px) {
 .av-ambience-grid, .av-ambience-grid-two, .av-school-paths { grid-template-columns:1fr; }
 .av-ambience-card { padding:26px 22px; }
 .av-ambience-art { height:155px; max-width:230px; }
 .av-ambience-feature { grid-template-columns:1fr; gap:22px; }
 .av-ambience-feature > .av-ambience-art { height:200px; max-width:260px; }
 .av-home-branch-emblem { width:88px; height:88px; }
 .av-home-branch-emblem .av-branch-emblem { transform:translate(-50%,-50%) scale(.62); }
}


/* Consent messages stay inside the existing media slots. */
.av-media-consent { box-sizing:border-box; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; width:100%; padding:20px; text-align:center; color:var(--av-ink,#30392c); background:var(--av-beige,#fbf2e7); border:1px solid rgba(69,94,75,.25); border-radius:12px; }
.av-media-consent p { margin:0; max-width:48ch; font-size:14px; line-height:1.45; }
.av-media-consent .av-player-load { max-width:100%; white-space:normal; text-align:center; justify-content:center; font-size:13px; }
.av-video > .av-media-consent { height:100%; overflow:auto; border-radius:inherit; }
.av-player > .av-media-consent { flex-basis:100%; min-height:152px; }
@media(max-width:600px) { .av-media-consent { padding:12px; gap:10px; } .av-media-consent p { font-size:13px; } }

/* Keep embedded album players readable on smaller screens. */
@media (min-width: 801px) and (max-width: 1100px) {
  .av-recordings { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 800px) {
  .av-recordings { grid-template-columns: 1fr; }
}