/*
 * Oréa Joaillerie — Charte graphique
 * Couleurs : Or #C9A84C | Fond #FAF7F2 | Texte #1A1A1A | Accent #E8D5A3
 * Polices  : Cormorant Garamond (titres) | Jost (corps)
 */

/* Google Fonts chargées via wp_enqueue_style dans functions.php */

/* ========== Variables CSS ========== */
:root {
	--orea-or: #C9A84C;
	--orea-or-hover: #B8973E;
	--orea-fond: #FAF7F2;
	--orea-texte: #1A1A1A;
	--orea-accent: #E8D5A3;
	--orea-blanc: #FFFFFF;
	--orea-gris-clair: #F0EDE8;
	--orea-gris: #8A8A8A;
	--orea-font-titre: 'Cormorant Garamond', Georgia, serif;
	--orea-font-corps: 'Jost', 'Helvetica Neue', sans-serif;
	--ast-global-color-0: #C9A84C !important;
	--ast-global-color-1: #b8923e !important;
}

/* ========== Base ========== */
html, body {
	margin: 0 !important;
	padding: 0 !important;
	overflow-x: hidden !important;
}

html {
	background-color: #FAF7F2 !important;
	background-color: var(--orea-fond) !important;
}

body,
body.astra-hfb-header,
.ast-separate-container,
.ast-plain-container,
.ast-narrow-container {
	background-color: #FAF7F2 !important;
	background-color: var(--orea-fond) !important;
	background-image: none !important;
	color: var(--orea-texte);
	font-family: var(--orea-font-corps);
	font-weight: 400;
	line-height: 1.7;
}

/* Full-width containers */
.ast-container,
.main-header-bar,
#page,
.site,
.ast-page-builder-template {
	max-width: 100% !important;
	width: 100% !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.orea-hero-section,
.orea-hero-section > div {
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* ========== Typographie — Titres ========== */
h1, h2, h3, h4, h5, h6,
.entry-title,
.page-title,
.site-title,
.woocommerce div.product .product_title,
.woocommerce .woocommerce-loop-product__title {
	font-family: var(--orea-font-titre);
	color: var(--orea-texte);
	font-weight: 600;
	letter-spacing: 0.02em;
}

h1, .entry-title {
	font-size: 2.8rem;
	line-height: 1.2;
}

h2 {
	font-size: 2.2rem;
	line-height: 1.3;
}

h3 {
	font-size: 1.6rem;
}

/* ========== Liens ========== */
a {
	color: var(--orea-or);
	transition: color 0.3s ease;
}

a:hover,
a:focus {
	color: var(--orea-or-hover);
}

/* ========== Boutons globaux ========== */
button,
input[type="submit"],
.ast-button,
.button,
.elementor-button,
a.button {
	font-family: var(--orea-font-corps);
	font-weight: 500;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-size: 0.85rem;
	border-radius: 0;
	transition: all 0.3s ease;
}

/* ========== Boutons WooCommerce ========== */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt {
	background-color: var(--orea-or);
	color: var(--orea-blanc);
	border: 2px solid var(--orea-or);
	padding: 12px 32px;
	font-family: var(--orea-font-corps);
	font-weight: 500;
	font-size: 0.85rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	border-radius: 0;
	transition: all 0.3s ease;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit.alt:hover {
	background-color: var(--orea-texte);
	color: var(--orea-blanc);
	border-color: var(--orea-texte);
}

/* Bouton outline / secondaire */
.woocommerce a.button.checkout-button,
.woocommerce a.button:not(.alt) {
	background-color: transparent;
	color: var(--orea-or);
	border: 2px solid var(--orea-or);
}

.woocommerce a.button.checkout-button:hover,
.woocommerce a.button:not(.alt):hover {
	background-color: var(--orea-or);
	color: var(--orea-blanc);
}

/* Bouton Ajouter au panier sur les fiches produit */
.woocommerce div.product form.cart .button {
	background-color: var(--orea-or);
	color: var(--orea-blanc);
	border: 2px solid var(--orea-or);
	padding: 14px 40px;
	font-size: 0.9rem;
}

.woocommerce div.product form.cart .button:hover {
	background-color: var(--orea-texte);
	border-color: var(--orea-texte);
}

/* Bouton "Voir le panier" */
.woocommerce a.added_to_cart {
	color: var(--orea-or);
	font-family: var(--orea-font-corps);
	font-weight: 500;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	font-size: 0.8rem;
}

.woocommerce a.added_to_cart:hover {
	color: var(--orea-or-hover);
}

/* ========== Prix WooCommerce ========== */
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce ul.products li.product .price,
.woocommerce .widget_price_filter .price_slider_amount .price_label {
	color: var(--orea-or);
	font-family: var(--orea-font-titre);
	font-weight: 600;
	font-size: 1.4rem;
	letter-spacing: 0.02em;
}

/* Prix barré (ancien prix) */
.woocommerce div.product p.price del,
.woocommerce div.product span.price del,
.woocommerce ul.products li.product .price del {
	color: var(--orea-gris);
	font-weight: 400;
	font-size: 1rem;
	opacity: 0.7;
	text-decoration: none;
	position: relative;
}
.woocommerce div.product p.price del::after,
.woocommerce div.product span.price del::after,
.woocommerce ul.products li.product .price del::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	height: 1px;
	background: var(--orea-gris);
	opacity: 0.8;
}

/* Prix promo (nouveau prix) */
.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins,
.woocommerce ul.products li.product .price ins {
	color: var(--orea-or);
	font-weight: 700;
	text-decoration: none;
}

/* ========== Badges Promo / Soldes ========== */
/* Badge promo Astra — style Oréa */
.ast-onsale-card,
.woocommerce-product-gallery .onsale,
.woocommerce span.onsale {
	background-color: transparent !important;
	border: 1px solid #C9A84C !important;
	color: #C9A84C !important;
	font-family: 'Jost', sans-serif !important;
	font-size: 11px !important;
	font-weight: 500 !important;
	letter-spacing: 0.12em !important;
	text-transform: uppercase !important;
	border-radius: 2px !important;
	padding: 4px 10px !important;
	min-height: auto !important;
	min-width: auto !important;
	line-height: 1.4 !important;
}

/* Cacher le badge Astra original — on utilise notre badge custom */
.ast-onsale-card {
	display: none !important;
}

/* Notre badge custom injecté dans la galerie */
.orea-badge-promo {
	position: absolute;
	bottom: 16px !important;
	left: 16px !important;
	top: auto !important;
	z-index: 9;
	background-color: #C9A84C !important;
	border: 1px solid #C9A84C;
	color: #ffffff !important;
	font-family: 'Jost', sans-serif;
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	border-radius: 2px;
	padding: 4px 10px;
	line-height: 1.4;
	pointer-events: none;
}

/* La galerie doit être le contexte de positionnement */
.woocommerce-product-gallery {
	position: relative !important;
}

/* Badge sur miniature Or 18k */
.orea-badge-promo--thumb {
	position: absolute !important;
	bottom: 4px !important;
	left: 4px !important;
	top: auto !important;
	font-size: 8px !important;
	padding: 2px 5px !important;
	letter-spacing: 0.08em !important;
	z-index: 9 !important;
	background-color: #C9A84C !important;
	border: 1px solid #C9A84C !important;
	color: #ffffff !important;
}

/* Badge "Nouveau" */
.woocommerce span.new-badge,
.product .new-badge {
	background-color: var(--orea-or);
	color: var(--orea-blanc);
	font-family: var(--orea-font-corps);
	font-weight: 600;
	font-size: 0.7rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	padding: 4px 12px;
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 1;
}


/* Badge "Rupture de stock" */
.woocommerce .products .outofstock .onsale,
.woocommerce span.out-of-stock {
	background-color: var(--orea-gris);
	color: var(--orea-blanc);
}

/* ========== Cartes produits (grille boutique) ========== */
.woocommerce ul.products li.product {
	text-align: center;
	transition: transform 0.3s ease;
}

.woocommerce ul.products li.product:hover {
	transform: translateY(-4px);
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-family: var(--orea-font-titre);
	font-size: 1.15rem;
	font-weight: 500;
	padding: 0.6em 0 0.2em;
	color: var(--orea-texte);
}

.woocommerce ul.products li.product .price {
	font-size: 1.1rem;
	margin-bottom: 0.8em;
}

.woocommerce ul.products li.product a.button {
	font-size: 0.75rem;
	padding: 10px 24px;
}

/* ========== Fiche produit ========== */

/* Conteneur principal — padding + largeur max */
.single-product .site-content,
.single-product .ast-container {
  max-width: 1100px;
  margin: 0 auto;
  padding-left: 24px !important;
  padding-right: 24px !important;
  box-sizing: border-box;
}

/* Image produit — limiter la taille et centrer */
.woocommerce div.product div.images {
  max-width: 100%;
  overflow: hidden;
}
.woocommerce div.product div.images img {
  width: 100%;
  height: auto;
  max-height: 600px;
  object-fit: contain;
  border-radius: 4px;
}

/* Layout 2 colonnes propre */
.woocommerce div.product div.images,
.woocommerce div.product div.summary {
  padding: 0 16px;
  box-sizing: border-box;
}

@media (max-width: 768px) {
  .woocommerce div.product div.images,
  .woocommerce div.product div.summary {
    padding: 0;
  }
  .woocommerce div.product div.images img {
    max-height: 450px;
  }
}

.woocommerce div.product .product_title {
	font-size: 2.2rem;
	margin-bottom: 0.4em;
}

.woocommerce div.product .woocommerce-product-details__short-description {
	font-family: var(--orea-font-corps);
	color: var(--orea-gris);
	font-size: 1rem;
	line-height: 1.7;
}

.woocommerce div.product .woocommerce-tabs .panel h2 {
	font-family: var(--orea-font-titre);
	font-size: 1.5rem;
}

/* Champ gravure */
.orea-gravure-field {
  margin: 20px 0;
}
.orea-gravure-field label {
  display: block;
  font-family: 'Jost', sans-serif;
  font-size: 0.9rem;
  font-weight: 500;
  color: #1A1A1A;
  margin-bottom: 6px;
}
.orea-gravure-field label .required {
  color: #C9A84C;
}
.orea-gravure-field input {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid #D0CCBF;
  border-radius: 4px;
  font-family: 'Jost', sans-serif;
  font-size: 1rem;
  color: #1A1A1A;
  background: #FAF8F5;
  box-sizing: border-box;
  transition: border-color 0.2s;
}
.orea-gravure-field input:focus {
  outline: none;
  border-color: #C9A84C;
}
.orea-gravure-note {
  display: block;
  font-family: 'Jost', sans-serif;
  font-size: 0.75rem;
  color: #999;
  margin-top: 4px;
}
.orea-gravure-option {
  font-weight: 400;
  font-size: 0.8rem;
  color: #888;
  font-style: italic;
}
.orea-gravure-dos {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #E8E4DC;
}

/* Masquer le SKU sur les fiches produits */
.sku_wrapper {
  display: none !important;
}

/* Onglets produit */
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
	font-family: var(--orea-font-corps);
	font-weight: 500;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	font-size: 0.8rem;
	color: var(--orea-gris);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
	color: var(--orea-or);
}

/* Quantité */
.woocommerce .quantity .qty {
	border: 1px solid var(--orea-accent);
	font-family: var(--orea-font-corps);
	padding: 8px;
}

/* ========== Panier ========== */
.woocommerce-cart table.cart td.actions .coupon .input-text {
	border: 1px solid var(--orea-accent);
	padding: 10px 14px;
	font-family: var(--orea-font-corps);
}

.woocommerce-cart .cart-collaterals .cart_totals h2 {
	font-family: var(--orea-font-titre);
}

/* ========== Étoiles / Notation ========== */
.woocommerce .star-rating span::before,
.woocommerce .star-rating::before {
	color: var(--orea-or);
}

/* ========== Messages WooCommerce ========== */
.woocommerce-message {
	border-top-color: var(--orea-or);
}

.woocommerce-message::before {
	color: var(--orea-or);
}

.woocommerce-info {
	border-top-color: var(--orea-accent);
}

/* ========== Header / Navigation ========== */
#ast-desktop-header,
#ast-mobile-header {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	z-index: 9999 !important;
}


