/* Kıble Nerede · Namaz vakitleri, sayfaya özel görünüm. */
.nv-area{--nv-ink:#12343b;--nv-dim:#5b6a6e;--nv-rule:#dde6e4;--nv-accent:#167b74;--nv-soft:#eef7f5;max-width:1160px;margin:0 auto;padding-bottom:4rem;color:var(--nv-ink)}
.nv-area a{color:#15635b;text-underline-offset:3px}
.nv-area a:focus-visible,.nv-area button:focus-visible,.nv-area select:focus-visible{outline:3px solid #c5aa64;outline-offset:3px}
.nv-area .breadcrumbs{display:flex;flex-wrap:wrap;gap:.55rem;color:#627277;font-size:.86rem;padding:1.1rem 0;margin-bottom:.4rem}
.nv-intro{margin:0 0 1.5rem;padding:2.35rem 2.6rem 2.5rem;border-radius:18px;background:linear-gradient(116deg,#e8f4f1,#f4f8f6 74%,#fff);border:1px solid #d8e7e3;position:relative;overflow:hidden}
.nv-intro:after{content:'';width:180px;height:180px;position:absolute;right:-95px;top:-105px;border:35px solid #d5e8e1;border-radius:50%;pointer-events:none;opacity:.5}
.nv-intro h1{font-size:clamp(2rem,4.2vw,3.25rem);line-height:1.12;letter-spacing:-.038em;margin:0 0 .8rem;max-width:780px;color:#163e43;font-weight:760}
.nv-intro p{font-size:1.02rem;line-height:1.8;max-width:790px;margin:0;color:#48646a}
.nv-navigation{display:flex;flex-wrap:wrap;align-items:start;gap:1.3rem;margin:1.4rem 0 1.2rem;padding:1.05rem 0 1.35rem;border-bottom:1px solid var(--nv-rule)}
.nv-picker{display:flex;flex-direction:column;gap:.5rem;font-size:.87rem;font-weight:700;letter-spacing:.005em;flex:1 1 195px;max-width:340px}
.nv-picker select{appearance:auto;display:block;width:100%;font-size:1rem;font-family:inherit;font-weight:500;color:#14343b;background:#fff;border:1px solid #c6d6d3;border-radius:9px;min-height:48px;padding:.6rem .72rem;cursor:pointer}
.nv-find{flex:1 1 300px;max-width:470px}
.nv-geo-btn{font:inherit;min-height:48px;background:#174e52;color:#fff!important;border:0;border-radius:9px;padding:.7rem 1.15rem;font-weight:700;cursor:pointer;box-shadow:none;transition:background-color .15s}
.nv-geo-btn:hover{background:#0e6261}.nv-geo-btn:disabled{opacity:.6;cursor:wait}
.nv-geonote{margin:.42rem 0 0;font-size:.77rem;line-height:1.5;color:#64777c}.nv-geonote a{font-weight:650}
.nv-select-row{display:flex;justify-content:flex-end;margin:-.15rem 0 1.25rem}
.nv-side-link{font-weight:650;font-size:.9rem}
.nv-close{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;margin:.4rem 0 1.3rem;font-size:.9rem}
.nv-close strong{font-size:.86rem;color:#617076;font-weight:700}.nv-close div{display:flex;flex-wrap:wrap;gap:.7rem 1.15rem}.nv-close a{font-weight:560;text-decoration:none;border-bottom:1px solid #adc8c3;padding-bottom:.2rem}
.nv-times{padding:1.7rem 1.55rem 1.5rem;border:1px solid #d7e4e0;border-radius:16px;background:#fff;box-shadow:0 12px 35px rgba(20,63,62,.055)}
.nv-headline{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:flex-start;gap:.75rem 1.8rem;margin-bottom:1.4rem}
.nv-headline h2{margin:0;font-size:clamp(1.45rem,2.75vw,2.05rem);letter-spacing:-.025em;line-height:1.3}
.nv-headline p{margin:.3rem 0 0;color:#627779;font-size:.87rem;line-height:1.6}
.nv-headline time{font-size:.87rem;font-weight:700;color:#2e6869;background:#edf5f3;border-radius:6px;padding:.46rem .75rem;white-space:normal}
.nv-six{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;border-top:1px solid var(--nv-rule);border-bottom:1px solid var(--nv-rule)}
.nv-time-item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-width:0;padding:1.6rem .45rem;gap:.55rem;position:relative;transition:background .2s}
.nv-time-item+.nv-time-item{border-left:1px solid var(--nv-rule)}
.nv-time-item span{font-size:.86rem;font-weight:600;color:#546b6f}
.nv-time-item strong{font-variant-numeric:tabular-nums;font-size:clamp(1.18rem,2.35vw,1.67rem);font-weight:780;letter-spacing:-.02em;color:#193941;white-space:nowrap}
.nv-time-item.nv-active{background:#eff8f5}.nv-time-item.nv-active:before{position:absolute;content:'';height:3px;background:#227f78;left:0;right:0;top:0}
.nv-time-item.nv-active span{color:#176b61}
.nv-next{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:1.2rem 1.3rem;margin:1.4rem 0 .6rem;border-radius:10px;background:#e9f4f0;color:#17474b;border:1px solid #d4e8df}
.nv-next-label{font-size:.8rem;letter-spacing:.015em;text-transform:uppercase;font-weight:750;color:#537275}
.nv-next strong{font-size:1.15rem;font-weight:750}.nv-next time{margin-left:auto;font-size:1rem;font-weight:700;font-variant-numeric:tabular-nums;color:#16645e}
.nv-source{color:#607277;font-size:.79rem;line-height:1.65;margin:1rem 0 0;max-width:930px}.nv-source strong{font-weight:650}.nv-source a{text-decoration:underline}
.nv-unavailable{padding:1rem 1.2rem;margin:0;border-radius:9px;background:#f9f4eb;border:1px solid #eadfca;border-left:4px solid #b18e57;color:#5c4d38;line-height:1.7}
.nv-local-links{margin:2rem 0 0;padding:0 0 1.65rem;border-bottom:1px solid var(--nv-rule)}
.nv-local-links h2,.nv-city-list h2,.nv-calendar h2{font-size:clamp(1.35rem,2.55vw,1.95rem);letter-spacing:-.025em;margin:0 0 .65rem}
.nv-local-links p,.nv-calendar>p{color:#576d71;line-height:1.7;margin:0 0 1.15rem;max-width:830px}
.nv-city-list{margin-top:1.2rem;border-top:1px solid var(--nv-rule);padding:2rem 0}
.nv-link-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.1rem 1.3rem}
.nv-link-grid a{padding:.76rem .2rem;display:block;color:#205960;text-decoration:none;border-bottom:1px solid #e3ebea;font-weight:650;font-size:.91rem}
.nv-link-grid a:hover,.nv-link-grid a:focus{text-decoration:underline;color:#166d67}
.nv-calendar{margin:2.7rem 0 1.9rem}
.nv-table-scroll{width:100%;overflow-x:auto;overscroll-behavior-x:contain;border:1px solid #d9e4e2;border-radius:10px}
.nv-table{min-width:700px;width:100%;border-collapse:collapse;white-space:nowrap;font-size:.9rem;font-variant-numeric:tabular-nums}
.nv-table caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.nv-table th,.nv-table td{padding:.78rem .77rem;border-bottom:1px solid #e8eeed;text-align:center}
.nv-table thead th{background:#edf5f3;color:#254e54;font-weight:750}
.nv-table tbody th{font-weight:700;text-align:left;color:#3e5c62}
.nv-table tbody tr:nth-child(even){background:#fafcfc}.nv-table tbody tr:hover{background:#f0f8f6}.nv-table .nv-today{background:#e1f1eb!important}
.nv-plot{margin:1.55rem 0 0;padding:1.35rem 1.4rem;border:1px solid #dfe9e6;border-radius:11px;background:#fff}
.nv-plot figcaption{font-size:1.07rem;font-weight:760;margin-bottom:.9rem}
.nv-plot svg{max-width:100%;width:100%;height:auto;display:block}.nv-plot text{fill:#586f72;font-size:15px}
.nv-plot p{display:flex;align-items:center;gap:1.3rem;margin:.75rem 0 0;font-size:.85rem;color:#5b6e71}
.nv-key:before{display:inline-block;content:'';width:21px;height:3px;background:#bc8c40;vertical-align:middle;margin-right:.45rem}.nv-evening:before{background:#176b73}
.nv-explain{max-width:880px;margin:2.5rem 0 3.5rem;line-height:1.85;color:#344c53}
.nv-explain h2{font-size:clamp(1.35rem,2.7vw,1.83rem);line-height:1.35;letter-spacing:-.02em;margin:0 0 1.2rem;color:#133942}
.nv-explain p{margin:0 0 1.1rem}
@media(max-width:960px){.nv-six{grid-template-columns:repeat(3,minmax(0,1fr))}.nv-time-item:nth-child(4){border-left:0}.nv-time-item:nth-child(n+4){border-top:1px solid var(--nv-rule)}.nv-link-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.nv-area{padding-bottom:2rem}.nv-intro{padding:1.45rem 1.15rem 1.55rem;border-radius:12px}.nv-intro h1{font-size:clamp(1.75rem,7vw,2.25rem)}.nv-intro p{font-size:.95rem;line-height:1.65}.nv-navigation{gap:.85rem}.nv-picker{max-width:none;flex-basis:100%}.nv-find{max-width:none}.nv-geo-btn{width:100%}.nv-close{gap:.55rem}.nv-times{padding:1.1rem .75rem 1.25rem;border-radius:12px}.nv-headline{margin-bottom:1rem}.nv-headline h2{font-size:1.35rem}.nv-six{grid-template-columns:repeat(3,minmax(0,1fr))}.nv-time-item{padding:1.15rem .15rem}.nv-time-item strong{font-size:1.27rem}.nv-time-item span{font-size:.8rem}.nv-next{padding:1rem .85rem;gap:.4rem .8rem}.nv-next time{margin-left:0}.nv-next-label{width:100%}.nv-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nv-plot{padding:.8rem .75rem}.nv-table th,.nv-table td{padding:.65rem .68rem}}
@media(prefers-reduced-motion:reduce){.nv-geo-btn,.nv-time-item{transition:none}}
