/* Carte de visibilité du croissant lunaire (hilal) - styles partagés
 * hub /calendrier/nouvelle-lune/ + fiches /calendrier/nouvelle-lune/{lunaison}/
 * Cache-bust via ?v=filemtime côté templates. */

.hilal-toolbar { display:flex; flex-wrap:wrap; gap:12px 20px; align-items:center; justify-content:center; margin:18px 0; padding:14px; border:1px solid rgba(212,175,55,.35); background:linear-gradient(135deg,#fffdf5,#fef9e7); }
.hilal-toolbar label { font-weight:600; color:#1a1a1a; }
.hilal-toolbar select { padding:8px 12px; border:1px solid #d4af37; background:#fff; color:#1a1a1a; font-weight:600; }
.hilal-toolbar input[type="range"] { accent-color:#b8941f; min-width:220px; }
.hilal-clock { font-weight:700; color:#1a1a1a; white-space:nowrap; }
.hilal-clock .hilal-gold { color:#b8941f; }
.hilal-map-wrap { position:relative; margin:14px 0; }
#hilal-canvas { width:100%; height:auto; display:block; border:1px solid rgba(212,175,55,.4); background:#fffdf5; cursor:crosshair; }
.hilal-tooltip { position:absolute; display:none; pointer-events:none; background:#1a1a1a; color:#fff; padding:6px 10px; font-size:13px; line-height:1.5; border:1px solid #d4af37; z-index:5; max-width:260px; }
.hilal-legend { display:block; margin:14px 0; padding:12px 16px; border:1px solid rgba(212,175,55,.3); background:linear-gradient(135deg,#fffdf5,#fef9e7); }
.hilal-legend-row { display:flex; flex-wrap:wrap; gap:10px 24px; justify-content:center; }
.hilal-legend-note { display:flex; flex-wrap:wrap; gap:10px 24px; justify-content:center; margin-top:10px; padding-top:10px; border-top:1px dashed rgba(212,175,55,.4); }
.hilal-legend-item { display:flex; align-items:center; gap:8px; font-size:15px; color:#1a1a1a; }
.hilal-swatch { width:20px; height:20px; display:inline-block; border:1px solid rgba(0,0,0,.2); }
.hilal-conjinfo { text-align:center; font-weight:600; color:#1a1a1a; margin:10px 0; }
.hilal-conjinfo .hilal-gold { color:#b8941f; }
.hilal-country-list { columns:2; gap:24px; margin:8px 0 20px; padding-inline-start:22px; }
.hilal-country-list li { margin-bottom:6px; line-height:1.5; break-inside:avoid; color:#1a1a1a; }
[dir="rtl"] .hilal-country-list { padding-inline-start:22px; }
.hilal-badge { display:inline-block; min-width:26px; padding:3px 8px; font-weight:700; color:#fff; }
.hilal-a { background:#ff9500; }
.hilal-b { background:#ffc93c; color:#1a1a1a !important; }
.hilal-c { background:#8fa3b8; }
.hilal-d { background:#232a33; }
.hilal-off { background:#e9e4d4; }
.hilal-disclaimer { border:1px solid rgba(212,175,55,.4); border-left:4px solid #b8941f; background:var(--pt-cream,#fffdf5); color:#1a1a1a; padding:12px 16px; margin:18px 0; }
.hilal-how { border:1px solid rgba(212,175,55,.35); border-left:4px solid #b8941f; background:linear-gradient(135deg,#fffdf5,#fef9e7); padding:14px 18px; margin:16px 0; color:#1a1a1a; }
.hilal-how strong { display:block; margin-bottom:8px; font-size:1.05em; }
.hilal-how ol { margin:0; padding-inline-start:20px; }
.hilal-how li { margin-bottom:7px; line-height:1.6; }
.hilal-how li:last-child { margin-bottom:0; }

/* Fiches par lunaison : urjoon, regions, navigation */
.hilal-urjoon-list { margin:8px 0 16px; padding-inline-start:22px; }
.hilal-urjoon-list li { margin-bottom:6px; line-height:1.6; color:#1a1a1a; }
.hilal-regions { border:1px solid rgba(212,175,55,.35); background:linear-gradient(135deg,#fffdf5,#fef9e7); padding:12px 16px; margin:14px 0; color:#1a1a1a; }
.hilal-reg-row { margin:8px 0; line-height:1.7; }
.hilal-nav { display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; margin:20px 0; }
.hilal-nav a { color:#b8941f; font-weight:600; }
.hilal-nav .hilal-nav-next { margin-inline-start:auto; }
.hilal-fiches { margin:10px 0 20px; }
.hilal-fiches ul { columns:2; gap:4px 28px; margin:8px 0 0; padding-inline-start:0; list-style:none; }
.hilal-fiches li { margin-bottom:6px; break-inside:avoid; line-height:1.5; }
.hilal-past-note { border:1px dashed rgba(212,175,55,.5); background:#fffdf5; color:#1a1a1a; padding:10px 14px; margin:14px 0; }

/* Page criteres-pays : tableau des comites + FAQ */
.hilal-crit-table { width:100%; border-collapse:collapse; margin:14px 0 20px; }
.hilal-crit-table th, .hilal-crit-table td { border:1px solid rgba(212,175,55,.4); padding:10px 12px; vertical-align:top; text-align:start; line-height:1.6; color:#1a1a1a; }
.hilal-crit-table th { background:#1a1a1a; color:#fff; }
.hilal-crit-table tr:nth-child(even) td { background:#fffdf5; }
.hilal-faq p { line-height:1.8; margin-top:6px; }