.ast-primary-header-bar.main-header-bar {
	background: transparent !important;
	border-bottom: none !important;
	height: 80px;
}

/* Contenu : compenser le header fixed */
#content.site-content {
	padding-top: 80px;
}

/* Homepage : hero plein écran, collé au haut, pas de padding */
.home #content.site-content {
	padding-top: 0 !important;
}

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

.home article,
.home .ast-article-single {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

/* Retirer le padding du container Astra sur homepage */
.home .ast-container,
.home .ast-separate-container .ast-article-single,
.home .ast-separate-container .entry-content {
	padding-top: 0 !important;
	margin-top: 0 !important;
}

/* L'ancien hero Gutenberg (au cas où) */
.home .orea-hero-fullscreen {
	margin-top: -80px !important;
	padding-top: 0 !important;
}

/* ============================================
   LOGO HEADER — Style V1 Typographique
   ============================================ */

/* Masquer le logo image s'il existe */
.custom-logo-link img,
.ast-custom-logo {
	display: none !important;
}

/* Conteneur branding */
.ast-site-identity,
.site-branding {
	display: flex;
	flex-direction: column;
	align-items: center;
	line-height: 1;
}

/* Logo padding gauche */
.main-header-bar .ast-site-identity,
.site-branding {
	padding-left: 80px !important;
	margin-left: 0 !important;
}

/* ORÉA — titre principal */
/* blogname = "Oréa Joaillerie" (pour WooCommerce/emails/SEO) */
/* On masque le texte et on affiche uniquement "ORÉA" via ::before */
.site-title,
.ast-site-title {
	font-size: 0 !important;
	line-height: 1 !important;
	margin: 0 !important;
	padding: 0 !important;
}

.site-title a,
.ast-site-title a {
	font-size: 0 !important;
	color: transparent !important;
	text-decoration: none !important;
}

.site-title a::before,
.ast-site-title a::before {
	content: 'ORÉA';
	font-family: 'Cormorant Garamond', Georgia, serif;
	font-size: 28px;
	font-weight: 600;
	letter-spacing: 0.25em;
	text-transform: uppercase;
	color: #ffffff;
	line-height: 1;
}

/* Ligne dorée séparatrice */
.site-title::after,
.ast-site-title::after {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #C9A84C;
	margin: 2px 0 4px 0;
}

/* JOAILLERIE — sous-titre (slogan) */
.site-description,
.ast-site-description {
	font-family: 'Jost', 'Helvetica Neue', sans-serif !important;
	font-size: 9px !important;
	font-weight: 400 !important;
	letter-spacing: 0.35em !important;
	text-transform: uppercase !important;
	color: #ffffff !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1 !important;
	text-align: center !important;
	width: 100% !important;
}

.main-header-menu .menu-item > a,
.main-header-menu .menu-item > .menu-link,
.ast-builder-menu-1 .menu-item > a {
	color: #ffffff !important;
}

.main-header-menu .menu-item > a:hover {
	color: #C9A84C !important;
}

/* === HEADER SCROLLED — noir === */
#ast-desktop-header.header-scrolled .main-header-bar {
	background: var(--orea-fond) !important;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
	transition: background 0.3s ease, box-shadow 0.3s ease;
}

#ast-desktop-header.header-scrolled .site-title a::before,
#ast-desktop-header.header-scrolled .site-title a:visited::before,
#ast-desktop-header.header-scrolled .site-title a:hover::before {
	color: var(--orea-texte) !important;
}

#ast-desktop-header.header-scrolled .site-description {
	color: var(--orea-texte) !important;
}

/* Version fond clair (pages intérieures) */
.ast-header-break-point .site-title a::before,
body:not(.home) .site-title a::before {
	color: #1A1A1A !important;
}
body:not(.home) .site-description {
	color: #1A1A1A !important;
}

/* Mobile : centrer le logo (toutes pages) */
@media (max-width: 921px) {
	.main-header-bar .ast-site-identity,
	.site-branding {
		padding-left: 0 !important;
	}
}

#ast-desktop-header.header-scrolled .main-header-menu .menu-item > a,
#ast-desktop-header.header-scrolled .ast-builder-menu-1 .menu-item > a {
	color: var(--orea-texte) !important;
}

#ast-desktop-header.header-scrolled .main-header-menu .menu-item > a:hover {
	color: var(--orea-or) !important;
}

#ast-desktop-header.header-scrolled .orea-header-icons a {
	color: var(--orea-texte) !important;
}

#ast-desktop-header.header-scrolled .orea-header-icons a:hover {
	color: var(--orea-or) !important;
}

/* Menu : décaler vers la gauche pour laisser place aux icônes */
.main-header-menu,
.ast-builder-menu-1 .main-header-menu {
	padding-right: 120px !important;
}

/* === Icônes header (panier + recherche) === */
.orea-header-icons {
	position: absolute;
	right: 40px;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	align-items: center;
	gap: 20px;
	z-index: 10000;
}

.orea-header-icons a {
	color: #ffffff !important;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	transition: color 0.3s ease;
	position: relative;
}

.orea-header-icons a:hover {
	color: var(--orea-or) !important;
}

.orea-header-icons svg {
	width: 20px;
	height: 20px;
}

.orea-cart-count {
	position: absolute;
	top: -6px;
	right: -8px;
	background-color: var(--orea-or);
	color: #ffffff;
	font-family: var(--orea-font-corps);
	font-size: 10px;
	font-weight: 600;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
}


/* ========== Footer ========== */
.ast-footer-overlay {
	background-color: var(--orea-texte);
}

.site-footer {
	background-color: var(--orea-texte);
	color: var(--orea-gris-clair);
	font-family: var(--orea-font-corps);
}

.site-footer a {
	color: var(--orea-accent);
}

.site-footer a:hover {
	color: var(--orea-or);
}

/* ========== Formulaires ========== */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
textarea,
select {
	border: 1px solid var(--orea-accent);
	background-color: var(--orea-blanc);
	font-family: var(--orea-font-corps);
	padding: 10px 14px;
	border-radius: 0;
	transition: border-color 0.3s ease;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
	border-color: var(--orea-or);
	outline: none;
	box-shadow: 0 0 0 1px var(--orea-or);
}

/* ========== Sélection de texte ========== */
::selection {
	background-color: var(--orea-accent);
	color: var(--orea-texte);
}

/* ========== Scrollbar personnalisée ========== */
::-webkit-scrollbar {
	width: 8px;
}

::-webkit-scrollbar-track {
	background: var(--orea-gris-clair);
}

::-webkit-scrollbar-thumb {
	background: var(--orea-accent);
}

::-webkit-scrollbar-thumb:hover {
	background: var(--orea-or);
}

/* ========== Homepage — masquer le titre "Accueil" ========== */
.home .entry-title,
.home .page-title,
body.home .ast-archive-description .page-title {
	display: none;
}

/* ========== Homepage — Conteneurs full-width ========== */
.home #content.site-content > .ast-container {
	max-width: 100% !important;
	width: 100% !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.home #primary.content-area,
