/*
 * Meya — couche de finition typographique (chargée par CustomCodeLoader).
 *
 * Système : 2 familles (Cormorant Garamond 500 pour les titres, Inter 400/500
 * pour le reste), aucun texte sous 11px, noms et prix produits en regular,
 * images sans arrondi en grille serrée. Référence : artifact "Système
 * typographique Meya". Les !important ne visent que les blocs Elementor et les
 * snippets Meya, dont les styles d'origine sont plus spécifiques.
 */

:root {
	--mr-serif: "Cormorant Garamond", Georgia, serif;
	--mr-sans: "Inter", system-ui, -apple-system, sans-serif;
	--mr-ink: #121110;
	--mr-muted: #77716a;
	--mr-line: #e7e2d8;
	--mr-gold-ink: #94631c;
}

body {
	font-family: var(--mr-sans);
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

/* ---- Familles hors charte → Inter / Cormorant Garamond ---- */
.mhiw-step-desc,
.mhiw-cta,
.jqs-eye,
[class*="mhiw"] p,
.meya-ty {
	font-family: var(--mr-sans) !important;
}
.jqs-li,
.jqs-li em {
	font-family: var(--mr-serif) !important;
	font-weight: 500 !important;
}

/* ---- Graisses : pas de faux gras sur Cormorant, rien au-delà de 600 ---- */
.elementor-heading-title {
	font-weight: 500 !important;
}
.mhiw-title strong,
.mhiw-step-title,
.uku-fe__nl-title em {
	font-weight: 500 !important;
}
.mb-look__title,
.mhiw-title,
.uku-fe__nl-text,
.uku-fe__tagline,
.uku-fe__copy {
	font-weight: 400 !important;
}

/* ---- Plancher de lisibilité : 11px, capitales espacées ---- */
.mb-mq__item,
.mb-look__badge,
.mb-look__eye,
.mb-look__all,
.jqs-eye,
.uku-fe__eyebrow,
.uku-fe__clabel,
.uku-fe__location,
.uku-fe__col-head {
	font-size: 11px !important;
	font-weight: 500 !important;
	letter-spacing: 0.14em !important;
}
.uku-fe__note {
	font-size: 12px !important;
}

/* ---- Logo : capitales aérées, sans gras ---- */
.uku-header__logo,
.uku-fe__logo {
	font-weight: 500;
	letter-spacing: 0.3em;
}

/* ---- Titres de section : Cormorant 500, échelle h3 → h2 ---- */
.meya-section__title,
.mb-look__title,
.mhiw-title {
	font-family: var(--mr-serif) !important;
	font-weight: 500 !important;
	font-size: clamp(26px, 3.4vw, 34px) !important;
	letter-spacing: -0.005em !important;
	line-height: 1.12 !important;
	text-transform: none !important;
}
.meya-section {
	margin-bottom: clamp(64px, 9vw, 120px);
}
.meya-section__head {
	margin-bottom: 20px;
}

/* ---- Grille produits : texte regular (marges et arrondis du thème conservés) ---- */
.uku-pcard__name {
	font-family: var(--mr-sans);
	font-size: 13px;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: 0;
	color: var(--mr-ink);
}
.uku-pcard__price {
	font-family: var(--mr-sans);
	font-size: 13px;
	font-weight: 400;
	font-variant-numeric: tabular-nums;
	color: var(--mr-muted);
}
@media (min-width: 1024px) {
	.uku-pcard__name,
	.uku-pcard__price { font-size: 14px; }
}

/* ---- Filtres : déclencheurs en Inter 500, pas de gras ---- */
.uku-cfg__trigger span,
.uku-cfg__more-btn {
	font-weight: 500;
}

/* ---- Fiche produit (mise en page classic) ---- */
.uku-pdp--classic .uku-pdp__collection--info {
	font-size: 11px;
	letter-spacing: 0.14em;
	color: var(--mr-gold-ink);
}
.uku-pdp--classic .uku-pdp__title {
	font-family: var(--mr-serif);
	font-weight: 500;
	font-size: clamp(30px, 4.4vw, 44px);
	line-height: 1.08;
	letter-spacing: -0.01em;
}
.uku-pdp--classic .uku-pdp__price {
	font-size: 15px;
	font-weight: 400;
	letter-spacing: 0.01em;
}
.uku-pdp--classic .uku-pdp__desc-short,
.uku-pdp-tabs__panel {
	font-size: 14px;
	line-height: 1.7;
	color: #4a4640;
}
.uku-pdp--classic .uku-pdp__gallery-main {
	border-radius: 0;
	aspect-ratio: 2 / 3;
}
.uku-pdp--classic .uku-pdp__size-pill {
	height: 44px;
	font-size: 13px;
}
.uku-pdp--classic .uku-pdp__add-btn,
.uku-pdp__checkout-btn {
	border-radius: 0;
	min-height: 50px;
	font-weight: 500;
	letter-spacing: 0.14em;
}
.uku-pdp-related__title {
	font-weight: 500;
	letter-spacing: 0.02em;
	text-transform: none;
	font-size: clamp(26px, 3.4vw, 34px);
}

/* ---- Boutons d'action : angles droits, capitales 500 ---- */
.uku-fe__btn,
.uku-cart-drawer__checkout-btn,
.uku-co-cta,
.elementor-button {
	border-radius: 0 !important;
	font-weight: 500 !important;
	letter-spacing: 0.14em !important;
}

/* Bandeau défilant : couleurs dans meya-home.css. */

/* ---- Snippets Meya qui déclarent leurs styles en !important ---- */
html body .jqs-caption .jqs-eye {
	font-family: var(--mr-sans) !important;
	font-size: 11px !important;
	font-weight: 500 !important;
	letter-spacing: 0.18em !important;
}
html body .mhiw-cta-wrap .mhiw-cta {
	font-family: var(--mr-sans) !important;
	font-weight: 500 !important;
	letter-spacing: 0.14em !important;
}
html body .mhiw .mhiw-step-title,
html body .mhiw-title strong {
	font-weight: 500 !important;
}
html body .uku-header .uku-header__logo,
html body .uku-footer .uku-fe__logo {
	font-weight: 500;
}
html body .uku-fe__legal a {
	font-size: 11px;
}
html body .mb-look__title,
html body .mhiw-title {
	font-weight: 500 !important;
}

/* ---- Accueil (Elementor) : titres "Toutes les collections / rubriques"
   en doublon avec les filtres juste dessous. ID Elementor identiques en
   production (même contenu), donc la règle suit la migration. ---- */
.e-parent:has(> .e-con-inner .elementor-element-4506abb) {
	display: none !important;
}

/* ---- Filtres collections / rubriques : sélecteurs légers ---- */
.uku-cfg-classic__bar {
	gap: 8px;
}
.uku-cfg .uku-cfg-classic__trigger {
	height: 44px;
	padding: 0 14px;
	border: 1px solid var(--mr-ink);
	border-radius: 0;
	background: transparent;
	color: var(--mr-ink);
	font-family: var(--mr-sans);
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0;
	text-transform: none;
}
.uku-cfg-classic__bar {
	margin-bottom: 24px;
}
.uku-cfg .uku-cfg-classic__trigger span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.uku-cfg .uku-cfg-classic__trigger svg {
	stroke: currentColor;
	flex-shrink: 0;
}

/* ---- Fiche produit : tailles en rangée régulière ---- */
.uku-pdp--classic .uku-pdp__size-pills {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(44px, 1fr));
	gap: 6px;
}
.uku-pdp--classic .uku-pdp__size-pill {
	border-radius: 0;
	padding: 0;
}
.uku-pdp--classic .uku-pdp__size-pill.is-active {
	background: var(--mr-ink);
	border-color: var(--mr-ink);
	color: #fff;
}