/* =====================================================================
   M-Yoga Events — feuille de style
   À placer dans le CHILD THEME (voir README du plugin). Non chargée par le plugin.
   Tout est scopé sous .myoga-* pour éviter les conflits Elementor / thème.

   SYSTÈME FLUIDE — la maquette pose :root{font-size:clamp(16px,1.25vw,24px)} et tout en rem.
   Le site NE reprend PAS ce root (il reste à 16px), donc on convertit chaque valeur :
        X rem  ->  clamp(16·X px, 1.25·X vw, 24·X px)
   Résultat : identique à la maquette à 1280px (plancher) ET à 1920px (plafond).
   Ne PAS remettre de px figés ici : ils resteraient bloqués au plancher.
   ===================================================================== */

:root {
	--myoga-dark:   #1a2c4e;
	--myoga-gold:   #c4a575;
	--myoga-orange: #ff6b35;
	--myoga-bg:     #f4f1ea;
	--myoga-white:  #ffffff;
	--myoga-line:   rgba(26, 44, 78, 0.12);

	/* 0.75rem — radius des cartes / modal */
	--myoga-radius: clamp(12px, 0.9375vw, 18px);
	/* 0.625rem — radius des pavés internes */
	--myoga-radius-sm: clamp(10px, 0.78125vw, 15px);

	/* Échelle typo (rem maquette -> clamp) */
	--myoga-fs-10:   clamp(10px, 0.78125vw, 15px);      /* 0.625rem  */
	--myoga-fs-11:   clamp(11px, 0.859375vw, 16.5px);   /* 0.6875rem */
	--myoga-fs-12:   clamp(12px, 0.9375vw, 18px);       /* 0.75rem   */
	--myoga-fs-13:   clamp(13px, 1.015625vw, 19.5px);   /* 0.8125rem */
	--myoga-fs-14:   clamp(14px, 1.09375vw, 21px);      /* 0.875rem  */
	--myoga-fs-15:   clamp(15px, 1.171875vw, 22.5px);   /* 0.9375rem */
	--myoga-fs-16:   clamp(16px, 1.25vw, 24px);         /* 1rem      */
	--myoga-fs-18:   clamp(18px, 1.40625vw, 27px);      /* 1.125rem  */
	--myoga-fs-22:   clamp(22px, 1.71875vw, 33px);      /* 1.375rem  */
	--myoga-fs-26:   clamp(26px, 2.03125vw, 39px);      /* 1.625rem  */

	/* Espacements courants */
	--myoga-sp-8:    clamp(8px, 0.625vw, 12px);         /* 0.5rem    */
	--myoga-sp-10:   clamp(10px, 0.78125vw, 15px);      /* 0.625rem  */
	--myoga-sp-12:   clamp(12px, 0.9375vw, 18px);       /* 0.75rem   */
	--myoga-sp-14:   clamp(14px, 1.09375vw, 21px);      /* 0.875rem  */
	--myoga-sp-16:   clamp(16px, 1.25vw, 24px);         /* 1rem      */
	--myoga-sp-18:   clamp(18px, 1.40625vw, 27px);      /* 1.125rem  */
	--myoga-sp-20:   clamp(20px, 1.5625vw, 30px);       /* 1.25rem   */
	--myoga-sp-22:   clamp(22px, 1.71875vw, 33px);      /* 1.375rem  */
	--myoga-sp-24:   clamp(24px, 1.875vw, 36px);        /* 1.5rem    */
	--myoga-sp-28:   clamp(28px, 2.1875vw, 42px);       /* 1.75rem   */
	--myoga-sp-32:   clamp(32px, 2.5vw, 48px);          /* 2rem      */
}

