/*
Theme Name: Fidalgo Child
Theme URI: https://fidalgo.qodeinteractive.com
Description: A child theme of Fidalgo
Author: Elated Themes
Author URI: https://qodeinteractive.com
Version: 1.0
Text Domain: fidalgo
Template: fidalgo
*/

/* ==========================================================================
   Charte La Renais.Sens — CUG, 23/10/2026
   Noir #040606 · cuivre #B16049 · cuivre foncé #90513D · pêche #E59D81
   Titres : Mukta Mahee (majuscules) · accroches : Poppins Light (majuscules)
   ========================================================================== */

:root {
	--lrs-black: #040606;
	--lrs-copper: #B16049;
	--lrs-copper-dark: #90513D;
	--lrs-peach: #E59D81;
	--qode-main-color: var(--lrs-copper);
	--qode-border-color: var(--lrs-copper);
}

/* Toutes les « skins » de la démo passent sur le noir de la charte */
body,
body[class*="qodef-skin--"],
body [class*="qodef-skin--"] {
	--qode-background-color: var(--lrs-black);
	--qode-additional-background-color: #0B0D0D;
	--qode-box-background-color: #121515;
	--qode-border-color: var(--lrs-copper);
	--qode-paragraph-color: #D6D2CF;
}

/* Titres */
h1, .qodef-h1,
h2, .qodef-h2,
h3, .qodef-h3,
h4, .qodef-h4,
h5, .qodef-h5 {
	font-family: "Mukta Mahee", "Jost", sans-serif;
	text-transform: uppercase;
}

/* Accroches */
h6, .qodef-h6,
.qodef-m-subtitle,
.qodef-section-title .qodef-m-text {
	font-family: "Poppins", "Jost", sans-serif;
	font-weight: 300;
	text-transform: uppercase;
}

/* Titres passés de h2 à h1 pour le SEO (D2) : même rendu que le h2 de la démo */
.elementor-element-c8b5a1d h1.qodef-m-title,
.elementor-element-a7e3e8d h1.qodef-m-title,
.elementor-element-5f79add h1,
.elementor-element-34a8b99 h1 {
	font-size: 36px;
	line-height: 1.1388888889em;
	letter-spacing: 0.15em;
}

@media only screen and (max-width: 680px) {
	.elementor-element-c8b5a1d h1.qodef-m-title,
	.elementor-element-a7e3e8d h1.qodef-m-title,
	.elementor-element-5f79add h1,
	.elementor-element-34a8b99 h1 {
		font-size: 32px;
	}
}

/* H1 des pages Privatisation et FAQ (titre de section passé de h2 à h1) */
.page-id-4914 .qodef-section-title h1.qodef-m-title,
.page-id-11809 .qodef-section-title h1.qodef-m-title {
	font-size: 36px;
	line-height: 1.1388888889em;
	letter-spacing: 0.15em;
}

@media only screen and (max-width: 680px) {
	.page-id-4914 .qodef-section-title h1.qodef-m-title,
	.page-id-11809 .qodef-section-title h1.qodef-m-title {
		font-size: 32px;
	}
}

/* En-tête : menu de droite (Privatisation, FAQ, Contact), même rendu que le menu de gauche */
.qodef-widget-holder .widget_nav_menu {
	margin: 0 32px 0 0;
}

.qodef-widget-holder .widget_nav_menu ul.menu {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0;
	list-style: none;
}

#qodef-page-wrapper .qodef-widget-holder .widget_nav_menu ul.menu > li {
	margin: 0 0 0 22px;
	padding: 0;
}

.qodef-widget-holder .widget_nav_menu ul.menu a {
	--qodef-background-position: calc(100% - 4px);
	display: inline-block;
	font-family: "Jost", sans-serif;
	font-size: 12px;
	line-height: 28px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #fff;
	background-repeat: no-repeat;
	background-image: linear-gradient(transparent calc(100% - 1px), var(--qode-main-color) 1px);
	background-size: 0 var(--qodef-background-position);
	transition: background-size .5s cubic-bezier(.25, .46, .35, .94);
}

.qodef-widget-holder .widget_nav_menu ul.menu a:hover,
.qodef-widget-holder .widget_nav_menu ul.menu .current-menu-item > a {
	color: #fff;
	background-size: 100% var(--qodef-background-position);
}

/* FAQ : accordéon Elementor aux couleurs de la charte */
body .elementor-widget.lrs-faq .elementor-accordion-item {
	border: 0;
	border-bottom: 1px solid rgba(177, 96, 73, .45);
}

body .elementor-widget.lrs-faq .elementor-accordion-item + .elementor-accordion-item {
	border-top: 0;
}

body .elementor-widget.lrs-faq .elementor-accordion-item:first-child {
	border-top: 1px solid rgba(177, 96, 73, .45);
}

body .elementor-widget.lrs-faq .elementor-accordion .elementor-tab-title {
	padding: 24px 0;
	border: 0;
}

