/*
Theme Name:   UCP Child
Theme URI:    https://www.univers-chasse-peche.com/
Description:  Thème enfant de Divi pour Univers Chasse Pêche. Contient le design system UCP (jetons de couleur, typographie, composants) et les surcharges du thème parent.
Author:       Univers Chasse Pêche
Author URI:   https://www.univers-chasse-peche.com/
Template:     Divi
Version:      0.6.6
Requires PHP: 7.4
Text Domain:  ucp-child
*/

/*
 * Pages EN / ES en pleine largeur.
 * Divi conserve par défaut la largeur réservée à une sidebar, même lorsqu'elle
 * est absente. Cette classe est ajoutée uniquement à ces deux accueils par
 * inc/multilingue-pages.php : la page française reste donc inchangée.
 */
body.ucp-secondary-fullwidth #main-content > .container {
	width: 100%;
	max-width: none;
	padding-top: 0;
}

body.ucp-secondary-fullwidth #main-content > .container::before {
	display: none !important;
}

body.ucp-secondary-fullwidth #left-area {
	float: none;
	width: 100%;
	padding: 0 !important;
}

body.ucp-secondary-fullwidth #sidebar {
	display: none !important;
}

body.ucp-secondary-fullwidth article.page,
body.ucp-secondary-fullwidth article.product,
body.ucp-secondary-fullwidth .entry-content,
body.ucp-secondary-fullwidth .ucp-int-home {
	width: 100%;
	max-width: none;
	margin: 0;
}

/* Ces pages possedent deja leur H1 dans leur mise en page personnalisee. */
body.ucp-secondary-fullwidth article.page > .entry-title {
	display: none !important;
}

body.ucp-page-devis.ucp-secondary-fullwidth #main-content {
	background: #f5f0e7;
}

body.ucp-page-devis.ucp-secondary-fullwidth .ucp-lang-devis {
	width: 100%;
	max-width: none;
	padding: 0 0 clamp(70px, 8vw, 110px);
}

body.ucp-page-devis.ucp-secondary-fullwidth .ucp-devis-hero {
	padding: clamp(62px, 7vw, 96px) 0 clamp(86px, 9vw, 126px);
	background:
		linear-gradient(112deg, rgba(13, 43, 31, 0.98), rgba(27, 70, 50, 0.93)),
		url('https://www.univers-chasse-peche.com/wp-content/uploads/2026/07/cerf-brame-16x9-1.jpg') center 42% / cover;
	color: #f7f3ec;
}

body.ucp-page-devis.ucp-secondary-fullwidth .ucp-devis-hero__inner,
body.ucp-page-devis.ucp-secondary-fullwidth .ucp-lang-devis__form-shell {
	width: min(1180px, 88vw);
	margin-inline: auto;
}

body.ucp-page-devis.ucp-secondary-fullwidth .ucp-devis-hero__inner {
	max-width: 1180px;
}

body.ucp-page-devis.ucp-secondary-fullwidth .ucp-devis-hero .ucp-eyebrow {
	color: #d9b333;
}

body.ucp-page-devis.ucp-secondary-fullwidth .ucp-lang-devis h1 {
	max-width: 820px;
	margin: 13px 0 20px;
	color: #fff;
	font-size: clamp(42px, 5vw, 66px);
	line-height: 1.01;
}

body.ucp-page-devis.ucp-secondary-fullwidth .ucp-devis-hero__lead {
	max-width: 720px;
	margin: 0;
	color: rgba(255, 255, 255, 0.86);
	font-size: clamp(17px, 1.5vw, 21px);
	line-height: 1.65;
}

body.ucp-page-devis.ucp-secondary-fullwidth .ucp-devis-hero__proofs {
	display: flex;
	flex-wrap: wrap;
	gap: 12px 28px;
	margin: 30px 0 0;
	padding: 0;
	list-style: none;
}

body.ucp-page-devis.ucp-secondary-fullwidth .ucp-devis-hero__proofs li {
	position: relative;
	padding-left: 18px;
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.025em;
}

body.ucp-page-devis.ucp-secondary-fullwidth .ucp-devis-hero__proofs li::before {
	position: absolute;
	top: 0.55em;
	left: 0;
	width: 7px;
	height: 7px;
	background: #d9b333;
	content: '';
	transform: rotate(45deg);
}

body.ucp-page-devis.ucp-secondary-fullwidth .ucp-lang-devis__form-shell {
	position: relative;
	z-index: 2;
	margin-top: -54px;
}

