/**
 * pSEO Horaires de prière — feuille dédiée silo (chargée uniquement sur les templates HP).
 * Charte : Fraunces (titres) / Figtree→Manrope (corps), cream #f5f1e8, bleu nuit #2c4a5e,
 * or #c8a050, blanc cassé #fffdf9. Specs : hero dégradé 150deg, tuiles translucides or 25 %,
 * tableau header bleu nuit + ligne jour #f7efdd. @since 2026-07-23
 */

.smc-hp-main{max-width:860px;margin:0 auto;padding:24px 18px 48px;font-family:'Manrope','Figtree',sans-serif;color:#2c4a5e}
.smc-hp-main h1{font-family:'Fraunces',serif;font-size:34px;font-weight:600;color:#2c4a5e;margin:10px 0 6px;line-height:1.2}
.smc-hp-main h2{font-family:'Fraunces',serif;font-size:24px;font-weight:600;color:#2c4a5e;margin:34px 0 12px}
.smc-hp-main h3{font-family:'Fraunces',serif;font-size:18px;font-weight:600;color:#2c4a5e;margin:0 0 8px}
.smc-crumb{font-size:13px;color:#8a8272;margin-bottom:4px}
.smc-crumb a{color:#8a8272;text-decoration:none}
.smc-crumb a:hover{color:#c8a050}
.smc-hp-sub{font-size:15.5px;color:#5a6772;margin:0 0 10px;line-height:1.55}
.smc-hp-dates{font-size:14px;color:#5a6772;margin-bottom:18px}
.smc-hp-hijri{color:#c8a050;font-weight:600}

/* ===== HERO ===== */
.smc-hp-hero{background:linear-gradient(150deg,#2c4a5e 0%,#233d4e 100%);border-top:3px solid #c8a050;border-radius:16px;padding:22px 22px 18px;box-shadow:0 8px 28px rgba(44,74,94,.16);margin-bottom:22px}
.smc-hp-hero__next{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;flex-wrap:wrap}
.smc-hp-hero__label{font-size:11px;font-weight:700;letter-spacing:.14em;color:#c8a050}
.smc-hp-hero__prayer{font-family:'Fraunces',serif;font-size:28px;font-weight:600;color:#fffdf9}
.smc-hp-hero__count{font-size:15px;color:#c3cfd8}
.smc-hp-hero__count b{color:#fffdf9;font-size:18px}
.smc-hp-grid6{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.smc-hp-tile{background:rgba(255,253,249,.07);border:1px solid rgba(200,160,80,.25);border-radius:10px;padding:10px 6px;text-align:center}
.smc-hp-tile--next{background:#c8a050;border-color:#c8a050}
.smc-hp-tile--next .smc-hp-tile__name,.smc-hp-tile--next .smc-hp-tile__time,.smc-hp-tile--next .smc-hp-tile__ar{color:#fffdf9}
.smc-hp-tile__name{font-size:12px;font-weight:700;color:#c3cfd8}
.smc-hp-tile__ar{font-family:'Amiri',serif;font-size:13px;color:#c8a050;display:block;margin-top:1px}
.smc-hp-tile__time{font-size:17px;font-weight:700;color:#fffdf9;margin-top:4px}
.smc-hp-tile__time sup{color:#c8a050}

/* ===== SÉLECTEUR MÉTHODE ===== */
.smc-hp-method{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 18px;font-size:14px}
.smc-seg{display:inline-flex;border:1.5px solid #2c4a5e;border-radius:10px;overflow:hidden}
.smc-seg button{background:#fffdf9;color:#2c4a5e;border:0;padding:9px 14px;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer}
.smc-seg button.on{background:#2c4a5e;color:#fffdf9}
.smc-hp-method__hint{flex-basis:100%;font-size:12.5px;color:#8a8272;line-height:1.5}
.smc-hp-method--cal{margin:0 0 14px;font-size:13px}

/* ===== TABLEAU MOIS ===== */
.smc-hp-month{background:#fffdf9;border:1px solid #e6ddc9;border-radius:14px;padding:18px;margin:22px 0}
.smc-hp-month__nav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.smc-hp-month__nav h2{margin:0;font-size:20px}
.smc-hp-month__nav button{background:#2c4a5e;color:#fffdf9;border:0;border-radius:8px;width:38px;height:38px;font-size:15px;cursor:pointer}
.smc-hp-month__nav button:disabled{opacity:.35;cursor:default}
#smc-month-table{width:100%;border-collapse:collapse;font-size:13.5px}
#smc-month-table th{background:#2c4a5e;color:#fffdf9;padding:8px 6px;font-weight:700;font-size:12.5px;text-align:center}
#smc-month-table th:first-child{border-radius:8px 0 0 0}
#smc-month-table th:last-child{border-radius:0 8px 0 0}
#smc-month-table td{padding:6px;text-align:center;border-bottom:1px solid #f0e9d8;color:#3d4f5c}
#smc-month-table td:first-child{font-weight:600;color:#2c4a5e}
#smc-month-table tr.smc-hp-today td{background:#f7efdd;font-weight:700;color:#2c4a5e;border-top:1.5px solid #c8a050;border-bottom:1.5px solid #c8a050}
#smc-month-table sup{color:#c8a050}
.smc-hp-pdf{display:block;width:100%;margin-top:14px;background:#c8a050;color:#fffdf9;border:0;border-radius:10px;padding:13px 16px;font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;transition:background .15s ease}
.smc-hp-pdf:hover{background:#b8913f}
.smc-hp-pdf:disabled{opacity:.6}
.smc-hp-note{font-size:12.5px;color:#8a8272;margin:10px 0 0;line-height:1.5}

/* ===== CARDS ===== */
.smc-card{background:#f5f1e8;border:1px solid #e2d8c2;border-radius:12px;padding:16px 18px;margin:14px 0}
.smc-card p{margin:0;font-size:14.5px;line-height:1.6;color:#3d4f5c}
.smc-qibla{background:#fffdf9;border:1px solid #e6ddc9;border-left:3px solid #c8a050;border-radius:12px;padding:16px 18px;margin:18px 0;display:flex;gap:16px;align-items:center}
.smc-qibla__deg{font-family:'Fraunces',serif;font-size:34px;font-weight:600;color:#c8a050;flex-shrink:0}
.smc-qibla p{margin:0;font-size:14.5px;line-height:1.6;color:#3d4f5c}
.smc-qibla a{color:#2c4a5e;font-weight:600}

/* ===== CTA 2 : card déplacement unifiée (avenant 2026-07-23) ===== */
.smc-hp-travel{background:#fffdf9;border:1px solid #e6ddc9;border-top:3px solid #c8a050;border-radius:14px;padding:24px;margin:24px 0}
.smc-hp-travel__kicker{font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#c8a050;margin-bottom:8px}
.smc-hp-travel__title{font-family:'Fraunces',serif;font-size:22px;font-weight:600;color:#2c4a5e;margin:0 0 8px;line-height:1.3}
.smc-hp-travel__lead{font-size:14.5px;color:#5a6772;margin:0 0 16px;line-height:1.6}
.smc-hp-travel__btn,.smc-hp-travel__btn:link,.smc-hp-travel__btn:visited{display:block;text-align:center;background:#2c4a5e;color:#fffdf9 !important;text-decoration:none;font-weight:700;font-size:15px;padding:13px 16px;border-radius:10px;transition:background .15s ease}
.smc-hp-travel__btn:hover{background:#233d4e;color:#fffdf9 !important}
.smc-hp-travel__tools{border-top:1px solid #f0e9d8;margin-top:18px;padding-top:16px}
.smc-hp-travel__tools h3{margin-bottom:10px}
.smc-hp-travel__tools a,.smc-hp-travel__tools a:link,.smc-hp-travel__tools a:visited{display:inline-block;background:#f5f1e8;border:1.5px solid #e2d8c2;border-radius:20px;padding:7px 13px;margin:0 6px 8px 0;font-size:13.5px;font-weight:600;color:#2c4a5e !important;text-decoration:none;transition:border-color .15s ease}
.smc-hp-travel__tools a:hover{border-color:#c8a050;color:#2c4a5e !important}

/* ===== FAQ ===== */
.smc-hp-faq details{background:#fffdf9;border:1px solid #e6ddc9;border-radius:10px;padding:12px 16px;margin:8px 0}
.smc-hp-faq summary{font-weight:700;font-size:14.5px;color:#2c4a5e;cursor:pointer}
.smc-hp-faq p{margin:10px 0 0;font-size:14px;line-height:1.6;color:#3d4f5c}

/* ===== VILLES PROCHES (avenant : contraste WCAG AA, style unique cream) ===== */
.smc-hp-pills a,.smc-hp-pills a:link,.smc-hp-pills a:visited{display:inline-block;background:#f5f1e8;border:1.5px solid #e2d8c2;color:#2c4a5e !important;border-radius:20px;padding:8px 15px;margin:0 6px 8px 0;font-size:13.5px;font-weight:600;text-decoration:none;transition:border-color .15s ease}
.smc-hp-pills a:hover{border-color:#c8a050;color:#2c4a5e !important}
.smc-hp-pills a.smc-hp-pill--hub,.smc-hp-pills a.smc-hp-pill--hub:link,.smc-hp-pills a.smc-hp-pill--hub:visited{background:#2c4a5e;border-color:#2c4a5e;color:#fffdf9 !important}
.smc-hp-pills a.smc-hp-pill--hub:hover{background:#233d4e;color:#fffdf9 !important}

/* ===== NOTE MÉTHODO ===== */
.smc-hp-methodo{font-size:12.5px;color:#8a8272;line-height:1.6;border-top:1px solid #e6ddc9;margin-top:30px;padding-top:14px}

/* ===== HUB ===== */
.smc-hp-hubgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin:20px 0}
.smc-hp-hubcard{background:#fffdf9;border:1px solid #e6ddc9;border-radius:12px;padding:16px;text-decoration:none;transition:all .15s ease;display:block}
.smc-hp-hubcard:hover{border-color:#c8a050;transform:translateY(-2px);box-shadow:0 6px 18px rgba(200,160,80,.15)}
.smc-hp-hubcard__ville{font-family:'Fraunces',serif;font-size:18px;font-weight:600;color:#2c4a5e}
.smc-hp-hubcard__dept{font-size:12.5px;color:#8a8272;margin-top:2px}
.smc-hp-hubcard__go{font-size:13px;color:#c8a050;font-weight:700;margin-top:8px}

/* ===== SLOTS ADS (masqués tant que SMC_ADS_ENABLED=false) ===== */
.smc-ad-slot{min-height:90px;margin:18px 0;background:#f5f1e8;border:1px dashed #e2d8c2;border-radius:10px}

/* ===== RESPONSIVE ===== */
@media(max-width:760px){
  .smc-hp-grid6{grid-template-columns:repeat(3,1fr)}
  .smc-hp-main h1{font-size:27px}
  .smc-hp-month{padding:12px;overflow-x:auto}
  #smc-month-table{min-width:520px}
  .smc-hp-hero__prayer{font-size:23px}
}
@media(max-width:420px){
  .smc-hp-grid6{grid-template-columns:repeat(2,1fr)}
  .smc-qibla{flex-direction:column;align-items:flex-start;gap:8px}
}

/* ===== MEGA HUB (2026-07-23) ===== */
.smc-hp-search{background:#fffdf9;border:1px solid #e6ddc9;border-top:3px solid #c8a050;border-radius:14px;padding:22px;margin:22px 0;position:relative}
.smc-hp-search__label{display:block;font-family:'Fraunces',serif;font-size:19px;font-weight:600;color:#2c4a5e;margin-bottom:12px}
.smc-hp-search__row{display:flex;gap:10px;flex-wrap:wrap}
#smc-hub-q{flex:1;min-width:200px;border:1.5px solid #e2d8c2;border-radius:10px;padding:13px 16px;font-family:inherit;font-size:15px;color:#2c4a5e;background:#fff}
#smc-hub-q:focus{outline:none;border-color:#c8a050}
#smc-hub-geo{background:#2c4a5e;color:#fffdf9;border:0;border-radius:10px;padding:13px 18px;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:background .15s ease}
#smc-hub-geo:hover{background:#233d4e}
#smc-hub-geo:disabled{opacity:.6}
.smc-hp-search__results{margin-top:10px;border:1px solid #e6ddc9;border-radius:10px;overflow:hidden;background:#fff}
.smc-hp-search__item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 14px;font-size:14.5px;font-weight:600;color:#2c4a5e !important;text-decoration:none;border-bottom:1px solid #f0e9d8}
.smc-hp-search__item:last-child{border-bottom:0}
a.smc-hp-search__item:hover{background:#f7efdd}
.smc-hp-search__go{font-size:12.5px;color:#c8a050;white-space:nowrap}
.smc-hp-search__item--soon{color:#a9a294 !important;cursor:default}
.smc-hp-search__soon{font-size:12px;color:#a9a294;font-style:italic;white-space:nowrap}
.smc-hp-search__hint{font-size:12.5px;color:#8a8272;margin:10px 0 0}
.smc-hp-country{margin:0 0 8px}
.smc-hp-country h3{margin:14px 0 8px}
#smc-hub-table{width:100%;border-collapse:collapse;font-size:14px}
#smc-hub-table th{background:#2c4a5e;color:#fffdf9;padding:8px 6px;font-weight:700;font-size:12.5px;text-align:center}
#smc-hub-table td{padding:8px 6px;text-align:center;border-bottom:1px solid #f0e9d8;color:#3d4f5c}
#smc-hub-table td:first-child{text-align:left}
#smc-hub-table td:first-child a{color:#2c4a5e;font-weight:700;text-decoration:none;border-bottom:1.5px solid #c8a050}
#smc-hub-table td:first-child a:hover{color:#c8a050}
#smc-hub-methodes{width:100%;border-collapse:collapse;font-size:13.5px}
#smc-hub-methodes th{background:#2c4a5e;color:#fffdf9;padding:7px;font-size:12.5px}
#smc-hub-methodes td{padding:7px;border-bottom:1px solid #f0e9d8;color:#3d4f5c;text-align:center}
#smc-hub-methodes td:first-child{font-weight:700;color:#2c4a5e;text-align:left}
.smc-hp-toolgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;margin:16px 0}
.smc-hp-toolcard{background:#f5f1e8;border:1px solid #e2d8c2;border-radius:12px;padding:16px;text-decoration:none;transition:all .15s ease;display:block}
.smc-hp-toolcard:hover{border-color:#c8a050;transform:translateY(-2px)}
.smc-hp-toolcard__ico{font-size:24px;margin-bottom:6px}
.smc-hp-toolcard__name{font-family:'Fraunces',serif;font-size:16.5px;font-weight:600;color:#2c4a5e;margin-bottom:4px}
.smc-hp-toolcard p{margin:0;font-size:13px;color:#5a6772;line-height:1.5}
@media(max-width:600px){
  .smc-hp-search__row{flex-direction:column}
  #smc-hub-geo{width:100%}
  .smc-hp-month{overflow-x:auto}
  #smc-hub-table{min-width:460px}
}