/* Blue-and-gold Qibla modal; cardinal ring, needle and Kaaba rotate independently. */
.qibla-gold{padding:0;width:calc(100% - 24px);max-width:410px;max-height:calc(100dvh - 24px);border:1px solid #8bb6fb;border-radius:23px;background:linear-gradient(#eff8ff,#e4f1ff);box-shadow:0 24px 80px #05132b66;overflow-y:auto;color:#102744}
.qibla-gold::backdrop{background:#071b39cc;backdrop-filter:blur(5px)}
.qibla-hero{position:relative;isolation:isolate;padding:16px 17px 15px;border-radius:22px 22px 18px 18px;background:linear-gradient(120deg,#0b58f4,#053caa);color:white}
.qibla-hero::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(90deg,#0754ed30,#0754edc9 35%,#0754ede8 68%,#0754ed75),url('/assets/brand/islamic-banner.webp') center / auto 100%;opacity:.7}
.qibla-gold .dialog-heading{margin:0;gap:4px}
.qibla-title-group{display:flex;align-items:center;gap:10px}
.qibla-gold .dialog-heading h2{font-size:1.4rem;line-height:1.15;color:#fff;letter-spacing:-.035em}
.qibla-title-icon{display:flex;color:#ffdd69;flex-shrink:0}
.qibla-title-icon .icon{width:32px;height:32px;stroke-width:1.7}
.qibla-hero .icon-button{color:#fff;font-size:1.6rem;flex-shrink:0;width:40px;height:44px}
.qibla-hero .icon-button:hover{background:#ffffff1c}
.qibla-gold .qibla-intro{color:#dfedff;font-size:.875rem;line-height:1.4;margin:1px 0 13px 42px}
.qibla-gold .qibla-intro::after{content:"";display:block;margin-top:8px;width:42px;height:2px;border-radius:2px;background:#f4ce67}
.qibla-gold .qibla-location-actions{grid-template-columns:1.4fr 1fr;gap:8px}
.qibla-gold .qibla-location-actions .app-action,.qibla-gold .qibla-secondary{display:flex;align-items:center;justify-content:center;min-width:0;min-height:44px;padding:9px 7px;gap:5px;border-radius:11px;font-size:.875rem;font-weight:700;line-height:1.25;text-align:center}
.qibla-gold .qibla-location-actions .app-action{background:#fff;color:#0748c4;border:1px solid #fff}
.qibla-gold .qibla-secondary{border:1px solid #6ca0ff;background:#0a3d98aa;color:white}
.qibla-gold .qibla-location-actions .icon{width:17px;height:17px;flex-shrink:0}
.qibla-hero button:focus-visible{outline-color:#ffe073}
.qibla-body{padding:0 17px 16px}
.qibla-gold .qibla-location{display:flex;align-items:center;justify-content:center;gap:6px;color:#254770;font-size:.8125rem;line-height:1.4;margin:12px 0 8px;text-align:center}
.qibla-location>span:first-child{display:flex;color:#0754ed;flex-shrink:0}
.qibla-location .icon{width:17px;height:17px}
.qibla-gold .qibla-dial{width:min(100%,252px);padding-top:24px;margin:9px auto 12px}
.qibla-gold .qibla-phone-top{font-size:.6875rem;letter-spacing:.12em;color:#18385a;line-height:1.4}
.qibla-gold .qibla-dial-face{position:relative;isolation:isolate;border:2px solid #f3cc68;background:radial-gradient(circle at 45% 40%,#163c62,#0b223e 78%);box-shadow:0 0 0 1px #dcac45,0 7px 22px #18385a20}
.qibla-gold .qibla-dial-face::before{z-index:5;width:8px;height:8px;top:-5px;left:calc(50% - 4px);border-radius:1px;transform:rotate(45deg);background:#f5cd62;border:1px solid #172d46}
.qibla-gold .qibla-dial-face::after{content:"";position:absolute;z-index:-1;inset:16%;border-radius:50%;background:url('/assets/brand/islamic-banner.webp') left center / auto 235px no-repeat;opacity:.16;mix-blend-mode:screen;pointer-events:none}
.qibla-gold .qibla-cardinals{z-index:1}
.qibla-gold .qibla-cardinals>span{font-size:1rem;line-height:1.1;color:#f4f8ff;font-weight:750;padding:1px 2px;background:#102d4b;border-radius:3px}
.qibla-gold .qibla-cardinals .qibla-north{top:12px;color:#fff}
.qibla-gold .qibla-east{right:10px}
.qibla-gold .qibla-south{bottom:11px}
.qibla-gold .qibla-west{left:10px}
.qibla-ticks{position:absolute;inset:0;border-radius:50%}
.qibla-gold .qibla-tick{position:absolute;inset:0;transform:rotate(var(--tick))}
.qibla-tick::before{content:"";position:absolute;left:calc(50% - .5px);top:5px;width:1px;height:5px;background:#97b9d877}
.qibla-tick.major::before{background:#dbeaff;width:1.5px;height:8px}
.qibla-gold .qibla-needle{z-index:3;color:#ffda67;filter:drop-shadow(0 2px 2px #020b1855)}
.qibla-target{position:absolute;z-index:4;inset:0;pointer-events:none;transform-origin:50% 50%}
.qibla-target-icon{position:absolute;top:19%;left:50%;display:grid;place-items:center;width:27px;height:27px;border:1.5px solid #ffda67;border-radius:50%;background:#102a46;transform:translate(-50%,-50%);transform-origin:50% 50%;box-shadow:0 0 0 2px #102a46}
.qibla-target-icon svg{width:20px;height:20px}
.qibla-gold .qibla-dial.is-aligned .qibla-needle{color:#ffda67}
.qibla-gold .qibla-dial.is-aligned .qibla-dial-face{background:radial-gradient(circle at 45% 40%,#163c62,#0b223e 78%);border-color:#8be0bb;box-shadow:0 0 0 2px #55b98e,0 7px 22px #18385a20}
.qibla-reading{padding:11px 10px 12px;border:1px solid #d8e8fc;border-radius:15px;background:#ffffffed;box-shadow:0 5px 16px #1247950a;text-align:center}
.qibla-bearing-line{display:flex;justify-content:center;align-items:center;gap:9px;flex-wrap:wrap}
.qibla-gold #qibla-bearing-value{font-size:2.3rem;line-height:1.05;letter-spacing:-.05em;color:#0754ed;font-weight:800}
.qibla-gold .qibla-bearing{margin:0;font-size:1rem;letter-spacing:-.025em;line-height:1.3;color:#102744}
.qibla-gold .qibla-mode{display:inline-block;font-size:.75rem;line-height:1.4;margin:7px 0 0;padding:4px 9px;background:#e4efff;border-radius:20px;color:#204571}
.qibla-gold .qibla-mode.is-live{color:#145b3c;background:#dcf6e9}
.qibla-gold .qibla-guide{font-size:.875rem;line-height:1.45;margin:12px 0;color:#314b70}
.qibla-gold .qibla-enable{margin:0;min-height:46px;gap:8px;border:1px solid #e7b52f;background:linear-gradient(110deg,#ffe579,#ffcf42);color:#102744;border-radius:11px;font-size:1rem;font-weight:750;box-shadow:0 2px 0 #d5a32f18}
.qibla-enable .icon{width:23px;height:23px}
.qibla-gold .qibla-status{font-size:.8125rem;line-height:1.4;color:#274b76;background:#d9eaff;padding:10px 12px;margin:11px 0;border:1px solid #cde2fb;border-radius:11px;text-align:center}
.qibla-gold .qibla-note,.qibla-gold .qibla-privacy{font-size:.75rem;line-height:1.4;text-align:center;color:#4f6788;margin:8px 0 0}
@media(max-height:760px){.qibla-gold .qibla-dial{width:min(100%,216px);margin-block:7px 10px}.qibla-hero{padding-top:10px;padding-bottom:12px}.qibla-gold .qibla-intro{margin-bottom:10px}}
@media(max-width:360px){.qibla-hero{padding-inline:13px}.qibla-body{padding-inline:13px}.qibla-title-group{gap:7px}.qibla-title-icon .icon{width:27px;height:27px}.qibla-gold .dialog-heading h2{font-size:1.25rem}.qibla-gold .qibla-intro{margin-left:34px}.qibla-gold .qibla-location-actions{grid-template-columns:1.35fr 1fr}.qibla-gold .qibla-location-actions .app-action,.qibla-gold .qibla-secondary{padding:8px 6px}.qibla-gold .qibla-location-actions .icon{display:none}}