/* ═══════════════════════════════════════════════════
   MIRICHAUD PRO — CSS COMPLET UNIFIÉ
   Remplace tout le CSS précédent par celui-ci
═══════════════════════════════════════════════════ */
:root {
}

/* ══ TYPOGRAPHIE GLOBALE ══ */
body, p, li, a, span, div, input, textarea, select, button, label {
	font-family: 'DM Sans', sans-serif !important;
}

h1, h2, h3, h4, h5, h6,
.entry-title, .page-title, .site-title {
	font-family: 'Playfair Display', serif !important;
}

/* ══ HEADER & LOGO ══ */
.site-header, #masthead {
	background: #fff !important;
	border-bottom: 1px solid var(--gris-clair) !important;
	box-shadow: none !important;
	position: sticky !important;
	top: 0 !important;
	z-index: 100 !important;
}

/* Barre rouge sous le header */
.site-header, #masthead {
	border-bottom: 3px solid var(--rouge) !important;
}

.site-title a, .site-title {
	font-family: 'Playfair Display', serif !important;
	font-weight: 700 !important;
	color: var(--noir) !important;
	font-size: 24px !important;
}

/* ══ NAVIGATION ══ */
.main-navigation a, .nav-menu a {
	font-family: 'DM Sans', sans-serif !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	letter-spacing: 1px !important;
	text-transform: uppercase !important;
	color: var(--gris-moyen) !important;
	padding: 8px 14px !important;
	transition: color .2s !important;
}

.main-navigation a:hover, .nav-menu a:hover {
	color: var(--rouge) !important;
	background: #fdf0ed !important;
	border-radius: 2px !important;
}

/* ══ FOND DE PAGE ══ */
body {
	background: #fff !important;
}

/* ══ BANDEAU "MADE IN FRANCE" sous le header ══ */
.wp-site-blocks > header + ::before,
#page > #content::before,
.site-content::before,
#primary::before {
	content: '✦  100% Fabriqué en France  ·  Atelier de Miribel (Ain)  ·  40 ans de savoir-faire  ·  Inox professionnel  ·  SAV réactif  ✦';
	display: block !important;
	background: var(--noir) !important;
	color: rgba(255,255,255,0.7) !important;
	font-family: 'DM Sans', sans-serif !important;
	font-size: 11px !important;
	font-weight: 500 !important;
	letter-spacing: 1.5px !important;
	text-transform: uppercase !important;
	text-align: center !important;
	padding: 13px 40px !important;
}

/* ══ TITRES DE PAGES ══ */
.entry-title, .page-title, h1.entry-title {
	font-family: 'Playfair Display', serif !important;
	font-size: 44px !important;
	font-weight: 700 !important;
	color: var(--noir) !important;
	line-height: 1.12 !important;
	margin-bottom: 24px !important;
}

/* ══ CONTENU PAGES ══ */
.entry-content, .page-content {
	font-family: 'DM Sans', sans-serif !important;
	font-size: 15px !important;
	line-height: 1.8 !important;
	color: var(--gris-moyen) !important;
}

.entry-content h2, .page-content h2 {
	font-family: 'Playfair Display', serif !important;
	font-size: 26px !important;
	font-weight: 700 !important;
	color: var(--noir) !important;
	margin-top: 40px !important;
	margin-bottom: 16px !important;
	padding-bottom: 12px !important;
	border-bottom: 2px solid var(--gris-clair) !important;
}

.entry-content h3, .page-content h3 {
	font-family: 'Playfair Display', serif !important;
	font-size: 19px !important;
	font-weight: 600 !important;
	color: var(--rouge) !important;
	margin-top: 28px !important;
	margin-bottom: 10px !important;
}

.entry-content p, .page-content p {
	font-size: 15px !important;
	line-height: 1.8 !important;
	color: var(--gris-moyen) !important;
	margin-bottom: 16px !important;
}

/* ══ LISTES ══ */
.entry-content ul li, .page-content ul li {
	position: relative !important;
	padding-left: 16px !important;
	margin-bottom: 8px !important;
	color: var(--gris-moyen) !important;
	list-style: none !important;
}