.home main#main.site-main,
.home .entry-content {
	max-width: 100% !important;
	width: 100% !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* ========== Homepage — Hero Fullscreen ========== */
.home .orea-hero-fullscreen {
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	overflow: hidden;
}

.home .orea-hero-fullscreen .wp-block-cover {
	min-height: 70vh !important;
}

.home .orea-hero-fullscreen .wp-block-cover__image-background {
	object-position: center center;
}

.home .orea-hero-fullscreen h1 {
	font-family: var(--orea-font-titre) !important;
	font-size: 68px !important;
	font-weight: 700 !important;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--orea-blanc) !important;
	line-height: 1.1;
}

.home .orea-hero-fullscreen p {
	font-family: var(--orea-font-corps) !important;
	font-size: 18px !important;
	font-weight: 400 !important;
	color: var(--orea-blanc) !important;
	opacity: 0.9;
}

/* ========== Barre de réassurance ========== */
.orea-reassurance-bar {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 80px;
	padding: 40px 24px;
	background-color: var(--orea-fond);
}

.orea-reassurance-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	text-align: center;
}

.orea-reassurance-item svg {
	color: var(--orea-texte);
}

.orea-reassurance-item span {
	font-family: var(--orea-font-corps);
	font-size: 0.8rem;
	font-weight: 500;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--orea-texte);
}

/* ========== Best-sellers images uniformes ========== */
.orea-best-seller-img {
	margin-bottom: 0 !important;
	max-width: 100% !important;
	width: 100% !important;
}

.orea-best-seller-img img {
	width: 100% !important;
	max-width: 100% !important;
	height: 350px !important;
	object-fit: cover !important;
	border-radius: 4px;
	display: block;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.orea-best-seller-img img:hover {
	transform: scale(1.03);
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);
}

@media (max-width: 768px) {
	.home .orea-hero-fullscreen h1 {
		font-size: 38px !important;
	}
	.home .orea-hero-fullscreen p {
		font-size: 16px !important;
	}
	.orea-reassurance-bar {
		flex-direction: column;
		gap: 24px;
		padding: 32px 24px;
	}
}

/* ============================================
   HERO HOMEPAGE — MOBILE FIRST
   ============================================ */

/* Le hero remonte sous le header fixe (80px) */
.hero-orea {
  position: relative;
  width: 100%;
  height: 100svh;
  min-height: 600px;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin-top: -80px !important;
}

.hero-orea__image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  z-index: 1;
}

/* Image mobile — visible par défaut */
.hero-orea__image--mobile {
  display: block;
}

/* Image desktop — cachée par défaut */
.hero-orea__image--desktop {
  display: none;
}

.hero-orea__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    transparent 40%,
    rgba(0, 0, 0, 0.45) 100%
  );
  z-index: 2;
}

.hero-orea__content {
  position: relative;
  z-index: 3;
  text-align: center;
  padding: 0 24px 56px;
  width: 100%;
}

.hero-orea__titre {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(2rem, 8vw, 3.5rem);
  font-weight: 300;
  color: #ffffff;
  letter-spacing: 0.04em;
  line-height: 1.2;
  margin: 0 0 8px;
}

.hero-orea__sous-titre {
  font-family: 'Jost', sans-serif;
  font-size: clamp(0.75rem, 3vw, 0.9rem);
  font-weight: 300;
  color: rgba(255, 255, 255, 0.85);
  letter-spacing: 0.15em;
  text-transform: uppercase;
  margin: 0 0 32px;
}

.hero-orea__cta {
  display: inline-block;
  font-family: 'Jost', sans-serif;
  font-size: 0.8rem;
  font-weight: 400;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #C9A84C;
  border: 1px solid #C9A84C;
  padding: 14px 32px;
  text-decoration: none;
  background: transparent;
  transition: all 0.3s ease;
}

.hero-orea__cta:hover {
  background: #C9A84C;
  color: #ffffff;
}

/* ---- Header fixe transparent sur homepage ---- */
body.home .site-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  background: transparent !important;
  transition: background 0.3s ease;
}

body.home .site-header .main-header-bar {
  background: transparent !important;
}

/* Logo et menu en blanc sur le hero (desktop) */
body.home .site-header .site-title a,
body.home .site-header .ast-primary-header-bar a,
body.home .main-header-menu .menu-item a {
  color: #ffffff !important;
}

/* Header scrollé — redevient opaque (toutes les pages) */
body .site-header.scrolled,
body.home .site-header.scrolled {
  background: #ffffff !important;
}

body .site-header.scrolled .main-header-bar,
body.home .site-header.scrolled .main-header-bar {
  background: #ffffff !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
}

.site-header.scrolled .site-title a,
.site-header.scrolled .main-header-menu .menu-item a {
  color: #1a1a1a !important;
}

.site-header.scrolled .site-title a::before,
.site-header.scrolled .ast-site-title a::before {
  color: #1a1a1a !important;
}

.site-header.scrolled .site-title::after,
.site-header.scrolled .ast-site-title::after {
  background-color: #C9A84C !important;
}

.site-header.scrolled .site-description,
.site-header.scrolled .ast-site-description {
  color: #1a1a1a !important;
}

/* ---- MOBILE : logo + hamburger ---- */
@media (max-width: 921px) {

  /* "JOAILLERIE" en noir sur mobile */
  body.home .site-description,
  body.home .ast-site-description {
    color: #1A1A1A !important;
  }

  /* "ORÉA" en noir sur mobile */
  body.home .site-title a::before,
  body.home .ast-site-title a::before {
    color: #1A1A1A !important;
  }

  /* Logo — padding gauche (pas centré, calé à gauche avec espace) */
  .main-header-bar .ast-site-identity,
  .site-branding {
    padding-left: 20px !important;
  }

  body.home .main-header-bar .ast-site-identity,
  body.home .site-branding {
    padding-left: 20px !important;
    margin-left: 0 !important;
  }

  /* Hamburger — padding droit */
  .ast-mobile-header-content,
  .ast-mobile-menu-buttons {
    padding-right: 20px !important;
  }

  /* Hamburger — traits en noir */
  body.home .menu-toggle,
  body.home .ast-mobile-menu-trigger-minimal,
  body.home .ast-button-wrap .menu-toggle {
    color: #1A1A1A !important;
  }

  body.home .menu-toggle .ast-mobile-svg,
  body.home .ast-mobile-menu-trigger .ast-mobile-svg {
    fill: #1A1A1A !important;
  }

  body.home .ast-mobile-menu-trigger .ast-mobile-svg path,
  body.home .ast-mobile-menu-trigger .ast-mobile-svg line,
  body.home .ast-mobile-menu-trigger .ast-mobile-svg rect {
    stroke: #1A1A1A !important;
    fill: #1A1A1A !important;
  }
}

/* ============================================
   OVERLAY MENU MOBILE CUSTOM — STYLE TOWKIA
   ============================================ */

/* Cacher le menu déroulant natif Astra sur mobile */
@media (max-width: 921px) {
  .ast-mobile-header-content {
    display: none !important;
  }
}

/* Overlay plein écran custom */
#orea-menu-overlay {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  background-color: #C9A84C;
  z-index: 99999;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

#orea-menu-overlay.is-open {
  opacity: 1;
  pointer-events: all;
}

/* Header de l'overlay — logo + X */
#orea-menu-overlay .orea-overlay-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px;
}

#orea-menu-overlay .orea-overlay-logo {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.4rem;
  font-weight: 600;
  color: #FFFFFF;
  text-decoration: none;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  line-height: 1;
}

#orea-menu-overlay .orea-overlay-logo span {
  font-family: 'Jost', sans-serif;
  font-size: 0.55rem;
  font-weight: 400;
  letter-spacing: 0.35em;
  display: block;
  margin-top: 2px;
  text-transform: uppercase;
}

#orea-menu-overlay .orea-overlay-close {
  background: transparent;
  border: none;
  color: #FFFFFF;
  font-size: 1.8rem;
  cursor: pointer;
  padding: 8px;
  line-height: 1;
  font-weight: 300;
}

/* Liens du menu */
#orea-menu-overlay nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

#orea-menu-overlay nav ul li {
  margin: 0;
  padding: 0;
}

#orea-menu-overlay nav ul li a {
  font-family: 'Cormorant Garamond', serif;
  font-size: 2.2rem;
  font-weight: 300;
  color: #FFFFFF;
  text-decoration: none;
  letter-spacing: 0.06em;
  display: block;
  padding: 14px 0;
  transition: opacity 0.2s ease;
}

#orea-menu-overlay nav ul li a:hover {
  opacity: 0.7;
}

/* ---- Desktop hero plein largeur ---- */
@media (min-width: 769px) {

  /* Sortir le hero du conteneur Astra */
  .hero-orea {
    width: 100vw !important;
    max-width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    height: 100vh !important;
  }

  /* Image couvre toute la largeur */
  .hero-orea__image {
    object-fit: cover !important;
    object-position: center 25% !important;
    width: 100% !important;
    height: 100% !important;
  }

  /* Contenu centré */
  .hero-orea__content {
    text-align: center !important;
    padding: 0 48px 100px !important;
  }

  .hero-orea__titre {
    font-size: clamp(3rem, 5vw, 5rem) !important;
  }

  /* Image swap : mobile masquée, desktop visible */
  .hero-orea__image--mobile {
    display: none !important;
  }
  .hero-orea__image--desktop {
    display: block !important;
    object-fit: cover !important;
    object-position: center center !important;
  }
}

