/* Design 4 : même conteneur .wrap que les pages météo, aucun débordement plein écran. */
.home-design-four{background:#f2f9fc}.home-design-four .site-header{background:#fff}.home-scene{position:relative;isolation:isolate}.home-backdrop{position:absolute;top:0;left:0;width:100%;height:640px;object-fit:cover;object-position:center 42%;z-index:-2;opacity:.32;mask-image:linear-gradient(#000 50%,transparent);-webkit-mask-image:linear-gradient(#000 50%,transparent)}.home-intro{text-align:center;padding:28px 12px 24px}.home-intro h1{font-size:clamp(34px,4vw,50px);margin:0 0 8px}.home-intro>p{margin:8px 0;color:#426d83}.home-date{font-size:13px}.home-intro .city-search{width:min(540px,100%);max-width:none;margin:18px auto 0;position:relative;z-index:10;text-align:left}.home-intro .city-search input{background:#fff;width:100%;font-size:16px;padding:16px 20px;border-radius:28px}.home-showcase{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr) 310px;gap:14px;align-items:stretch}.home-alger{position:relative;isolation:isolate;overflow:hidden;padding:24px;border:1px solid #d7eaf1;border-radius:14px;background:white;min-width:0}.home-alger-photo{position:absolute;right:0;top:0;width:68%;height:100%;object-fit:cover;z-index:-1;mask-image:linear-gradient(90deg,transparent,#000);-webkit-mask-image:linear-gradient(90deg,transparent,#000)}.home-alger-title h2{font-size:34px;margin:0}.home-alger-title>span{font-size:13px}.home-alger-temp{display:flex;align-items:center;gap:18px;margin-top:22px}.home-alger-temp>strong{font-size:76px;line-height:1.1;letter-spacing:-4px}.home-alger-temp .weather-icon{width:80px;height:80px}.home-alger-condition{font-size:22px;font-weight:700;margin:10px 0}.home-alger-measures{font-size:13px;margin:8px 0}.home-stamp{font-size:12px;margin:10px 0;color:#426d83}.home-hours{display:flex;justify-content:space-around;gap:5px;background:#f5fbfff0;border-radius:10px;padding:12px 8px;margin-top:20px}.home-hours>div{display:flex;flex-direction:column;gap:6px;align-items:center;font-size:13px}.home-hours .weather-icon{width:32px;height:32px}.home-featured{display:grid;gap:12px}.home-mini{display:flex;gap:12px;align-items:center;padding:12px;background:#fff;border:1px solid #d7eaf1;border-radius:12px;min-width:0}.home-mini>img{width:85px;height:100%;max-height:120px;object-fit:cover;border-radius:8px}.home-mini h2{font-size:19px;margin:0}.home-mini-temp{display:flex;align-items:center;gap:10px}.home-mini-temp strong{font-size:28px}.home-mini-temp .weather-icon{width:34px;height:34px}.home-mini p,.home-mini small{font-size:12px;margin:4px 0;display:block}.home-showcase aside{display:block}.home-showcase .prayers-panel{height:100%;padding:20px}.home-showcase .prayers-source{font-size:11px}.home-directory{margin-top:20px;background:#fff;border:1px solid #d7eaf1;border-radius:14px;padding:20px}.home-directory-heading{display:flex;justify-content:space-between;gap:16px;align-items:center}.home-directory-heading h2{font-size:23px}.home-directory-heading h2 span{font-size:18px}.home-directory-heading a{font-size:14px}.home-directory-note{font-size:12px;color:#527789;margin:12px 0 16px}.home-table{display:grid;grid-template-rows:repeat(12,auto);grid-auto-flow:column;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 20px}.home-row{display:grid;grid-template-columns:minmax(0,1fr) 26px 32px 32px 8px;align-items:center;gap:6px;border-bottom:1px solid #e0edf2;padding:10px 4px;font-size:14px;min-height:48px}.home-row:hover,.home-mini:hover{background:#edf8fc}.home-row .weather-icon{width:26px;height:26px}.home-row-name{overflow-wrap:anywhere}.home-row-name small{display:block;font-size:10px;color:#627b89}.home-min{color:#008db8}.home-max{color:#cb7b00}.home-row-empty{grid-column:2/5;font-size:11px;color:#627b89}.home-credits{font-size:11px;color:#527789;margin:15px 0 25px}.home-credits summary{cursor:pointer}.home-unavailable{padding:40px 0}.home-design-four a:focus-visible{outline:3px solid #0099b7;outline-offset:2px}
@media(max-width:1150px){.home-showcase{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.home-showcase aside{grid-column:1/-1}.home-showcase .prayers-panel{height:auto}.home-table{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(24,auto)}}@media(max-width:650px){.home-showcase{grid-template-columns:1fr}.home-showcase aside{grid-column:auto}.home-mini>img{height:100px}.home-table{grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row}.home-directory-heading{align-items:flex-start;flex-direction:column}.home-alger-temp>strong{font-size:66px}.home-intro{padding-inline:0}.home-directory{padding:15px}}

/* Version 0.21 : accueil pleine largeur, règles limitées à cette page. */
.home-design-four{background:linear-gradient(#d9effa 0,#edf8fd 900px,#f7fbfd 1400px)}
.home-design-four .wrap{width:calc(100% - 96px);max-width:none}
.home-design-four .test-banner{background:#e7f4fb}
.home-design-four .site-header{margin-top:20px;padding:0 28px;min-height:82px;border:1px solid #d7e8f1;border-radius:13px;box-shadow:0 5px 20px #31597008;gap:40px;z-index:30}
.home-design-four .brand-logo{width:270px;height:auto}.home-header-caption{margin-left:auto;font-size:13px;font-weight:700}.home-header-caption small{display:block;font-size:11px;font-weight:400;color:#6c8b9c;margin-top:4px}
.home-design-four .home-scene{position:relative}.home-backdrop{top:-125px;left:-48px;width:calc(100% + 96px);height:850px;opacity:.5;object-position:center 35%;mask-image:linear-gradient(transparent,#000 15%,#000 62%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 15%,#000 62%,transparent)}
.home-intro{padding:24px 12px 20px;position:relative}.home-intro h1{font-size:48px;letter-spacing:-1.7px;font-weight:800}.home-intro>p{font-size:17px}.home-intro .home-date{font-size:12px;margin-top:7px}.home-intro .city-search{margin-top:14px;width:510px;max-width:100%}.home-intro .city-search input{padding:13px 20px;box-shadow:0 6px 18px #244e6a10;border-color:#dfedf5}
.home-showcase{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr) minmax(310px,1fr);gap:12px}
.home-alger{padding:22px;background:#fff;border:7px solid #fff;border-radius:13px;min-height:370px}.home-alger-title h2{font-size:34px;line-height:1}.home-alger-title>span{display:block;margin-top:7px;color:#60839a;font-size:12px}.home-alger-photo{width:76%;object-position:center 35%;opacity:.94;mask-image:linear-gradient(90deg,transparent,#000 60%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 60%)}
.home-alger-temp{margin-top:19px;gap:20px}.home-alger-temp>strong{font-size:78px}.home-alger-temp .weather-icon{width:78px;height:78px}.home-alger-condition{margin:6px 0;font-size:22px}.home-alger-measures{margin:6px 0;color:#52788e}.home-stamp{font-size:10px;margin:6px 0}.home-hours{max-width:390px;margin-top:16px;padding:10px 8px;background:#f4faffee}.home-hours>div{font-size:12px;gap:4px}
.home-featured{gap:10px}.home-mini{padding:10px;gap:13px;box-shadow:0 3px 10px #325b7205}.home-mini>img{width:95px;max-height:112px;min-height:90px}.home-mini h2{font-size:20px}.home-mini-temp strong{font-size:30px}.home-mini p,.home-mini small{margin:2px 0}.home-mini small{color:#60839a}.home-showcase .prayers-panel{padding:20px 22px;border-radius:13px;background:#fffffffa}.home-showcase .prayers-panel h2{font-size:20px}.home-showcase .prayers-date{font-size:11px}.home-showcase .prayers-list>div{padding:9px 0}.home-showcase .prayer-next-label{font-size:11px}.home-showcase .prayers-source{font-size:10px;margin-top:10px;padding-top:10px}
.home-directory{margin-top:16px;padding:20px;background:#ffffffed;box-shadow:0 6px 25px #52788e08}.home-directory-heading h2{font-size:23px}.home-directory-note{margin:8px 0 14px;font-size:11px}.home-table{gap:0 16px}.home-row{background:linear-gradient(90deg,#f5fafd55,white);padding:8px 9px;min-height:43px;font-size:14px}.home-row:nth-child(12n+1){border-top:3px solid #d6edf8;border-radius:6px 6px 0 0}.home-row-name small{font-size:9px}.home-directory .home-min{color:#5393b5}.home-directory .home-max{color:#eb8b00}.home-design-four .closing-note{padding-top:28px;padding-bottom:20px}.home-design-four .site-footer{background:#fff}
@media(min-width:1800px){.home-showcase{grid-template-columns:1.7fr 1fr 1fr}.home-alger-photo{object-position:center 40%}.home-intro{padding-block:30px}.home-table{gap:0 30px}.home-row{font-size:16px}.home-alger{min-height:410px}}
@media(max-width:1150px){.home-design-four .wrap{width:calc(100% - 40px)}.home-backdrop{left:-20px;width:calc(100% + 40px)}.home-design-four .site-header{gap:20px;padding-inline:20px}.home-header-caption{display:none}.home-design-four .language-label{margin-left:auto}.home-showcase{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.home-showcase aside{grid-column:1/-1}.home-showcase .prayers-panel{height:auto}.home-table{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(24,auto)}}
@media(max-width:650px){.home-design-four .wrap{width:calc(100% - 24px)}.home-backdrop{left:-12px;width:calc(100% + 24px)}.home-design-four .site-header{margin-top:10px;padding:14px;gap:16px}.home-design-four .brand-logo{width:215px}.home-intro h1{font-size:36px}.home-intro>p{font-size:14px}.home-showcase{grid-template-columns:1fr}.home-showcase aside{grid-column:auto}.home-table{grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row}.home-alger{padding:14px}.home-alger-temp>strong{font-size:68px}.home-mini>img{height:100px}.home-directory{padding:14px}.home-directory-heading h2{font-size:21px}}

/* v0.22 : bandeau réduit et cartes sans soulignement. */
.home-design-four .home-intro{padding:12px 12px 14px}.home-design-four .home-intro h1{font-size:40px;margin-bottom:4px}.home-design-four .home-intro>p{margin:4px 0;font-size:14px}.home-design-four .home-intro .home-date{font-size:11px}.home-design-four .home-intro .city-search{margin-top:9px}.home-design-four .home-intro .city-search input{padding:10px 18px}.home-mini:hover,.home-mini:focus,.home-row:hover,.home-row:focus,.home-alger-title:hover,.prayer-discover:hover{text-decoration:none}.home-mini:hover *,.home-row:hover *,.prayer-discover:hover *{text-decoration:none}
/* Carte d’accès aux prières : aucun horaire de ville sur l’accueil. */
.prayer-discover{height:100%;display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 22px;border:1px solid #d5eaf0;border-radius:13px;background:radial-gradient(circle at 50% 25%,#fff6d9,transparent 45%),linear-gradient(145deg,#fff,#eaf7fb);color:#074b60}.prayer-kicker{font-size:10px;letter-spacing:1.7px;font-weight:700;color:#60859a}.prayer-art{height:125px;width:180px;position:relative;color:#ddb449;font-size:40px;line-height:1}.prayer-art svg{display:block;width:160px;height:90px;margin:auto;fill:#087b91;stroke:#087b91;stroke-width:2}.prayer-discover h2{font-size:25px;line-height:1.2;margin:12px 0}.prayer-discover p{font-size:14px;line-height:1.65;margin:0 0 20px;max-width:270px}.prayer-discover-button{display:flex;justify-content:space-between;gap:25px;background:#008ba7;color:#fff;padding:13px 20px;border-radius:25px;font-weight:600;font-size:14px;margin-top:auto}.prayer-discover:hover .prayer-discover-button{background:#006e87}.prayer-discover>small{font-size:10px;color:#638397;margin-top:12px}
/* Quatre groupes éditoriaux, nombre réel de villes différent par région. */
.home-table{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:none;grid-auto-flow:row;gap:16px;align-items:start}.home-region{border:1px solid #dfedf5;border-radius:9px;overflow:hidden}.home-region h3{display:flex;align-items:center;gap:9px;background:linear-gradient(90deg,#e7f3fa,#f1f7fc);font-size:16px;margin:0;padding:10px}.home-region h3 svg{width:25px;height:22px;color:#4b9ac0}.home-region .home-row{border-radius:0;border-top:0;min-height:43px;font-size:13px;padding:8px}.home-row:last-child{border-bottom:0}.prayer-page{padding-block:30px}.prayer-page h1{font-size:36px}.prayer-page form{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:25px 0}.prayer-page select,.prayer-page button{font:inherit;border:1px solid #cce5ed;padding:12px 16px;border-radius:8px}.prayer-page button{background:#008ba7;color:#fff;cursor:pointer}.prayer-page .prayers-panel{max-width:640px;margin-bottom:25px}.prayer-page>.section-note{max-width:640px;margin-bottom:20px}
@media(max-width:1150px){.home-table{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none}.prayer-discover{min-height:340px}}@media(max-width:650px){.home-table{grid-template-columns:1fr}.home-design-four .home-intro h1{font-size:32px}.prayer-page h1{font-size:30px}}

/* v0.23 : contenu encadré comme les pages wilayas, décor indépendant pleine largeur. */
.home-design-four{overflow-x:clip}.home-design-four .wrap{width:min(1320px,calc(100% - 64px));max-width:1320px}.home-backdrop{left:50%;transform:translateX(-50%);width:100vw;max-width:none}.home-design-four .site-header{padding-inline:22px}.home-design-four{font-family:Arial,Helvetica,sans-serif}.home-alger-title h2{font-size:36px;font-weight:750}.home-alger-condition{font-size:23px}.home-alger-measures{font-size:15px;color:#486d82}.home-alger-title>span{font-size:14px}.home-stamp{font-size:12px}.home-mini h2{font-size:21px;font-weight:700}.home-mini-temp strong{font-size:33px}.home-mini p,.home-mini small{font-size:14px;line-height:1.35}.home-mini>img{width:85px}.home-hours>div{font-size:14px}.home-hours strong{font-size:16px}.home-region h3{font-size:17px}.home-region .home-row{font-size:15px;min-height:45px;grid-template-columns:minmax(0,1fr) 28px 33px 33px 8px;gap:5px}.home-row .weather-icon{width:28px;height:28px}.home-min,.home-max{font-weight:600}.home-directory-note{font-size:13px}.region-more{display:flex;justify-content:space-between;padding:13px 10px;font-size:12px;font-weight:600;background:#f4f9fc}.region-more:hover{text-decoration:none;background:#e6f3f9}
/* Invitation aux prières : arche, laiton et bleu nuit ; aucun horaire sur l’accueil. */
.prayer-discover{background:radial-gradient(ellipse at 50% 30%,#225c70,#103d50 70%);color:#fff;border:1px solid #244f5f;position:relative;overflow:hidden;padding:22px 20px;box-shadow:0 8px 20px #153c5414}.prayer-kicker{color:#e2c68c;font-size:9px;letter-spacing:1.5px}.prayer-art{height:155px;width:230px;max-width:100%;margin:4px auto 0}.prayer-art svg{width:100%;height:155px;margin:0;fill:none;stroke:none}.prayer-discover h2{font-size:29px;line-height:1.08;color:#fff;font-weight:600;letter-spacing:-.7px;margin:4px 0 12px}.prayer-discover .prayer-subtitle{color:#f1d59c;font-size:15px;font-weight:600;margin:0 0 9px}.prayer-discover p{color:#d8e8ed;font-size:13px;line-height:1.5;margin:0 0 16px}.prayer-discover-button{background:#f0d59c;color:#173c4b;border-radius:8px;padding:12px 17px;font-size:13px;width:100%;max-width:250px;gap:10px}.prayer-discover:hover .prayer-discover-button{background:#ffe7b4}.prayer-discover>small{color:#bbd0d9;font-size:10px;margin-top:11px}
@media(max-width:1150px){.home-design-four .wrap{width:calc(100% - 40px)}.home-backdrop{left:50%;width:100vw}.home-showcase{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}}@media(max-width:650px){.home-design-four .wrap{width:calc(100% - 28px)}.home-showcase{grid-template-columns:1fr}.home-design-four .site-header{padding:14px}.home-mini>img{width:100px}.home-region .home-row{font-size:16px}.prayer-discover{min-height:420px}}

/* Alignement vertical avec les pages météo : aucun espace ajouté après le bandeau de test. */
.home-design-four .site-header{margin-top:0}
/* v0.25 : mêmes coordonnées et dimensions du logo que le header météo. */
.home-design-four .site-header{padding:0;min-height:85px;border-top:0;border-left:0;border-right:0;gap:45px}
.home-design-four .brand-logo{width:278px}
@media(max-width:1150px){.home-design-four .brand-logo{width:240px}}
@media(max-width:850px){.home-design-four .site-header{padding-block:16px;gap:18px}}
@media(max-width:480px){.home-design-four .brand-logo{width:220px}.home-design-four .site-header{gap:13px}}

/* v0.26 : langue, photos des villes, pictogrammes et abonnement. */
.home-design-four .language-label{margin-left:auto;font-size:13px;font-weight:600}.home-mini>img{width:38%;max-height:none;height:125px;object-fit:cover}.home-mini>div{flex:1;min-width:0}.home-mini{gap:15px}.home-mini h2{font-size:20px}.home-region h3 .region-icon{width:28px;height:26px;color:#3684a5}.newsletter-panel{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;background:linear-gradient(110deg,#e8f6fb,#fff);border:1px solid #cce5ed;border-radius:16px;padding:30px;margin:0 0 25px}.newsletter-kicker{font-size:10px;letter-spacing:1.6px;font-weight:700;color:#0085a4}.newsletter-panel h2{font-size:28px;line-height:1.2;margin:14px 0}.newsletter-panel p{font-size:15px;line-height:1.65;color:#466c80}.newsletter-form>label{display:block;font-weight:600;font-size:14px;margin-bottom:8px}.newsletter-form>input{width:100%;padding:13px 16px;border:1px solid #bfdce8;border-radius:8px;background:white;font:inherit}.newsletter-form fieldset{border:0;padding:12px 0;margin:0;display:flex;gap:18px;flex-wrap:wrap}.newsletter-form legend{font-size:12px;padding-top:10px}.newsletter-form fieldset label{font-size:13px}.newsletter-form button{width:100%;padding:13px;border:0;border-radius:8px;background:#648694;color:white;font-weight:600;font-size:13px}.newsletter-form .newsletter-note{font-size:11px;margin:10px 0 0}.newsletter-form :disabled{cursor:not-allowed}@media(max-width:850px){.newsletter-panel{grid-template-columns:1fr;gap:20px;padding:22px}}@media(max-width:650px){.home-mini>img{width:38%;height:120px}}

/* v0.27 : abonnement unique, composition compacte et lisible. */
.home-design-four .site-header .language-label{margin-right:22px}
.newsletter-panel{grid-template-columns:1.1fr 1fr;gap:32px;align-items:center;border:1px solid #d4e7ef;border-left:5px solid #efbd4d;background:#fff;border-radius:13px;padding:26px 30px;box-shadow:0 6px 22px #194e6505}.newsletter-kicker{color:#2584a1;font-size:10px;letter-spacing:1.7px}.newsletter-panel h2{font-size:26px;color:#074b60;margin:10px 0;letter-spacing:-.5px}.newsletter-panel p{font-size:14px;margin:0;line-height:1.65}.newsletter-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px 0}.newsletter-form>label{grid-column:1/-1;margin:0;font-size:13px}.newsletter-form>input{border-radius:8px 0 0 8px;min-width:0;height:48px;padding:12px;font-size:14px;background:#f7fbfd}.newsletter-form button{width:auto;border-radius:0 8px 8px 0;padding:10px 15px;height:48px;background:#17677e;font-size:12px}.newsletter-form .newsletter-note{grid-column:1/-1;font-size:11px;color:#668191;margin:0}@media(max-width:950px){.newsletter-panel{grid-template-columns:1fr;gap:20px}}@media(max-width:480px){.newsletter-panel{padding:22px 18px}.newsletter-panel h2{font-size:23px}.newsletter-form{grid-template-columns:1fr;gap:10px}.newsletter-form>input,.newsletter-form button{border-radius:8px}}

/* v0.28 : formulaire vertical inspiré de la référence, deux champs uniquement. */
.home-mini{gap:24px}.newsletter-panel{display:block;max-width:760px;margin:0 auto 30px;padding:32px 36px;border:1px solid #deedf3;border-radius:18px;background:#edf7fb;box-shadow:none}.newsletter-panel h2{text-align:center;font-size:30px;margin:0 0 12px}.newsletter-panel>p{text-align:center;font-size:15px;margin-bottom:25px}.newsletter-form{display:flex;flex-direction:column;gap:12px}.newsletter-form>label{font-size:16px;font-weight:600;margin-top:8px}.newsletter-input{position:relative}.newsletter-input svg{position:absolute;left:16px;top:16px;width:23px;height:23px;fill:none;stroke:#009bb8;stroke-width:1.7}.newsletter-input input{width:100%;height:55px;background:white;border:1px solid #e2eef4;border-radius:9px;padding:13px 16px 13px 52px;font:inherit;font-size:16px;color:#074b60;opacity:1}.newsletter-input input::placeholder{color:#6b7b8c}.newsletter-form button{width:100%;height:54px;margin-top:10px;border-radius:9px;background:#ffbd16;color:#074b60;font-size:19px;font-weight:700;opacity:1}.newsletter-form .newsletter-note{text-align:center;font-size:11px;margin-top:3px}@media(max-width:650px){.home-mini{gap:20px}.newsletter-panel{padding:25px 20px}.newsletter-panel h2{font-size:25px}}

/* v0.29 : newsletter alignée au contenu et carte Alger légèrement élargie. */
.newsletter-panel{max-width:none;width:100%;margin:28px 0 30px}.home-region h3 .region-icon{width:32px;height:27px;flex-shrink:0}
@media(min-width:1151px){.home-showcase{grid-template-columns:minmax(0,1.9fr) minmax(0,1fr) 310px}}
