.prayer-strip{position:relative;z-index:1100;background:linear-gradient(105deg,#142235,#233950);color:#faf8f0;border-bottom:1px solid #c5a566;font-size:12px}
.prayer-strip *{box-sizing:border-box}
.prayer-strip__inner{max-width:1240px;min-height:58px;margin:auto;padding:8px 20px;display:flex;align-items:center;gap:24px;min-width:0}
.prayer-strip .prayer-strip__location{display:flex;align-items:center;gap:10px;min-width:0;padding:4px 6px 4px 0;border:0;border-radius:10px;background:transparent;color:#f7efd9;font:inherit;text-align:left;cursor:pointer}
.prayer-strip__pin{display:grid;place-items:center;flex:none;width:32px;height:32px;border:1px solid #d5bc7d38;border-radius:50%;background:#ffffff07;color:#e4ca89}
.prayer-strip__pin svg{width:17px;height:17px}
.prayer-strip__place{display:flex;flex-direction:column;gap:3px;min-width:0}
.prayer-strip__place [data-prayer-location]{font-size:12px;font-weight:600;overflow-wrap:anywhere}
.prayer-strip__place small{font-size:10px;color:#c7d8cd;display:flex;align-items:center;gap:8px}
.prayer-strip__place small span{color:#e4ca89;transition:transform .2s ease}
.prayer-strip__location[aria-expanded="true"] small span{transform:rotate(180deg)}
.prayer-strip__location:hover .prayer-strip__pin{background:#d5bc7d15;border-color:#d5bc7d88}
.prayer-strip__times{display:flex;justify-content:center;gap:4px;flex:1;min-width:0}
.prayer-strip__time{display:flex;gap:6px;white-space:nowrap;align-items:center;padding:7px 8px;border-radius:7px;color:#c6d8ce;font-size:11px}
.prayer-strip__time b{font-variant-numeric:tabular-nums;font-size:13px;font-weight:600;color:#fff}
.prayer-strip__time[data-next="true"]{background:#dfc48817;color:#ebd39c}
.prayer-strip__time[data-next="true"] b{color:#f6dfaa}
.prayer-strip__countdown{padding:8px 11px;border:1px solid #d8bf8330;border-radius:8px;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:11px;color:#ead49c;text-align:center}
.prayer-strip__panel{position:absolute;left:max(16px,calc((100% - 1200px)/2));top:calc(100% + 10px);width:min(500px,calc(100% - 32px));color:#234237;background:#fffefa;border:1px solid #e6e8df;border-radius:18px;box-shadow:0 20px 65px #0a2a2529,0 4px 14px #0a2a250f}
.prayer-strip__panel[hidden]{display:none}
.prayer-strip__panel::before{content:"";position:absolute;top:-6px;left:28px;width:10px;height:10px;transform:rotate(45deg);background:#fffefa;border-left:1px solid #e6e8df;border-top:1px solid #e6e8df}
.prayer-strip__form{padding:24px;margin:0}
.prayer-strip__panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px}
.prayer-strip__eyebrow{color:#99804a;font-size:9px;font-weight:700;letter-spacing:1.5px}
.prayer-strip__panel-head h2{margin:7px 0 5px;color:#163e2f;font:inherit;font-size:20px;font-weight:600;line-height:1.3;letter-spacing:-.4px}
.prayer-strip__panel-head p{margin:0;color:#78847c;font-size:12px;line-height:1.6}
.prayer-strip .prayer-strip__close{display:grid;place-items:center;flex:none;width:30px;height:30px;padding:6px;border:1px solid #e7eae3;border-radius:50%;background:transparent;color:#6e7e74;cursor:pointer}
.prayer-strip__close svg{width:16px;height:16px}
.prayer-strip .prayer-strip__close:hover{background:#f1f4ee;color:#184b36}
.prayer-strip__fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.prayer-strip__fields label{display:flex;flex-direction:column;gap:8px;min-width:0;font-size:11px;font-weight:600;color:#65786b}
.prayer-strip__fields select{appearance:none;width:100%;min-width:0;min-height:46px;padding:11px 36px 11px 14px;border:1px solid #dee5dc;border-radius:10px;background-color:#f7f9f5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236b8071' stroke-width='1.8'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;color:#234a36;font:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:border-color .2s,box-shadow .2s}
.prayer-strip__fields select:hover{border-color:#9cae9d}
.prayer-strip__fields select:focus-visible{outline:none;border-color:#5f8b70;box-shadow:0 0 0 3px #60877018}
.prayer-strip__actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding-top:18px;border-top:1px solid #edf0e8}
.prayer-strip .prayer-strip__apply{display:flex;align-items:center;justify-content:center;gap:14px;min-height:42px;padding:10px 17px;border:1px solid #20543c;border-radius:10px;background:linear-gradient(120deg,#245b41,#174530);color:#fffdf4;font:inherit;font-size:12px;font-weight:600;box-shadow:0 3px 8px #184c3514;cursor:pointer;transition:background .2s,box-shadow .2s}
.prayer-strip__apply span{color:#e5cf98;font-size:16px}
.prayer-strip .prayer-strip__apply:hover{background:#153e2b;box-shadow:0 4px 12px #184c3526}
.prayer-strip .prayer-strip__secondary{min-height:42px;padding:8px 0;background:transparent;border:0;border-radius:6px;color:#758279;font:inherit;font-size:11px;cursor:pointer;text-align:left}
.prayer-strip .prayer-strip__secondary:hover{color:#245b41;text-decoration:underline;text-underline-offset:4px}
.prayer-strip__status{margin:10px 0 0;color:#7d897f;font-size:11px;line-height:1.5;overflow-wrap:anywhere}
.prayer-strip__status:empty{display:none}
.prayer-strip__hint{margin:14px 0 0;color:#8b948a;font-size:10px;text-align:center;line-height:1.5}
.prayer-strip__form button:disabled,.prayer-strip__fields select:disabled{opacity:.5;cursor:wait}
.prayer-strip button:focus-visible{outline:2px solid #bea466;outline-offset:3px}
@media(max-width:1050px){.prayer-strip__inner{gap:12px}.prayer-strip__time{gap:4px;padding:7px 5px}.prayer-strip__countdown{padding:8px;font-size:10px}}
@media(max-width:900px){.prayer-strip__inner{flex-wrap:wrap;gap:8px 12px;padding:10px 14px}.prayer-strip .prayer-strip__location{flex:1}.prayer-strip__times{order:3;flex-basis:100%;gap:3px;justify-content:space-between;padding-top:7px;border-top:1px solid #ffffff12}.prayer-strip__time{flex:1;justify-content:center;flex-direction:column;gap:3px;padding:5px 2px;font-size:10px}.prayer-strip__time b{font-size:12px}.prayer-strip__countdown{font-size:10px}.prayer-strip__place [data-prayer-location]{font-size:11px}.prayer-strip__pin{width:28px;height:28px}}
@media(max-width:500px){.prayer-strip__panel{left:12px;width:calc(100% - 24px);border-radius:15px}.prayer-strip__form{padding:20px}.prayer-strip__panel-head h2{font-size:18px}.prayer-strip__panel-head{margin-bottom:18px}.prayer-strip__fields{gap:10px}.prayer-strip__actions{gap:10px}.prayer-strip .prayer-strip__apply{padding:10px 12px;font-size:11px;gap:9px}.prayer-strip .prayer-strip__secondary{font-size:10px}}
@media(max-width:350px){.prayer-strip__fields{grid-template-columns:1fr}.prayer-strip__actions{align-items:stretch;flex-direction:column-reverse}.prayer-strip .prayer-strip__secondary{text-align:center}.prayer-strip__countdown{max-width:160px;white-space:normal;line-height:1.5}}
@media(prefers-reduced-motion:reduce){.prayer-strip *{transition:none!important}}
.prayer-strip{line-height:1.5}
@media(max-width:900px){.prayer-strip__panel{max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px);overflow-y:auto;overscroll-behavior:contain}}
/* Discreet attribution below the prayer times; wraps on narrow screens. */
.prayer-strip__source{max-width:1240px;margin:0 auto;padding:0 20px 7px;color:#c0d1c6;font-size:9px;line-height:1.5;text-align:right;overflow-wrap:anywhere}
.prayer-strip__source a{color:inherit;text-decoration:none;text-underline-offset:3px}
.prayer-strip__source a:hover{text-decoration:underline;color:#f0dfb7}
.prayer-strip__source a:focus-visible{outline:2px solid #bea466;outline-offset:3px;border-radius:2px}
@media(max-width:900px){.prayer-strip__source{padding:0 14px 7px;text-align:center;font-size:9px}.prayer-strip__panel{max-height:calc(100vh - 160px);max-height:calc(100dvh - 160px)}}
/* Progress uses the existing countdown clock; no additional requests. */
.prayer-strip__next{min-width:175px;max-width:100%;flex-shrink:0}
.prayer-strip__next .prayer-strip__countdown{display:block}
.prayer-strip__progress{height:3px;margin:6px 4px 0;overflow:hidden;border-radius:999px;background:rgba(231,207,151,.16)}
.prayer-strip__progress[hidden]{display:none}
.prayer-strip__progress>span{display:block;width:100%;height:100%;border-radius:inherit;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,#bda36a,#f2dc9d);transition:transform .7s linear}
@media(max-width:900px){.prayer-strip__next{min-width:0;max-width:55%}.prayer-strip__progress{height:3px;margin-top:5px}}
@media(prefers-reduced-motion:reduce){.prayer-strip__progress>span{transition:none}}