.entry-content ul li::before, .page-content ul li::before {
	content: '' !important;
	position: absolute !important;
	left: 0 !important;
	top: 9px !important;
	width: 6px !important;
	height: 6px !important;
	border-radius: 50% !important;
	background: var(--rouge) !important;
}

/* ══ SÉPARATEURS ══ */
hr, .wp-block-separator {
	border: none !important;
	border-top: 1px solid var(--gris-clair) !important;
	margin: 40px 0 !important;
}

/* ══ IMAGES ══ */
.wp-block-image img, figure.wp-block-image img {
	border-radius: 6px !important;
	box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important;
	transition: transform .3s ease, box-shadow .3s ease !important;
}

.wp-block-image:hover img {
	transform: translateY(-4px) !important;
	box-shadow: 0 12px 40px rgba(0,0,0,0.14) !important;
}

/* ══ LÉGENDES IMAGES ══ */
figcaption, .wp-element-caption {
	font-family: 'DM Sans', sans-serif !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	letter-spacing: 1px !important;
	text-transform: uppercase !important;
	color: var(--gris-chaud) !important;
	text-align: center !important;
	margin-top: 10px !important;
}

/* ══ COLONNES PRODUITS (page d'accueil) ══ */
.wp-block-columns {
	gap: 24px !important;
}

.wp-block-column {
	background: #fff !important;
	border: 1px solid var(--gris-clair) !important;
	border-radius: 6px !important;
	padding: 28px !important;
	transition: box-shadow 0.25s, transform .25s !important;
}

.wp-block-column:hover {
	box-shadow: 0 8px 32px rgba(0,0,0,0.09) !important;
	transform: translateY(-3px) !important;
}

/* ══ BOUTONS ══ */
.wp-block-button__link,
.button, input[type="submit"],
button[type="submit"] {
	background: var(--rouge) !important;
	color: #fff !important;
	font-family: 'DM Sans', sans-serif !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	letter-spacing: 1.2px !important;
	text-transform: uppercase !important;
	padding: 13px 28px !important;
	border-radius: 2px !important;
	border: none !important;
	transition: background 0.2s, transform .15s !important;
	box-shadow: none !important;
}

.wp-block-button__link:hover,
.button:hover, input[type="submit"]:hover {
	background: var(--rouge-fonce) !important;
	transform: translateY(-1px) !important;
	color: #fff !important;
}

/* ══ LIENS ══ */
a {
	color: var(--rouge) !important;
}

a:hover {
	color: var(--rouge-fonce) !important;
}

.entry-content a:not(.wp-block-button__link),
.page-content a:not(.wp-block-button__link) {
	border-bottom: 1px solid transparent !important;
	transition: border-color .2s !important;
	text-decoration: none !important;
}

.entry-content a:not(.wp-block-button__link):hover,
.page-content a:not(.wp-block-button__link):hover {
	border-bottom-color: var(--rouge) !important;
}

/* ══ CITATION ══ */
.wp-block-quote, blockquote {
	border-left: 3px solid var(--rouge) !important;
	padding-left: 20px !important;
	font-style: italic !important;
	color: var(--gris-chaud) !important;
	margin: 28px 0 !important;
}

/* ══ FORMULAIRES ══ */
input[type="text"], input[type="email"], input[type="tel"],
textarea, select {
	font-family: 'DM Sans', sans-serif !important;
	border: 1px solid var(--gris-clair) !important;
	border-radius: 2px !important;
	padding: 11px 15px !important;
	font-size: 14px !important;
	color: var(--noir) !important;
	background: #fff !important;
	transition: border-color .2s !important;
}

input:focus, textarea:focus, select:focus {
	border-color: var(--rouge) !important;
	outline: none !important;
	box-shadow: 0 0 0 3px rgba(192,50,26,0.08) !important;
}

/* ══ FOOTER ══ */
.site-footer, #colophon {
	background: var(--noir) !important;
	color: rgba(255,255,255,0.55) !important;
	border-top: 3px solid var(--rouge) !important;
	padding: 40px !important;
}