/* ---- Desktop — logo et menu en noir ---- */
@media (min-width: 769px) {

  /* Écraser les variables CSS Astra sur le header */
  #ast-desktop-header,
  .ast-primary-header-bar,
  .main-header-bar {
    --ast-global-color-0: #1A1A1A !important;
    --ast-global-color-1: #1A1A1A !important;
    --ast-global-color-2: #1A1A1A !important;
    --ast-global-color-3: #1A1A1A !important;
    --ast-global-color-4: #1A1A1A !important;
    --ast-global-color-5: #1A1A1A !important;
    color: #1A1A1A !important;
  }

  /* Logo ORÉA en noir */
  .site-title a::before,
  .ast-site-title a::before {
    color: #1A1A1A !important;
  }

  /* JOAILLERIE en noir */
  .site-description,
  .ast-site-description {
    color: #1A1A1A !important;
  }

  /* Forcer noir sur tous les liens du header */
  #ast-desktop-header a,
  #ast-desktop-header a.menu-link,
  .ast-primary-header-bar a,
  .ast-primary-header-bar a.menu-link,
  .main-header-bar a.menu-link,
  .main-header-menu .menu-item > a,
  .ast-builder-menu-1 .menu-item > a,
  a.menu-link {
    color: #1A1A1A !important;
  }

  /* Hover — or Oréa */
  #ast-desktop-header a.menu-link:hover,
  .main-header-bar a.menu-link:hover,
  .main-header-menu .menu-item > a:hover,
  a.menu-link:hover {
    color: #C9A84C !important;
  }

  /* Icônes header en noir */
  .orea-header-icons a {
    color: #1A1A1A !important;
  }

  .orea-header-icons a:hover {
    color: #C9A84C !important;
  }
}

/* ── Produits vedettes homepage ── */
.orea-vedettes-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 1.5rem;
}
.orea-vedette-item a {
  display: block;
  text-decoration: none;
  color: inherit;
}
.orea-vedette-img-wrap {
  overflow: hidden;
  aspect-ratio: 3/4;
  background: #f8f6f2;
}
.orea-vedette-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
  display: block;
}
.orea-vedette-item:hover .orea-vedette-img-wrap img {
  transform: scale(1.04);
}
.orea-vedette-caption {
  padding: 1rem 0 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  text-align: center;
}
.orea-vedette-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.1rem;
  font-weight: 500;
  color: #1a1a1a;
  letter-spacing: 0.03em;
}
.orea-vedette-cta {
  font-size: 0.78rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #b8975a;
}
@media (max-width: 768px) {
  .orea-vedettes-grid {
    grid-template-columns: 1fr;
    gap: 2.5rem;
    max-width: 400px;
  }
}

/* ── Bandeau livraison — pleine largeur ── */
.wp-block-group.has-background[style*="background-color:#C9A84C"] {
  margin-left: calc(-50vw + 50%) !important;
  margin-right: calc(-50vw + 50%) !important;
  max-width: 100vw !important;
  width: 100vw !important;
  border-radius: 0 !important;
}

/* ── CTA "Trouvez le bijou parfait" — pleine largeur ── */
.wp-block-group.has-background[style*="background-color:#F0EDE8"] {
  margin-left: calc(-50vw + 50%) !important;
  margin-right: calc(-50vw + 50%) !important;
  max-width: 100vw !important;
  width: 100vw !important;
  border-radius: 0 !important;
}

