/* ============================================================
   La Prêtresse Maitrel — doula.css
   Palette + composants spécifiques à la section Doula
   ============================================================ */

body.pm-section-doula {
	--pm-bg:           var(--pm-noir);
	--pm-bg-card:      #0A0418;
	--pm-bg-elev:      #160626;
	--pm-accent:       var(--pm-gold);
	--pm-accent-2:     var(--pm-gold-light);
	--pm-accent-soft:  var(--pm-rose-or);
	--pm-border:       rgba(201,146,42,0.20);
	--pm-border-strong:rgba(201,146,42,0.50);
	--pm-section-tint: rgba(92,15,28,0.28);
}

/* PACK CARDS — DOULA */
.pm-packs {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
	gap: 28px;
}
.pm-pack {
	position: relative;
	border: 1px solid rgba(201,146,42,0.22);
	overflow: hidden;
	transition: transform .4s var(--pm-ease), border-color .4s var(--pm-ease);
}
.pm-pack:hover { transform: translateY(-5px); border-color: rgba(201,146,42,0.55); }
.pm-pack--featured { border-color: var(--pm-gold); }
.pm-pack--featured::after {
	content: 'RECOMMANDÉ';
	position: absolute;
	top: 22px; right: -34px;
	background: var(--pm-gold);
	color: var(--pm-noir);
	font-family: var(--pm-font-sans);
	font-weight: 500;
	font-size: 9px;
	letter-spacing: 3px;
	padding: 6px 44px;
	transform: rotate(45deg);
	z-index: 2;
}

.pm-pack__bg {
	position: absolute; inset: 0;
	opacity: 0.12;
	pointer-events: none;
}
.pm-pack--eveil .pm-pack__bg        { background: radial-gradient(circle at 25% 20%, var(--pm-terracotta), transparent 60%); }
.pm-pack--renaissance .pm-pack__bg  { background: radial-gradient(circle at 75% 25%, var(--pm-cramoisi), transparent 60%); }
.pm-pack--passage .pm-pack__bg      { background: radial-gradient(circle at 25% 80%, var(--pm-bordeaux), transparent 60%); }
.pm-pack--souveraine .pm-pack__bg   { background: radial-gradient(circle at 75% 75%, var(--pm-gold), transparent 60%); }

.pm-pack__inner { position: relative; padding: 40px 36px; z-index: 1; }
.pm-pack__number {
	font-size: 10px;
	letter-spacing: 6px;
	text-transform: uppercase;
	color: var(--pm-rose-or);
	display: block;
	margin-bottom: 10px;
}
.pm-pack__name {
	font-family: var(--pm-font-serif);
	font-weight: 300;
	font-size: clamp(28px, 3vw, 36px);
	color: var(--pm-gold-light);
	letter-spacing: 8px;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.pm-pack__tagline {
	font-family: var(--pm-font-serif);
	font-style: italic;
	font-size: 15px;
	color: rgba(232,213,163,0.62);
	line-height: 1.6;
	margin-bottom: 22px;
}
.pm-pack__divider {
	height: 1px;
	background: linear-gradient(to right, var(--pm-gold), transparent);
	margin-bottom: 22px;
	opacity: 0.45;
}
.pm-pack__items { margin-bottom: 26px; }
.pm-pack__items li {
	display: flex;
	gap: 12px;
	font-size: 13px;
	line-height: 1.7;
	color: rgba(232,213,163,0.8);
	padding: 9px 0;
	border-bottom: 1px solid rgba(201,146,42,0.08);
}
.pm-pack__items li:last-child { border-bottom: 0; }
.pm-pack__items li::before {
	content: '✦';
	color: var(--pm-gold);
	font-size: 9px;
	margin-top: 5px;
	flex-shrink: 0;
}
.pm-pack__items li strong { color: var(--pm-ivory); font-weight: 400; }

.pm-pack__price-block {
	padding-top: 22px;
	border-top: 1px solid rgba(201,146,42,0.20);
}
.pm-pack__value {
	font-size: 11px;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: rgba(196,132,142,0.55);
	text-decoration: line-through;
	margin-bottom: 6px;
}
.pm-pack__price {
	font-family: var(--pm-font-serif);
	font-weight: 300;
	font-size: 40px;
	color: var(--pm-gold);
	letter-spacing: 2px;
	line-height: 1;
}
.pm-pack__price span {
	font-family: var(--pm-font-sans);
	font-weight: 300;
	font-size: 14px;
	color: rgba(201,146,42,0.6);
	margin-left: 6px;
}
.pm-pack__price-note {
	font-size: 11px;
	letter-spacing: 2px;
	color: rgba(232,213,163,0.45);
	margin-top: 6px;
	display: block;
}

/* Tiers table (Pack Passage / Souveraine) */
.pm-tiers {
	width: 100%;
	border-collapse: collapse;
	margin: 14px 0;
}
.pm-tiers tr { border-bottom: 1px solid rgba(201,146,42,0.1); }
.pm-tiers td { padding: 10px 0; font-size: 13px; color: rgba(232,213,163,0.75); }
.pm-tiers td:last-child {
	text-align: right;
	font-family: var(--pm-font-serif);
	font-size: 20px;
	color: var(--pm-gold);
}