/* NCA Shop Order Display V10.7 — layouts multi-zones, plein écran propre et Mawazine audio */

/* Le mode kiosk et le véritable plein écran masquent tout l'habillage de contrôle. */
.kiosk .v98-display-top,
.kiosk .v98-display-footer,
.true-fullscreen .v98-display-top,
.true-fullscreen .v98-display-footer{display:none!important}
.kiosk .v98-display-screen,
.true-fullscreen .v98-display-screen{padding:0!important}
.kiosk .v107-stage,
.true-fullscreen .v107-stage{border-radius:0!important;box-shadow:none!important}
.kiosk .v106-mawazine,
.true-fullscreen .v106-mawazine{bottom:18px}

.v107-stage{isolation:isolate}
.v107-full-slide{position:absolute;inset:0;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:4vw;padding:5vh 5vw;background:var(--promo-bg,radial-gradient(circle at 82% 18%,rgba(42,145,255,.30),transparent 34%),linear-gradient(135deg,#061426,#0d3159));overflow:hidden;color:#fff}
.v107-full-slide:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.04),transparent 40%);pointer-events:none}
.v107-copy{position:relative;z-index:3;min-width:0}
.v107-badge{display:inline-flex;padding:.9vh 1.2vw;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);font-size:1.35vh;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.v107-copy h1{font-size:clamp(42px,7.3vh,108px);line-height:.96;letter-spacing:-.045em;margin:2vh 0 1.5vh;text-wrap:balance}
.v107-copy p{font-size:2.35vh;line-height:1.4;color:#d4e6f8;max-width:48vw;margin:0}
.v107-prices{display:flex;align-items:baseline;gap:1.4vw;margin-top:2.5vh}.v107-prices del{font-size:2.7vh;color:#9eb0c5}.v107-prices strong{font-size:8vh;line-height:1;font-weight:1000;color:#fff}
.v107-media{position:relative;z-index:2;height:72vh;min-width:0;display:grid;place-items:center;overflow:hidden;border-radius:2.4vh;background:rgba(0,0,0,.14)}
.v107-media img,.v107-media video,.v107-media iframe{width:100%;height:100%;object-fit:contain;border:0}.v107-media img{filter:drop-shadow(0 3vh 4vh rgba(0,0,0,.38))}.v107-media.placeholder span{font-size:13vh;font-weight:1000;color:rgba(255,255,255,.12)}

.v107-full-slide.lsa-poster{display:block;padding:0}.v107-full-slide.lsa-poster .v107-media{position:absolute;inset:0;height:100%;border-radius:0}.v107-full-slide.lsa-poster .v107-media img,.v107-full-slide.lsa-poster .v107-media video{object-fit:cover}.v107-full-slide.lsa-poster .v107-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,9,20,.96),rgba(0,9,20,.68) 46%,rgba(0,9,20,.12))}.v107-full-slide.lsa-poster .v107-copy{position:absolute;left:5vw;top:50%;transform:translateY(-50%);max-width:58vw}
.v107-full-slide.lsa-card{inset:4vh 4vw;border-radius:3vh;background:linear-gradient(145deg,#fff,#e9f3ff);color:#071426;padding:4vh 4vw}.v107-full-slide.lsa-card .v107-copy p{color:#526d88}.v107-full-slide.lsa-card .v107-badge{color:#075fc7;background:#e6f2ff;border-color:#bad7f6}.v107-full-slide.lsa-card .v107-prices strong{color:#075fc7}
.v107-full-slide.lsa-minimal{grid-template-columns:1.2fr .8fr}.v107-full-slide.lsa-minimal .v107-copy h1{font-size:8.7vh}.v107-full-slide.lsa-minimal .v107-prices strong{font-size:12vh;color:#62d3ff}

/* Multi-zones inspirées des principes des layouts de signalétique : un canvas, plusieurs zones. */
.v107-grid{position:absolute;inset:0;display:grid;gap:1.25vh;padding:1.25vh;background:#020a15}
.v107-grid.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.v107-grid.grid-3{grid-template-columns:1.35fr .65fr;grid-template-rows:repeat(2,minmax(0,1fr))}.v107-grid.grid-3 .slot-1{grid-row:1/3}
.v107-grid.grid-4{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}
.v107-zone{position:relative;min-width:0;min-height:0;overflow:hidden;border-radius:2vh;background:var(--promo-bg,linear-gradient(135deg,#08203b,#11609a));color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);display:grid;grid-template-columns:1fr;grid-template-rows:1fr auto}
.v107-zone .v107-media{position:absolute;inset:0;height:100%;border-radius:0;background:#071426}.v107-zone .v107-media img,.v107-zone .v107-media video{object-fit:cover;filter:none}.v107-zone .v107-media:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,8,18,.96),rgba(2,8,18,.08) 72%)}
.v107-zone .v107-copy{align-self:end;padding:2.2vh 2vw;z-index:3}.v107-zone .v107-badge{font-size:1.05vh;padding:.55vh .7vw}.v107-zone .v107-copy h1{font-size:clamp(24px,3.3vh,52px);line-height:1;margin:1vh 0 .6vh}.v107-zone .v107-copy p{font-size:1.55vh;line-height:1.3;color:#d7e6f5;max-width:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.v107-zone .v107-prices{margin-top:1vh;gap:.8vw}.v107-zone .v107-prices del{font-size:1.6vh}.v107-zone .v107-prices strong{font-size:4vh}
.v107-zone.lsa-card{background:#fff;color:#071426}.v107-zone.lsa-card .v107-media{inset:1.2vh 1.2vh 44%;border-radius:1.2vh;background:#edf4fc}.v107-zone.lsa-card .v107-media:after{display:none}.v107-zone.lsa-card .v107-media img{object-fit:contain}.v107-zone.lsa-card .v107-copy{padding-top:45%}.v107-zone.lsa-card .v107-copy p{color:#60758c}.v107-zone.lsa-card .v107-badge{color:#0964c9;background:#e5f1ff;border-color:#b8d5f5}.v107-zone.lsa-card .v107-prices strong{color:#0864ca}
.v107-zone.lsa-minimal .v107-media{opacity:.28}.v107-zone.lsa-minimal .v107-copy{text-align:center}.v107-zone.lsa-minimal .v107-copy h1{font-size:4.2vh}.v107-zone.lsa-minimal .v107-prices{justify-content:center}.v107-zone.lsa-minimal .v107-prices strong{font-size:6vh;color:#67d7ff}

/* Mawazine : lisibilité renforcée, prochaine prière mise en avant. */
.v107-mawazine{left:2vw;right:2vw;bottom:4.8vh;padding:1.1vh 1.2vw;border-radius:1.5vh;background:linear-gradient(135deg,rgba(3,13,28,.94),rgba(8,37,62,.92));border:1px solid rgba(126,210,255,.28);box-shadow:0 1.5vh 4vh rgba(0,0,0,.42);backdrop-filter:blur(14px)}
.v107-mawazine .v107-prayer-head{display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:1vw;min-width:30vw}.v107-mawazine .v107-moon{width:4.2vh;height:4.2vh;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#f4d77b,#f7b84d);color:#172033;font-size:2.4vh;box-shadow:0 0 2vh rgba(247,184,77,.35)}.v107-prayer-head>div:nth-child(2) strong{display:block;color:#fff;font-size:1.65vh}.v107-prayer-head>div:nth-child(2) small{display:block;color:#9db3c8;font-size:1.05vh;margin-top:.25vh}.v107-next-prayer{margin-left:auto;padding:.7vh 1vw;border-radius:1.1vh;background:rgba(255,255,255,.08);min-width:13vw}.v107-next-prayer small{display:block;color:#9db3c8;font-size:.95vh}.v107-next-prayer b{display:block;color:#7ed9ff;font-size:1.45vh;margin:.2vh 0}.v107-next-prayer em{font-style:normal;color:#f6d680;font-size:1.05vh}
.v107-mawazine .v107-prayer-times{display:flex;align-items:stretch;justify-content:flex-end;gap:.55vw;flex-wrap:nowrap}.v107-mawazine .v107-prayer-times span{min-width:6.5vw;display:grid;place-items:center;gap:.25vh;padding:.75vh .7vw;border-radius:1vh;background:rgba(255,255,255,.07);border:1px solid transparent;transition:.2s}.v107-mawazine .v107-prayer-times span.next{background:rgba(21,151,226,.2);border-color:rgba(108,208,255,.55);box-shadow:0 0 2vh rgba(45,171,235,.15)}.v107-mawazine .v107-prayer-times b{font-size:1.05vh;color:#c9d8e7}.v107-mawazine .v107-prayer-times em{font-style:normal;font-size:1.55vh;font-weight:1000;color:#fff}
.v107-mawazine.style-compact{left:auto;right:2vw;max-width:44vw;flex-direction:column;align-items:stretch}.v107-mawazine.style-compact .v107-prayer-head{min-width:0;width:100%}.v107-mawazine.style-compact .v107-prayer-times{width:100%}.v107-mawazine.style-compact .v107-prayer-times span{min-width:0;flex:1}
.v107-mawazine.style-panel{left:3vw;right:auto;bottom:3vh;width:min(52vw,900px);flex-direction:column;align-items:stretch;padding:1.5vh 1.5vw}.v107-mawazine.style-panel .v107-prayer-head{width:100%}.v107-mawazine.style-panel .v107-prayer-times{width:100%;justify-content:stretch}.v107-mawazine.style-panel .v107-prayer-times span{flex:1;min-width:0;padding:1.1vh .7vw}

.v107-sound-button{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:90;border:1px solid rgba(255,255,255,.34);background:rgba(3,15,30,.94);color:#fff;border-radius:999px;padding:16px 24px;font-weight:900;font-size:16px;box-shadow:0 18px 60px rgba(0,0,0,.55);cursor:pointer}.v107-sound-button[hidden]{display:none}.v107-sound-button.attention{animation:v107Pulse 1.2s infinite}@keyframes v107Pulse{50%{box-shadow:0 0 0 16px rgba(74,190,255,0)}}

/* Administration */
.v107-layout-guide{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.v107-layout-guide span{padding:14px;border-radius:14px;background:#eef5ff;border:1px solid #cddff3;color:#28435f;font-size:12px}.v107-layout-guide b{display:block;font-size:20px;color:#075fc7;margin-bottom:4px}.v107-adhan-box{padding:16px;border:1px solid #c9deef;border-radius:16px;background:linear-gradient(135deg,#f3f9ff,#fffaf0)}

@media(max-width:900px){.v107-layout-guide{grid-template-columns:repeat(2,minmax(0,1fr))}.v107-mawazine{left:1vw;right:1vw;bottom:1vh;flex-direction:column;align-items:stretch}.v107-mawazine .v107-prayer-head{min-width:0;width:100%}.v107-mawazine .v107-prayer-times{width:100%}.v107-mawazine .v107-prayer-times span{min-width:0;flex:1}.v107-grid{gap:6px;padding:6px}.v107-zone{border-radius:10px}}