/* ── Témoignage carrousel homepage ── */
.orea-temoignage-wrap {
  padding: 2.5rem 1.5rem;
  background: #F0EDE8 !important;
  text-align: center;
  width: 100vw !important;
  margin-left: calc(-50vw + 50%) !important;
  margin-right: calc(-50vw + 50%) !important;
  max-width: 100vw !important;
  box-sizing: border-box;
  border-radius: 0 !important;
}
.orea-carousel {
  position: relative;
  max-width: 720px;
  margin: 0 auto;
  padding: 0 3rem;
}
.orea-slide {
  display: none;
  opacity: 0;
}
.orea-slide-active {
  display: block;
  animation: oreaSlideIn 0.5s ease forwards;
}
@keyframes oreaSlideIn {
  from {
    opacity: 0;
    transform: translateX(40px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes oreaSlideInLeft {
  from {
    opacity: 0;
    transform: translateX(-40px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.orea-temoignage-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.2rem;
}
.orea-temoignage-etoiles {
  color: #C9A84C;
  font-size: 1.3rem;
  letter-spacing: 0.2em;
}
.orea-temoignage-texte {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(1.1rem, 2.2vw, 1.45rem);
  font-style: italic;
  color: #1a1a1a;
  line-height: 1.8;
  margin: 0;
  padding: 0;
  border: none;
}
.orea-temoignage-auteur {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.orea-temoignage-nom {
  font-family: 'Jost', sans-serif;
  font-size: 0.85rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #1a1a1a;
}
.orea-temoignage-produit {
  font-family: 'Jost', sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0.08em;
  color: #C9A84C;
  text-transform: uppercase;
}
.orea-carousel-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  color: #C9A84C;
  font-size: 1.6rem;
  cursor: pointer;
  padding: 0.5rem;
  line-height: 1;
  transition: color 0.2s ease, opacity 0.2s ease;
  -webkit-appearance: none;
  appearance: none;
}
.orea-carousel-btn:hover {
  color: #a07830;
  opacity: 0.8;
  background: transparent !important;
}
.orea-carousel-btn:focus {
  outline: none !important;
  background: transparent !important;
  box-shadow: none !important;
}
.orea-prev { left: 0; }
.orea-next { right: 0; }
.orea-carousel-dots {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1.5rem;
}
.orea-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #d4c5a0;
  cursor: pointer;
  transition: background 0.2s ease;
}
.orea-dot-active {
  background: #C9A84C;
}
@media (max-width: 768px) {
  .orea-temoignage-wrap { padding: 2rem 1rem; }
  .orea-carousel { padding: 0 2.5rem; }
}

/* ── Notre Histoire ── */
.orea-histoire-wrap {
  padding: 5rem 1.5rem;
  background: #2C2416;
  text-align: center;
  color: #FAF8F5;
  margin-left: calc(-50vw + 50%) !important;
  margin-right: calc(-50vw + 50%) !important;
  max-width: 100vw !important;
  width: 100vw !important;
}
.orea-histoire-citation {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(1.4rem, 3vw, 2.2rem);
  font-style: italic;
  font-weight: 300;
  color: #C9A84C;
  line-height: 1.7;
  max-width: 700px;
  margin: 0 auto;
  position: relative;
  text-align: center;
}
.orea-histoire-guillemet {
  font-size: 3rem;
  line-height: 0;
  vertical-align: -0.5rem;
  color: #C9A84C;
  opacity: 0.5;
  margin: 0 0.2rem;
}
.orea-histoire-citation-auteur {
  font-family: 'Jost', sans-serif;
  font-size: 0.78rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #C9A84C;
  opacity: 0.7;
  margin-top: 1rem;
  text-align: center;
}
.orea-histoire-separateur {
  width: 40px;
  height: 1px;
  background: #C9A84C;
  margin: 2.5rem auto;
  opacity: 0.4;
}
.orea-histoire-texte {
  max-width: 680px;
  margin: 0 auto;
  text-align: left;
}
.orea-histoire-texte p {
  font-family: 'Jost', sans-serif;
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  line-height: 1.9;
  color: #d4cfc8;
  margin-bottom: 1.4rem;
}
.orea-histoire-texte em {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.15em;
  font-style: italic;
  color: #C9A84C;
}
.orea-histoire-texte strong {
  color: #FAF8F5;
  font-weight: 600;
}
.orea-histoire-signature {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.8rem;
  margin-top: 2.5rem;
}
.orea-histoire-ligne {
  width: 30px;
  height: 1px;
  background: #C9A84C;
  opacity: 0.5;
}
.orea-histoire-signature span {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1rem;
  font-style: italic;
  color: #C9A84C;
  opacity: 0.8;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .orea-histoire-wrap { padding: 3.5rem 1.5rem; }
  .orea-histoire-texte { text-align: left; }
}

/* ── Variante Notre Histoire clair ── */
.orea-histoire-clair {
  background: #FAF8F5 !important;
  margin-top: 20px !important;
}
.orea-histoire-wrapper {
  padding: 5rem 2rem;
}
.orea-histoire-contenu {
  max-width: 700px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .orea-histoire-wrapper {
    padding: 3rem 1.5rem;
  }
}
.orea-histoire-clair .orea-histoire-citation,
.orea-histoire-clair .orea-histoire-guillemet,
.orea-histoire-clair .orea-histoire-citation-auteur,
.orea-histoire-clair .orea-histoire-signature span {
  color: #C9A84C;
}
.orea-histoire-clair .orea-histoire-texte p {
  color: #3a3530;
}
.orea-histoire-clair .orea-histoire-texte strong {
  color: #1a1a1a;
}
.orea-histoire-clair .orea-histoire-texte em {
  color: #C9A84C;
}
.orea-histoire-clair .orea-histoire-separateur,
.orea-histoire-clair .orea-histoire-ligne {
  background: #C9A84C;
}

/* ===== FAQ ORÉA ===== */
.orea-faq-wrapper {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    background-color: #FAF8F5;
    padding: 70px 20px;
    box-sizing: border-box;
}
.orea-faq-titre {
    font-family: "Cormorant Garamond", serif;
    font-size: 2rem;
    color: #1A1A1A;
    text-align: center;
    margin-bottom: 40px;
    font-weight: 400;
    letter-spacing: 0.03em;
}
.orea-faq-liste {
    max-width: 750px;
    margin: 0 auto;
}
.orea-faq-item {
    border-bottom: 1px solid #E8E0D5;
}
.orea-faq-question {
    width: 100%;
    background: none;
    border: none;
    padding: 22px 0;
    text-align: left;
    font-family: "Jost", sans-serif;
    font-size: 1rem;
    font-weight: 500;
    color: #1A1A1A;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    letter-spacing: 0.01em;
}
.orea-faq-question:hover {
    color: #C9A84C;
}
.orea-faq-icone {
    font-size: 1.4rem;
    color: #C9A84C;
    flex-shrink: 0;
    transition: transform 0.3s ease;
    font-weight: 300;
}
.orea-faq-reponse {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
}
.orea-faq-reponse p {
    font-family: "Jost", sans-serif;
    font-size: 0.95rem;
    color: #555;
    line-height: 1.8;
    padding-bottom: 22px;
    margin: 0;
}

/* ===== FAQ — CORRECTION CHARTE GRAPHIQUE ORÉA ===== */
.orea-faq-question,
.orea-faq-question:focus,
.orea-faq-question:active,
.orea-faq-question:visited {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: #1A1A1A !important;
  box-shadow: none !important;
  outline: none !important;
  border: none !important;
  border-bottom: none !important;
}
.orea-faq-question:hover {
  background: transparent !important;
  background-color: transparent !important;
  color: #C9A84C !important;
}
.orea-faq-question[aria-expanded="true"] {
  color: #C9A84C !important;
  background: transparent !important;
}
.orea-faq-icone {
  color: #C9A84C !important;
}

/* ===== SCROLL TO TOP — CORRECTION CHARTE GRAPHIQUE ORÉA ===== */
.scrollTop,
#scroll-to-top,
.ast-scroll-top,
[class*="scroll-top"],
[id*="scroll-top"] {
  background-color: #1A1A1A !important;
  border-color: #1A1A1A !important;
  color: #C9A84C !important;
  box-shadow: none !important;
}
.scrollTop:hover,
#scroll-to-top:hover,
.ast-scroll-top:hover,
[class*="scroll-top"]:hover,
[id*="scroll-top"]:hover {
  background-color: #C9A84C !important;
  color: #1A1A1A !important;
}

/* ===== HISTOIRE — TEXTE DORÉ ===== */
.orea-dore {
    color: #C9A84C;
    font-style: italic;
}

/* ===== HISTOIRE — SIGNATURE DORÉE ===== */
p.orea-histoire-signature {
    color: #C9A84C !important;
    font-style: italic;
    text-align: center;
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.1rem;
    margin-top: 0;
}
.orea-histoire-texte .orea-histoire-separateur {
    margin: 1.5rem auto 0.5rem;
}

/* =============================================
   SECTION : OFFRIR UN BIJOU GRAVÉ
   ============================================= */

.orea-offrir-wrapper {
  background: #FAF8F5;
  margin-left: calc(-50vw + 50%) !important;
  margin-right: calc(-50vw + 50%) !important;
  width: 100vw !important;
  max-width: 100vw !important;
  padding: 30px 0 60px;
  box-sizing: border-box;
}

.orea-offrir-inner,
.orea-matieres-inner {
  max-width: 860px;
  margin: 0 auto;
  padding: 0 24px;
}

.orea-matieres-inner {
  margin-top: 56px;
  padding-top: 48px;
  position: relative;
}
.orea-matieres-inner::before {
  content: '';
  display: block;
  width: 85%;
  height: 1px;
  background: #C9A84C;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.orea-offrir-surtitre {
  font-family: 'Jost', sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #C9A84C;
  margin: 0 0 8px;
  text-align: center;
}

.orea-offrir-titre {
  font-family: 'Cormorant Garamond', serif;
  font-size: 2rem;
  font-weight: 500;
  color: #1A1A1A;
  margin: 0 0 16px;
  text-align: center;
}

.orea-offrir-intro {
  font-family: 'Jost', sans-serif;
  font-size: 1rem;
  color: #555;
  line-height: 1.8;
  margin: 0 auto 36px;
  max-width: 680px;
  text-align: center;
}

/* Grille occasions */
.orea-offrir-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.orea-offrir-card {
  background: #fff;
  border: 1px solid #E8E4DC;
  border-radius: 8px;
  padding: 24px 20px;
  text-align: center;
}

.orea-offrir-icon {
  font-size: 1.4rem;
  color: #C9A84C;
  margin-bottom: 12px;
  line-height: 1;
}

.orea-offrir-card-titre {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.15rem;
  font-weight: 600;
  color: #1A1A1A;
  margin: 0 0 8px;
}

.orea-offrir-card-texte {
  font-family: 'Jost', sans-serif;
  font-size: 0.9rem;
  color: #666;
  line-height: 1.7;
  margin: 0;
}

/* Grille matières */
.orea-matieres-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-bottom: 20px;
}

.orea-mat-card {
  background: #fff;
  border: 1px solid #E8E4DC;
  border-radius: 8px;
  padding: 20px;
  text-align: center;
}

.orea-mat-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin: 0 auto 10px;
}

.orea-mat-or   { background: #C9A84C; }
.orea-mat-rose { background: #D4537E; }
.orea-mat-argent { background: #888780; }

.orea-mat-nom {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.05rem;
  font-weight: 600;
  color: #1A1A1A;
  margin: 0 0 4px;
}

.orea-mat-etoiles {
  font-size: 0.8rem;
  color: #C9A84C;
  margin-bottom: 8px;
}

.orea-mat-etoile-vide {
  color: #D0CCBF;
}

.orea-mat-texte {
  font-family: 'Jost', sans-serif;
  font-size: 0.85rem;
  color: #666;
  line-height: 1.6;
  margin: 0 0 12px;
}

.orea-mat-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  justify-content: center;
}

.orea-mat-tag {
  font-size: 0.7rem;
  padding: 2px 8px;
  border-radius: 99px;
  border: 1px solid #D0CCBF;
  color: #888;
  font-family: 'Jost', sans-serif;
}

.orea-matieres-note {
  font-family: 'Jost', sans-serif;
  font-size: 0.82rem;
  color: #888;
  padding: 10px 14px;
  border-left: 2px solid #C9A84C;
  background: #fff;
  border-radius: 0 4px 4px 0;
  margin: 0;
}

/* Responsive mobile */
@media (max-width: 680px) {
  .orea-offrir-grid,
  .orea-matieres-grid {
    grid-template-columns: 1fr;
  }

  .orea-offrir-titre {
    font-size: 1.6rem;
  }
}

/* ── ACCORDION SEO ──────────────────────────────── */
.orea-accord-wrap {
  background: #FAF8F5;
  border-top: 1px solid #EDE9E0;
  border-bottom: 1px solid #EDE9E0;
}

.orea-accord-btn,
.orea-accord-btn:focus,
.orea-accord-btn:active,
.orea-accord-btn:visited {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 16px 24px;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  cursor: pointer;
  font-family: 'Jost', sans-serif;
  font-size: 0.8rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #C9A84C !important;
  transition: opacity 0.2s;
}
.orea-accord-btn:hover {
  opacity: 0.75;
  background: transparent !important;
  color: #C9A84C !important;
}

.orea-accord-arrow {
  display: inline-block;
  font-size: 10px;
  transition: transform 0.3s ease;
  line-height: 1;
}
.orea-accord-btn[aria-expanded="true"] .orea-accord-arrow {
  transform: rotate(180deg);
}

.orea-accord-content {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.4s ease;
}
.orea-accord-content:not([hidden]) {
  max-height: 600px;
}
.orea-accord-content[hidden] {
  display: block !important;
  max-height: 0;
}

.orea-accord-inner {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  background: #EDE9E0;
  border-top: 1px solid #EDE9E0;
}

.orea-accord-item {
  background: #FAF8F5;
  text-align: center;
  padding: 28px 20px 24px;
}
.orea-accord-item svg {
  width: 28px;
  height: 28px;
  stroke: #C9A84C;
  fill: none;
  stroke-width: 1.3;
  stroke-linecap: round;
  stroke-linejoin: round;
  display: block;
  margin: 0 auto 12px;
}
.orea-accord-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1rem;
  font-weight: 600;
  color: #1A1A1A;
  margin: 0 0 8px !important;
}
.orea-accord-sub {
  font-family: 'Jost', sans-serif;
  font-size: 0.8rem;
  color: #777;
  line-height: 1.65;
  margin: 0 !important;
}

@media (max-width: 640px) {
  .orea-accord-inner {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 380px) {
  .orea-accord-inner {
    grid-template-columns: 1fr;
  }
}

/* Descriptions finitions — onglet Informations complémentaires */
.orea-finitions-desc {
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid #e8e4dc;
}
.orea-finitions-desc h4 {
    font-family: 'Cormorant Garamond', serif;
    font-size: 16px;
    font-weight: 600;
    color: #1A1A1A;
    margin-bottom: 12px;
    letter-spacing: 0.05em;
}
.orea-finitions-desc ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.orea-finitions-desc li {
    font-family: 'Jost', sans-serif;
    font-size: 14px;
    color: #555;
    line-height: 1.6;
    padding-left: 12px;
    border-left: 2px solid #C9A84C;
}
.orea-finitions-desc li strong {
    color: #1A1A1A;
}

/* ── Onglets WooCommerce — barre active dorée ── */
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  border-bottom-color: #C9A84C !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
  color: #C9A84C !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
  border-bottom-color: #C9A84C !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
  border-bottom-color: transparent !important;
}

/* ── Header mobile — toutes les pages : fond crème, hamburger noir ── */
@media (max-width: 768px) {
  .site-header {
    background-color: #FAF8F5 !important;
  }

  .site-header .ast-mobile-menu-buttons button,
  .site-header .menu-toggle {
    color: #1A1A1A !important;
  }

  .ast-mobile-menu-buttons .ast-menu-toggle-icon span,
  .menu-toggle .ast-menu-toggle-icon span {
    background-color: #1A1A1A !important;
  }

  .site-header .site-logo img,
  .site-header .ast-site-identity {
    filter: none !important;
  }

  .site-header .site-title a,
  .site-header .site-title a::before,
  .site-header .ast-site-identity a,
  .site-header .site-description {
    color: #1A1A1A !important;
  }
}

/* ── Hamburger SVG — noir partout ── */
.ast-mobile-svg,
.ast-mobile-svg path,
.ast-mobile-svg line,
.ast-mobile-svg rect,
.menu-toggle .ast-mobile-svg,
.ast-button-wrap .ast-mobile-svg {
  fill: #1A1A1A !important;
  stroke: #1A1A1A !important;
  color: #1A1A1A !important;
}

/* ── Barre onglets active — mobile aussi ── */
@media (max-width: 768px) {
  .woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    border-bottom-color: #C9A84C !important;
  }
  .woocommerce div.product .woocommerce-tabs ul.tabs::before {
    border-bottom-color: #C9A84C !important;
  }
}

/* ── Header sticky desktop — fond crème au scroll ── */
.ast-header-sticked,
.ast-scroll-sticky-wrap.ast-sticky-active,
.site-header.ast-sticky-active {
  background-color: #FAF8F5 !important;
}

.orea-plaque-note {
    font-family: 'Jost', sans-serif;
    font-size: 11px;
    font-weight: 400;
    color: #888;
    letter-spacing: 0.05em;
    font-style: italic;
}

/* ===== PAGE PANIER ===== */

/* Masquer le smiley WooCommerce panier vide */
.woocommerce-info::before,
.cart-empty::before {
  display: none !important;
}

/* Titre "Panier" — espacement */
.woocommerce-cart h1.entry-title {
  margin-bottom: 40px;
  font-family: 'Cormorant Garamond', serif;
  font-size: 2rem;
  color: #1A1A1A;
}

/* Container panier — padding latéral */
.woocommerce-cart .ast-container {
  padding-left: 40px;
  padding-right: 40px;
}

.entry-header,
.entry-content {
  padding-left: 80px;
  padding-right: 80px;
}

/* Exception homepage — pas de padding sur le hero */
.home .entry-header,
.home .entry-content {
  padding-left: 0;
  padding-right: 0;
}

/* Mobile — réduire le padding sur les pages éditoriales */
@media (max-width: 768px) {
  .entry-header,
  .entry-content {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* Bouton "Valider la commande" */
.wc-proceed-to-checkout .checkout-button {
  background-color: #C9A84C !important;
  color: #ffffff !important;
  border-radius: 0 !important;
  letter-spacing: 0.05em;
  font-family: 'Jost', sans-serif;
  font-weight: 500;
}

/* Footer — masquer "Propulsé par Astra" */
.site-footer a[href*="wpastra"] {
  display: none !important;
}

/* ===== PANIER VIDE ===== */
.orea-cart-empty {
  text-align: center;
  padding: 60px 20px 40px;
}

.orea-cart-empty svg {
  display: block;
  margin: 0 auto 24px;
}

.orea-cart-empty-text {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.4rem;
  color: #1A1A1A;
  margin-bottom: 28px;
}

.orea-cart-empty-btn {
  display: inline-block;
  background-color: #C9A84C !important;
  color: #ffffff !important;
  font-family: 'Jost', sans-serif;
  font-size: 0.85rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 14px 36px !important;
  border-radius: 0 !important;
  border: none !important;
}

.orea-cart-empty-btn:hover {
  background-color: #1A1A1A !important;
  color: #ffffff !important;
}

/* ===== ICÔNE PANIER MOBILE ===== */
.orea-cart-mobile-link {
  display: none;
  color: #1A1A1A;
  text-decoration: none;
  align-items: center;
  position: relative;
}

.orea-cart-mobile-count {
  position: absolute;
  top: -6px;
  right: -8px;
  background: #C9A84C;
  color: #ffffff;
  font-size: 10px;
  font-family: 'Jost', sans-serif;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 921px) {
  .ast-button-wrap {
    display: flex !important;
    align-items: center;
    gap: 16px;
  }

  .orea-cart-mobile-link {
    display: flex;
    color: #1A1A1A !important;
  }

  .orea-cart-mobile-link svg {
    stroke: #1A1A1A !important;
  }
}

/* Masquer le smiley WooCommerce panier vide */
.woocommerce-cart .woocommerce-info::before,
.wp-block-woocommerce-empty-cart-block .woocommerce-info::before,
img.emoji {
  display: none !important;
}
.wc-block-cart__empty-cart__image {
  display: none !important;
}

/* Masquer le smiley WooCommerce bloc Gutenberg */
.wc-block-cart__empty-cart__title.with-empty-cart-icon::before {
  display: none !important;
}

/* ===== ÉCRIN PANIER VIDE ===== */

/* Cacher le titre h2 du bloc vide mais garder le texte en dessous */
.wp-block-woocommerce-empty-cart-block h2.wc-block-cart__empty-cart__title {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 1.3rem !important;
  color: #1A1A1A !important;
  text-align: center;
  margin-top: 0 !important;
}

/* Afficher l'écrin SVG via background-image sur un pseudo-élément */
.wp-block-woocommerce-empty-cart-block::before {
  content: '';
  display: block;
  width: 80px;
  height: 80px;
  margin: 40px auto 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80' fill='none'%3E%3Crect x='10' y='42' width='60' height='28' rx='4' fill='%23FAF8F5' stroke='%23C9A84C' stroke-width='1.5'/%3E%3Crect x='16' y='48' width='48' height='16' rx='2' fill='%23F0EDE6'/%3E%3Cpath d='M10 42 Q10 14 40 10 Q70 14 70 42' fill='%23FAF8F5' stroke='%23C9A84C' stroke-width='1.5'/%3E%3Cpath d='M16 40 Q16 18 40 15 Q64 18 64 40' fill='%23F0EDE6'/%3E%3Ccircle cx='40' cy='42' r='3' fill='%23C9A84C'/%3E%3Cellipse cx='40' cy='56' rx='18' ry='5' fill='%23E8E0D5' stroke='%23D4C9B8' stroke-width='0.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* Texte "Votre panier est vide." — style Oréa */
.wp-block-woocommerce-empty-cart-block p,
.wp-block-woocommerce-empty-cart-block .wc-block-cart__empty-cart__title {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 1.3rem !important;
  color: #1A1A1A !important;
  text-align: center;
}

/* ===== PAGE CONTACT ===== */

/* Masquer le titre "Contact" sur la page contact
   (le hero joue ce rôle visuellement) */
.page-id-22 .entry-title {
  display: none !important;
}

/* Supprimer aussi le padding du entry-header
   pour que le hero colle bien au header */
.page-id-22 .entry-header {
  display: none !important;
}

.orea-contact-page {
  font-family: 'Jost', sans-serif;
}

.orea-contact-hero {
  background: #1A1A1A;
  padding: 60px 40px;
  text-align: center;
  width: 100vw;
  margin-left: calc(-1 * ((100vw - 100%) / 2));
  margin-right: calc(-1 * ((100vw - 100%) / 2));
  margin-top: 0;
  margin-bottom: 0;
}

.orea-contact-hero-label {
  font-size: 11px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #C9A84C;
  margin-bottom: 16px;
}

.orea-contact-hero-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: 42px;
  font-weight: 400;
  color: #FAF8F5 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.orea-contact-hero-line {
  width: 40px;
  height: 1px;
  background: #C9A84C;
  margin: 20px auto 0;
}

.orea-contact-body {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  padding: 60px 0;
}

.orea-contact-form-col {
  padding-right: 60px;
  border-right: 0.5px solid #E0DAD2;
}

.orea-contact-info-col {
  padding-left: 60px;
}

.orea-contact-col-title {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 24px !important;
  font-weight: 400 !important;
  color: #1A1A1A !important;
  margin-bottom: 6px !important;
}

.orea-contact-col-sub {
  font-size: 13px;
  color: #888;
  margin-bottom: 28px;
}

/* Champs CF7 */
.orea-contact-page .wpcf7-form input[type="text"],
.orea-contact-page .wpcf7-form input[type="email"],
.orea-contact-page .wpcf7-form select,
.orea-contact-page .wpcf7-form textarea {
  width: 100%;
  padding: 12px 16px;
  font-size: 14px;
  font-family: 'Jost', sans-serif;
  background: #F5F3EF;
  border: 0.5px solid #E0DAD2;
  border-radius: 0;
  color: #1A1A1A;
  margin-bottom: 14px;
  outline: none;
}

/* Select CF7 — flèche custom + texte visible */
.orea-contact-page .wpcf7-form select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  padding-right: 36px !important;
  cursor: pointer;
  line-height: 1.4;
  height: auto;
}

.orea-contact-page .wpcf7-form textarea {
  height: 120px;
  resize: none;
}

.orea-contact-page .wpcf7-form input[type="submit"] {
  width: 100%;
  padding: 14px;
  background: #C9A84C;
  color: #ffffff;
  font-family: 'Jost', sans-serif;
  font-size: 12px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
  border-radius: 0;
  margin-top: 0;
}

/* Réduire les marges entre les éléments du formulaire */
.orea-contact-page .wpcf7-form p {
  margin: 0 !important;
}
.orea-contact-page .wpcf7-form br {
  display: none;
}

.orea-contact-page .wpcf7-form input[type="submit"]:hover {
  background: #1A1A1A;
}

/* Réduire l'espace reCAPTCHA */
.orea-contact-page .wpcf7-form .wpcf7-recaptcha {
  margin: 0 !important;
  padding: 0 !important;
}

/* Mention reCAPTCHA */
.orea-recaptcha-notice {
  font-family: 'Jost', sans-serif;
  font-size: 11px;
  color: #999;
  text-align: center;
  margin-top: 12px;
  line-height: 1.5;
}

.orea-recaptcha-notice a {
  color: #888;
  text-decoration: underline;
}

/* Infos coordonnées */
.orea-contact-info-item {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 28px;
}

.orea-contact-info-icon {
  width: 40px;
  height: 40px;
  background: #F5F3EF;
  border: 0.5px solid #C9A84C;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.orea-contact-info-label {
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #C9A84C;
  margin-bottom: 4px;
}

.orea-contact-info-value {
  font-size: 14px;
  color: #1A1A1A;
  line-height: 1.5;
}

.orea-contact-info-note {
  font-size: 12px;
  color: #888;
  margin-top: 2px;
}

.orea-contact-citation {
  margin-bottom: 20px;
  padding: 24px 28px;
  border: 0.5px solid #C9A84C;
  background: #FAF8F5;
  text-align: center;
}

.orea-citation-text {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.05rem;
  font-style: italic;
  color: #1A1A1A;
  line-height: 1.7;
  margin-bottom: 10px !important;
}

.orea-citation-sub {
  font-family: 'Jost', sans-serif;
  font-size: 0.8rem;
  letter-spacing: 0.08em;
  color: #C9A84C;
  text-transform: uppercase;
  margin: 0 !important;
}

.orea-contact-note {
  background: #F5F3EF;
  border-left: 2px solid #C9A84C;
  padding: 16px 20px;
  margin-top: 8px;
  border-radius: 0;
}

.orea-contact-note p {
  font-size: 13px;
  color: #1A1A1A;
  line-height: 1.6;
  margin: 0;
}

.orea-contact-page .wpcf7-form .wpcf7-recaptcha {
  margin-bottom: 8px;
}

/* Contact — Mobile */
@media (max-width: 768px) {
  .orea-contact-hero {
    padding: 40px 20px;
    width: 100vw;
    margin-left: calc(-1 * ((100vw - 100%) / 2));
    margin-right: calc(-1 * ((100vw - 100%) / 2));
  }
  .orea-contact-hero-title {
    font-size: 28px !important;
  }
  .orea-contact-body {
    grid-template-columns: 1fr;
    padding: 40px 0;
  }
  .orea-contact-form-col {
    padding-right: 0;
    border-right: none;
    border-bottom: 0.5px solid #E0DAD2;
    padding-bottom: 40px;
    margin-bottom: 40px;
  }
  .orea-contact-info-col {
    padding-left: 0;
  }
}

/* ===== PAGE L'ART DE LA GRAVURE ===== */
.orea-editorial-page {
  font-family: 'Jost', sans-serif;
}

.orea-editorial-body {
  max-width: 900px;
  margin: 0 auto;
  padding: 60px 0;
}

.orea-editorial-section {
  margin-bottom: 60px;
  padding-bottom: 60px;
  border-bottom: 0.5px solid #E0DAD2;
}

.orea-editorial-section--alt {
  background: #F5F3EF;
  padding: 40px;
  border-radius: 0;
  border: none;
  margin-left: -40px;
  margin-right: -40px;
}

.orea-editorial-h2 {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 28px !important;
  font-weight: 400 !important;
  color: #1A1A1A !important;
  margin-bottom: 20px !important;
  line-height: 1.3 !important;
}

.orea-editorial-p {
  font-size: 15px;
  color: #444;
  line-height: 1.8;
  margin-bottom: 16px !important;
}

/* Highlights */
.orea-editorial-highlight {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 32px;
}

.orea-editorial-highlight-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 20px;
  background: #FAF8F5;
  border: 0.5px solid #E0DAD2;
}

.orea-editorial-highlight-icon {
  color: #C9A84C;
  font-size: 14px;
  margin-top: 2px;
}

.orea-editorial-highlight-title {
  font-size: 13px;
  font-weight: 500;
  color: #1A1A1A;
  margin-bottom: 4px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.orea-editorial-highlight-text {
  font-size: 13px;
  color: #888;
}

/* Finitions grid */
.orea-finitions-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin: 32px 0;
}

.orea-finition-card {
  background: #FAF8F5;
  border: 0.5px solid #E0DAD2;
  padding: 24px;
  position: relative;
}

.orea-finition-swatch {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-bottom: 16px;
  border: 0.5px solid rgba(0,0,0,0.1);
}

.orea-finition-title {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  color: #1A1A1A !important;
  margin-bottom: 10px !important;
}

.orea-finition-text {
  font-size: 13px;
  color: #666;
  line-height: 1.7;
  margin: 0 !important;
}

.orea-finition-badge {
  display: inline-block;
  margin-top: 12px;
  padding: 4px 10px;
  background: #C9A84C;
  color: #fff;
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* Note honnêteté */
.orea-editorial-note {
  background: #FAF8F5;
  border-left: 2px solid #C9A84C;
  padding: 16px 20px;
  border-radius: 0;
}

.orea-editorial-note p {
  font-size: 13px;
  color: #555;
  line-height: 1.6;
  margin: 0 !important;
}

/* Usages grid */
.orea-usages-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 32px;
}

.orea-usage-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 16px;
  background: #FAF8F5;
  border: 0.5px solid #E0DAD2;
}

.orea-usage-icon {
  color: #C9A84C;
  font-size: 10px;
}

.orea-usage-label {
  font-size: 13px;
  color: #1A1A1A;
  font-weight: 500;
}

/* CTA final */
.orea-editorial-cta {
  text-align: center;
  padding: 60px 40px;
  background: #1A1A1A;
  width: 100vw;
  margin-left: calc(-1 * ((100vw - 100%) / 2));
  margin-right: calc(-1 * ((100vw - 100%) / 2));
}

.orea-editorial-cta-title {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 32px !important;
  font-weight: 400 !important;
  color: #FAF8F5 !important;
  margin-bottom: 12px !important;
}

.orea-editorial-cta-sub {
  font-size: 14px;
  color: #aaa;
  margin-bottom: 28px !important;
}

.orea-editorial-cta-btn {
  display: inline-block;
  padding: 14px 40px;
  background: #C9A84C;
  color: #fff !important;
  font-family: 'Jost', sans-serif;
  font-size: 12px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 0;
}

.orea-editorial-cta-btn:hover {
  background: #fff;
  color: #1A1A1A !important;
}

/* Masquer le titre Astra sur cette page */
.page-id-43 .entry-header {
  display: none !important;
}

.page-id-43 h1.entry-title {
  display: none !important;
}

/* Mobile */
@media (max-width: 768px) {
  .orea-editorial-body {
    padding: 40px 1.5rem;
  }
  .orea-editorial-highlight,
  .orea-finitions-grid,
  .orea-usages-grid {
    grid-template-columns: 1fr;
  }
  .orea-editorial-section--alt {
    margin-left: 0;
    margin-right: 0;
    padding: 30px 1.5rem;
  }
  .orea-editorial-cta {
    padding: 40px 20px;
  }
}

/* ===== FAQ PAGE ÉDITORIALE ===== */
.orea-editorial-section .orea-faq-item {
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 0.5px solid #E0DAD2;
}

.orea-editorial-section .orea-faq-item:last-child {
  border-bottom: none;
}

.orea-editorial-section .orea-faq-question {
  font-family: 'Jost', sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #1A1A1A !important;
  margin-bottom: 10px !important;
}

.orea-editorial-section .orea-faq-answer {
  font-size: 14px;
  color: #555;
  line-height: 1.7;
  margin: 0 !important;
}

/* Liens maillage interne */
.orea-link {
  color: #C9A84C;
  text-decoration: none;
  border-bottom: 1px solid rgba(201,168,76,0.3);
  transition: border-color 0.2s;
}

.orea-link:hover {
  border-bottom-color: #C9A84C;
}

/* ===== PAGE NOTRE HISTOIRE ===== */
.orea-histoire-signature {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 32px;
}

.orea-histoire-signature-line {
  width: 40px;
  height: 1px;
  background: #C9A84C;
  flex-shrink: 0;
}

.orea-histoire-signature-text {
  font-family: 'Cormorant Garamond', serif;
  font-size: 15px;
  font-style: italic;
  color: #888;
  margin: 0 !important;
}

/* Valeurs */
.orea-valeurs-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 32px;
}