body.ucp-page-devis.ucp-secondary-fullwidth .ucp-form-card {
	padding: 0;
	border: 0;
	background: transparent;
}

body.ucp-page-devis.ucp-secondary-fullwidth .ucp-form-block {
	margin: 0 0 18px;
	padding: clamp(28px, 4vw, 46px);
	border: 1px solid #e0d5c3;
	border-left: 4px solid #173f2e;
	background: #fff;
	box-shadow: 0 16px 44px rgba(27, 37, 31, 0.07);
}

body.ucp-page-devis.ucp-secondary-fullwidth .ucp-form-block__header {
	margin-bottom: 28px;
	padding-bottom: 17px;
	border-bottom: 1px solid #d9cfbf;
}

body.ucp-page-devis.ucp-secondary-fullwidth .ucp-form-block__letter {
	font-size: 26px;
}

body.ucp-page-devis.ucp-secondary-fullwidth .ucp-form-block__title {
	font-size: 20px;
}

body.ucp-page-devis.ucp-secondary-fullwidth .ucp-devis-form input[type="text"],
body.ucp-page-devis.ucp-secondary-fullwidth .ucp-devis-form input[type="email"],
body.ucp-page-devis.ucp-secondary-fullwidth .ucp-devis-form input[type="tel"],
body.ucp-page-devis.ucp-secondary-fullwidth .ucp-devis-form input[type="number"],
body.ucp-page-devis.ucp-secondary-fullwidth .ucp-devis-form select,
body.ucp-page-devis.ucp-secondary-fullwidth .ucp-devis-form textarea {
	min-height: 52px;
	border-color: #d8cebd;
	background: #faf7f1;
}

body.ucp-page-devis.ucp-secondary-fullwidth .ucp-devis-form input:focus,
body.ucp-page-devis.ucp-secondary-fullwidth .ucp-devis-form select:focus,
body.ucp-page-devis.ucp-secondary-fullwidth .ucp-devis-form textarea:focus {
	border-color: #1f513b;
	outline: 3px solid rgba(31, 81, 59, 0.11);
}

body.ucp-page-devis.ucp-secondary-fullwidth .ucp-engagement {
	margin-top: 28px;
	background: #173f2e;
}

body.ucp-page-devis.ucp-secondary-fullwidth .ucp-engagement p,
body.ucp-page-devis.ucp-secondary-fullwidth .ucp-engagement strong {
	color: #f7f3ec;
}

@media (max-width: 767px) {
	body.ucp-page-devis.ucp-secondary-fullwidth .ucp-devis-hero {
		padding: 54px 0 84px;
	}

	body.ucp-page-devis.ucp-secondary-fullwidth .ucp-lang-devis__form-shell {
		width: min(92vw, 1180px);
		margin-top: -36px;
	}

	body.ucp-page-devis.ucp-secondary-fullwidth .ucp-form-block {
		padding: 24px 18px;
		border-left-width: 3px;
	}
}

/* -------------------------------------------------------------------------
   UCP v0.6.6 — retour ciblé à la base 0.6.1
   -------------------------------------------------------------------------
   Le bloc « Voyagez en confiance » repose volontairement sur les styles Divi
   historiques de la v0.6.1. Aucun redesign ni grille générique n'est appliqué
   ici. Les règles ci-dessous ne concernent que les contraintes mobiles sûres.
   ------------------------------------------------------------------------- */