.site-footer a, #colophon a {
	color: rgba(255,255,255,0.45) !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	letter-spacing: .8px !important;
	text-transform: uppercase !important;
	text-decoration: none !important;
}

.site-footer a:hover, #colophon a:hover {
	color: #fff !important;
	border-bottom: none !important;
}

.site-footer p, #colophon p,
.site-footer .site-info {
	color: rgba(255,255,255,0.4) !important;
	font-size: 12px !important;
}

.site-footer h2, .site-footer h3,
#colophon h2, #colophon h3 {
	color: rgba(255,255,255,0.85) !important;
	font-family: 'Playfair Display', serif !important;
}

/* ══ "PROPULSÉ PAR WORDPRESS" ══ */
.site-info a[href*="wordpress"] {
	color: rgba(255,255,255,0.2) !important;
	font-size: 10px !important;
}

/* ══ RESPONSIVE MOBILE ══ */
@media (max-width: 768px) {
	.entry-title, .page-title {
		font-size: 28px !important;
	}
	
	.wp-block-column {
		padding: 18px !important;
	}
	
	.site-footer, #colophon {
		padding: 24px 20px !important;
	}
}

/* Footer noir */
.site-footer, #colophon, footer {
	background-color: #111010 !important;
	border-top: 3px solid #c0321a !important;
}

.site-footer *, #colophon *, footer * {
	color: rgba(255,255,255,0.6) !important;
}

/* Barre rouge sous le header */
.site-header, #masthead, header {
	border-bottom: 3px solid #c0321a !important;
}

/* Fond crème sur la page d'accueil */
.home .entry-content, .home .page-content {
	background: #f7f4ef !important;
	padding: 40px !important;
}

/* Supprimer le fond blanc des blocs dans le footer */
.site-footer .wp-block-column,
.site-footer .wp-block-group,
#colophon .wp-block-column,
#colophon .wp-block-group {
	background-color: transparent !important;
	border: none !important;
}

.site-footer img,
#colophon img {
	filter: brightness(0) invert(1) !important;
	opacity: .7 !important;
}

/* Force les blocs du footer à être transparents */
footer .wp-block-columns,
footer .wp-block-column,
footer .wp-block-group,
footer .wp-block-cover,
.site-footer > *,
.site-footer > * > *,
#colophon > *,
#colophon > * > * {
	background: transparent !important;
	background-color: transparent !important;
	border: none !important;
	box-shadow: none !important;
	color: rgba(255,255,255,0.65) !important;
}

footer p, footer a, footer span,
.site-footer p, .site-footer a, .site-footer span,
#colophon p, #colophon a, #colophon span {
	color: rgba(255,255,255,0.65) !important;
}

footer a:hover, .site-footer a:hover, #colophon a:hover {
	color: #ffffff !important;
}

/* ══ BANDEAU MADE IN FRANCE ══ */
.site-content::before,
#content::before,
#primary::before,
main::before,
.wp-site-blocks main::before {
	content: '✦  100% Fabriqué en France  ·  Atelier de Miribel (Ain)  ·  40 ans de savoir-faire  ·  Inox professionnel  ✦';
	display: block !important;
	width: 100%;
	background: #111010 !important;
	color: rgba(255,255,255,0.75) !important;
	font-family: 'DM Sans', sans-serif !important;
	font-size: 11px !important;
	font-weight: 500 !important;
	letter-spacing: 1.5px !important;
	text-transform: uppercase !important;
	text-align: center !important;
	padding: 13px 40px !important;
	box-sizing: border-box !important;
}

/* Supprimer l'espace blanc entre la barre rouge et le bandeau */
.site-content, #content, #primary, main, .wp-site-blocks > main {
	padding-top: 0 !important;
	margin-top: 0 !important;
}