.orea-valeur-card {
  padding: 28px 24px;
  border: 0.5px solid #E0DAD2;
  background: #FAF8F5;
  text-align: center;
}

.orea-valeur-icon {
  color: #C9A84C;
  font-size: 18px;
  margin-bottom: 16px;
}

.orea-valeur-title {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  color: #1A1A1A !important;
  margin-bottom: 12px !important;
}

.orea-valeur-text {
  font-size: 13px;
  color: #666;
  line-height: 1.7;
  margin: 0 !important;
}

/* Engagements */
.orea-engagements-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-top: 32px;
}

.orea-engagement-item {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 20px;
  background: #FAF8F5;
  border: 0.5px solid #E0DAD2;
}

.orea-engagement-icon {
  color: #C9A84C;
  font-size: 10px;
  margin-top: 4px;
  flex-shrink: 0;
}

.orea-engagement-title {
  font-size: 13px;
  font-weight: 500;
  color: #1A1A1A;
  margin-bottom: 6px;
  letter-spacing: 0.03em;
}

.orea-engagement-text {
  font-size: 13px;
  color: #888;
  line-height: 1.6;
}

/* Masquer titre Astra */
.page-id-44 h1.entry-title,
.page-id-44 .entry-header {
  display: none !important;
}

/* Mobile */
@media (max-width: 768px) {
  .orea-valeurs-grid {
    grid-template-columns: 1fr;
  }
  .orea-engagements-grid {
    grid-template-columns: 1fr;
  }
}