/* ---------- Boutons communs ---------- */
/* maquette .btn-cta : padding 0.8125rem 1.75rem — font 0.8125rem */
.myoga-btn {
	display: inline-block;
	border: 1px solid transparent; /* bordure transparente : l'outline ne change pas la taille */
	cursor: pointer;
	font: inherit;
	font-size: var(--myoga-fs-13);
	font-weight: 500;
	text-decoration: none;
	border-radius: 999px;
	padding: var(--myoga-fs-13) var(--myoga-sp-28);
	transition: opacity .2s, background .2s;
}
.myoga-btn:hover { opacity: .85; }
.myoga-btn-more { background: var(--myoga-dark); color: var(--myoga-white); }
.myoga-btn-cta  { background: var(--myoga-dark); color: var(--myoga-white); }
.myoga-empty    { color: #777; font-size: var(--myoga-fs-14); padding: var(--myoga-sp-12) 0; }

/* =====================================================================
   1) WIDGET ACCUEIL — « Prochains événements » (.mew-*)
   Calé sur le bloc « Événements » de la maquette d'accueil (.events).
   ===================================================================== */
.myoga-events-widget {
	background: var(--myoga-bg);
	border: 1px solid rgba(0, 0, 0, .06);
	border-radius: clamp(14px, 1.09375vw, 21px); /* 0.875rem */
	padding: var(--myoga-sp-28) var(--myoga-sp-24);
	display: flex;
	flex-direction: column;
}
.myoga-events-widget .mew-label {
	font-size: var(--myoga-fs-11);
	letter-spacing: clamp(2px, 0.15625vw, 3px);
	color: #888;
	font-weight: 500;
	margin-bottom: var(--myoga-sp-10);
}
.myoga-events-widget h2 {
	font-size: var(--myoga-fs-22);
	font-weight: 500;
	color: var(--myoga-dark);
	margin: 0 0 var(--myoga-sp-16);
}
.mew-item {
	display: flex;
	gap: var(--myoga-sp-12);
	align-items: center;
	padding: var(--myoga-sp-12) 0;
	border-top: 1px solid rgba(0, 0, 0, .1);
	cursor: pointer;
}
.mew-item:hover .mew-title { color: var(--myoga-orange); }
.mew-date {
	background: var(--myoga-dark);
	color: var(--myoga-white);
	border-radius: clamp(6px, 0.46875vw, 9px); /* 0.375rem */
	padding: clamp(5px, 0.390625vw, 7.5px) var(--myoga-sp-8);
	text-align: center;
	min-width: clamp(42px, 3.28125vw, 63px); /* 2.625rem */
	height: fit-content;
}
.mew-date .mew-month { font-size: var(--myoga-fs-10); opacity: .75; }
.mew-date .mew-day   { font-size: var(--myoga-fs-15); font-weight: 500; }
.mew-info .mew-title { font-size: var(--myoga-fs-13); font-weight: 500; color: var(--myoga-dark); line-height: 1.3; transition: color .2s; }
.mew-info .mew-sub   { font-size: var(--myoga-fs-11); color: #777; margin-top: 2px; }
/* maquette .btn-dark : padding 0.6875rem 1.375rem — font 0.8125rem */
.mew-btn-all {
	margin-top: var(--myoga-sp-16);
	align-self: flex-start;
	background: var(--myoga-dark);
	color: var(--myoga-white);
	padding: var(--myoga-fs-11) var(--myoga-sp-22);
	border-radius: 999px;
	font-size: var(--myoga-fs-13);
	font-weight: 500;
	text-decoration: none;
}

/* =====================================================================
   2) PAGE ÉVÉNEMENTS — onglets + cartes (.myoga-events / .myoga-card)
   ===================================================================== */
/* Onglets SOULIGNÉS (maquette .tabs-bar / .tab) — surtout pas des pilules. */
.myoga-tabs {
	display: flex;
	gap: clamp(4px, 0.3125vw, 6px); /* 0.25rem */
	flex-wrap: wrap;
	justify-content: center;
	background: var(--myoga-white);
	border-bottom: 1px solid rgba(0, 0, 0, .08);
	margin-bottom: var(--myoga-sp-28);
}
.myoga-tab {
	border: none;
	border-bottom: clamp(2.5px, 0.1953vw, 3.75px) solid transparent; /* 0.1563rem */
	background: none;
	color: #888;
	padding: var(--myoga-sp-20) var(--myoga-sp-28);
	font: inherit;
	font-size: var(--myoga-fs-14);
	font-weight: 500;
	letter-spacing: 1px;
	text-transform: uppercase;
	cursor: pointer;
	transition: color .2s, border-color .2s;
}
.myoga-tab:hover { color: var(--myoga-dark); }
.myoga-tab.is-active { color: var(--myoga-dark); border-bottom-color: var(--myoga-dark); background: none; }

.myoga-tab-panel { display: none; }
.myoga-tab-panel.is-active { display: block; }

/* Intro d'onglet (« NOS ATELIERS » + paragraphe) — maquette .intro */
.myoga-intro { text-align: center; max-width: clamp(640px, 50vw, 960px); margin: 0 auto var(--myoga-sp-28); }
.myoga-intro-title { font-size: var(--myoga-fs-18); letter-spacing: clamp(4px, 0.3125vw, 6px); color: var(--myoga-dark); font-weight: 700; margin-bottom: var(--myoga-sp-24); text-transform: uppercase; }
.myoga-intro p { font-size: var(--myoga-fs-16); line-height: 1.8; color: #333; margin: 0; }
.myoga-intro p strong { color: var(--myoga-dark); font-weight: 700; }

/* Fiche = bloc pleine largeur empilé (maquette .event-card) */
.myoga-card {
	background: var(--myoga-white);
	border: 1px solid rgba(26, 44, 78, .15);
	border-radius: var(--myoga-radius);
	overflow: hidden;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .04);
	margin-bottom: var(--myoga-sp-28);
	position: relative;
}
.myoga-card-header { background: var(--myoga-dark); color: #fff; padding: var(--myoga-sp-16) var(--myoga-sp-24); }
.myoga-card-titlerow { display: flex; align-items: center; justify-content: space-between; gap: var(--myoga-sp-16); flex-wrap: wrap; margin-bottom: var(--myoga-sp-10); }
.myoga-card-cat { font-size: var(--myoga-fs-11); letter-spacing: clamp(2px, 0.15625vw, 3px); color: rgba(255, 255, 255, .7); font-weight: 500; text-transform: uppercase; }
/* margin:0 — intervenant·e et titre sont frères dans un flex space-between (maquette .event-title) */
.myoga-card-title { font-size: var(--myoga-fs-26); font-weight: 500; margin: 0; color: #fff; line-height: 1.15; letter-spacing: 0.5px; }
.myoga-card-metarow { display: flex; align-items: center; justify-content: space-between; gap: var(--myoga-sp-8); flex-wrap: wrap; padding-top: var(--myoga-sp-10); border-top: 1px solid rgba(255, 255, 255, .15); }
.myoga-card-metaleft { display: flex; align-items: center; gap: var(--myoga-sp-18); flex-wrap: wrap; }
.myoga-meta-item { display: inline-flex; align-items: center; gap: var(--myoga-sp-8); font-size: var(--myoga-fs-13); color: #fff; }
.myoga-meta-item.dim { color: rgba(255, 255, 255, .85); }
.myoga-meta-item svg { flex-shrink: 0; }
.myoga-card-price { font-size: var(--myoga-fs-22); font-weight: 600; color: #fff; }

.myoga-card-photo { aspect-ratio: 16 / 9; overflow: hidden; background: linear-gradient(135deg, var(--myoga-gold) 0%, var(--myoga-dark) 100%); }
.myoga-card-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }

.myoga-card-body { padding: var(--myoga-sp-28); }
.myoga-card-body > p { font-size: var(--myoga-fs-14); line-height: 1.7; color: #333; margin: 0 0 var(--myoga-sp-14); }
.myoga-card-body > p strong { color: var(--myoga-dark); font-weight: 700; }

/* Pavé beige (phases / bénéfices) — cartes, popup, page single (maquette .benefits-block) */
.myoga-benefits-block { background: var(--myoga-bg); border-radius: var(--myoga-radius-sm); padding: var(--myoga-sp-22) var(--myoga-sp-24); margin: var(--myoga-sp-20) 0 var(--myoga-sp-28); }
.myoga-benefits-label { font-size: var(--myoga-fs-11); letter-spacing: clamp(2px, 0.15625vw, 3px); color: var(--myoga-dark); font-weight: 600; margin-bottom: var(--myoga-sp-14); text-transform: uppercase; }
.myoga-benefits-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--myoga-sp-10) var(--myoga-sp-24); }
.myoga-benefit-item { display: flex; align-items: flex-start; gap: var(--myoga-sp-10); }
.myoga-benefit-item svg { flex-shrink: 0; margin-top: 2px; }
.myoga-benefit-item .myoga-bi-emoji { font-size: var(--myoga-fs-16); flex-shrink: 0; line-height: 1.4; }
.myoga-benefit-item > span:last-child { font-size: var(--myoga-fs-13); color: #444; line-height: 1.5; }
.myoga-benefit-item > span:last-child strong { color: var(--myoga-dark); font-weight: 700; }
.myoga-benefit-item.is-wide { grid-column: span 2; }

/* Ruban promo (maquette .promo-corner) */
.myoga-promo-corner {
	position: absolute;
	top: var(--myoga-sp-16);
	right: var(--myoga-sp-16);
	background: var(--myoga-orange);
	color: #fff;
	padding: clamp(5px, 0.390625vw, 7.5px) var(--myoga-sp-14);
	border-radius: 999px;
	font-size: var(--myoga-fs-11);
	font-weight: 600;
	letter-spacing: 1px;
	z-index: 5;
	box-shadow: 0 2px 8px rgba(255, 107, 53, .3);
}

/* Ligne de boutons */
.myoga-cta-row { display: flex; gap: var(--myoga-sp-12); flex-wrap: wrap; align-items: center; }
.myoga-btn-primary { background: var(--myoga-dark); color: #fff; }
.myoga-btn-orange  { background: #fff; color: var(--myoga-dark); border-color: var(--myoga-dark); }
.myoga-btn-orange:hover { background: var(--myoga-bg); opacity: 1; }
/* Bouton contour (2e offre — ex. « Chambre simple ») — maquette .btn-cta.outline */
.myoga-btn-outline { background: #fff; color: var(--myoga-dark); border-color: var(--myoga-dark); }
.myoga-btn-outline:hover { background: var(--myoga-bg); opacity: 1; }
.myoga-btn-link { color: var(--myoga-dark); text-decoration: underline; font-weight: 500; font-size: var(--myoga-fs-13); padding: var(--myoga-fs-13) var(--myoga-sp-16); }
.myoga-btn-link:hover { color: var(--myoga-orange); }
.myoga-cta-note { font-size: var(--myoga-fs-12); color: #888; font-style: italic; }

/* prix barré + promo (fonctionne sur fond foncé ET clair grâce à l'opacité) */
.myoga-price-old   { opacity: .55; text-decoration: line-through; font-weight: 400; margin-right: 6px; font-size: var(--myoga-fs-13); }
.myoga-price-promo { color: var(--myoga-orange); }
/* sur l'en-tête bleu, la promo doit rester blanche (l'orange est prévu pour fond clair) */
.myoga-card-header .myoga-price-promo,
.myoga-single-header .myoga-price-promo { color: #fff; }

/* =====================================================================
   3) POPUP (.myoga-modal) — maquette .modal-box
   ===================================================================== */
.myoga-modal { display: none; position: fixed; inset: 0; z-index: 99999; }
.myoga-modal.is-open { display: block; }
.myoga-modal-overlay { position: absolute; inset: 0; background: rgba(13, 26, 53, .6); }
body.myoga-modal-open { overflow: hidden; }

.myoga-modal-box {
	position: relative;
	max-width: clamp(640px, 50vw, 800px); /* 50rem plafonné pour rester lisible */
	width: calc(100% - 32px);
	max-height: 90vh;
	overflow-y: auto;
	margin: 5vh auto;
	background: var(--myoga-white);
	border-radius: var(--myoga-radius);
	box-shadow: 0 20px 60px rgba(0, 0, 0, .35);
}
.myoga-modal-header {
	background: var(--myoga-dark);
	color: var(--myoga-white);
	padding: var(--myoga-sp-20) var(--myoga-sp-28);
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: var(--myoga-sp-16);
	border-radius: var(--myoga-radius) var(--myoga-radius) 0 0;
	position: sticky;
	top: 0;
	z-index: 5;
}
.myoga-modal-header .modal-category {
	font-size: var(--myoga-fs-11);
	letter-spacing: clamp(2px, 0.15625vw, 3px);
	color: rgba(255, 255, 255, .7);
	margin-bottom: 4px;
	font-weight: 500;
	text-transform: uppercase;
}
.myoga-modal-header h2 { font-size: var(--myoga-fs-22); font-weight: 500; margin: 0; color: #fff; line-height: 1.15; }
.modal-close {
	background: rgba(255, 255, 255, .15); border: none; color: #fff;
	width: clamp(36px, 2.8125vw, 54px); height: clamp(36px, 2.8125vw, 54px);
	border-radius: 50%; font-size: var(--myoga-fs-22);
	line-height: 1; cursor: pointer; opacity: .9; flex-shrink: 0;
}
.modal-close:hover { opacity: 1; }

.myoga-modal-body { padding: var(--myoga-sp-28) var(--myoga-sp-32) var(--myoga-sp-32); }
.modal-recap {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--myoga-sp-14);
	padding-bottom: var(--myoga-sp-20);
	margin-bottom: var(--myoga-sp-20);
	border-bottom: 1px solid var(--myoga-line);
}
.modal-recap .recap-label { display: block; font-size: var(--myoga-fs-10); letter-spacing: clamp(2px, 0.15625vw, 3px); color: #999; font-weight: 600; margin-bottom: 3px; }
.modal-recap .recap-value { display: block; font-size: var(--myoga-fs-14); color: var(--myoga-dark); font-weight: 500; }
.modal-media { margin-bottom: var(--myoga-sp-20); }
.modal-media img { width: 100%; border-radius: var(--myoga-radius-sm); display: block; }
.modal-description { font-size: var(--myoga-fs-14); line-height: 1.7; color: #333; }
.modal-description p { margin: 0 0 1em; }
.modal-cta {
	display: inline-block;
	margin-top: var(--myoga-sp-22);
	background: var(--myoga-orange);
	color: #fff;
	padding: var(--myoga-fs-13) var(--myoga-sp-28);
	border-radius: 999px;
	font-size: var(--myoga-fs-13);
	font-weight: 500;
	text-decoration: none;
}
.modal-cta:hover { opacity: .9; }

/* =====================================================================
   4) BLOC INFO+ (déroulé détaillé — popup + page single)
   Intro + blocs empilés avec barre de couleur à gauche (maquette .phase-block).
   Alimenté par la métabox « Info+ » (couleur choisie par bloc, inline).
   ===================================================================== */
.myoga-infoplus { margin: var(--myoga-sp-20) 0 var(--myoga-sp-24); }
.myoga-ip-intro { font-size: var(--myoga-fs-14); line-height: 1.7; color: #333; margin-bottom: var(--myoga-sp-20); }
.myoga-ip-intro p { margin: 0 0 .8em; }
.myoga-ip-intro p:last-child { margin-bottom: 0; }
.myoga-ip-item { margin-bottom: var(--myoga-sp-18); }
.myoga-ip-item:last-child { margin-bottom: 0; }

/* Barres colorées (phases / étapes) — maquette .phase-block */
.myoga-ip-item--fonce,
.myoga-ip-item--orange,
.myoga-ip-item--or,
.myoga-ip-item--bleu { border-left: 3px solid var(--myoga-dark); padding-left: var(--myoga-sp-18); }
.myoga-ip-item--orange { border-left-color: var(--myoga-orange); }
.myoga-ip-item--or     { border-left-color: var(--myoga-gold); }
.myoga-ip-item--bleu   { border-left-color: #4fb3ff; }

/* Surligné beige (journée signature) — maquette .phase-block.highlight */
.myoga-ip-item--signature {
	background: var(--myoga-bg);
	border-left: 3px solid #4fb3ff;
	border-radius: 0 8px 8px 0;
	padding: var(--myoga-sp-14) var(--myoga-sp-18);
}
/* Encadré blanc + filet (contre-indications, annulation) — maquette .cancel-box */
.myoga-ip-item--encadre {
	background: #fff;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: var(--myoga-radius-sm);
	padding: var(--myoga-sp-18) var(--myoga-sp-22);
}
/* Encadré beige (inclus / non inclus) — maquette .included-box */
.myoga-ip-item--beige {
	background: var(--myoga-bg);
	border-radius: var(--myoga-radius-sm);
	padding: var(--myoga-sp-18) var(--myoga-sp-22);
}
/* Icônes SVG (mots-clés check / calendar) : taille alignée sur le texte */
.myoga-ip-emoji svg,
.myoga-bi-emoji svg { width: 1em; height: 1em; vertical-align: middle; }
.myoga-ip-head { display: flex; align-items: center; gap: var(--myoga-sp-10); margin-bottom: var(--myoga-sp-8); }
.myoga-ip-emoji { font-size: var(--myoga-fs-18); line-height: 1; flex-shrink: 0; }
.myoga-ip-title { font-size: var(--myoga-fs-15); color: var(--myoga-dark); font-weight: 600; line-height: 1.3; }
.myoga-ip-desc { font-size: var(--myoga-fs-13); line-height: 1.7; color: #444; margin: 0; }

/* =====================================================================
   5) PAGE SINGLE — template PHP de secours (.myoga-single)
   Le rendu normal passe par le template « Single » Elementor.
   ===================================================================== */
.myoga-single { max-width: clamp(820px, 64vw, 1230px); margin: 0 auto; padding: var(--myoga-sp-32) var(--myoga-sp-20); }
.myoga-single-cat { font-size: var(--myoga-fs-12); letter-spacing: clamp(2px, 0.15625vw, 3px); text-transform: uppercase; color: var(--myoga-gold); font-weight: 600; margin-bottom: var(--myoga-sp-8); }
.myoga-single-title { font-size: var(--myoga-fs-26); font-weight: 500; color: var(--myoga-dark); margin: 0 0 var(--myoga-sp-8); }
.myoga-single-sub { font-size: var(--myoga-fs-16); color: #666; margin-bottom: var(--myoga-sp-24); }
.myoga-single-media img { width: 100%; border-radius: var(--myoga-radius); display: block; margin-bottom: var(--myoga-sp-28); }
.myoga-single .myoga-recap {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: var(--myoga-sp-16);
	background: var(--myoga-bg);
	border-radius: var(--myoga-radius);
	padding: var(--myoga-sp-22) var(--myoga-sp-24);
	margin-bottom: var(--myoga-sp-28);
}
.myoga-single .recap-label { display: block; font-size: var(--myoga-fs-10); letter-spacing: clamp(2px, 0.15625vw, 3px); color: #999; font-weight: 600; margin-bottom: 4px; }
.myoga-single .recap-value { display: block; font-size: var(--myoga-fs-15); color: var(--myoga-dark); font-weight: 500; }
.myoga-single-content { font-size: var(--myoga-fs-15); line-height: 1.8; color: #333; }
.myoga-single .myoga-btn-cta { margin-top: var(--myoga-sp-28); background: var(--myoga-orange); }

/* =====================================================================
   6) RESPONSIVE — breakpoints de la maquette (900 / 700 / 600)
   ===================================================================== */
@media (max-width: 900px) {
	.myoga-tab { padding: var(--myoga-sp-14) var(--myoga-sp-18); }
}
@media (max-width: 700px) {
	.myoga-benefits-grid { grid-template-columns: 1fr; }
	.myoga-benefit-item.is-wide { grid-column: auto; }
	.myoga-card-body { padding: var(--myoga-sp-22); }
	.myoga-single .myoga-recap { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
	.modal-recap { grid-template-columns: 1fr; }
	.myoga-modal-body { padding: var(--myoga-sp-20); }
	.myoga-cta-row { gap: var(--myoga-sp-8); }
}

/* MYOGA-EXTRA-STYLES */
.myoga-ip-item--titre{margin:24px 0 10px;}
.myoga-ip-item--titre .myoga-ip-head{margin:0;}
.myoga-ip-item--titre .myoga-ip-title{text-transform:uppercase;letter-spacing:2px;font-size:13px;color:var(--myoga-dark);font-weight:700;}
.myoga-ip-item--orangeplein{background:var(--myoga-orange);border-radius:8px;padding:16px 20px;}
.myoga-ip-item--orangeplein .myoga-ip-title,.myoga-ip-item--orangeplein .myoga-ip-desc{color:#fff;}
.myoga-ip-num{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--myoga-dark);color:#fff;font-size:13px;font-weight:600;line-height:1;}
.myoga-ip-item--orangeplein .myoga-ip-num{background:#fff;color:var(--myoga-orange);}

/* MYOGA-CARTE */
.myoga-infoplus{display:flex;flex-wrap:wrap;gap:14px;}
.myoga-infoplus>*{width:100%;margin-bottom:0;}
.myoga-ip-item{margin-bottom:0;}
.myoga-ip-item--carte{width:calc(50% - 7px);box-sizing:border-box;background:#fff;border:1px solid rgba(0,0,0,0.12);border-radius:10px;padding:18px 22px;}
.myoga-ip-item--carte .myoga-ip-head{margin-bottom:6px;}
.myoga-ip-item--carte .myoga-ip-bignum{font-size:34px;font-weight:600;color:var(--myoga-dark);line-height:1;}
.myoga-ip-item--carte .myoga-ip-unit{font-size:16px;font-weight:500;color:var(--myoga-dark);margin-left:1px;}
@media(max-width:600px){.myoga-ip-item--carte{width:100%;}}

/* MYOGA-TITLES */
.myoga-infoplus h3.myoga-ip-title{margin:0;font-size:18px;line-height:1.3;font-weight:600;}
.myoga-infoplus .myoga-ip-item--titre h3.myoga-ip-title{font-size:15px;text-transform:uppercase;letter-spacing:2px;font-weight:700;}
.myoga-ip-item--carte h3.myoga-ip-title{font-size:15px;}

/* MYOGA-TABS-FIX (thème surcharge les boutons) */
.myoga-tabs .myoga-tab{border:0!important;border-radius:0!important;border-bottom:3px solid transparent!important;background:none!important;box-shadow:none!important;}
.myoga-tabs .myoga-tab.is-active{border-bottom-color:var(--myoga-dark)!important;}

/* MYOGA-CLOSE-FIX (le thème surcharge les boutons : bordure + forme en pilule) */
.myoga-modal-header .modal-close{border:0!important;box-shadow:none!important;border-radius:50%!important;background:rgba(255,255,255,.15)!important;color:#fff!important;width:clamp(48px,3.75vw,72px)!important;height:clamp(48px,3.75vw,72px)!important;min-width:0!important;padding:0!important;font-size:clamp(24px,1.875vw,36px)!important;line-height:1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;}
.myoga-modal-header .modal-close:hover{background:rgba(255,255,255,.28)!important;opacity:1;}