/* ==========================================================================
   Viona Bloom : raccord entre la maquette et WordPress / Kadence
   Neutralise ce que Kadence et WordPress ajoutent autour des pages, pour que
   le rendu soit celui de la maquette. Ne modifie pas la maquette elle-même.
   ========================================================================== */

/* 1. Enveloppes de Kadence et de WordPress ----------------------------------- */
body.vb { background: #FBF8F4; margin: 0; }
body.vb #wrapper,
body.vb #inner-wrap { background: #FBF8F4; margin: 0; padding: 0; display: block; }
body.vb :where(.wp-site-blocks) > * { margin-block-start: 0; margin-block-end: 0; }
body.vb .vb-chrome,
body.vb .vb-content { margin: 0; }
body.vb .vb-content { display: block; }

/* Le lien d'évitement de Kadence reste accessible au clavier, invisible sinon. */
body.vb .skip-link:not(:focus) { position: absolute; left: -9999px; }

/* 2. Les styles de base de Kadence sont neutralisés par reset-kadence.css. */
.qe details > summary { list-style-position: outside; }

/* Barre d'administration WordPress (connecté) : rien à décaler, l'en-tête n'est pas collant. */

/* 3. Contenus saisis dans l'éditeur WordPress -------------------------------
   Articles du blog et nouvelles pages : blocs et images standard de WordPress
   dans la colonne de texte de la maquette. Limité au corps des articles et
   aux nouvelles pages : les pages de la maquette ne sont pas concernées. */
.qe :is(.qe-article__body, .vb-prose) img { max-width: 100%; height: auto; }
.qe :is(.qe-article__body, .vb-prose) .wp-block-image,
.qe :is(.qe-article__body, .vb-prose) .wp-caption { margin: 12px 0; max-width: 100%; }
.qe :is(.qe-article__body, .vb-prose) .wp-block-image img,
.qe :is(.qe-article__body, .vb-prose) .wp-caption img { display: block; width: auto; max-width: 100%; max-height: 460px; margin: 0 auto; border-radius: 20px; }
.qe :is(.qe-article__body, .vb-prose) figcaption,
.qe :is(.qe-article__body, .vb-prose) .wp-caption-text { font-size: 14px; color: #5A5068; text-align: center; margin-top: 8px; }
.qe :is(.qe-article__body, .vb-prose) .aligncenter { margin-left: auto; margin-right: auto; text-align: center; }
.qe :is(.qe-article__body, .vb-prose) .alignleft { float: left; margin: 6px 24px 12px 0; max-width: 50%; }
.qe :is(.qe-article__body, .vb-prose) .alignright { float: right; margin: 6px 0 12px 24px; max-width: 50%; }
.qe :is(.qe-article__body, .vb-prose) h4 { font-family: 'Cormorant Garamond', Georgia, serif; font-weight: 600; font-size: 23px; line-height: 1.3; color: #241339; margin: 12px 0 0; }
.qe :is(.qe-article__body, .vb-prose) .wp-block-quote { margin: 0; padding: 4px 0 4px 20px; border-left: 3px solid #C9A15B; font-style: italic; }
.qe :is(.qe-article__body, .vb-prose) .wp-block-button__link,
.qe :is(.qe-article__body, .vb-prose) .wp-element-button { display: inline-flex; align-items: center; min-height: 44px; box-sizing: border-box; padding: 16px 28px; border-radius: 999px; background: #3B2160; color: #FFFFFF; font-weight: 600; font-size: 16px; text-decoration: none; }
.qe :is(.qe-article__body, .vb-prose) .wp-block-button__link:hover { background: #241339; color: #FFFFFF; }
.qe :is(.qe-article__body, .vb-prose) .wp-block-separator { border: 0; border-top: 1px solid #E7DFEF; }
.qe :is(.qe-article__body, .vb-prose) .wp-block-embed,
.qe :is(.qe-article__body, .vb-prose) .wp-block-video { margin: 12px 0; }
.qe :is(.qe-article__body, .vb-prose) .wp-block-embed__wrapper { position: relative; aspect-ratio: 16 / 9; }
.qe :is(.qe-article__body, .vb-prose) .wp-block-embed__wrapper iframe,
.qe :is(.qe-article__body, .vb-prose) iframe[src*="youtube"],
.qe :is(.qe-article__body, .vb-prose) iframe[src*="vimeo"] { width: 100%; height: 100%; aspect-ratio: 16 / 9; border: 0; border-radius: 20px; display: block; }
.qe :is(.qe-article__body, .vb-prose) video { width: 100%; height: auto; border-radius: 20px; display: block; }
.qe :is(.qe-article__body, .vb-prose) table { width: 100%; border-collapse: collapse; font-size: 16px; }
.qe :is(.qe-article__body, .vb-prose) th,
.qe :is(.qe-article__body, .vb-prose) td { padding: 10px 12px; border-bottom: 1px solid #E7DFEF; text-align: left; vertical-align: top; }

/* Image mise en avant des articles (balise générée par WordPress) */
.qe .qe-article__cover img { height: auto; }

/* 4. Pages créées plus tard dans WordPress (gabarit « page intérieure ») ---- */
.qe .vb-prose { margin: 0 auto; width: 100%; }

/* 5. Pages que Kadence affiche lui-même (recherche, page introuvable) ------- */
body.vb.search #inner-wrap,
body.vb.error404 #inner-wrap { font-family: 'Inter', system-ui, sans-serif; color: #1F1530; }
body.vb.search .site-container,
body.vb.error404 .site-container { max-width: 1200px; padding: 72px 24px; }
body.vb.search #inner-wrap h1,
body.vb.error404 #inner-wrap h1 { font-family: 'Cormorant Garamond', Georgia, serif; font-weight: 500; font-size: 48px; line-height: 1.1; color: #241339; }
body.vb.search .content-bg,
body.vb.error404 .content-bg { background: transparent; box-shadow: none; }
body.vb.search #inner-wrap a,
body.vb.error404 #inner-wrap a { color: #3B2160; }

/* 6. Logo choisi dans Personnaliser > Identité du site : affiché entier, à ses proportions
   (la maquette prévoit un symbole rond de 44 px). Hauteur réglable dans Personnaliser > Viona Bloom. */
.qe .qe-brand__logo--custom { width: auto; height: var(--vb-logo-h, 64px); max-width: min(360px, 70vw); border-radius: 0; object-fit: contain; }
@media (max-width: 767px) { .qe .qe-brand__logo--custom { height: calc(var(--vb-logo-h, 64px) * .8); } }
.qe .screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* 7. Réservations (Cal.com) et inscriptions */
.qe button.qe-chip { font-family: inherit; line-height: inherit; cursor: pointer; }
.qe .vb-resa { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.qe .vb-resa__cal { width: 100%; min-width: 0; overflow: hidden; border-radius: 16px; }
.qe .vb-resa__cal iframe { border: 0; width: 100%; }
.qe .vb-insc-ok { border-left-color: #6B4C93; margin-bottom: 18px; }
.qe .vb-insc-err { border-left-color: #B3261E; margin-bottom: 18px; }


/* Menu principal : sous-menu déroulant (ex. Blog › Vidéos) */
.qe .qe-nav__group { position: relative; display: inline-flex; align-items: center; gap: 2px; }
.qe .qe-header .qe-nav__toggle { appearance: none; -webkit-appearance: none; background: none; border: 0; margin: 0; padding: 8px 6px; min-width: 24px; min-height: 24px; cursor: pointer; color: inherit; display: inline-flex; align-items: center; justify-content: center; }
.qe .qe-header .qe-nav__toggle::before { content: ""; width: 7px; height: 7px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: translateY(-2px) rotate(45deg); transition: transform .2s; }
.qe .qe-nav__group.is-open .qe-nav__toggle::before { transform: translateY(2px) rotate(-135deg); }
.qe .qe-header .qe-nav__toggle:focus-visible { outline: 2px solid #C9A15B; outline-offset: 2px; border-radius: 6px; }
.qe .qe-nav__sub { position: absolute; top: 100%; left: -14px; z-index: 60; min-width: 190px; margin-top: 10px; padding: 8px; background: #FFFFFF; border: 1px solid #E7DFEF; border-radius: 14px; box-shadow: 0 14px 34px rgba(36, 19, 57, .14); display: flex; flex-direction: column; opacity: 0; visibility: hidden; transform: translateY(-4px); transition: opacity .15s, transform .15s, visibility .15s; }
.qe .qe-nav__sub::before { content: ""; position: absolute; left: 0; right: 0; top: -12px; height: 12px; }
.qe .qe-nav .qe-nav__sub a { display: block; padding: 10px 14px; border-radius: 10px; color: #241339; white-space: nowrap; border-bottom: 0; text-decoration: none; }
.qe .qe-nav .qe-nav__sub a:hover, .qe .qe-nav .qe-nav__sub a:focus-visible, .qe .qe-nav .qe-nav__sub a.is-current { background: #EDE6F5; text-decoration: none; }
.qe .qe-nav__group.is-open .qe-nav__sub, .qe .qe-nav__sub:focus-within { opacity: 1; visibility: visible; transform: none; }
@media (hover: hover) { .qe .qe-nav__group:hover .qe-nav__sub { opacity: 1; visibility: visible; transform: none; } }


/* Accueil, mobile : la photo d'Amal passe avant le texte */
@media (max-width: 767px) { .qe .qe-hero__visual { order: -1; } }


/* Mobile : menu hamburger (moins de 768 px) */
.qe .qe-header .qe-burger { display: none; }
@media (max-width: 767px) {
	.qe .qe-header__inner { flex-wrap: wrap; align-items: center; }
	.qe .qe-header .qe-burger { display: inline-flex; align-items: center; gap: 10px; margin-left: auto; background: none; border: 1.5px solid #CFC3DE; border-radius: 999px; padding: 10px 16px; min-height: 44px; box-sizing: border-box; font: inherit; font-size: 14px; font-weight: 600; color: #3B2160; cursor: pointer; }
	.qe .qe-header .qe-burger:focus-visible { outline: 2px solid #C9A15B; outline-offset: 2px; }
	.qe .qe-header .qe-burger__bars { position: relative; width: 18px; height: 2px; background: currentColor; border-radius: 2px; transition: background .2s; }
	.qe .qe-header .qe-burger__bars::before, .qe .qe-header .qe-burger__bars::after { content: ""; position: absolute; left: 0; width: 18px; height: 2px; background: currentColor; border-radius: 2px; transition: transform .2s, top .2s; }
	.qe .qe-header .qe-burger__bars::before { top: -6px; }
	.qe .qe-header .qe-burger__bars::after { top: 6px; }
	.qe .qe-header .qe-burger[aria-expanded="true"] .qe-burger__bars { background: transparent; }
	.qe .qe-header .qe-burger[aria-expanded="true"] .qe-burger__bars::before { top: 0; transform: rotate(45deg); }
	.qe .qe-header .qe-burger[aria-expanded="true"] .qe-burger__bars::after { top: 0; transform: rotate(-45deg); }
	.qe .qe-nav { display: none; flex-basis: 100%; flex-direction: column; align-items: stretch; gap: 0; margin-top: 4px; padding: 4px 0 8px; border-top: 1px solid #E7DFEF; font-size: 16px; }
	.qe .qe-nav.is-open { display: flex; }
	.qe .qe-nav > a:not(.qe-nav__cta), .qe .qe-nav__group > a { display: block; padding: 14px 4px; border-bottom: 1px solid #F0EAF5; }
	.qe .qe-nav__group { display: flex; flex-direction: column; align-items: stretch; gap: 0; }
	.qe .qe-header .qe-nav__toggle { display: none; }
	.qe .qe-nav__sub { position: static; opacity: 1; visibility: visible; transform: none; min-width: 0; margin: 0; padding: 0 0 0 18px; background: none; border: 0; border-radius: 0; box-shadow: none; }
	.qe .qe-nav__sub::before { display: none; }
	.qe .qe-nav .qe-nav__sub a { padding: 12px 4px; border-radius: 0; border-bottom: 1px solid #F0EAF5; background: none; }
	.qe .qe-nav .qe-nav__sub a.is-current { background: none; color: #241339; text-decoration: underline; text-decoration-color: #C9A15B; text-decoration-thickness: 2px; text-underline-offset: 6px; }
	.qe .qe-nav .qe-nav__cta { margin-top: 16px; justify-content: center; }
}


/* En-tête : slogan du logo en texte, sous « VIONA bloom » */
.qe .qe-brand__mark { display: inline-flex; flex-direction: column; align-items: flex-end; line-height: 1; }
.qe .qe-brand__slogan { margin-top: 3px; font-family: "Cormorant Garamond", Georgia, serif; font-style: italic; font-weight: 600; font-size: 14px; letter-spacing: .06em; color: #5E2167; white-space: nowrap; }
@media (max-width: 767px) { .qe .qe-brand__slogan { font-size: 12px; margin-top: 2px; } }