/* ===== CITATION PETIT PRINCE ===== */
.orea-petit-prince {
  text-align: center;
  border-bottom: 0.5px solid #E0DAD2;
}

.orea-citation-petit-prince {
  padding: 40px 60px;
  background: #1A1A1A;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  width: 100vw;
  margin-bottom: 40px;
}

.orea-citation-guillemet {
  font-family: 'Cormorant Garamond', serif;
  font-size: 80px;
  color: #C9A84C;
  line-height: 0.5;
  margin-bottom: 20px;
  opacity: 0.6;
}

.orea-citation-texte {
  font-family: 'Cormorant Garamond', serif;
  font-size: 26px;
  font-weight: 400;
  font-style: italic;
  color: #FAF8F5;
  line-height: 1.6;
  margin: 0 0 20px 0 !important;
  max-width: 700px;
  margin-left: auto !important;
  margin-right: auto !important;
}

.orea-citation-auteur {
  font-size: 13px;
  letter-spacing: 0.1em;
  color: #C9A84C;
  text-transform: uppercase;
}

.orea-citation-lien {
  max-width: 600px;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center;
  font-style: italic;
  color: #666 !important;
}

@media (max-width: 768px) {
  .orea-citation-petit-prince {
    padding: 30px 20px;
  }
  .orea-citation-texte {
    font-size: 20px !important;
  }
}