.entry-header, .page-header {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

/* Supprimer l'espace résiduel entre barre rouge et bandeau */
.site-content, #content, #primary, main,
.wp-site-blocks > main,
.wp-site-blocks > div,
.entry-content > :first-child,
.page-content > :first-child {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

/* Coller le bandeau directement sous le header */
main::before, .site-content::before,
#primary::before, #content::before {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

/* Éliminer l'espace résiduel du thème */
.wp-site-blocks {
	padding-top: 0 !important;
	margin-top: 0 !important;
}

.wp-site-blocks > * {
	margin-block-start: 0 !important;
}

.is-layout-flow > * + * {
	margin-block-start: 0 !important;
}

body .editor-styles-wrapper,
body > div > main,
body > div > div > main {
	padding-top: 0 !important;
	margin-top: 0 !important;
}

/* ══ BOUTON DEVIS — LIEN MAILTO ══ */
#btn-devis {
	position: fixed !important;
	bottom: 32px !important;
	right: 32px !important;
	background: #c0321a !important;
	color: white !important;
	font-family: 'DM Sans', sans-serif !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	letter-spacing: 1px !important;
	text-transform: uppercase !important;
	padding: 14px 24px !important;
	border-radius: 2px !important;
	text-decoration: none !important;
	z-index: 9999 !important;
	box-shadow: 0 4px 20px rgba(192,50,26,0.4) !important;
	display: block !important;
}

/* Masquer l'ancien bouton CSS sans lien */
body::after {
	display: none !important;
}

/* ══ PHOTOS PAGE ACCUEIL ══ */
/* Cadres uniformes pour toutes les images produits */
.home .wp-block-image,
.home figure.wp-block-image {
	background: #f7f4ef !important;
	border: 1px solid #e8e4de !important;
	border-radius: 8px !important;
	padding: 24px !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	overflow: hidden !important;
}

/* Toutes les images à la même hauteur */
.home .wp-block-image img,
.home figure.wp-block-image img {
	width: 100% !important;
	height: 220px !important;
	object-fit: contain !important;
	border-radius: 4px !important;
	box-shadow: none !important;
	transition: transform .3s ease !important;
}

.home .wp-block-image:hover img {
	transform: scale(1.04) !important;
}

/* Légendes centrées et stylisées */
.home figcaption,
.home .wp-element-caption {
	text-align: center !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	letter-spacing: 1px !important;
	text-transform: uppercase !important;
	color: #3d3a35 !important;
	margin-top: 14px !important;
	padding-top: 12px !important;
	border-top: 1px solid #e8e4de !important;
	width: 100% !important;
}

/* Colonnes bien espacées */
.home .wp-block-columns {
	gap: 20px !important;
	align-items: stretch !important;
}

.home .wp-block-column {
	background: #f7f4ef !important;
	border: 1px solid #e8e4de !important;
	border-radius: 8px !important;
	padding: 24px !important;
	transition: box-shadow 0.25s, transform .25s !important;
}

.home .wp-block-column:hover {
	box-shadow: 0 8px 32px rgba(0,0,0,0.09) !important;
	transform: translateY(-3px) !important;
	border-color: #c0321a !important;
}

/* Ne pas encadrer la colonne de texte héro */
.home .wp-block-column:first-child {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	padding: 0 !important;
}

/* Images à hauteur fixe égale */
.home .wp-block-image img {
	height: 200px !important;
	width: 100% !important;
	object-fit: contain !important;
}

/* Légende sous la bordure */
.home figcaption,
.home .wp-element-caption {
	border-top: 1px solid #e8e4de !important;
	padding-top: 10px !important;
	margin-top: 12px !important;
	width: 100% !important;
	text-align: center !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	letter-spacing: 1px !important;
	text-transform: uppercase !important;
	color: #3d3a35 !important;
}

/* ══ CORRECTION FOOTER CONTACT ══ */
footer .wp-block-column,
footer .wp-block-columns .wp-block-column,
#colophon .wp-block-column {
	background: transparent !important;
	border: none !important;
	padding: 0 !important;
}

footer .wp-block-image,
footer figure.wp-block-image,
#colophon .wp-block-image {
	background: transparent !important;
	border: none !important;
	padding: 0 !important;
}

