/*
Theme Name: Lou Rémy
Theme URI: https://louremy.com/
Author: Cybartis
Author URI: https://cybartis.com/
Description: Thème de blocs sur mesure pour Lou Rémy, violoniste. Bleu nuit et or, photos en couleur, pensé pour vendre des soirées privées. Léger : aucun constructeur, aucune dépendance JavaScript, polices hébergées localement.
Requires at least: 6.6
Tested up to: 6.9
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: louremy
*/

/* ==========================================================================
   Base
   ========================================================================== */

html { scroll-behavior: smooth; scroll-padding-top: 96px; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }

::selection { background: var(--wp--preset--color--or); color: var(--wp--preset--color--nuit); }

img { height: auto; }

.lr-skip {
	position: absolute; left: -9999px; top: 0; z-index: 1000;
	padding: 0.75rem 1.25rem; background: var(--wp--preset--color--or); color: var(--wp--preset--color--nuit);
}
.lr-skip:focus { left: 1rem; top: 1rem; }

/* Petit surtitre doré au-dessus des titres */
.lr-eyebrow {
	margin-bottom: 0 !important;
	font-size: 0.75rem !important;
	font-weight: 500;
	letter-spacing: 0.3em;
	text-transform: uppercase;
	color: var(--wp--preset--color--or);
}
.lr-eyebrow + * { margin-top: 1rem !important; }

.lr-lead { font-size: var(--wp--preset--font-size--medium); line-height: 1.65; color: var(--wp--preset--color--texte); }
.lr-muted { color: var(--wp--preset--color--brume); }

.wp-block-heading em, .lr-or { color: var(--wp--preset--color--or); font-style: italic; }

/* ==========================================================================
   En-tête
   ========================================================================== */

header.wp-block-template-part {
	position: sticky; top: 0; z-index: 50;
	background: rgba(11, 20, 38, 0.86);
	-webkit-backdrop-filter: saturate(140%) blur(12px);
	backdrop-filter: saturate(140%) blur(12px);
	border-bottom: 1px solid var(--wp--custom--filet);
}
.admin-bar header.wp-block-template-part { top: 32px; }
@media (max-width: 782px) { .admin-bar header.wp-block-template-part { top: 46px; } }

.lr-header__inner { padding-block: 1.1rem; gap: 1rem 2rem; }

.lr-nav .wp-block-navigation-item__content { color: var(--wp--preset--color--texte); padding-block: 0.35rem; }
.lr-nav .wp-block-navigation-item__content:hover { color: var(--wp--preset--color--or-clair); text-decoration: none; }
.lr-nav .current-menu-item > .wp-block-navigation-item__content { color: var(--wp--preset--color--or); }

.lr-nav .lr-nav-cta > .wp-block-navigation-item__content {
	display: inline-flex; align-items: center; min-height: 44px;
	padding: 0 1.4rem; border: 1px solid var(--wp--preset--color--or); border-radius: 999px;
	color: var(--wp--preset--color--ivoire);
}
.lr-nav .lr-nav-cta > .wp-block-navigation-item__content:hover {
	background: var(--wp--preset--color--or); color: var(--wp--preset--color--nuit);
}

.wp-block-navigation__responsive-container.is-menu-open {
	background: var(--wp--preset--color--nuit) !important;
	color: var(--wp--preset--color--ivoire) !important;
	padding: 2rem;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
	font-family: var(--wp--preset--font-family--display); font-size: 1.75rem; letter-spacing: 0;
}
.wp-block-navigation__responsive-container-open svg,
.wp-block-navigation__responsive-container-close svg { fill: var(--wp--preset--color--ivoire); }

/* ==========================================================================
   Sections
   ========================================================================== */

.lr-section { padding-top: var(--wp--preset--spacing--70); padding-bottom: var(--wp--preset--spacing--70); }
.lr-section--marine { background: var(--wp--preset--color--marine); border-top: 1px solid var(--wp--custom--filet-doux); border-bottom: 1px solid var(--wp--custom--filet-doux); }
.lr-section--abysse { background: var(--wp--preset--color--abysse); }
.lr-section--serre { padding-top: var(--wp--preset--spacing--60); padding-bottom: var(--wp--preset--spacing--60); }