/* ===== SECTION OR ===== */
.orea-histoire-or {
  border-bottom: 0.5px solid #E0DAD2;
}

.orea-histoire-highlight {
  border-left: 2px solid #C9A84C;
  padding-left: 20px;
  font-style: italic;
  color: #1A1A1A !important;
}

/* ===== FAQ NOTRE HISTOIRE ===== */
.orea-histoire-faq .orea-faq-item {
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 0.5px solid #E0DAD2;
}

.orea-histoire-faq .orea-faq-item:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.orea-histoire-faq .orea-faq-question {
  font-family: 'Jost', sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #1A1A1A !important;
  margin-bottom: 10px !important;
}

.orea-histoire-faq .orea-faq-answer {
  font-size: 14px;
  color: #555;
  line-height: 1.7;
  margin: 0 !important;
}

/* ===== PAGE BOUTIQUE — MARGES ===== */
.woocommerce-breadcrumb,
.woocommerce-products-header,
.woocommerce-products-header__title,
.woocommerce-ordering,
.woocommerce-result-count,
.woocommerce-pagination,
ul.products {
  padding-left: 80px !important;
  padding-right: 80px !important;
}

@media (max-width: 768px) {
  .woocommerce-breadcrumb,
  .woocommerce-products-header,
  .woocommerce-products-header__title,
  .woocommerce-ordering,
  .woocommerce-result-count,
  .woocommerce-pagination,
  ul.products {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

/* ===== PAGE BOUTIQUE — HERO ===== */
.orea-shop-hero {
  background: #1A1A1A;
  padding: 60px 40px;
  text-align: center;
  width: 100%;
  display: block;
  margin-bottom: 0;
}

/* S'assurer que le contenu WooCommerce passe en dessous */
.woocommerce-ordering,
.woocommerce-result-count {
  position: relative;
  z-index: 1;
}

/* Réduire l'espace entre hero et contenu boutique */
.orea-shop-hero + .ast-content-layout,
.orea-shop-hero + div {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

.orea-shop-hero-sub {
  font-family: 'Jost', sans-serif;
  font-size: 13px;
  letter-spacing: 0.15em;
  color: #888;
  margin-top: 16px !important;
  margin-bottom: 0 !important;
  text-transform: uppercase;
}

/* Masquer le breadcrumb */
.woocommerce-breadcrumb {
  display: none !important;
}

@media (max-width: 768px) {
  .orea-shop-hero {
    padding: 40px 20px;
  }
}

/* ===== PAGE BOUTIQUE — TEXTE ÉDITORIAL ===== */
.orea-shop-editorial {
  padding: 20px 80px 40px;
  border-bottom: 0.5px solid #E0DAD2;
  margin-bottom: 32px;
}

.orea-shop-editorial-intro {
  max-width: 800px;
  margin: 0 auto 32px;
  text-align: center;
}

.orea-shop-editorial-intro p {
  font-family: 'Jost', sans-serif;
  font-size: 15px;
  color: #555;
  line-height: 1.8;
  margin-bottom: 12px !important;
}

.orea-shop-editorial-intro strong {
  color: #1A1A1A;
  font-weight: 500;
}

.orea-shop-editorial-cats {
  display: flex;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
}

.orea-shop-cat {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px 32px;
  border: 0.5px solid #C9A84C;
  text-decoration: none;
  transition: background 0.2s;
  min-width: 160px;
}

.orea-shop-cat:hover {
  background: #1A1A1A;
}

.orea-shop-cat:hover .orea-shop-cat-label,
.orea-shop-cat:hover .orea-shop-cat-sub {
  color: #FAF8F5;
}

.orea-shop-cat-label {
  font-family: 'Jost', sans-serif;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #1A1A1A;
  margin-bottom: 4px;
}

.orea-shop-cat-sub {
  font-family: 'Jost', sans-serif;
  font-size: 11px;
  color: #C9A84C;
  letter-spacing: 0.05em;
}

@media (max-width: 768px) {
  .orea-shop-editorial {
    padding: 32px 20px;
  }
  .orea-shop-editorial-cats {
    flex-direction: column;
    align-items: center;
  }
  .orea-shop-cat {
    width: 100%;
    max-width: 280px;
  }
}

/* ===== PAGE CATÉGORIE — MARGES ===== */
.tax-product_cat .woocommerce-result-count,
.tax-product_cat .woocommerce-ordering,
.tax-product_cat ul.products,
.tax-product_cat .woocommerce-pagination {
  padding-left: 80px !important;
  padding-right: 80px !important;
}

@media (max-width: 768px) {
  .tax-product_cat .woocommerce-result-count,
  .tax-product_cat .woocommerce-ordering,
  .tax-product_cat ul.products,
  .tax-product_cat .woocommerce-pagination {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

/* ===== PAGES LÉGALES ===== */
.orea-legal-page {
  max-width: 800px;
  margin: 60px auto;
  padding: 0 80px;
  font-family: 'Jost', sans-serif;
}

.orea-legal-page h1 {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 32px !important;
  font-weight: 400 !important;
  color: #1A1A1A !important;
  margin-bottom: 32px !important;
  padding-bottom: 16px;
  border-bottom: 0.5px solid #C9A84C;
}

.orea-legal-page h2 {
  font-family: 'Jost', sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #1A1A1A !important;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin-top: 32px !important;
  margin-bottom: 12px !important;
}

.orea-legal-page p,
.orea-legal-page li {
  font-size: 14px;
  color: #555;
  line-height: 1.8;
  margin-bottom: 10px !important;
}

.orea-legal-page ul {
  padding-left: 20px;
  margin-bottom: 16px !important;
}

.orea-legal-page a {
  color: #C9A84C;
  text-decoration: none;
  border-bottom: 1px solid rgba(201,168,76,0.3);
}

.orea-legal-page em {
  font-size: 13px;
  color: #888;
}

@media (max-width: 768px) {
  .orea-legal-page {
    padding: 0 20px;
    margin: 40px auto;
  }
}

/* ===== FOOTER ORÉA ===== */
.site-footer { display: none !important; }

.orea-footer {
  background: #1A1A1A;
  padding: 60px 80px 0;
  margin-top: 0;
}

.orea-footer-inner {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr;
  gap: 60px;
  padding-bottom: 48px;
  border-bottom: 0.5px solid rgba(255,255,255,0.1);
}

.orea-footer-logo {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  margin-bottom: 20px;
}

.orea-footer-logo-orea {
  font-family: 'Cormorant Garamond', serif;
  font-size: 28px;
  font-weight: 400;
  letter-spacing: 0.15em;
  color: #FAF8F5;
  line-height: 1;
}

.orea-footer-logo-sub {
  font-family: 'Jost', sans-serif;
  font-size: 10px;
  letter-spacing: 0.3em;
  color: #C9A84C;
  margin-top: 4px;
}

.orea-footer-slogan {
  font-family: 'Jost', sans-serif;
  font-size: 13px;
  color: #888;
  line-height: 1.7;
  margin: 0 !important;
  font-style: italic;
}

.orea-footer-col-title {
  font-family: 'Jost', sans-serif;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #C9A84C;
  margin-bottom: 20px;
}

.orea-footer-links {
  list-style: none;
  padding: 0;
  margin: 0;
}

.orea-footer-links li {
  margin-bottom: 10px;
}

.orea-footer-links a {
  font-family: 'Jost', sans-serif;
  font-size: 13px;
  color: #888;
  text-decoration: none;
  transition: color 0.2s;
}

.orea-footer-links a:hover {
  color: #FAF8F5;
}

.orea-footer-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
}

.orea-footer-bottom p {
  font-family: 'Jost', sans-serif;
  font-size: 12px;
  color: #555;
  margin: 0 !important;
}

.orea-footer-bottom a {
  color: #C9A84C;
  text-decoration: none;
}

.orea-footer-bottom a:hover {
  color: #FAF8F5;
}

@media (max-width: 768px) {
  .orea-footer {
    padding: 40px 20px 0;
  }
  .orea-footer-inner {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .orea-footer-bottom {
    flex-direction: column;
    gap: 8px;
    text-align: center;
  }
}

/* Masquer H1 Astra sur pages légales */
.page-id-21 h1.entry-title,
.page-id-21 .entry-header,
.page-id-3 h1.entry-title,
.page-id-3 .entry-header,
.page-id-159 h1.entry-title,
.page-id-159 .entry-header {
  display: none !important;
}