@media (max-width: 767px) {
	html,
	body {
		width: 100% !important;
		min-width: 0 !important;
		overflow-x: hidden !important;
	}

	body #page-container,
	body #et-boc,
	body #main-content,
	body .et-l--body,
	body .et_builder_inner_content {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box !important;
	}

	/* Écosse : texte puis photo, sans conserver la grille desktop. */
	body.home .et_pb_section_3_tb_body .et_pb_row_3_tb_body,
	body.home .et_pb_section:has(.ucp-home-feature__copy) .et_pb_row:has(.ucp-home-feature__copy) {
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 24px !important;
		width: 100% !important;
		max-width: none !important;
		margin: 0 !important;
		padding: 0 24px !important;
	}

	body.home .et_pb_section_3_tb_body .et_pb_row_3_tb_body > .et_pb_column,
	body.home .et_pb_section:has(.ucp-home-feature__copy) .et_pb_row:has(.ucp-home-feature__copy) > .et_pb_column {
		position: static !important;
		float: none !important;
		width: 100% !important;
		max-width: none !important;
		min-height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	body.home .et_pb_section_3_tb_body .et_pb_text_5_tb_body,
	body.home .et_pb_section:has(.ucp-home-feature__copy) .ucp-home-feature__copy {
		order: 1 !important;
		width: 100% !important;
		max-width: none !important;
		padding: 0 !important;
		border-left: 0 !important;
	}

	body.home .et_pb_section_3_tb_body .et_pb_text_6_tb_body,
	body.home .et_pb_section:has(.ucp-home-feature__copy) .ucp-home-feature__media {
		display: block !important;
		order: 2 !important;
		position: static !important;
		width: 100% !important;
		max-width: none !important;
		height: auto !important;
		min-height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden !important;
	}

	body.home .et_pb_section_3_tb_body .et_pb_text_6_tb_body img,
	body.home .et_pb_section:has(.ucp-home-feature__copy) .ucp-home-feature__media img {
		display: block !important;
		visibility: visible !important;
		position: static !important;
		width: 100% !important;
		height: auto !important;
		aspect-ratio: 4 / 3 !important;
		object-fit: cover !important;
	}

	/* Si le module contient déjà un texte d'introduction, il reste lisible et
	   ne récupère pas la justification desktop. */
	body.home .et_pb_section_3_tb_body .et_pb_text_5_tb_body p,
	body.home .et_pb_section:has(.ucp-home-feature__copy) .ucp-home-feature__copy p {
		text-align: left !important;
		text-align-last: auto !important;
		line-height: 1.5 !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		hyphens: none !important;
	}

	/* Le numéro Atout France n'est pas un téléphone. */
	body.home .ucp-home-trust a[x-apple-data-detectors],
	body.home .ucp-home-trust a[href^="tel:"] {
		color: inherit !important;
		text-decoration: none !important;
		font: inherit !important;
	}
}

/* iOS ne doit pas transformer le numéro de licence en lien téléphonique. */
a[x-apple-data-detectors],
a[x-apple-data-detectors-type],
a[x-apple-data-detectors-subject] {
	color: inherit !important;
	text-decoration: none !important;
	font: inherit !important;
}

/* -------------------------------------------------------------------------
   Ce fichier est chargé EN DERNIER, après tous les assets/css/*.css.
   Il est volontairement vide : gardez-le pour vos correctifs ponctuels et
   urgents (le genre de rustine qu'on colle un vendredi soir).

   Le design system, lui, vit dans :
     assets/css/01-tokens.css      couleurs, typo, espacements
     assets/css/02-base.css        styles globaux (titres, texte, liens, boutons Divi)
     assets/css/03-components.css  blocs réutilisables (.ucp-*)
     assets/css/04-responsive.css  adaptations tablette / mobile

   Convention : tout ce qui est à nous est préfixé `ucp-`. On ne cible jamais
   une classe interne de Divi (`et_pb_*`) sauf dans la section explicitement
   marquée « surcharges Divi » de 02-base.css.
   ------------------------------------------------------------------------- */

/* Correctifs mobile de l'accueil et des fiches séjour. */
@media (max-width: 767px) {
	.ucp-hero--sejour .ucp-hero__bg {
		aspect-ratio: 16 / 9;
		max-height: 230px;
		background: #202022;
	}

	.ucp-hero--sejour .ucp-hero__bg img,
	.ucp-hero--sejour .ucp-hero__bg video {
		object-position: 50% 42% !important;
	}

	.et-l--header .et_mobile_menu .ucp-language-menu,
	#main-header .et_mobile_menu .ucp-language-menu,
	.et_mobile_menu .ucp-language-menu__toggle,
	.et_mobile_menu .ucp-language-menu__option > a {
		position: relative;
		z-index: 100001;
		pointer-events: auto !important;
		touch-action: manipulation;
	}

	.et_mobile_menu .ucp-language-menu__option > a {
		display: flex !important;
		align-items: center;
		min-height: 50px;
	}

	body.home .et_pb_section_3_tb_body,
	body.home .et_pb_section:has(.ucp-home-feature__copy) {
		clear: both;
		margin-top: 32px !important;
		padding-top: 56px !important;
	}

	body.home .et_pb_section_3_tb_body::before,
	body.home .et_pb_section:has(.ucp-home-feature__copy)::before {
		position: absolute;
		top: 0;
		right: 12vw;
		left: 12vw;
		height: 1px;
		background: rgba(212, 175, 55, 0.45);
		content: '';
	}
}