body .elementor-widget.lrs-faq .elementor-accordion .elementor-tab-title .elementor-accordion-title {
	font-family: "Mukta Mahee", "Jost", sans-serif;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: #fff;
}

body .elementor-widget.lrs-faq .elementor-accordion .elementor-tab-title.elementor-active .elementor-accordion-title,
body .elementor-widget.lrs-faq .elementor-accordion .elementor-tab-title:hover .elementor-accordion-title {
	color: var(--lrs-peach);
}

body .elementor-widget.lrs-faq .elementor-accordion .elementor-tab-title .elementor-accordion-icon,
body .elementor-widget.lrs-faq .elementor-accordion .elementor-tab-title .elementor-accordion-icon i {
	color: var(--lrs-copper);
}

body .elementor-widget.lrs-faq .elementor-accordion .elementor-tab-title .elementor-accordion-icon svg {
	fill: var(--lrs-copper);
}

body .elementor-widget.lrs-faq .elementor-accordion .elementor-tab-content {
	padding: 0 0 26px;
	border: 0;
	color: var(--qode-paragraph-color, #D6D2CF);
}

body .elementor-widget.lrs-faq .elementor-accordion .elementor-tab-content p {
	margin: 0 0 10px;
}

body .elementor-widget.lrs-faq .elementor-accordion .elementor-tab-content a {
	color: var(--lrs-peach);
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* Formulaires : mention sous les champs */
.lrs-form-note {
	margin: 4px 0 18px;
	font-size: 13px;
	line-height: 1.6;
	opacity: .75;
}

/* Surfaces du navigateur aux couleurs de la charte */
::selection {
	background: var(--lrs-copper);
	color: #fff;
}

input,
textarea,
select {
	caret-color: var(--lrs-peach);
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
.elementor-tab-title:focus-visible {
	outline: 1px solid var(--lrs-peach);
	outline-offset: 3px;
}

/* Accueil, « Votre table » : fond vert de la démo remplacé par un brun très sombre tiré du cuivre */
body .elementor-24 .elementor-element.elementor-element-02b3b39:not(.elementor-motion-effects-element-type-background) {
	background-color: #17100E;
}

/* Formulaire de réservation dans une demi-colonne (accueil) : deux champs par ligne */
@media only screen and (min-width: 881px) {
	body .elementor-element-a1c7f24 .qodef-grid.qodef-layout--columns > .qodef-grid-inner {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* Accueil, carte provisoire : les photos des colonnes latérales accompagnent la lecture au lieu de laisser des vides */
@media only screen and (min-width: 1025px) {
	body .elementor-24 .elementor-element.elementor-element-373a205,
	body .elementor-24 .elementor-element.elementor-element-16eada7 {
		position: sticky;
		top: 140px;
		align-self: flex-start;
	}
}

/* Accueil, citations : voile sombre côté texte, la photo aux chandelles est trop claire pour un texte fin */
body .elementor-24 .elementor-element.elementor-element-67021e7 {
	position: relative;
}

body .elementor-24 .elementor-element.elementor-element-67021e7::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	background: linear-gradient(90deg, rgba(4, 6, 6, .2) 0%, rgba(4, 6, 6, .55) 45%, rgba(4, 6, 6, .82) 70%, rgba(4, 6, 6, .82) 100%);
	pointer-events: none;
}

body .elementor-24 .elementor-element.elementor-element-67021e7 > * {
	position: relative;
	z-index: 1;
}

@media only screen and (max-width: 1024px) {
	body .elementor-24 .elementor-element.elementor-element-67021e7::before {
		background: rgba(4, 6, 6, .7);
	}
}

/* La carte, « Votre table » : formulaire centré sur 900px, voile sombre pour lire les champs sur la photo */
body .elementor-3816 .elementor-element.elementor-element-f395211 {
	position: relative;
}

body .elementor-3816 .elementor-element.elementor-element-f395211::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	background: rgba(4, 6, 6, .72);
	pointer-events: none;
}

body .elementor-3816 .elementor-element.elementor-element-f395211 > * {
	position: relative;
	z-index: 1;
}

body .elementor.elementor-3816 .e-con > .elementor-element.elementor-element-a1c7f38 {
	width: 100%;
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	align-self: center;
}

/* « Carte provisoire » (accueil) : le mot PROVISOIRE dépasse la colonne étroite en 36px */
@media only screen and (min-width: 1025px) {
	.elementor-element-fda3450 .qodef-m-title {
		font-size: clamp(24px, 2.2vw, 36px);
	}
}

/* Liens et survols */
a:hover,
.qodef-m-title a:hover {
	color: var(--lrs-peach);
}

.qodef-theme-button:hover,
.qodef-button.qodef-layout--filled:hover,
input[type=submit]:hover,
button[type=submit]:hover {
	background-color: var(--lrs-copper-dark);
	border-color: var(--lrs-copper-dark);
}
