/* Bandeau des pages catégorie (Theme Builder, mise en page #361, première section).
   Divi préfixe ses règles par « .et-db #et-boc .et-l » : on reprend ce préfixe avec body pour passer devant. */

/* Hauteur fixée par la largeur d'écran (au lieu des marges Divi de 9 % / 8 % et du plafond de 308 px),
   texte centré verticalement */
body.tax-product_cat #et-boc .et-l .et_pb_section_0_tb_body.et_pb_section {
	display: flex;
	flex-direction: column;
	justify-content: center;
	max-height: none;
	min-height: clamp(320px, 29vw, 460px);
	padding-top: 48px;
	padding-bottom: 48px;
}

/* Rangée du titre alignée sur celle des produits (80 %, 1440 px max) au lieu des 1080 px de Divi :
   titre, intro (module Texte du gabarit) et grille partent du même bord gauche */
@media (min-width: 768px) {
	body.tax-product_cat #et-boc .et-l .et_pb_section_0_tb_body .et_pb_row {
		width: 80%;
		max-width: 1440px;
	}
}

/* Parallaxe Divi neutralisée : son calque, plus haut que la section et calé en haut, coupait le bas
   du sujet. L'image couvre simplement la section ; !important passe devant le style en ligne de Divi.
   Divi 4 : .et_parallax_bg_wrap > .et_parallax_bg ; Divi 5 : .et-pb-parallax-wrapper > .et-pb-parallax-background. */
body.tax-product_cat #et-boc .et-l .et_pb_section_0_tb_body .et_parallax_bg,
body.tax-product_cat #et-boc .et-l .et_pb_section_0_tb_body .et-pb-parallax-background {
	top: 0 !important;
	height: 100% !important;
	transform: none !important;
	background-position: 50% 60%;
}

/* Voile brun : le dégradé réglé dans Divi passe sous l'image de parallaxe et ne se voit pas */
body.tax-product_cat #et-boc .et-l .et_pb_section_0_tb_body .et_parallax_bg_wrap::after,
body.tax-product_cat #et-boc .et-l .et_pb_section_0_tb_body .et-pb-parallax-wrapper::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(
		90deg,
		rgba(43, 24, 14, 0.68) 0%,
		rgba(43, 24, 14, 0.5) 40%,
		rgba(43, 24, 14, 0) 80%
	);
	pointer-events: none;
}

/* !important : Divi 5 marque la police réglée dans le module (Great Vibes 50 px) en !important */
body.tax-product_cat #et-boc .et-l .et_pb_section_0_tb_body .et_pb_title_container h1.entry-title {
	font-family: "Quattrocento", Georgia, serif !important;
	font-size: 52px !important;
	font-weight: 700 !important;
	line-height: 1.15;
	text-shadow: 0 2px 12px rgba(0, 0, 0, 0.35);
	max-width: 12em; /* un titre long passe sur deux lignes au lieu de recouvrir le produit à droite */
	text-wrap: balance;
}

/* Divi 5 affiche sous le titre « par <auteur> | <date> », sans objet pour une catégorie */
body.tax-product_cat #et-boc .et-l .et_pb_section_0_tb_body .et_pb_title_meta_container {
	display: none;
}

body.tax-product_cat #et-boc .et-l .et_pb_section_0_tb_body .woocommerce-breadcrumb {
	font-size: 14px !important;
	letter-spacing: 0.02em;
	text-shadow: 0 1px 6px rgba(0, 0, 0, 0.4);
}

body.tax-product_cat #et-boc .et-l .et_pb_section_0_tb_body .woocommerce-breadcrumb a {
	font-size: inherit !important; /* Divi met aussi 20 px sur les liens (!important sous Divi 5) */
	color: inherit;
	opacity: 0.85;
}

body.tax-product_cat #et-boc .et-l .et_pb_section_0_tb_body .woocommerce-breadcrumb a:hover {
	opacity: 1;
}

@media (max-width: 767px) {
	/* Rangées du bandeau et des produits à 90 % au lieu des 80 % de Divi : plus de place pour les
	   cartes, titre et intro alignés (les pastilles de category-nav en tiennent compte) */
	body.tax-product_cat #et-boc .et-l .et_pb_section_0_tb_body .et_pb_row,
	body.tax-product_cat #et-boc .et-l .et_pb_section_1_tb_body .et_pb_row {
		width: 90%;
	}

	body.tax-product_cat #et-boc .et-l .et_pb_section_0_tb_body.et_pb_section {
		min-height: 0;
		padding-top: 56px;
		padding-bottom: 40px;
	}

	/* Bandeaux panoramiques : produit à droite, à garder visible quand l'image est rognée */
	body.tax-product_cat #et-boc .et-l .et_pb_section_0_tb_body .et_parallax_bg,
	body.tax-product_cat #et-boc .et-l .et_pb_section_0_tb_body .et-pb-parallax-background {
		background-position: 72% 60%;
	}

	/* Texte sur toute la largeur : voile plus uniforme */
	body.tax-product_cat #et-boc .et-l .et_pb_section_0_tb_body .et_parallax_bg_wrap::after,
	body.tax-product_cat #et-boc .et-l .et_pb_section_0_tb_body .et-pb-parallax-wrapper::after {
		background: linear-gradient(90deg, rgba(43, 24, 14, 0.7) 0%, rgba(43, 24, 14, 0.4) 100%);
	}

	body.tax-product_cat #et-boc .et-l .et_pb_section_0_tb_body .et_pb_title_container h1.entry-title {
		font-size: 34px !important;
	}

	body.tax-product_cat #et-boc .et-l .et_pb_section_0_tb_body .woocommerce-breadcrumb {
		font-size: 13px !important;
	}
}