.lr-intro { margin-bottom: var(--wp--preset--spacing--60) !important; }
.is-layout-constrained > .lr-intro { max-width: var(--wp--style--global--wide-size) !important; }
.lr-intro > p, .lr-intro > .wp-block-heading, .lr-intro .wp-block-group > * { max-width: 680px; }

/* Ornement : petit losange doré centré */
.lr-ornement { text-align: center; color: var(--wp--preset--color--or); letter-spacing: 0.6em; font-size: 0.75rem; }

/* ==========================================================================
   Héros : photo pleine largeur, texte posé sur le bleu profond
   ========================================================================== */

.lr-hero-cover { padding: var(--wp--preset--spacing--70) clamp(1.25rem, 6vw, 6rem) !important; background: var(--wp--preset--color--nuit); }
.lr-hero-cover .wp-block-cover__inner-container { width: 100%; }
.lr-hero__texte > * { max-width: 600px; }
.lr-hero__texte h1 { margin-top: 1rem; color: var(--wp--preset--color--ivoire); }
.lr-hero__texte .lr-lead { color: #DCE2EC; }
.lr-hero__texte .wp-block-buttons { margin-top: 2.25rem; }
.lr-hero-cover .wp-block-cover__background { opacity: 1 !important; background: linear-gradient(90deg, rgba(11, 20, 38, 0.55) 0%, rgba(11, 20, 38, 0.15) 45%, rgba(11, 20, 38, 0) 70%) !important; }
@media (max-width: 781px) {
	.lr-hero-cover { min-height: 100svh !important; align-items: flex-end !important; padding-top: 60vh !important; padding-bottom: var(--wp--preset--spacing--60) !important; }
	.lr-hero-cover .wp-block-cover__image-background { object-position: 77% 18% !important; }
	.lr-hero-cover .wp-block-cover__background { background: linear-gradient(180deg, rgba(11, 20, 38, 0) 35%, rgba(11, 20, 38, 0.85) 62%, #0B1426 80%) !important; }
}

/* ==========================================================================
   Bandeau des scènes
   ========================================================================== */

.lr-scenes { padding-block: 1.75rem !important; background: var(--wp--preset--color--abysse); border-top: 1px solid var(--wp--custom--filet); border-bottom: 1px solid var(--wp--custom--filet); }
.lr-scenes ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.75rem 2.5rem; }
.lr-scenes li { font-family: var(--wp--preset--font-family--display); font-size: 1.375rem; color: var(--wp--preset--color--ivoire); }
.lr-scenes li:first-child { font-family: var(--wp--preset--font-family--body); font-size: 0.75rem; letter-spacing: 0.3em; text-transform: uppercase; color: var(--wp--preset--color--or); }

/* ==========================================================================
   Photos
   ========================================================================== */

.lr-photo { margin: 0; }
.lr-photo img { width: 100%; object-fit: cover; display: block; }
.lr-ratio-4-5 img { aspect-ratio: 4 / 5; }
.lr-ratio-3-4 img { aspect-ratio: 3 / 4; }
.lr-ratio-2-3 img { aspect-ratio: 2 / 3; }
.lr-ratio-4-3 img { aspect-ratio: 4 / 3; }
.lr-ratio-1 img { aspect-ratio: 1 / 1; }
.lr-cadre img { box-shadow: 0 0 0 1px var(--wp--custom--filet), 18px 18px 0 -1px var(--wp--preset--color--marine), 18px 18px 0 0 var(--wp--custom--filet); }

.lr-galerie { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px; padding: 0 !important; }
.lr-galerie > * { margin: 0 !important; }
.lr-galerie img { width: 100%; aspect-ratio: 3 / 4; object-fit: cover; display: block; transition: opacity 0.4s ease; }
.lr-galerie img:hover { opacity: 0.88; }
@media (max-width: 781px) { .lr-galerie { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

.lr-duo-photos { gap: 1rem !important; }
.lr-duo-photos .wp-block-column:last-child { padding-top: 3rem; }
.lr-duo-photos figcaption { margin-top: 0.75rem; font-size: 0.6875rem; letter-spacing: 0.24em; text-transform: uppercase; color: var(--wp--preset--color--brume); text-align: left; }

/* ==========================================================================
   Cartes
   ========================================================================== */

.lr-cartes { gap: 1.5rem !important; }
.lr-carte {
	height: 100%; box-sizing: border-box;
	padding: 2.5rem 2.25rem !important;
	border: 1px solid var(--wp--custom--filet);
	background: var(--wp--preset--color--marine);
	display: flex; flex-direction: column;
}
.lr-carte > * { margin-block: 0 !important; }
.lr-carte > * + * { margin-top: 1rem !important; }
.lr-carte h3 { font-size: 1.75rem; }
.lr-carte p { color: var(--wp--preset--color--texte); }
.lr-carte ul { color: var(--wp--preset--color--ivoire); font-size: 0.9375rem; }
.lr-carte .lr-prix {
	margin-top: auto !important; padding-top: 1.25rem; border-top: 1px solid var(--wp--custom--filet);
	font-family: var(--wp--preset--font-family--display); font-size: 1.625rem; color: var(--wp--preset--color--ivoire);
}
.lr-carte--vedette { background: linear-gradient(160deg, #EFDCA8 0%, #D4B26A 100%); border: 0; }
.lr-carte--vedette, .lr-carte--vedette p, .lr-carte--vedette ul, .lr-carte--vedette h3, .lr-carte--vedette .lr-prix { color: var(--wp--preset--color--nuit) !important; }
.lr-carte--vedette .lr-eyebrow { color: #4A3A16; }
.lr-carte--vedette .lr-prix { border-top-color: rgba(11, 20, 38, 0.22); }
.lr-carte--simple { background: transparent; }
.wp-block-column > .lr-carte { margin: 0; }

/* ==========================================================================
   Pastilles (répertoire)
   ========================================================================== */

.lr-pastilles { list-style: none; padding: 0 !important; display: flex; flex-wrap: wrap; gap: 0.6rem; margin-top: 1.75rem !important; }
.lr-pastilles li { margin: 0; padding: 0.45rem 1.1rem; border: 1px solid var(--wp--custom--filet); border-radius: 999px; font-size: 0.875rem; color: var(--wp--preset--color--ivoire); }

/* ==========================================================================
   Étapes
   ========================================================================== */

.lr-etapes { gap: 2.5rem !important; }
.lr-num { margin: 0 !important; font-family: var(--wp--preset--font-family--display); font-size: 2.75rem; line-height: 1; color: var(--wp--preset--color--or); }
.lr-etapes h3 { font-family: var(--wp--preset--font-family--body); font-size: 1.0625rem; font-weight: 600; letter-spacing: 0.01em; margin-top: 1rem; }
.lr-etapes p:not(.lr-num) { color: var(--wp--preset--color--brume); margin-top: 0.5rem; }

/* ==========================================================================
   Témoignage
   ========================================================================== */

.lr-temoignage { text-align: center; margin-inline: auto; padding: 0 !important; }
.lr-temoignage p { font-size: clamp(1.75rem, 3vw, 2.5rem); line-height: 1.3; }
.lr-temoignage cite { display: block; margin-top: 1.75rem; font-family: var(--wp--preset--font-family--body); font-style: normal; font-size: 0.75rem; letter-spacing: 0.24em; text-transform: uppercase; color: var(--wp--preset--color--brume); }

/* ==========================================================================
   FAQ
   ========================================================================== */

.lr-faq { border-bottom: 1px solid var(--wp--custom--filet); padding-block: 1.5rem; margin: 0 !important; }
.lr-faq:first-of-type { border-top: 1px solid var(--wp--custom--filet); }
.lr-faq summary {
	cursor: pointer; list-style: none; position: relative; padding-right: 2.5rem;
	font-family: var(--wp--preset--font-family--display); font-size: 1.5rem; line-height: 1.3; color: var(--wp--preset--color--ivoire);
}
.lr-faq summary::-webkit-details-marker { display: none; }
.lr-faq summary::after { content: "+"; position: absolute; right: 0.25rem; top: -0.1rem; font-family: var(--wp--preset--font-family--body); font-weight: 300; font-size: 1.75rem; color: var(--wp--preset--color--or); transition: transform 0.25s ease; }
.lr-faq[open] summary::after { transform: rotate(45deg); }
.lr-faq p { margin-top: 0.9rem; color: var(--wp--preset--color--texte); }

/* ==========================================================================
   Vidéos (emplacements)
   ========================================================================== */

.lr-videos { gap: 1.25rem !important; }
.lr-video-vide {
	display: flex; align-items: center; justify-content: center; aspect-ratio: 16 / 9;
	margin: 0 !important; border: 1px dashed var(--wp--custom--filet); color: var(--wp--preset--color--brume);
	font-size: 0.8125rem; text-align: center; padding: 1rem;
}
.lr-videos .wp-block-embed { margin: 0; }
.lr-videos h3 { font-size: 1.375rem; margin-top: 0.75rem; }

/* ==========================================================================
   Journal (boucle d'articles)
   ========================================================================== */

.lr-journal .wp-block-post-featured-image img { aspect-ratio: 3 / 2; object-fit: cover; }
.lr-journal .wp-block-post-title { font-size: 1.75rem; margin-top: 0.5rem; }
.lr-journal .wp-block-post-excerpt { color: var(--wp--preset--color--brume); }
.lr-journal .wp-block-post-excerpt__more-link { display: inline-block; margin-top: 0.75rem; }
.wp-block-query-pagination { margin-top: var(--wp--preset--spacing--60); }

/* ==========================================================================
   Formulaire de contact
   ========================================================================== */

.lr-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.1rem 1.25rem; padding: 2.5rem 2.25rem; background: var(--wp--preset--color--marine); border: 1px solid var(--wp--custom--filet); }
.lr-form .lr-champ { display: flex; flex-direction: column; gap: 0.4rem; }
.lr-form .lr-champ--large { grid-column: 1 / -1; }
.lr-form label { font-size: 0.8125rem; font-weight: 600; letter-spacing: 0.02em; color: var(--wp--preset--color--ivoire); }
.lr-form label .lr-opt { font-weight: 400; color: var(--wp--preset--color--brume); }
.lr-form input, .lr-form select, .lr-form textarea {
	width: 100%; box-sizing: border-box; min-height: 48px; padding: 0.7rem 0.9rem;
	font: inherit; font-size: 1rem; color: var(--wp--preset--color--ivoire);
	background: var(--wp--preset--color--nuit); border: 1px solid rgba(245, 242, 235, 0.18); border-radius: 2px;
}
.lr-form textarea { min-height: 130px; resize: vertical; }
.lr-form input:focus, .lr-form select:focus, .lr-form textarea:focus { outline: 2px solid var(--wp--preset--color--or); outline-offset: 1px; border-color: transparent; }
.lr-form input[type="date"] { color-scheme: dark; }
.lr-form .lr-consentement { grid-column: 1 / -1; display: flex; gap: 0.7rem; align-items: flex-start; font-size: 0.8125rem; color: var(--wp--preset--color--brume); }
.lr-form .lr-consentement input { width: 20px; min-height: 20px; height: 20px; margin-top: 2px; accent-color: var(--wp--preset--color--or); flex: none; }
.lr-form button {
	grid-column: 1 / -1; min-height: 54px; border: 0; border-radius: 999px; cursor: pointer;
	background: linear-gradient(135deg, #EBD49C 0%, #D4B26A 100%); color: var(--wp--preset--color--nuit);
	font: inherit; font-weight: 600; letter-spacing: 0.04em;
}
.lr-form button:hover { background: linear-gradient(135deg, #F3E2B5 0%, #E0C27C 100%); }
.lr-form .lr-pot { position: absolute !important; left: -10000px !important; width: 1px; height: 1px; overflow: hidden; }
.lr-form-message { grid-column: 1 / -1; padding: 1rem 1.25rem; border-left: 2px solid var(--wp--preset--color--or); background: var(--wp--preset--color--nuit); color: var(--wp--preset--color--ivoire); }
.lr-form-message--erreur { border-left-color: #E8A0A0; }
@media (max-width: 600px) { .lr-form { grid-template-columns: 1fr; padding: 1.75rem 1.25rem; } }

.lr-coordonnees a { font-size: 1.125rem; color: var(--wp--preset--color--ivoire); }

/* ==========================================================================
   Pied de page
   ========================================================================== */

.lr-footer { background: var(--wp--preset--color--abysse); border-top: 1px solid var(--wp--custom--filet); font-size: 0.875rem; color: var(--wp--preset--color--brume); }
.lr-footer a { color: var(--wp--preset--color--texte); }
.lr-footer a:hover { color: var(--wp--preset--color--or-clair); }
.lr-footer .wp-block-site-title { font-size: 1.75rem; }
.lr-footer__bas { border-top: 1px solid var(--wp--custom--filet-doux); padding-top: 1.5rem; margin-top: 2.5rem !important; font-size: 0.8125rem; }
.lr-footer h2 { font-family: var(--wp--preset--font-family--body); font-size: 0.75rem; font-weight: 500; letter-spacing: 0.3em; text-transform: uppercase; color: var(--wp--preset--color--or); }
.lr-footer ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 0.4rem; }

/* ==========================================================================
   Articles
   ========================================================================== */

.lr-article .wp-block-post-content p { font-size: 1.125rem; line-height: 1.8; }
.lr-article .wp-block-post-content > p:first-of-type::first-letter { font-family: var(--wp--preset--font-family--display); float: left; font-size: 4.2rem; line-height: 0.85; padding: 0.35rem 0.6rem 0 0; color: var(--wp--preset--color--or); }
.lr-article .wp-block-post-featured-image img { aspect-ratio: 16 / 9; object-fit: cover; }

/* Cohérence éditeur */
.editor-styles-wrapper { background: var(--wp--preset--color--nuit); }

/* Bouton contour (variante « is-style-outline ») */
.wp-block-button.is-style-outline > .wp-block-button__link {
	background: transparent !important; color: var(--wp--preset--color--ivoire) !important;
	border: 1px solid rgba(245, 242, 235, 0.45) !important;
}
.wp-block-button.is-style-outline > .wp-block-button__link:hover { border-color: var(--wp--preset--color--or) !important; color: var(--wp--preset--color--or-clair) !important; }

/* Commentaires */
.lr-commentaires { margin-top: var(--wp--preset--spacing--60) !important; padding-top: var(--wp--preset--spacing--50); border-top: 1px solid var(--wp--custom--filet); }
.lr-commentaires .wp-block-comment-template li { padding-block: 1.25rem; border-bottom: 1px solid var(--wp--custom--filet-doux); }
.lr-commentaires input:not([type="checkbox"]):not([type="submit"]), .lr-commentaires textarea {
	width: 100%; box-sizing: border-box; padding: 0.7rem 0.9rem; font: inherit; color: var(--wp--preset--color--ivoire);
	background: var(--wp--preset--color--marine); border: 1px solid rgba(245, 242, 235, 0.18); border-radius: 2px;
}
.lr-commentaires input[type="submit"] {
	min-height: 48px; padding: 0 1.75rem; border: 0; border-radius: 999px; cursor: pointer;
	background: linear-gradient(135deg, #EBD49C 0%, #D4B26A 100%); color: var(--wp--preset--color--nuit); font: inherit; font-weight: 600;
}

/* Sections bord à bord : pas d'espace entre en-tête, contenu et pied de page */
.wp-site-blocks > main, .wp-site-blocks > footer { margin-block-start: 0; }
.wp-block-post-content > .alignfull { margin-block-start: 0 !important; margin-block-end: 0 !important; }

/* Ajustements */
.lr-form p { margin: 0; }
.lr-form .lr-consentement label { font-weight: 400; color: var(--wp--preset--color--brume); }
.lr-footer h2 { margin-bottom: 0.9rem !important; }
@media (max-width: 781px) { .lr-scenes ul { justify-content: center; text-align: center; } .lr-scenes li:first-child { flex-basis: 100%; } }