:root,body.dark{--header-text:#fff}a,h1,h2,h3,h4,h5,h6{color:var(--primary-color)}.app-header,.app-title{color:var(--header-text)}.prayer-time-marker.active,.prayer-time.active::after{background-color:var(--primary-color)}body.dark,body.dark .daily-content-text{color:#f8f9fa}.blog-content h4,.blog-content p{display:-webkit-box;-webkit-box-orient:vertical}.countdown-value,.next-prayer-name{text-shadow:0 2px 4px rgba(0,0,0,.2)}.countdown-label,.next-prayer-label,.prayer-banner h3{text-transform:uppercase;letter-spacing:1px}body,body.dark #prayer-times-container{background-color:var(--bg-color);color:var(--text-color)}.footer-links a,.nav-link,a{text-decoration:none}:root{--primary-color:#145f34;--secondary-color:#f8f8f8;--text-color:#333;--bg-color:#ffffff;--shadow-color:rgba(0, 0, 0, 0.1);--accent-color:#e74c3c;--border-color:#ddd;--card-bg:#fff;--header-bg:#145f34;--footer-bg:#f8f8f8;--footer-text:#666;--primary-light:#30b769;--primary-dark:#146635;--text-light:#666666;--text-white:#ffffff;--background-color:#ffffff;--background-light:#f5f5f5;--prayer-circle-size:280px;--header-height:60px;--footer-height:65px;--transition-speed:0.3s}body.dark{--primary-color:#1e884d;--secondary-color:#2c2c2c;--text-color:#f0f0f0;--bg-color:#1a1a1a;--shadow-color:rgba(0, 0, 0, 0.2);--accent-color:#ff6b6b;--border-color:#444;--card-bg:#2c2c2c;--header-bg:#1e884d;--footer-bg:#2c2c2c;--footer-text:#aaa;--background-light:#292929;--text-light:#aaaaaa;--text-white:#f0f0f0;--prayer-time-bg:#222;--prayer-time-active-bg:rgba(30, 136, 77, 0.2);--prayer-time-next-bg:rgba(255, 107, 107, 0.1);--countdown-bg:#222;--clock-face-bg:#333;--clock-hand-color:#f0f0f0;background-color:#212529;transition:background-color .3s,color .3s}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;line-height:1.6;min-height:100vh;display:flex;flex-direction:column}.app-container{position:relative;min-height:100vh;padding-bottom:0}h1,h2,h3,h4,h5,h6{margin-bottom:1rem}a:hover,body.dark .prayer-time-item.active .prayer-time-icon{color:var(--primary-light)}.container{max-width:1200px;padding:0 15px;margin:0 auto;width:100%}.app-header{background-color:var(--header-bg);height:auto;min-height:var(--header-height);display:flex;flex-direction:column;position:sticky;top:0;z-index:100;box-shadow:0 2px 5px var(--shadow-color);padding:0}.prayer-circle,.prayer-circle-container{width:100%;justify-content:center;display:flex}.app-title{margin:0;font-size:1.8rem;font-weight:600}.btn-back,.btn-location{color:#fff;background:0 0;border:none;font-size:1.2rem}.app-content{padding:1rem 0 2rem;margin-bottom:0}.date-display{color:var(--text-light);font-size:.9rem}.prayer-circle-container{margin:1rem 0 2rem}.prayer-circle{position:relative;max-width:400px;height:200px;border-radius:200px 200px 0 0;background:linear-gradient(to bottom,var(--primary-light) 0,var(--primary-color) 100%);align-items:flex-end;box-shadow:0 5px 15px var(--shadow-color);margin:0 auto;overflow:visible}.prayer-circle-inner{width:90%;height:180px;border-radius:180px 180px 0 0;background-color:var(--text-white);box-shadow:inset 0 0 15px var(--shadow-color);display:flex;justify-content:center;align-items:center;text-align:center;position:absolute;bottom:0}.daily-content-card,.prayer-times-container{background-color:var(--background-light);border-radius:10px}.prayer-circle-content{text-align:center;padding:1rem}.next-prayer-label{opacity:.9;font-weight:500;display:none}.remaining-time{margin:.5rem 0}.location-btn button{border-color:rgba(255,255,255,.5);font-size:.8rem;padding:.25rem .75rem}.clock-hour-marks,.clock-hour-marks .hour-mark,.prayer-time-markers{position:absolute;width:100%;height:100%;top:0;left:0}.prayer-time-marker.active{color:#fff;box-shadow:0 0 15px var(--primary-color);transform:scale(1.15);z-index:10}.prayer-time-marker.next{background-color:var(--accent-color);color:var(--text-color-dark);box-shadow:0 0 15px var(--accent-color);transform:scale(1.1);z-index:9}.prayer-name{font-weight:600;font-size:.7rem;margin-bottom:-2px}.prayer-time{font-weight:700;font-size:.75rem;text-align:center;padding:15px 10px;border-radius:8px;transition:.3s;position:relative;border:1px solid transparent}.prayer-time.active::after,.prayer-time.next::after{position:absolute;bottom:5px;transform:translateX(-50%);width:30px;border-radius:3px;left:50%;content:'';height:3px}.btn-primary,.prayer-time.active{border-color:var(--primary-color)}.marker-label{font-size:.65rem;margin-top:2px;display:block;text-align:center;font-weight:500}.prayer-marker-position-imsak{transform:rotate(-10deg)}.prayer-marker-position-gunes{transform:rotate(10deg)}.prayer-marker-position-ogle{transform:rotate(30deg)}.prayer-marker-position-ikindi{transform:rotate(50deg)}.prayer-marker-position-aksam{transform:rotate(70deg)}.prayer-marker-position-yatsi{transform:rotate(90deg)}@keyframes markerPulse{0%,100%{box-shadow:0 0 12px 2px var(--accent-color);opacity:1}50%{box-shadow:0 0 18px 4px var(--accent-color);opacity:.8}}.prayer-time.active{background-color:rgba(27,138,74,.15);transform:translateY(-5px);box-shadow:0 5px 10px rgba(0,0,0,.1)}.prayer-time.next{background-color:rgba(255,193,7,.1);border-color:var(--accent-color)}.prayer-time.active .prayer-time-icon,.prayer-time.active .prayer-time-value{color:var(--primary-color);font-weight:700}.prayer-time.next .prayer-time-icon,.prayer-time.next .prayer-time-value,body.dark .prayer-time-item.next .prayer-time-icon{color:var(--accent-color)}.prayer-time.next::after{background-color:var(--accent-color)}.current-prayer,.next-prayer{font-size:1.1rem;font-weight:600;margin-bottom:6px}.remaining-time{font-size:1.3rem;font-weight:700;color:var(--primary-color);margin-top:5px}.blog-content p,.prayer-time-label,.verse-reference{color:var(--text-light)}.current-prayer-label,.next-prayer-label,.remaining-time-label{font-size:.75rem;color:var(--text-light);margin-bottom:2px}.blog-link,.prayer-time-label,.quick-access-button span,.verse-reference{font-size:.8rem}.prayer-times-container{padding:1rem .5rem;margin:1.5rem 0;box-shadow:0 2px 5px var(--shadow-color);overflow-x:auto}.daily-content-card,.theme-switch button{box-shadow:0 3px 8px var(--shadow-color)}.prayer-times{display:flex;text-align:center;min-width:600px}.blogs-section,.daily-content-section,.quick-access-section{margin:2rem 0}.quick-access-container{display:flex;overflow-x:auto;padding:.5rem 0;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.quick-access-container::-webkit-scrollbar{height:4px}.quick-access-container::-webkit-scrollbar-thumb{background-color:var(--primary-light);border-radius:4px}.quick-access-item{flex:0 0 auto;width:80px;margin-right:1rem;scroll-snap-align:start}.blogs-section h3,.daily-content-section h3{font-size:1.2rem;margin-bottom:1rem}.daily-content-card{overflow:hidden}.daily-content-image img{width:100%;max-height:150px;object-fit:cover}.daily-content-text{padding:1rem}.verse-text{font-style:italic;margin-bottom:.5rem}.verse-reference{text-align:right}.blog-link,.footer-item.active .footer-link{color:var(--primary-color)}body.dark .daily-content-section h3{color:#04a65d}body.dark .daily-content-card{background-color:#343a40;box-shadow:0 3px 8px rgba(0,0,0,.3)}body.dark .verse-text{color:#e9ecef}body.dark .verse-reference{color:#adb5bd}.blogs-slider{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:.5rem 0}.blogs-slider::-webkit-scrollbar{height:4px}.blogs-slider::-webkit-scrollbar-thumb{background-color:var(--primary-light);border-radius:4px}.blog-card{background-color:var(--card-bg);border-radius:10px;overflow:hidden;box-shadow:0 3px 6px var(--shadow-color);min-width:0;height:100%;display:flex;flex-direction:column}@media (max-width:768px){.blogs-slider{display:flex;flex-wrap:nowrap;overflow-x:auto;grid-template-columns:none}.blog-card{width:280px;flex:0 0 auto;margin-right:1rem}.blog-card:last-child{margin-right:0}}.blog-image img{width:100%;height:150px;object-fit:cover}.blog-content{padding:1rem;flex:1;display:flex;flex-direction:column}.blog-content h4{font-size:1rem;margin-bottom:.5rem;height:2.4rem;overflow:hidden;-webkit-line-clamp:2}.blog-content p{font-size:.9rem;margin-bottom:.5rem;flex-grow:1;min-height:2.7rem;overflow:hidden;-webkit-line-clamp:3}.blog-link{font-weight:500;margin-top:auto;align-self:flex-start}.app-footer{background-color:var(--footer-bg);position:fixed;bottom:0;width:100%;height:var(--footer-height);box-shadow:0 -2px 5px var(--shadow-color);z-index:100}.btn-primary,.modal-header,.theme-switch button{background-color:var(--primary-color)}.app-footer .row{height:100%}.footer-item{height:100%;display:flex;justify-content:center;align-items:center}.footer-link{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--footer-text);padding:.5rem;width:100%;height:100%;text-align:center}.footer-link i{font-size:1.2rem;margin-bottom:.3rem}.footer-link span{font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;text-align:center}.theme-switch{position:fixed;right:20px;bottom:80px;z-index:99}.theme-switch button{width:40px;height:40px;border-radius:50%;color:#fff;border:none;display:flex;justify-content:center;align-items:center;font-size:1.2rem}.modal-content{border-radius:15px}.modal-header{color:#fff;border-radius:15px 15px 0 0}.footer-bottom-links a:hover,.modal-title,.nav-item.active .nav-link,.nav-link:hover{color:#fff}.btn-close{filter:brightness(0) invert(1)}.btn-primary:hover{background-color:var(--primary-dark);border-color:var(--primary-dark)}.status-message{padding:1rem;border-radius:5px;margin:1rem 0}.status-message.success{background-color:rgba(76,175,80,.1);color:#388e3c}.status-message.error{background-color:rgba(244,67,54,.1);color:#d32f2f}.status-message.warning{background-color:rgba(255,152,0,.1);color:#f57c00}.status-message.loading{background-color:rgba(33,150,243,.1);color:#1976d2}.app-footer,.app-header,.blog-card,.btn,.daily-content-card,.form-control,.form-select,.modal-content,.prayer-circle,.prayer-circle-inner,.prayer-time,.prayer-time-marker,.quick-access-button,a,body,button{transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease,border-color var(--transition-speed) ease,box-shadow var(--transition-speed) ease}.theme-transition{transition:background-color .5s}.theme-toggle-btn:hover{background-color:rgba(255,255,255,.2)}.nav-item.active::after,.prayer-marker::after{background-color:var(--accent-color);position:absolute}.theme-toggle-btn i{font-size:1.2rem}@media (min-width:768px){.prayer-circle-inner,.prayer-marker{height:270px}.prayer-time-marker[data-time=imsak]{top:30px;left:10%}.prayer-time-marker[data-time=gunes]{top:5px;left:23%}.prayer-time-marker[data-time=ogle]{top:0;left:37%}.prayer-time-marker[data-time=ikindi]{top:0;left:50%}.prayer-time-marker[data-time=aksam]{top:5px;left:63%}.prayer-time-marker[data-time=yatsi]{top:30px;left:77%}.current-prayer,.next-prayer{font-size:1.3rem}.prayer-circle-content{padding:2rem}.next-prayer-label{font-size:1rem}.remaining-time{font-size:3rem}.prayer-time-marker,.prayer-time-value{font-size:1.2rem}.prayer-times-container{padding:1.5rem}.blogs-section h3,.daily-content-section h3,.prayer-time-icon,.quick-access-section h3{font-size:1.5rem}.prayer-time-label{font-size:.9rem}.blogs-section,.daily-content-section,.quick-access-section{margin:3rem 0}.blogs-slider,.quick-access-container{overflow-x:visible;flex-wrap:wrap;justify-content:center}.blog-card,.quick-access-item{margin:.5rem}.prayer-circle{max-width:600px;width:350px;height:350px}.prayer-time-marker{width:45px;height:45px;transform:rotate(0) translate(155px) rotate(0)}.prayer-marker{width:165px}.app-title{font-size:1.8rem}}.prayer-time-marker{position:absolute;width:36px;height:36px;background-color:#fff;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--primary-color);box-shadow:0 2px 5px var(--shadow-color);transform-origin:center center;transition:.3s;z-index:5;margin-top:-18px;margin-left:-18px;font-size:.9rem}.prayer-time-marker[data-time=imsak]{top:35px;left:8%;transform:none}.prayer-time-marker[data-time=gunes]{top:10px;left:24%;transform:none}.prayer-time-marker[data-time=ogle]{top:0;left:40%;transform:none}.prayer-time-marker[data-time=ikindi]{top:0;left:60%;transform:none}.prayer-time-marker[data-time=aksam]{top:10px;left:76%;transform:none}.prayer-time-marker[data-time=yatsi]{top:35px;left:92%;transform:none}.prayer-marker{position:absolute;bottom:0;left:50%;width:4px;height:180px;background:linear-gradient(to top,var(--accent-color) 70%,rgba(255,193,7,.5) 100%);transform-origin:bottom center;z-index:4;box-shadow:0 0 10px rgba(255,193,7,.6);border-radius:4px;transition:transform 1s;margin-left:-2px}.nav-link,.prayer-banner{transition:all var(--transition-speed) ease;position:relative}.prayer-marker::after{content:'';top:0;left:-5px;width:14px;height:14px;border-radius:50%;box-shadow:0 0 12px 2px var(--accent-color);animation:2s infinite markerPulse}.prayer-banner{background:#145f34;box-shadow:0 10px 30px rgba(0,0,0,.2);color:#fff;margin:1.5rem 0}.prayer-banner-inner{display:flex;justify-content:center}.prayer-banner-location{border-bottom:1px solid rgba(255,255,255,.1)}.header-content,.location-info-wrapper{display:flex;justify-content:space-between;align-items:center;width:100%}.prayer-banner-location .location-name{font-weight:600;display:flex;align-items:center}.prayer-banner-location .location-name i{margin-right:8px;color:var(--accent-color)}.prayer-banner-location .date-info{opacity:.9;font-size:.8rem}.prayer-banner-content{display:flex;flex-direction:column;padding:1rem}.mosque-image-container{width:100%;height:350px;overflow:hidden;border-radius:0;margin-bottom:0;box-shadow:none;position:relative;background-color:#0f4926}.mosque-image-container::after{content:none}.mosque-image-container img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .5s}.mosque-image-container:hover img{transform:scale(1.05)}.next-prayer-name{margin-bottom:.75rem;color:var(--accent-color)}.countdown-timer{display:flex;justify-content:center;align-items:center;margin:1rem 0;gap:1rem}.countdown-unit{display:flex;flex-direction:column;align-items:center;margin:0}.countdown-value{background:#0f4926;box-shadow:0 4px 8px rgba(0,0,0,.15);position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center}.countdown-value::before{content:'';position:absolute;top:0;left:0;width:100%;height:1px;background:rgba(255,255,255,.2)}.countdown-value::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:rgba(0,0,0,.2)}.prayer-times-list{display:grid;grid-template-columns:repeat(3,1fr)}.prayer-time-item.active,.prayer-time-item.next{transform:none;box-shadow:none;border-bottom:4px solid var(--accent-color)}.prayer-time-item.active::after,.prayer-time-item.next::after{display:none}.prayer-time-name{font-weight:600}.main-nav{margin-top:0}.nav-list{list-style:none;display:flex;padding:0;margin:0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.nav-list::-webkit-scrollbar{display:none}.nav-item{flex-shrink:0;position:relative}.nav-link{color:rgba(255,255,255,.8);padding:1rem .8rem;display:block;font-weight:500;white-space:nowrap}.nav-item.active::after{content:'';bottom:0;left:0;width:100%;height:3px}@media (min-width:768px){.prayer-time-marker[data-time=imsak]{top:55px;left:8%}.prayer-time-marker[data-time=gunes]{top:15px;left:24%}.prayer-time-marker[data-time=ogle]{top:0;left:40%}.prayer-time-marker[data-time=ikindi]{top:0;left:60%}.prayer-time-marker[data-time=aksam]{top:15px;left:76%}.prayer-time-marker[data-time=yatsi]{top:55px;left:92%}.prayer-banner-inner{flex-direction:row;padding:0;align-items:stretch}.mosque-image-container{width:50%;height:auto;margin-bottom:0;margin-right:0}.prayer-countdown-container{width:50%;display:flex;flex-direction:column;justify-content:center}.next-prayer-name{font-size:2.5rem}.countdown-value{font-size:3.5rem;min-width:100px}.countdown-label{font-size:.9rem}.prayer-time-item{min-width:80px;padding:.75rem}.nav-list{justify-content:center}}.postal-code{background-color:rgba(0,0,0,.2);padding:.5rem .75rem;border-radius:4px;font-weight:600;color:rgba(255,255,255,.9);display:inline-flex;align-items:center;font-size:.8rem}.postal-code i{margin-right:.5rem;color:var(--accent-color)}.location-selectors{display:flex;gap:.5rem;align-items:center;min-width:200px;z-index:10;padding-top:20px}.city-selector,.district-selector{color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");background-repeat:no-repeat;background-position:right .5rem center;min-width:120px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.city-selector:hover,.district-selector:hover{background-color:rgba(21,105,55,.9);border-color:rgba(255,255,255,.3)}.city-selector:focus,.district-selector:focus{outline:0;box-shadow:0 0 0 2px rgba(255,255,255,.2);border-color:rgba(255,255,255,.4)}.city-selector option,.district-selector option{background-color:#145f34;color:#fff;padding:10px}.location-name{display:flex;align-items:center;justify-content:center;color:#fff}.location-name i{color:var(--accent-color);margin-right:5px}.prayer-banner h3{color:rgba(255,255,255,.6);font-size:.85rem;margin-bottom:.5rem}.prayer-times-list{margin-top:10px;padding:8px;background-color:rgba(0,0,0,.1);border-radius:8px}.quick-access-section h3{font-size:1.4rem;color:var(--primary-color);margin-bottom:1rem}.quick-access-button{width:100%;background-color:#145f34;color:#fff;border:none;border-radius:8px;padding:1rem 0;display:flex;flex-direction:column;align-items:center;transition:.3s}.quick-access-button:hover{background-color:#0f4926;transform:translateY(-3px)}.quick-access-button i{font-size:1.5rem;margin-bottom:.75rem}.theme-toggle-btn{background:#0f4926;border:none;position:relative;width:60px;height:30px;border-radius:15px;overflow:hidden;cursor:pointer;padding:0;display:flex;align-items:center;transition:.3s}#themeToggleMobile::before,.theme-toggle-btn::before{content:"";position:absolute;width:24px;height:24px;border-radius:50%;background-color:#fff;left:3px;transform:translateX(0);transition:transform .3s;z-index:2;box-shadow:0 2px 5px rgba(0,0,0,.2)}body.dark #themeToggleMobile::before,body.dark .theme-toggle-btn::before{transform:translateX(30px)}.theme-toggle-btn .dark-icon,.theme-toggle-btn .light-icon{display:flex;align-items:center;justify-content:center;transition:opacity .3s}.theme-toggle-btn .light-icon{opacity:.4;color:gold;display:flex;justify-content:center;align-items:center;width:24px;height:24px;position:absolute;right:5px}.theme-toggle-btn .dark-icon{left:7px;opacity:.4;color:silver;display:flex;justify-content:center;align-items:center;width:24px;height:24px;position:absolute}body.dark .theme-toggle-btn .light-icon{opacity:1}body.dark .theme-toggle-btn .dark-icon{opacity:.4}.logo-container{display:flex;align-items:center;justify-content:flex-start;gap:15px}.menu-container{flex:2;display:flex;justify-content:center}.toggle-container{flex:1;display:flex;justify-content:flex-end}@media (max-width:768px){.date-info,.location-name{text-align:center;width:100%;margin-bottom:5px}.location-info-wrapper{flex-direction:column;gap:.75rem;padding:.5rem 0;position:relative}.location-selectors{width:100%;justify-content:center;z-index:1;position:relative;margin-top:15px}.date-info,.location-name,.next-prayer-name{z-index:2;position:relative}.city-selector,.district-selector{flex:1;max-width:45%}.location-name{font-size:1.1rem;margin-top:0;font-weight:700}.next-prayer-name{margin-top:20px;padding-top:10px}.header-content{flex-direction:column;align-items:flex-start}.menu-container{width:100%;justify-content:flex-start;margin-top:.5rem;margin-bottom:.5rem}.toggle-container{position:absolute;top:12px;right:15px}.app-title{margin-top:8px}.main-footer{display:none}}.analog-clock-container{width:200px;height:200px;margin:0 auto;position:relative;display:flex;justify-content:center;align-items:center}.analog-clock,.countdown-timer{display:flex;justify-content:center}.analog-clock{width:180px;height:180px;border-radius:50%;background-color:#f8f9fa;position:relative;box-shadow:0 0 10px rgba(0,0,0,.2);align-items:center}.clock-face{width:160px;height:160px;position:relative;border-radius:50%;background-color:#fff}.clock-center{position:absolute;width:12px;height:12px;background-color:#333;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.clock-hand{position:absolute;top:50%;left:50%;transform-origin:center;z-index:5}.hour-hand,.minute-hand,.second-hand{transform-origin:0% 50%}.hour-hand{width:60px;height:4px;background-color:#333;border-radius:2px}.minute-hand{width:80px;height:3px;background-color:#666;border-radius:1.5px}.second-hand{width:90px;height:2px;background-color:#e74c3c;border-radius:1px}.clock-hour-marks .hour-mark .mark{position:absolute;width:4px;height:12px;background-color:#888;left:50%;top:5px;transform-origin:bottom center}.clock-hour-marks .hour-mark:nth-child(3n) .mark{width:4px;height:16px;background-color:#555}.prayer-countdown-container{flex:1;padding:10px;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);max-width:95%;margin:0 auto}.next-prayer-info{text-align:center;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #eee}.next-prayer-label{font-size:14px;color:#666;margin-bottom:5px}.next-prayer-name{font-size:18px;font-weight:700;color:#145f34}.countdown-timer{gap:10px;margin-bottom:20px}.countdown-unit{text-align:center;padding:0 5px}.countdown-value{font-size:24px;font-weight:700;padding:5px 10px;background-color:#e8f4e8;border-radius:5px;color:#145f34;min-width:45px}.countdown-label{opacity:.8;font-size:12px;color:#666;margin-top:5px}.prayer-times-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.prayer-time-item{padding:6px;background-color:#f8f9fa;border-radius:5px;text-align:center;transition:.3s}.prayer-time-item.active{background-color:#e8f4e8;border-left:3px solid #145f34}.prayer-time-item.next{background-color:#f0f9f0;border-left:3px solid #0f4926}.prayer-time-name{font-size:13px;color:#666;margin-bottom:3px}.prayer-time-value{font-size:15px;font-weight:700;color:#333}.prayer-banner{margin-bottom:20px;background-color:#f8f9fa;border-radius:10px;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,.05)}.prayer-banner-location{background-color:#145f34;color:#fff;padding:10px 15px}.location-name{font-size:18px;font-weight:500}.date-info{font-size:14px;opacity:.9}.prayer-banner-inner{display:flex;padding:10px 5px;gap:15px;justify-content:center}.mosque-image-container{flex:0 0 200px;display:flex;align-items:center;justify-content:center}.location-selectors{display:flex;gap:10px}.city-selector,.district-selector{padding:5px 10px;border:1px solid #ddd;border-radius:4px;background-color:#fff}.hamburger-menu{display:none;flex-direction:column;justify-content:space-between;width:30px;height:22px;cursor:pointer;margin:0;z-index:101;padding:0}.hamburger-menu span{width:100%;height:3px;background-color:#fff;border-radius:3px;transition:.3s}.newsletter-form button,body.dark .newsletter-form button:hover{background-color:#30b769}.hamburger-menu.active span:first-child{transform:translateY(9px) rotate(45deg)}.hamburger-menu.active span:nth-child(2){opacity:0}.hamburger-menu.active span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.theme-toggle-menu-item{display:none;margin-top:20px;align-items:center;padding:15px 20px;border-top:1px solid rgba(255,255,255,.1)}.theme-toggle-menu-item span{margin-right:15px;color:var(--header-text);font-size:.9rem}#themeToggleMobile{width:60px;height:30px;margin-left:auto;border-radius:15px;background-color:#0f4926;position:relative;overflow:hidden;padding:0;display:flex;align-items:center;cursor:pointer;border:none;transition:.3s}#themeToggleMobile .dark-icon,#themeToggleMobile .light-icon{position:absolute;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:opacity .3s}#themeToggleMobile .light-icon{right:2px!important;left:auto!important;opacity:.4;color:gold;display:flex;justify-content:flex-end!important;align-items:center;width:18px;height:18px;position:absolute!important;margin-right:0!important;padding-right:2px!important;transform:none!important}#themeToggleMobile .dark-icon{left:8px;opacity:.4;color:silver}body.dark #themeToggleMobile .light-icon{opacity:1;right:2px!important}.menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:99;display:none}.menu-overlay.active{display:block}body.menu-open{overflow:hidden}body,html{overflow-x:hidden;width:100%;max-width:100%;margin:0;padding:0}@media (max-width:1000px){.app-header .container{padding:10px 0!important;max-width:100%}.header-content{align-items:center;justify-content:flex-start;width:100%;height:40px;padding:0;position:relative}.hamburger-menu{display:flex;margin:0 0 0 15px;padding:0;height:22px;align-self:center;position:absolute;left:0}.app-title,.logo-container{height:40px;align-items:center;display:flex}.logo-container{justify-content:center;width:100%}.app-title{margin:0;padding:0;line-height:40px;font-size:1.5rem;text-align:center}.theme-toggle-menu-item{display:flex;margin-top:20px;align-items:center;padding:15px 0;border-top:1px solid rgba(255,255,255,.1)}.theme-toggle-menu-item span{margin-right:10px;color:var(--header-text);font-size:.9rem}#themeToggleMobile{width:60px;height:30px;margin-left:auto;border-radius:15px;background-color:#0f4926;position:relative;overflow:hidden;padding:0;display:flex;align-items:center;cursor:pointer;border:none;transition:.3s}#themeToggleMobile::before{content:"";position:absolute;width:24px;height:24px;border-radius:50%;background-color:#fff;left:3px;transform:translateX(0);transition:transform .3s;z-index:2;box-shadow:0 2px 5px rgba(0,0,0,.2)}body.dark #themeToggleMobile::before{transform:translateX(30px)}#themeToggleMobile .dark-icon,#themeToggleMobile .light-icon{position:absolute;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:opacity .3s}#themeToggleMobile .light-icon{right:8px;opacity:.4;color:gold}#themeToggleMobile .dark-icon{left:8px;opacity:.4;color:silver}.nav-item.active::after,.toggle-container{display:none}.nav-list{position:fixed;top:0;left:-100%;width:80%;max-width:300px;height:100vh;background-color:var(--header-bg);flex-direction:column;padding:70px 20px 20px;z-index:100;transition:left .3s;overflow-y:auto;box-shadow:3px 0 10px rgba(0,0,0,.2)}.nav-list.active{left:0}.nav-item{width:100%;margin:0}.nav-link{padding:15px 0;width:100%;border-bottom:1px solid rgba(255,255,255,.1)}.nav-item.active .nav-link{color:var(--accent-color)}.app-footer{display:block}.prayer-banner-inner{flex-direction:column}.mosque-image-container{flex:0 0 auto;width:100%}.prayer-countdown-container{width:98%;padding:8px}.countdown-value{min-width:35px;font-size:20px;padding:3px 8px}.prayer-times-list{display:grid;grid-template-columns:repeat(3,1fr)!important;gap:8px;overflow-x:visible}.prayer-banner{margin-left:0;margin-right:0;border-radius:0}.analog-clock-container{width:100%;max-width:200px}.quick-access-container{justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:10px;margin-bottom:10px}.quick-access-item{flex:0 0 auto;width:80px;margin-right:10px}.logo-container{display:flex;align-items:center}.app-title{margin-left:10px}.toggle-container{position:absolute;top:15px;right:15px}}@media (min-width:1001px){.app-footer{display:none}}body.dark .analog-clock{background-color:#333;box-shadow:0 0 10px rgba(0,0,0,.5)}body.dark .clock-face,body.dark .prayer-banner-inner{background-color:#222}body.dark .hour-hand,body.dark .minute-hand{background-color:#f0f0f0}body.dark .second-hand{background-color:#ff6b6b}body.dark .clock-hour-marks .hour-mark .mark{background-color:#aaa}body.dark .clock-hour-marks .hour-mark:nth-child(3n) .mark{background-color:#ddd}body.dark .prayer-time-item{background-color:var(--prayer-time-bg);color:var(--text-white);border-color:#444}body.dark .prayer-time-item.active{background-color:var(--prayer-time-active-bg);border-color:var(--primary-color)}body.dark .prayer-time-item.next{background-color:var(--prayer-time-next-bg);border-color:var(--accent-color)}body.dark .prayer-time-name{color:#ccc}body.dark .location-name,body.dark .prayer-countdown-container h2,body.dark .prayer-time-value{color:var(--text-white)}body.dark .countdown-value{background-color:var(--countdown-bg);color:var(--text-white);box-shadow:0 4px 8px rgba(0,0,0,.3)}body.dark .countdown-label{color:#aaa}body.dark .prayer-banner-location{background-color:var(--header-bg);border-color:#333}body.dark .date-info{color:#ddd}body.dark .city-selector,body.dark .district-selector{background-color:#333;color:var(--text-white);border-color:#444}body.dark .city-selector option,body.dark .district-selector option{background-color:#333;color:var(--text-white)}body.dark .prayer-banner{background-color:#1e3024;box-shadow:0 10px 30px rgba(0,0,0,.4)}body.dark .mosque-image-container{background-color:#0c3820}body.dark .prayer-countdown-container{background-color:#222;border-color:#333}body.dark .next-prayer-name{color:var(--accent-color);text-shadow:0 2px 4px rgba(0,0,0,.4)}body.dark .prayer-banner h3{color:rgba(255,255,255,.7)}body.dark .prayer-times-list{background-color:rgba(0,0,0,.2)}body.dark .city-selector:hover,body.dark .district-selector:hover{background-color:#444;border-color:#555}body.dark .city-selector:focus,body.dark .district-selector:focus{outline:0;box-shadow:0 0 0 2px rgba(255,255,255,.3);border-color:#555}.prayer-time-icon{display:block;margin:0 auto 5px;font-size:16px;color:#145f34;opacity:.8}.prayer-time-item.active .prayer-time-icon{color:var(--primary-color);opacity:1}.prayer-time-item.next .prayer-time-icon{color:var(--accent-color);opacity:1}@media (min-width:1000px){.prayer-times-list{display:grid;grid-template-columns:repeat(6,1fr)!important;gap:10px;padding:12px;margin-top:15px}.prayer-time-item{padding:10px}.prayer-time-icon{font-size:18px;margin-bottom:8px}.prayer-time-name{font-size:14px;margin-bottom:6px}.prayer-time-value{font-size:16px}}body.dark .prayer-time-icon{color:#30b769}.main-footer{background-color:#0f4926;color:#fff;padding:3rem 0 1rem;margin-top:3rem;margin-bottom:0}.footer-content{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:2rem}.footer-logo-section{display:flex;flex-direction:column}.footer-logo{font-size:1.8rem;margin-bottom:1rem;color:#fff;font-weight:600}.footer-description{font-size:.9rem;margin-bottom:1.2rem;opacity:.8;line-height:1.6}.footer-social{display:flex;gap:.8rem}.social-link{display:flex;align-items:center;justify-content:center;width:35px;height:35px;background-color:rgba(255,255,255,.1);border-radius:50%;color:#fff;transition:.3s}.social-link:hover{background-color:#fff;color:#0f4926;transform:translateY(-3px)}.footer-contact-section h3,.footer-links-section h3{font-size:1.2rem;margin-bottom:1.2rem;color:#fff;position:relative;padding-bottom:.5rem}.footer-contact-info li,.footer-links a{font-size:.95rem;color:rgba(255,255,255,.8)}.footer-contact-section h3::after,.footer-links-section h3::after{content:'';position:absolute;bottom:0;left:0;width:50px;height:2px;background-color:#fff;opacity:.5}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:.8rem}.footer-links a{transition:.3s;display:block}.footer-links a:hover{color:#fff;transform:translateX(5px)}.footer-contact-info{list-style:none;padding:0;margin:0 0 1.5rem}.footer-contact-info li{margin-bottom:.8rem;display:flex;align-items:center}.footer-contact-info li i{margin-right:10px;color:#fff;width:20px;text-align:center}.footer-newsletter h4{font-size:1rem;margin-bottom:1rem;color:#fff}.newsletter-form{display:flex;height:40px}.newsletter-form input{flex:1;padding:0 15px;border:none;border-radius:4px 0 0 4px;font-size:.9rem;outline:0}.newsletter-form button{width:40px;color:#fff;border:none;border-radius:0 4px 4px 0;cursor:pointer;transition:background-color .3s}.copyright,.footer-bottom-links a{color:rgba(255,255,255,.7);font-size:.85rem}.newsletter-form button:hover{background-color:#33cc75}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:1.5rem;padding-bottom:1rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.copyright{margin:0}.footer-bottom-links{display:flex;gap:1.5rem}.footer-bottom-links a{text-decoration:none;transition:color .3s}body.dark .main-footer{background-color:#1a1a1a;border-top:1px solid #333}body.dark .social-link:hover{color:#1a1a1a}body.dark .newsletter-form button{background-color:#1e884d}@media (max-width:768px){.footer-content{grid-template-columns:1fr;gap:2rem}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}.footer-bottom-links{justify-content:center;flex-wrap:wrap;gap:1rem}.main-footer{padding-bottom:calc(var(--footer-height) + 1rem)}}@media (min-width:769px) and (max-width:1000px){.footer-content{grid-template-columns:1fr 1fr}.footer-contact-section{grid-column:span 2}}