footer p, footer a, footer span,
footer h1, footer h2, footer h3,
#colophon p, #colophon a, #colophon span {
	color: rgba(255,255,255,0.75) !important;
}

footer a:hover, #colophon a:hover {
	color: #ffffff !important;
}

/* Logo Mirichaud dans le footer sans cadre */
footer .wp-block-image, #colophon .wp-block-image {
	background: transparent !important;
	border: none !important;
	padding: 0 !important;
}

/* Supprimer le cadre crème autour du logo dans le footer */
footer figure, footer .wp-block-image,
#colophon figure, #colophon .wp-block-image,
footer .wp-block-image img, #colophon .wp-block-image img {
	background: transparent !important;
	background-color: transparent !important;
	border: none !important;
	padding: 0 !important;
	box-shadow: none !important;
	outline: none !important;
}

/* Force suppression cadre logo footer - style inline */
footer .wp-block-column > figure,
footer .wp-block-column > .wp-block-image,
footer .wp-block-column figure.wp-block-image,
#colophon .wp-block-column > figure,
#colophon .wp-block-column > .wp-block-image {
	background-color: transparent !important;
	background: transparent !important;
	border-radius: 0 !important;
	padding: 0 !important;
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
}

footer .wp-block-column > figure *,
#colophon .wp-block-column > figure * {
	background: transparent !important;
	background-color: transparent !important;
}

/* ══ AMÉLIORATION PAGES PRODUITS ══ */
/* Titre de page principal */
.entry-title, .page-title {
	font-size: 48px !important;
	border-bottom: 3px solid #c0321a !important;
	padding-bottom: 16px !important;
	margin-bottom: 40px !important;
	display: inline-block !important;
}

/* Sections h2 avec fond crème */
.entry-content h2, .page-content h2 {
	background: #f7f4ef !important;
	padding: 14px 20px !important;
	border-left: 4px solid #c0321a !important;
	border-radius: 0 4px 4px 0 !important;
	margin: 40px 0 16px !important;
	font-size: 22px !important;
}

/* Listes bien alignées */
.entry-content ul, .page-content ul {
	margin-left: 0 !important;
	padding-left: 0 !important;
	list-style: none !important;
}

.entry-content ul li, .page-content ul li {
	padding: 8px 0 8px 20px !important;
	border-bottom: 1px solid #f0ece6 !important;
	margin-bottom: 0 !important;
}

.entry-content ul li:last-child,
.page-content ul li:last-child {
	border-bottom: none !important;
}

/* Paragraphes bien espacés */
.entry-content p, .page-content p {
	max-width: 720px !important;
	margin-bottom: 20px !important;
}

/* Mise en avant du premier paragraphe */
.entry-content > p:first-of-type,
.page-content > p:first-of-type {
	font-size: 17px !important;
	color: #3d3a35 !important;
	font-weight: 400 !important;
	border-left: 3px solid #c0321a !important;
	padding-left: 16px !important;
	margin-bottom: 32px !important;
}

/* ══ LOGO CLIQUABLE VERS ACCUEIL ══ */
.site-title a,
.site-branding a,
.custom-logo-link,
.site-header .wp-block-site-logo a,
.site-header .wp-block-site-title a {
	pointer-events: auto !important;
	cursor: pointer !important;
}

/* ══ LOGO CLIQUABLE ACCUEIL ══ */
.site-header .wp-block-image,
.site-header figure.wp-block-image {
	cursor: pointer !important;
	position: relative !important;
}

.site-header .wp-block-image::after {
	content: '' !important;
	position: absolute !important;
	z-index: 10 !important;
	cursor: pointer !important;
}

.site-header .wp-block-image img {
	pointer-events: none !important;
}

/* Logo pointer */
.site-header .wp-block-image img {
	cursor: pointer !important;
	pointer-events: auto !important;
}
/* Désactiver lightbox Jetpack sur le logo header */
.site-header .wp-block-image a,
.site-header figure.wp-block-image a {
  pointer-events: none !important;
}

.site-header .wp-block-image img,
.site-header figure.wp-block-image img {
  cursor: pointer !important;
  pointer-events: auto !important;
}