/*
Theme Name: RAK FI ANNABA
Theme URI: https://rakfiannaba.com/
Author: RAK FI ANNABA Team
Author URI: https://rakfiannaba.com/
Description: قالب ووردبريس احترافي، متكامل وعصري لمدينة وولاية عنابة. يشمل الوضع المظلم والمضيء، دعم 3 لغات (العربية، الفرنسية، الإنجليزية)، مواقيت الصلاة في عنابة، أسعار صرف العملات والسكوار مع محول فوري داخلي، إعلانات ووظائف مع فلترة بلديات عنابة، دليل سياحي وتجاري شامل، وقسم الدعم بـ CCP مع زر النسخ.
Version: 2.31.0
Requires at least: 5.8
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rak-fi-annaba
Tags: news, magazine, blog, two-columns, custom-colors, custom-menu, featured-images, rtl-language-support, translation-ready, dark-mode
*/
:root{--bg-primary:#f8fafc;--bg-secondary:#ffffff;--bg-tertiary:#f1f5f9;--bg-card:#ffffff;--bg-glass:rgba(255,255,255,0.85);--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-light:#ffffff;--brand-primary:#0284c7;--brand-primary-hover:#0369a1;--brand-secondary:#059669;--brand-accent:#f59e0b;--brand-danger:#ef4444;--border-color:#e2e8f0;--border-focus:#38bdf8;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-full:9999px;--font-arabic:'Cairo',system-ui,-apple-system,sans-serif;--font-latin:'Inter',system-ui,-apple-system,sans-serif;--font-base:var(--font-arabic);--transition-fast:0.2s ease;--transition-normal:0.3s cubic-bezier(0.4,0,0.2,1);--container-max:1280px}[data-theme="dark"]{--bg-primary:#0b1120;--bg-secondary:#111827;--bg-tertiary:#1e293b;--bg-card:#172033;--bg-glass:rgba(17,24,39,0.85);--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-light:#ffffff;--brand-primary:#38bdf8;--brand-primary-hover:#0284c7;--brand-secondary:#10b981;--brand-accent:#fbbf24;--brand-danger:#f87171;--border-color:#334155;--border-focus:#38bdf8;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.5);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.4);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.4);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.5)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-base);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.7;transition:background-color var(--transition-normal),color var(--transition-normal);overflow-x:hidden;-webkit-font-smoothing:antialiased}body[dir="rtl"]{font-family:var(--font-arabic);direction:rtl;text-align:right}body[dir="ltr"]{font-family:var(--font-latin);direction:ltr;text-align:left}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.3;color:var(--text-primary);letter-spacing:0 !important}a{color:var(--brand-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--brand-primary-hover)}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:1.25rem}.badge{display:inline-flex;align-items:center;gap:0.35rem;padding:0.25rem 0.75rem;border-radius:var(--radius-full);font-size:0.75rem;font-weight:600;text-transform:uppercase}.badge-primary{background:rgba(2,132,199,0.15);color:var(--brand-primary)}.badge-secondary{background:rgba(5,150,105,0.15);color:var(--brand-secondary)}.badge-accent{background:rgba(245,158,11,0.15);color:var(--brand-accent)}.badge-danger{background:rgba(239,68,68,0.15);color:var(--brand-danger)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.65rem 1.35rem;border-radius:var(--radius-md);font-weight:600;font-size:0.95rem;cursor:pointer;border:1px solid transparent;transition:all var(--transition-fast)}.btn-primary{background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-hover));color:#ffffff;box-shadow:0 4px 12px rgba(2,132,199,0.25)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(2,132,199,0.35);color:#ffffff}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{background:var(--border-color);color:var(--text-primary)}.btn-accent{background:linear-gradient(135deg,var(--brand-accent),#d97706);color:#ffffff}.btn-sm{padding:0.4rem 0.85rem;font-size:0.85rem;border-radius:var(--radius-sm)}.btn-icon{width:42px;height:42px;padding:0;border-radius:var(--radius-full)}.top-bar{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);font-size:0.85rem;padding:0.4rem 0}.top-bar-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.ticker-wrapper{display:flex;align-items:center;gap:0.75rem;flex:1;min-width:280px;overflow:hidden}.ticker-label{background:var(--brand-danger);color:#fff;padding:0.2rem 0.6rem;border-radius:var(--radius-sm);font-weight:700;font-size:0.75rem;display:flex;align-items:center;gap:0.3rem;white-space:nowrap}.ticker-content{white-space:nowrap;animation:tickerSlide 25s linear infinite;display:flex;gap:2rem;color:var(--text-secondary)}@keyframes tickerSlide{0%{transform:translateX(100%)}100%{transform:translateX(-100%)}}body[dir="ltr"] .ticker-content{animation:tickerSlideLTR 25s linear infinite}@keyframes tickerSlideLTR{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.prayer-weather-widget{display:flex;align-items:center;gap:1.25rem;color:var(--text-muted);font-size:0.82rem}.prayer-badge{display:flex;align-items:center;gap:0.4rem;color:var(--brand-secondary);font-weight:600}.navbar{position:sticky;top:0;z-index:1000;background:var(--bg-glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border-color);transition:all var(--transition-fast)}.navbar.scrolled{box-shadow:var(--shadow-md);padding-block:0.2rem}.navbar-inner{display:flex;align-items:center;justify-content:space-between;padding-block:0.75rem;gap:1.5rem}.brand-logo{display:flex;align-items:center;gap:0.75rem;text-decoration:none}.brand-logo-icon{width:44px;height:44px;background:linear-gradient(135deg,var(--brand-primary),#0284c7);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem;font-weight:900;box-shadow:0 4px 10px rgba(2,132,199,0.3)}.brand-logo-text{display:flex;flex-direction:column}.brand-title{font-size:1.25rem;font-weight:900;color:var(--text-primary);letter-spacing:0 !important;display:flex;align-items:center;gap:0.3rem}.brand-tagline{font-size:0.7rem;color:var(--brand-primary);font-weight:600;text-transform:uppercase}.nav-links{display:flex;align-items:center;gap:0.25rem;list-style:none}.nav-link{padding:0.5rem 0.8rem;border-radius:var(--radius-sm);color:var(--text-secondary);font-weight:600;font-size:0.9rem;transition:all var(--transition-fast);white-space:nowrap}.nav-link:hover,.nav-link.active{color:var(--brand-primary);background:rgba(2,132,199,0.08)}.nav-controls{display:flex;align-items:center;gap:0.6rem}.theme-toggle-btn,.lang-select-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:var(--radius-md);padding:0.5rem 0.75rem;display:flex;align-items:center;gap:0.4rem;font-weight:600;font-size:0.85rem;transition:all var(--transition-fast)}.theme-toggle-btn:hover,.lang-select-btn:hover{background:var(--border-color)}.lang-dropdown{position:relative}.lang-menu{position:absolute;top:110%;inset-inline-end:0;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);min-width:140px;list-style:none;padding:0.4rem;display:none;z-index:100}.lang-menu.open{display:block}.lang-option{padding:0.5rem 0.8rem;border-radius:var(--radius-sm);cursor:pointer;font-size:0.85rem;font-weight:600;display:flex;align-items:center;gap:0.5rem;color:var(--text-secondary);transition:background var(--transition-fast)}.lang-option:hover,.lang-option.active{background:rgba(2,132,199,0.1);color:var(--brand-primary)}.mobile-menu-toggle{display:none;background:none;border:none;font-size:1.5rem;color:var(--text-primary);cursor:pointer}.hero-section{position:relative;padding:3rem 0;background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);border-bottom:1px solid var(--border-color)}.hero-grid{display:grid;grid-template-columns:1.2fr 0.8fr;gap:2rem;align-items:stretch}.hero-feature-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);min-height:440px;display:flex;flex-direction:column;justify-content:flex-end;padding:2.5rem;background-size:cover;background-position:center;color:#fff;transition:transform var(--transition-normal)}.hero-feature-card::before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(11,17,32,0.95) 0%,rgba(11,17,32,0.4) 60%,rgba(0,0,0,0.1) 100%);z-index:1}.hero-feature-content{position:relative;z-index:2;display:flex;flex-direction:column;gap:0.8rem}.hero-feature-title{font-size:2rem;color:#ffffff;line-height:1.3}.hero-feature-desc{color:#e2e8f0;font-size:1rem;max-width:90%}.hero-side-cards{display:flex;flex-direction:column;gap:1.25rem}.side-article-card{display:flex;gap:1rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem;box-shadow:var(--shadow-sm);transition:all var(--transition-fast);cursor:pointer}.side-article-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--brand-primary)}.side-article-img{width:110px;height:90px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0}.side-article-info{display:flex;flex-direction:column;justify-content:center;gap:0.35rem}.side-article-title{font-size:0.95rem;font-weight:700;line-height:1.4;color:var(--text-primary)}.meta-row{display:flex;align-items:center;gap:0.75rem;font-size:0.75rem;color:var(--text-muted)}.section-padding{padding-block:4rem}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding-bottom:0.75rem;border-bottom:2px solid var(--border-color);position:relative}.section-header::after{content:'';position:absolute;bottom:-2px;inset-inline-start:0;width:70px;height:2px;background:var(--brand-primary)}.section-title-wrap{display:flex;align-items:center;gap:0.75rem}.section-icon{font-size:1.5rem;color:var(--brand-primary)}.section-title{font-size:1.65rem;font-weight:800}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.article-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;transition:all var(--transition-normal);cursor:pointer}.article-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:rgba(2,132,199,0.4)}.article-img-wrap{position:relative;height:190px;overflow:hidden}.article-img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}.article-card:hover .article-img{transform:scale(1.05)}.article-category-badge{position:absolute;top:0.85rem;inset-inline-start:0.85rem;z-index:2}.article-body{padding:1.25rem;display:flex;flex-direction:column;flex:1;gap:0.75rem}.article-title{font-size:1.1rem;font-weight:700;line-height:1.4;color:var(--text-primary)}.article-snippet{font-size:0.88rem;color:var(--text-secondary);line-height:1.6;flex:1}.article-tags{display:flex;flex-wrap:wrap;gap:0.4rem;margin-top:0.5rem}.tag-item{font-size:0.75rem;color:var(--brand-primary);background:rgba(2,132,199,0.08);padding:0.2rem 0.5rem;border-radius:var(--radius-sm);font-weight:600;transition:background var(--transition-fast)}.tag-item:hover{background:rgba(2,132,199,0.2)}.guide-tabs{display:flex;align-items:center;gap:0.5rem;margin-bottom:2rem;overflow-x:auto;padding-bottom:0.5rem}.guide-tab-btn{padding:0.6rem 1.2rem;border-radius:var(--radius-full);border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary);font-weight:600;font-size:0.9rem;cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.guide-tab-btn.active,.guide-tab-btn:hover{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}.guide-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.guide-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.guide-card-img{height:180px;object-fit:cover;width:100%}.guide-card-content{padding:1.25rem;display:flex;flex-direction:column;gap:0.6rem;flex:1}.guide-card-title{font-size:1.15rem;font-weight:700;color:var(--text-primary)}.guide-location{display:flex;align-items:center;gap:0.35rem;color:var(--text-muted);font-size:0.82rem}.emergency-numbers-table{width:100%;border-collapse:collapse;margin-top:1rem}.emergency-numbers-table th,.emergency-numbers-table td{padding:0.75rem 1rem;border-bottom:1px solid var(--border-color);text-align:start}.emergency-numbers-table th{background:var(--bg-tertiary);font-weight:700}{display:inline-flex;align-items:center;gap:0.3rem;background:var(--brand-secondary);color:#fff;padding:0.25rem 0.65rem;border-radius:var(--radius-sm);font-size:0.8rem;font-weight:600}.ads-filter-bar{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem 1.5rem;margin-bottom:2rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.filter-group{display:flex;align-items:center;gap:0.75rem;flex-wrap:wrap}.filter-select{padding:0.5rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-primary);outline:none;font-size:0.9rem}.ad-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.25rem;display:flex;flex-direction:column;gap:0.75rem;position:relative;box-shadow:var(--shadow-sm)}.ad-price{font-weight:800;color:var(--brand-secondary);font-size:1.1rem}.exchange-rates-section{background:var(--bg-tertiary)}.exchange-grid{display:grid;grid-template-columns:1.2fr 0.8fr;gap:2rem}.exchange-table-card,.converter-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.75rem;box-shadow:var(--shadow-md)}.currency-table{width:100%;border-collapse:collapse;margin-top:1rem}.currency-table th,.currency-table td{padding:0.85rem 1rem;text-align:center;border-bottom:1px solid var(--border-color)}.currency-table th{background:var(--bg-tertiary);color:var(--text-secondary);font-weight:700;font-size:0.85rem}.currency-table tr:hover{background:rgba(2,132,199,0.04)}.currency-flag-name{display:flex;align-items:center;gap:0.5rem;font-weight:700;text-align:start}.price-up{color:var(--brand-secondary);font-weight:700}.converter-form{display:flex;flex-direction:column;gap:1.25rem;margin-top:1.25rem}.form-group{display:flex;flex-direction:column;gap:0.4rem}.form-label{font-weight:600;font-size:0.88rem;color:var(--text-secondary)}.form-input,.form-select,.form-textarea{padding:0.75rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);outline:none;transition:border-color var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px rgba(56,189,248,0.2)}.calc-result-box{background:var(--bg-tertiary);border-radius:var(--radius-md);padding:1.25rem;border:1px solid var(--border-color);display:flex;flex-direction:column;gap:0.5rem;text-align:center}.calc-val-main{font-size:1.6rem;font-weight:800;color:var(--brand-primary)}.support-card{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);color:#fff;border-radius:var(--radius-lg);padding:3rem 2rem;position:relative;overflow:hidden;box-shadow:var(--shadow-xl);text-align:center}.support-card::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(2,132,199,0.15) 0%,transparent 60%);pointer-events:none}.ccp-container{display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.08);border:2px dashed rgba(255,255,255,0.25);border-radius:var(--radius-md);padding:1rem 1.5rem;margin:1.5rem 0;gap:1rem;flex-wrap:wrap}.ccp-number{font-family:monospace;font-size:1.6rem;font-weight:800;letter-spacing:2px;color:var(--brand-accent)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem}.contact-info-list{display:flex;flex-direction:column;gap:1.5rem;margin-top:1.5rem}.contact-item{display:flex;align-items:center;gap:1rem}.contact-icon{width:50px;height:50px;border-radius:var(--radius-md);background:rgba(2,132,199,0.1);color:var(--brand-primary);display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.65);backdrop-filter:blur(6px);z-index:2000;display:none;align-items:center;justify-content:center;padding:1.5rem}.modal-overlay.active{display:flex}.modal-content{background:var(--bg-card);width:100%;max-width:800px;max-height:90vh;border-radius:var(--radius-lg);overflow-y:auto;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;position:relative;animation:modalIn 0.3s ease}@keyframes modalIn{from{opacity:0;transform:translateY(20px) scale(0.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{position:sticky;top:0;background:var(--bg-card);border-bottom:1px solid var(--border-color);padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;z-index:10}.modal-progress-bar{position:absolute;bottom:0;left:0;height:3px;background:var(--brand-primary);width:0%;transition:width 0.1s linear}.modal-body{padding:2rem 1.5rem;display:flex;flex-direction:column;gap:1.5rem}.font-size-controls{display:flex;align-items:center;gap:0.4rem}.font-btn{width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-tertiary);cursor:pointer;font-weight:bold}.comments-box{border-top:2px solid var(--border-color);padding-top:2rem;margin-top:1rem}.comment-input-area{background:var(--bg-tertiary);padding:1.25rem;border-radius:var(--radius-md);margin-bottom:1.5rem}.social-login-bar{display:flex;align-items:center;gap:0.75rem;margin-bottom:0.75rem;font-size:0.85rem;color:var(--text-secondary)}.social-auth-btn{display:inline-flex;align-items:center;gap:0.35rem;padding:0.3rem 0.7rem;border-radius:var(--radius-sm);font-size:0.8rem;cursor:pointer;border:1px solid var(--border-color);background:var(--bg-card)}.social-auth-btn.active{border-color:var(--brand-primary);color:var(--brand-primary);font-weight:700}.comments-list{display:flex;flex-direction:column;gap:1rem}.comment-item{display:flex;gap:0.85rem;background:var(--bg-secondary);border:1px solid var(--border-color);padding:0.85rem 1rem;border-radius:var(--radius-md)}.comment-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:var(--brand-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:bold;flex-shrink:0}.footer{background:#0f172a;color:#94a3b8;padding:4rem 0 2rem;border-top:1px solid #1e293b}.footer a{color:#cbd5e1}.footer a:hover{color:#38bdf8}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:2.5rem;margin-bottom:3rem}.footer-brand-title{color:#fff;font-size:1.4rem;margin-bottom:0.8rem}.footer-links{list-style:none;display:flex;flex-direction:column;gap:0.6rem}.social-links-bar{display:flex;align-items:center;gap:0.75rem;margin-top:1rem}.social-link-btn{width:40px;height:40px;border-radius:var(--radius-full);background:#1e293b;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.1rem;transition:all var(--transition-fast)}.social-link-btn:hover{background:var(--brand-primary);transform:translateY(-2px);color:#fff}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid #1e293b;font-size:0.85rem}@media (max-width:1024px){.hero-grid,.exchange-grid,.contact-grid,.footer-grid{grid-template-columns:1fr}}@media (max-width:768px){.nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg-card);border-bottom:1px solid var(--border-color);flex-direction:column;padding:1rem;box-shadow:var(--shadow-lg)}.nav-links.open{display:flex}.mobile-menu-toggle{display:block}.top-bar-inner{flex-direction:column;align-items:flex-start}.hero-feature-title{font-size:1.5rem}.ccp-number{font-size:1.2rem}}body.lite-mode img{display:none !important}body.lite-mode .hero-feature-card{background-image:none !important;background-color:var(--bg-tertiary) !important}body.lite-mode .lite-indicator{display:inline-block;background:var(--brand-accent);color:#000;padding:0.2rem 0.6rem;border-radius:var(--radius-sm);font-size:0.75rem;font-weight:bold}.audio-player-box{background:linear-gradient(135deg,rgba(2,132,199,0.08),rgba(5,150,105,0.08));border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin:1.25rem 0}.audio-controls{display:flex;align-items:center;gap:0.5rem}.audio-wave-anim{display:inline-flex;align-items:center;gap:3px;height:18px}.audio-bar{width:3px;height:100%;background:var(--brand-primary);border-radius:2px;animation:audioPulse 1.2s infinite ease-in-out}.audio-bar:nth-child(2){animation-delay:0.2s;height:70%}.audio-bar:nth-child(3){animation-delay:0.4s;height:40%}.audio-bar:nth-child(4){animation-delay:0.6s;height:90%}@keyframes audioPulse{0%,100%{transform:scaleY(0.3)}50%{transform:scaleY(1)}}.beach-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;margin-top:1.25rem}.beach-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.25rem;display:flex;flex-direction:column;gap:0.75rem;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast)}.beach-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.flag-badge{display:inline-flex;align-items:center;gap:0.4rem;padding:0.25rem 0.65rem;border-radius:var(--radius-full);font-size:0.8rem;font-weight:700}.flag-green{background:rgba(16,185,129,0.15);color:#10b981}.flag-orange{background:rgba(245,158,11,0.15);color:#f59e0b}.flag-red{background:rgba(239,68,68,0.15);color:#ef4444}.pharmacy-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.25rem;display:flex;flex-direction:column;gap:0.5rem}.transport-table{width:100%;border-collapse:collapse}.transport-table th,.transport-table td{padding:0.75rem 1rem;border-bottom:1px solid var(--border-color);text-align:start}.transport-table th{background:var(--bg-tertiary);font-weight:700;font-size:0.85rem}.citizen-box{background:linear-gradient(135deg,rgba(2,132,199,0.05),rgba(245,158,11,0.05));border:1px dashed var(--brand-primary);border-radius:var(--radius-lg);padding:2rem;margin-top:1.5rem}.pwa-banner{background:linear-gradient(135deg,var(--brand-primary),#0369a1);color:#fff;padding:0.75rem 1.25rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:0.75rem}.search-bar-wrap{position:relative;width:100%;max-width:480px;margin:1rem 0}.search-input-main{width:100%;padding:0.85rem 1.25rem 0.85rem 3rem;border-radius:var(--radius-full);border:2px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);font-size:0.95rem;outline:none;box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.search-input-main:focus{border-color:var(--brand-primary);box-shadow:0 0 0 4px rgba(2,132,199,0.15)}.search-icon-inside{position:absolute;top:50%;inset-inline-end:1.2rem;transform:translateY(-50%);font-size:1.1rem;color:var(--text-muted);pointer-events:none}.prayer-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:0.75rem;margin-top:1rem}.trend-up{color:#10b981;font-size:0.75rem;font-weight:bold;display:inline-flex;align-items:center;gap:2px}.trend-stable{color:var(--text-muted);font-size:0.75rem;display:inline-flex;align-items:center;gap:2px}.map-container{width:100%;height:440px;border-radius:var(--radius-lg);border:1px solid var(--border-color);overflow:hidden;position:relative;box-shadow:var(--shadow-md);margin-top:1rem}#annabaInteractiveMap{width:100%;height:100%}.map-filter-bar{display:flex;gap:0.5rem;margin-bottom:1rem;flex-wrap:wrap}.events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:1.5rem}.event-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.25rem;display:flex;flex-direction:column;gap:0.75rem;box-shadow:var(--shadow-sm);position:relative}.event-date-badge{background:rgba(2,132,199,0.1);color:var(--brand-primary);padding:0.35rem 0.75rem;border-radius:var(--radius-sm);font-weight:700;font-size:0.82rem;width:fit-content}.traffic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;margin-top:1.25rem}.traffic-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.25rem;display:flex;flex-direction:column;gap:0.5rem}.traffic-status{display:inline-flex;align-items:center;gap:0.4rem;font-weight:700;font-size:0.85rem;padding:0.25rem 0.65rem;border-radius:var(--radius-full)}.traffic-fluid{background:rgba(16,185,129,0.15);color:#10b981}.traffic-moderate{background:rgba(245,158,11,0.15);color:#f59e0b}.traffic-heavy{background:rgba(239,68,68,0.15);color:#ef4444}.poll-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-sm);max-width:680px;margin:1.5rem auto 0}.poll-option-btn{width:100%;text-align:start;padding:0.85rem 1.25rem;margin-bottom:0.75rem;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-primary);font-size:0.95rem;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all var(--transition-fast)}.poll-option-btn:hover{border-color:var(--brand-primary);background:rgba(2,132,199,0.08)}.poll-result-bar{height:8px;border-radius:var(--radius-full);background:var(--brand-primary);transition:width 0.6s ease;margin-top:0.4rem}h1,h2,h3,.brand-title,.hero-feature-title{font-family:'Almarai','Cairo',sans-serif !important;font-weight:800;letter-spacing:0 !important}[data-theme="oled"]{--bg-primary:#000000 !important;--bg-secondary:#050811 !important;--bg-tertiary:#0a0f1d !important;--bg-card:#080c18 !important;--bg-glass:rgba(0,0,0,0.92) !important;--border-color:#1e293b !important;--text-primary:#ffffff !important;--text-secondary:#e2e8f0 !important;--text-muted:#94a3b8 !important}.mobile-bottom-bar{display:none;position:fixed;bottom:0;left:0;right:0;height:64px;background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border-color);z-index:1500;justify-content:space-around;align-items:center;padding-inline:0.5rem;box-shadow:0 -4px 15px rgba(0,0,0,0.1)}.mobile-bottom-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--text-muted);font-size:0.72rem;font-weight:600;text-decoration:none;transition:color var(--transition-fast);padding:0.35rem 0.5rem;border-radius:var(--radius-sm)}.mobile-bottom-item.active,.mobile-bottom-item:hover{color:var(--brand-primary)}.mobile-bottom-icon{font-size:1.25rem}@media (max-width:768px){.mobile-bottom-bar{display:flex}body{padding-bottom:70px}}.carousel-wrapper{position:relative;overflow:hidden;border-radius:var(--radius-lg);min-height:460px}.carousel-slide{position:absolute;inset:0;opacity:0;transition:opacity 0.8s ease-in-out;background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:flex-end;padding:2.5rem;pointer-events:none}.carousel-slide.active{opacity:1;pointer-events:auto}.carousel-dots{position:absolute;bottom:1.25rem;inset-inline-start:2.5rem;z-index:10;display:flex;gap:0.5rem}.carousel-dot{width:12px;height:12px;border-radius:var(--radius-full);background:rgba(255,255,255,0.4);cursor:pointer;transition:all var(--transition-fast)}.carousel-dot.active{background:var(--brand-accent);width:28px}.reveal-on-scroll{opacity:1;transform:none;transition:opacity 0.6s cubic-bezier(0.16,1,0.3,1),transform 0.6s cubic-bezier(0.16,1,0.3,1)}.reveal-on-scroll.revealed{opacity:1;transform:translateY(0)}.reactions-bar{display:flex;align-items:center;gap:0.4rem;margin-top:0.6rem;padding-top:0.6rem;border-top:1px dashed var(--border-color)}.reaction-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-full);padding:0.2rem 0.55rem;font-size:0.78rem;cursor:pointer;display:inline-flex;align-items:center;gap:0.25rem;transition:all var(--transition-fast);color:var(--text-secondary)}.reaction-btn:hover,.reaction-btn.voted{background:rgba(2,132,199,0.15);border-color:var(--brand-primary);color:var(--brand-primary);transform:scale(1.06)}.phone-number,.ccp-number,.emergency-phone{direction:ltr !important;unicode-bidi:isolate !important;text-align:left !important;display:inline-flex !important;align-items:center;gap:0.35rem;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,monospace !important;font-variant-numeric:tabular-nums;letter-spacing:0.5px}.social-link-btn{width:44px;height:44px;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;color:#ffffff !important;transition:transform var(--transition-fast),filter var(--transition-fast)}.social-link-btn:hover{transform:translateY(-3px) scale(1.08);filter:brightness(1.15)}.social-btn-instagram{background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%) !important}.social-btn-facebook{background:#1877f2 !important}.social-btn-tiktok{background:#000000 !important;box-shadow:2px 2px 0 #25f4ee,-2px -2px 0 #fe2c55}.social-btn-email{background:#0284c7 !important}.social-list-item{display:flex;align-items:center;gap:0.75rem;padding:0.4rem 0;color:#cbd5e1}.social-list-item a{direction:ltr !important;unicode-bidi:isolate;font-weight:600;display:inline-flex;align-items:center;gap:0.4rem}@media (max-width:768px){html,body{overflow-x:hidden !important;width:100vw}.container{padding-inline:1rem !important;max-width:100% !important}.section-padding{padding-block:2.25rem !important}.articles-grid,.guide-grid,.beach-grid,.traffic-grid,.events-grid{grid-template-columns:1fr !important;gap:1.25rem !important}.exchange-grid,.contact-grid,.footer-grid{grid-template-columns:1fr !important;gap:1.75rem !important}.top-bar-inner{flex-direction:column !important;align-items:stretch !important;gap:0.5rem !important;padding-block:0.25rem !important}.ticker-wrapper{min-width:100% !important;font-size:0.78rem !important}.prayer-weather-widget{justify-content:space-between !important;width:100% !important;font-size:0.75rem !important;border-top:1px solid var(--border-color);padding-top:0.35rem}.carousel-wrapper{min-height:480px !important}.carousel-slide{padding:1.5rem !important;justify-content:flex-end !important}.hero-feature-title{font-size:1.4rem !important;line-height:1.3 !important}.hero-feature-desc{font-size:0.88rem !important;max-width:100% !important}.table-responsive,div[style*="overflow-x:auto"]{-webkit-overflow-scrolling:touch;border-radius:var(--radius-md)}.currency-table th,.currency-table td,.transport-table th,.transport-table td,.emergency-numbers-table th,.emergency-numbers-table td{padding:0.6rem 0.5rem !important;font-size:0.8rem !important;white-space:nowrap}.map-container{height:340px !important;min-height:340px !important}.ccp-container{padding:0.75rem 1rem !important;width:100% !important}.ccp-number{font-size:1.25rem !important;letter-spacing:1px !important}.navbar-inner{padding-block:0.5rem !important}.brand-title{font-size:1.05rem !important}.brand-logo-icon{width:36px !important;height:36px !important;font-size:0.95rem !important}.search-bar-wrap{max-width:100% !important}.search-input-main{font-size:0.85rem !important;padding:0.7rem 1rem 0.7rem 2.5rem !important}.modal-content{max-height:85vh !important;border-radius:var(--radius-md) !important}.modal-body{padding:1.25rem 1rem !important}}.phone-number,.ccp-number,.emergency-phone,bdi[dir="ltr"],.bdi-phone{direction:ltr !important;unicode-bidi:isolate !important;text-align:left !important;display:inline-block !important;white-space:nowrap !important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,monospace !important;letter-spacing:0.5px}.icon-only-btn{width:38px;height:38px;padding:0 !important;display:inline-flex !important;align-items:center;justify-content:center;border-radius:var(--radius-full) !important;font-size:1.1rem !important;background:var(--bg-tertiary);border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-fast)}.icon-only-btn:hover{background:var(--border-color);transform:scale(1.05)}.lang-select-btn{padding:0.45rem 0.85rem !important;border-radius:var(--radius-full) !important;font-size:0.85rem !important}.top-bar{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:0.35rem 0;font-size:0.82rem}.navbar{background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);padding-block:0.35rem}.nav-links{gap:0.35rem}.nav-link{font-size:0.88rem;padding:0.45rem 0.75rem;border-radius:var(--radius-sm);font-weight:600}.section-padding{padding-block:3rem}.section-header{margin-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.section-header::after{height:3px;border-radius:var(--radius-full)}.section-title{font-size:1.45rem;font-weight:800}.article-card,.guide-card,.pharmacy-card,.event-card,.traffic-card,.beach-card,.ad-card{box-shadow:0 2px 8px rgba(0,0,0,0.04);border:1px solid var(--border-color);transition:transform 0.25s ease,box-shadow 0.25s ease,border-color 0.25s ease}.article-card:hover,.guide-card:hover,.ad-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(2,132,199,0.08);border-color:rgba(2,132,199,0.3)}[data-theme="dark"] .article-card,[data-theme="dark"] .guide-card,[data-theme="dark"] .pharmacy-card,[data-theme="dark"] .ad-card{box-shadow:0 4px 12px rgba(0,0,0,0.3)}.ad-banner-container{display:flex;justify-content:center;width:100%}.ad-banner-slot{width:100%;max-width:970px;background:var(--bg-card);border:1px dashed var(--border-color);border-radius:var(--radius-md);padding:0.85rem 1.25rem;position:relative;text-align:center;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.ad-banner-slot:hover{border-color:var(--brand-primary);background:rgba(2,132,199,0.02)}.leaderboard-slot{min-height:80px;display:flex;align-items:center;justify-content:center}.responsive-slot{min-height:90px;display:flex;align-items:center;justify-content:center}.ad-badge-label{position:absolute;top:-10px;inset-inline-start:1rem;background:var(--bg-tertiary);color:var(--text-muted);font-size:0.7rem;font-weight:700;padding:0.15rem 0.55rem;border-radius:var(--radius-sm);border:1px solid var(--border-color)}.ad-inner-content{display:flex;align-items:center;justify-content:center;gap:1rem;width:100%}@media (max-width:768px){.ad-inner-content{flex-direction:column;text-align:center;gap:0.35rem}}body[dir="rtl"] h1,body[dir="rtl"] h2,body[dir="rtl"] h3,body[dir="rtl"] h4,body[dir="rtl"] h5,body[dir="rtl"] h6,body[dir="rtl"] .brand-title,body[dir="rtl"] .hero-feature-title{letter-spacing:0 !important}body[dir="ltr"] h1,body[dir="ltr"] h2,body[dir="ltr"] h3,body[dir="ltr"] .brand-title{letter-spacing:-0.3px}body[dir="rtl"] select.form-select,body[dir="rtl"] select.filter-select{background-position:left 0.75rem center !important;padding-left:2rem !important;padding-right:1rem !important}body[dir="ltr"] select.form-select,body[dir="ltr"] select.filter-select{background-position:right 0.75rem center !important;padding-right:2rem !important;padding-left:1rem !important}.article-img,.guide-card-img,.ad-card-img{width:100%;height:100%;object-fit:cover;aspect-ratio:16 / 9}body[dir="rtl"]{text-align:right}body[dir="ltr"]{text-align:left}.navbar{position:sticky !important;top:0 !important;z-index:1000 !important;background:var(--bg-glass) !important;backdrop-filter:blur(20px) !important;-webkit-backdrop-filter:blur(20px) !important;border-bottom:1px solid var(--border-color) !important;width:100% !important}.navbar-inner{display:flex !important;align-items:center !important;justify-content:space-between !important;padding-block:0.6rem !important;gap:1rem !important;width:100% !important;position:relative !important;box-sizing:border-box !important}.brand-logo{display:flex !important;align-items:center !important;gap:0.65rem !important;text-decoration:none !important;flex-shrink:0 !important;z-index:10 !important;position:static !important;max-width:55% !important}.brand-logo-icon{width:40px !important;height:40px !important;background:linear-gradient(135deg,var(--brand-primary),#0284c7) !important;border-radius:var(--radius-md) !important;display:flex !important;align-items:center !important;justify-content:center !important;color:#fff !important;font-size:1.15rem !important;font-weight:900 !important;flex-shrink:0 !important}.brand-logo-text{display:flex !important;flex-direction:column !important;justify-content:center !important;line-height:1.2 !important;overflow:hidden !important}.brand-title{font-size:1.15rem !important;font-weight:900 !important;color:var(--text-primary) !important;white-space:nowrap !important;margin:0 !important;letter-spacing:0 !important}.brand-tagline{font-size:0.68rem !important;color:var(--brand-primary) !important;font-weight:700 !important;white-space:nowrap !important;margin-top:1px !important}.nav-links{display:flex;align-items:center;gap:0.35rem;list-style:none;margin:0;padding:0;flex-shrink:1}.nav-link{padding:0.45rem 0.75rem;border-radius:var(--radius-sm);color:var(--text-secondary);font-weight:600;font-size:0.88rem;transition:all var(--transition-fast);white-space:nowrap;display:block}.nav-link:hover,.nav-link.active{color:var(--brand-primary);background:rgba(2,132,199,0.08)}.nav-controls{display:flex !important;align-items:center !important;gap:0.5rem !important;flex-shrink:0 !important;z-index:10 !important;position:static !important}.theme-toggle-btn{width:38px !important;height:38px !important;padding:0 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;border-radius:var(--radius-full) !important;font-size:1.1rem !important;background:var(--bg-tertiary) !important;border:1px solid var(--border-color) !important;color:var(--text-primary) !important;cursor:pointer !important;flex-shrink:0 !important;line-height:1 !important}.theme-toggle-btn span{display:none !important}.lang-select-btn{height:38px !important;padding:0 0.75rem !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:0.35rem !important;border-radius:var(--radius-full) !important;font-size:0.82rem !important;font-weight:700 !important;background:var(--bg-tertiary) !important;border:1px solid var(--border-color) !important;color:var(--text-primary) !important;cursor:pointer !important;white-space:nowrap !important;flex-shrink:0 !important}.mobile-menu-toggle{width:38px !important;height:38px !important;display:none;align-items:center !important;justify-content:center !important;border-radius:var(--radius-md) !important;background:var(--bg-tertiary) !important;border:1px solid var(--border-color) !important;font-size:1.35rem !important;color:var(--text-primary) !important;cursor:pointer !important;flex-shrink:0 !important;padding:0 !important}@media (max-width:1080px){.mobile-menu-toggle{display:inline-flex !important}.nav-links{display:none !important;position:absolute !important;top:100% !important;left:0 !important;right:0 !important;width:100% !important;background:var(--bg-card) !important;border-top:1px solid var(--border-color) !important;border-bottom:2px solid var(--brand-primary) !important;flex-direction:column !important;align-items:stretch !important;padding:0.85rem !important;gap:0.35rem !important;box-shadow:0 16px 32px rgba(0,0,0,0.15) !important;z-index:9999 !important}.nav-links.open{display:flex !important;animation:menuFadeIn 0.25s ease-out !important}@keyframes menuFadeIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.nav-link{padding:0.75rem 1rem !important;font-size:0.95rem !important;border-radius:var(--radius-sm) !important;width:100% !important}}@media (max-width:540px){.brand-tagline{display:none !important}.brand-title{font-size:1rem !important}.brand-logo-icon{width:32px !important;height:32px !important;font-size:0.88rem !important}.navbar-inner{padding-block:0.4rem !important;gap:0.4rem !important}.lang-select-btn{padding:0 0.5rem !important}#currentLangLabel{display:none !important}}.phone-number,.ccp-number,.emergency-phone,bdi[dir="ltr"],.bdi-phone{direction:ltr !important;unicode-bidi:isolate !important;text-align:left !important;display:inline-block !important;white-space:nowrap !important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,monospace !important;letter-spacing:0.5px}.call-btn{direction:rtl !important;unicode-bidi:normal !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:0.4rem !important;background:var(--brand-secondary) !important;color:#ffffff !important;padding:0.4rem 0.9rem !important;border-radius:var(--radius-sm) !important;font-size:0.88rem !important;font-weight:700 !important;text-decoration:none !important;white-space:nowrap !important;line-height:1.2 !important}.call-btn:hover{background:#047857 !important;color:#ffffff !important}html,body{overflow-x:hidden !important;max-width:100vw !important;margin:0 !important;padding-bottom:0 !important}.mobile-bottom-bar{display:none !important}.emergency-numbers-table th,.emergency-numbers-table td{white-space:nowrap !important;padding:0.75rem 0.6rem !important}.navbar-inner{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:1.5rem !important;padding-block:0.65rem !important;width:100% !important}.brand-logo{display:flex !important;align-items:center !important;gap:0.75rem !important;flex-shrink:0 !important;text-decoration:none !important}.brand-title{font-size:1.25rem !important;font-weight:900 !important;color:var(--text-primary) !important;white-space:nowrap !important;margin:0 !important}.brand-tagline{font-size:0.7rem !important;color:var(--brand-primary) !important;font-weight:700 !important;white-space:nowrap !important}.nav-links{display:flex !important;align-items:center !important;gap:0.5rem !important;list-style:none !important;margin:0 !important;padding:0 !important;position:static !important;background:transparent !important;box-shadow:none !important;border:none !important}.nav-link{display:inline-flex !important;align-items:center !important;padding:0.45rem 0.85rem !important;border-radius:var(--radius-sm) !important;font-size:0.92rem !important;font-weight:700 !important;color:var(--text-secondary) !important;text-decoration:none !important;white-space:nowrap !important;transition:all var(--transition-fast) !important}.nav-link:hover,.nav-link.active{color:var(--brand-primary) !important;background:rgba(2,132,199,0.1) !important}@media (max-width:992px){.navbar-inner{flex-direction:column !important;align-items:stretch !important;gap:0.75rem !important;padding-block:0.5rem !important}.brand-logo{justify-content:center !important;margin:0 auto !important}.nav-links{width:100% !important;display:flex !important;overflow-x:auto !important;-webkit-overflow-scrolling:touch !important;padding-bottom:0.4rem !important;gap:0.4rem !important;justify-content:flex-start !important;scrollbar-width:none !important}.nav-links::-webkit-scrollbar{display:none !important}.nav-link{font-size:0.85rem !important;padding:0.4rem 0.75rem !important;background:var(--bg-tertiary) !important;border:1px solid var(--border-color) !important;border-radius:var(--radius-full) !important}}.navbar-inner{display:flex !important;align-items:center !important;justify-content:space-between !important;padding-block:0.65rem !important;gap:1rem !important;width:100% !important;position:relative !important;box-sizing:border-box !important}.brand-logo{display:flex !important;align-items:center !important;gap:0.65rem !important;text-decoration:none !important;flex-shrink:0 !important;margin:0 !important;z-index:10 !important}.brand-logo-icon{width:40px !important;height:40px !important;background:linear-gradient(135deg,var(--brand-primary),#0284c7) !important;border-radius:var(--radius-md) !important;display:flex !important;align-items:center !important;justify-content:center !important;color:#fff !important;font-size:1.15rem !important;font-weight:900 !important;flex-shrink:0 !important}.brand-logo-text{display:flex !important;flex-direction:column !important;line-height:1.2 !important}.brand-title{font-size:1.2rem !important;font-weight:900 !important;color:var(--text-primary) !important;white-space:nowrap !important;letter-spacing:0 !important}.brand-tagline{font-size:0.68rem !important;color:var(--brand-primary) !important;font-weight:700 !important;white-space:nowrap !important}.nav-links{display:flex;align-items:center;gap:0.35rem;list-style:none;margin:0 auto;padding:0}.nav-link{padding:0.45rem 0.8rem;border-radius:var(--radius-sm);color:var(--text-secondary);font-weight:600;font-size:0.9rem;transition:all var(--transition-fast);white-space:nowrap}.nav-link:hover,.nav-link.active{color:var(--brand-primary);background:rgba(2,132,199,0.08)}.nav-controls{display:flex !important;align-items:center !important;gap:0.6rem !important;flex-shrink:0 !important;margin-inline-start:auto !important;z-index:10 !important}.theme-toggle-btn{width:40px !important;height:40px !important;min-width:40px !important;padding:0 !important;border-radius:var(--radius-full) !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;background:var(--bg-tertiary) !important;border:1px solid var(--border-color) !important;color:var(--text-primary) !important;font-size:1.15rem !important;cursor:pointer !important;transition:all var(--transition-fast) !important;box-shadow:var(--shadow-sm) !important;line-height:1 !important}.theme-toggle-btn:hover{background:var(--border-color) !important;transform:scale(1.06) !important}.theme-toggle-btn span{display:none !important}.mobile-menu-toggle{width:40px !important;height:40px !important;min-width:40px !important;padding:0 !important;border-radius:var(--radius-md) !important;display:none;align-items:center !important;justify-content:center !important;background:var(--bg-tertiary) !important;border:1px solid var(--border-color) !important;color:var(--text-primary) !important;cursor:pointer !important;transition:all var(--transition-fast) !important;box-shadow:var(--shadow-sm) !important}.mobile-menu-toggle:hover{background:var(--border-color) !important;color:var(--brand-primary) !important}.hamburger-icon{display:block}@media (min-width:1024px){.nav-links{display:flex !important;position:static !important;background:transparent !important;box-shadow:none !important;border:none !important}.mobile-menu-toggle{display:none !important}}@media (max-width:1023px){.mobile-menu-toggle{display:inline-flex !important}.nav-links{display:none !important;position:absolute !important;top:100% !important;left:0 !important;right:0 !important;width:100% !important;background:var(--bg-card) !important;border-top:1px solid var(--border-color) !important;border-bottom:2px solid var(--brand-primary) !important;flex-direction:column !important;padding:0.85rem !important;gap:0.35rem !important;box-shadow:0 16px 32px rgba(0,0,0,0.15) !important;z-index:9999 !important}.nav-links.open{display:flex !important;animation:menuFadeIn 0.25s ease-out !important}@keyframes menuFadeIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.nav-link{padding:0.75rem 1rem !important;font-size:0.95rem !important;border-radius:var(--radius-sm) !important;width:100% !important}}@media (max-width:540px){.brand-tagline{display:none !important}.brand-title{font-size:1.05rem !important}.brand-logo-icon{width:34px !important;height:34px !important;font-size:0.95rem !important}.navbar-inner{padding-block:0.45rem !important;gap:0.5rem !important}}.lang-dropdown{position:relative;display:inline-flex !important}.lang-select-btn{height:38px !important;padding:0 0.75rem !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:0.35rem !important;border-radius:var(--radius-full) !important;font-size:0.82rem !important;font-weight:700 !important;background:var(--bg-tertiary) !important;border:1px solid var(--border-color) !important;color:var(--text-primary) !important;cursor:pointer !important;white-space:nowrap !important;flex-shrink:0 !important;transition:all var(--transition-fast) !important}.lang-select-btn:hover{background:var(--border-color) !important;transform:scale(1.03) !important}.lang-menu{position:absolute;top:110%;inset-inline-end:0;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 10px 25px rgba(0,0,0,0.15);min-width:140px;list-style:none;padding:0.4rem;display:none;z-index:1000}.lang-menu.open{display:block !important}.lang-option{padding:0.5rem 0.8rem;border-radius:var(--radius-sm);cursor:pointer;font-size:0.85rem;font-weight:600;display:flex;align-items:center;gap:0.5rem;color:var(--text-secondary);transition:background var(--transition-fast)}.lang-option:hover,.lang-option.active{background:rgba(2,132,199,0.1);color:var(--brand-primary)}.hero-scroll-down-wrap{position:absolute;bottom:1.25rem;left:50%;transform:translateX(-50%);z-index:10;display:flex;justify-content:center}.scroll-down-btn{display:inline-flex;flex-direction:column;align-items:center;gap:0.3rem;color:#ffffff !important;text-decoration:none;font-weight:700;font-size:0.82rem;cursor:pointer;transition:opacity var(--transition-fast)}.scroll-down-btn:hover{opacity:0.85}.scroll-down-text{text-shadow:0 2px 4px rgba(0,0,0,0.6)}.scroll-down-arrow{width:34px;height:34px;border-radius:var(--radius-full);background:rgba(255,255,255,0.25);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.4);display:flex;align-items:center;justify-content:center;font-size:1.15rem;font-weight:bold;animation:heroBounce 1.8s infinite;box-shadow:0 4px 10px rgba(0,0,0,0.25)}@keyframes heroBounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(8px)}60%{transform:translateY(4px)}}.floating-scroll-btn{position:fixed;bottom:2rem;inset-inline-start:2rem;width:46px;height:46px;border-radius:var(--radius-full);background:var(--brand-primary);color:#ffffff !important;border:none;box-shadow:0 6px 16px rgba(2,132,199,0.35);display:flex;align-items:center;justify-content:center;font-size:1.35rem;font-weight:bold;cursor:pointer;z-index:999;transition:all var(--transition-fast)}.floating-scroll-btn:hover{background:var(--brand-primary-hover);transform:translateY(-3px) scale(1.08);box-shadow:0 10px 20px rgba(2,132,199,0.45)}@media (max-width:600px){.floating-scroll-btn{bottom:1.25rem;inset-inline-start:1.25rem;width:42px;height:42px;font-size:1.2rem}}.lang-dropdown{position:relative;display:inline-flex !important}.lang-select-btn,.theme-toggle-btn.icon-only-btn{width:38px !important;height:38px !important;padding:0 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;border-radius:var(--radius-full) !important;font-size:1.15rem !important;background:var(--bg-tertiary) !important;border:1px solid var(--border-color) !important;color:var(--text-primary) !important;cursor:pointer !important;flex-shrink:0 !important;line-height:1 !important;transition:all var(--transition-fast) !important;box-sizing:border-box !important}.lang-select-btn:hover,.theme-toggle-btn:hover{background:var(--border-color) !important;transform:scale(1.06) !important}.lang-menu{position:absolute;top:calc(100% + 8px);inset-inline-end:0;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 10px 25px rgba(0,0,0,0.15);min-width:140px;list-style:none;padding:0.4rem;display:none;z-index:1000}.lang-menu.open{display:block !important}.theme-toggle-btn,.theme-toggle-btn.icon-only-btn{width:38px !important;height:38px !important;min-width:38px !important;max-width:38px !important;padding:0 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;border-radius:var(--radius-full) !important;font-size:1.15rem !important;background:var(--bg-tertiary) !important;border:1px solid var(--border-color) !important;color:var(--text-primary) !important;cursor:pointer !important;flex-shrink:0 !important;line-height:1 !important;overflow:hidden !important;white-space:nowrap !important;text-indent:0 !important;transition:all var(--transition-fast) !important;box-sizing:border-box !important}.theme-toggle-btn span,.theme-toggle-btn label,.theme-toggle-btn .text{display:none !important}.call-btn,a.call-btn,a[href^="tel:"].call-btn,button.call-btn{direction:rtl !important;unicode-bidi:normal !important;text-align:center !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:0.4rem !important;background:#059669 !important;color:#ffffff !important;padding:0.45rem 1rem !important;border-radius:var(--radius-sm,6px) !important;font-size:0.9rem !important;font-weight:700 !important;text-decoration:none !important;white-space:nowrap !important;line-height:1.2 !important;box-shadow:0 1px 3px rgba(0,0,0,0.1) !important;border:none !important}.call-btn:hover,a.call-btn:hover,a[href^="tel:"].call-btn:hover{background:#047857 !important;color:#ffffff !important;transform:translateY(-1px) !important}.call-btn span,.call-btn *{direction:rtl !important;unicode-bidi:normal !important;display:inline !important}.phone-number,.ccp-number,.emergency-phone,.bdi-phone,bdi[dir="ltr"],span[dir="ltr"].phone-number{direction:ltr !important;unicode-bidi:isolate !important;text-align:left !important;display:inline-block !important;white-space:nowrap !important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,monospace !important;font-variant-numeric:tabular-nums !important;letter-spacing:0.5px !important;font-weight:700 !important}.emergency-numbers-table td:nth-child(2){direction:ltr !important;text-align:left !important}.emergency-numbers-table td:nth-child(3){text-align:center !important}.nav-controls{display:flex !important;align-items:center !important;gap:0.6rem !important;flex-shrink:0 !important}.theme-toggle-btn,.theme-toggle-btn.icon-only-btn{display:inline-flex !important;width:40px !important;height:40px !important;min-width:40px !important;max-width:40px !important;align-items:center !important;justify-content:center !important;border-radius:50% !important;background:var(--bg-tertiary) !important;border:1px solid var(--border-color) !important;color:var(--text-primary) !important;font-size:1.25rem !important;cursor:pointer !important;flex-shrink:0 !important;padding:0 !important;line-height:1 !important;transition:all var(--transition-fast) !important;box-shadow:0 1px 3px rgba(0,0,0,0.08) !important;z-index:100 !important}.theme-toggle-btn:hover{background:var(--border-color) !important;transform:scale(1.06) !important}.mobile-menu-toggle,.side-menu-toggle{display:inline-flex !important;width:40px !important;height:40px !important;min-width:40px !important;max-width:40px !important;align-items:center !important;justify-content:center !important;border-radius:var(--radius-md,8px) !important;background:var(--bg-tertiary) !important;border:1px solid var(--border-color) !important;color:var(--text-primary) !important;cursor:pointer !important;font-size:1.35rem !important;flex-shrink:0 !important;padding:0 !important;transition:all var(--transition-fast) !important;box-shadow:0 1px 3px rgba(0,0,0,0.08) !important;z-index:100 !important}.mobile-menu-toggle:hover,.side-menu-toggle:hover{background:var(--border-color) !important;transform:scale(1.05) !important}.lang-select-btn,.lang-select-btn.icon-only-btn{display:inline-flex !important;width:40px !important;height:40px !important;min-width:40px !important;max-width:40px !important;align-items:center !important;justify-content:center !important;border-radius:50% !important;background:var(--bg-tertiary) !important;border:1px solid var(--border-color) !important;color:var(--text-primary) !important;font-size:1.15rem !important;cursor:pointer !important;flex-shrink:0 !important;padding:0 !important;line-height:1 !important;transition:all var(--transition-fast) !important;box-shadow:0 1px 3px rgba(0,0,0,0.08) !important}.lang-select-btn:hover{background:var(--border-color) !important;transform:scale(1.05) !important}.hamburger-icon,.hamburger-icon *{pointer-events:none !important}.side-menu-overlay{position:fixed !important;inset:0 !important;width:100vw !important;height:100vh !important;height:100dvh !important;background:rgba(0,0,0,0.65) !important;backdrop-filter:blur(5px) !important;-webkit-backdrop-filter:blur(5px) !important;z-index:99998 !important;opacity:0 !important;visibility:hidden !important;pointer-events:none !important;transition:opacity 0.3s ease,visibility 0.3s ease !important}.side-menu-overlay.open,body.side-menu-active .side-menu-overlay{opacity:1 !important;visibility:visible !important;pointer-events:auto !important}.side-menu-drawer{position:fixed !important;top:0 !important;bottom:0 !important;width:320px !important;max-width:85vw !important;height:100vh !important;height:100dvh !important;background:var(--bg-card) !important;z-index:99999 !important;display:flex !important;flex-direction:column !important;box-shadow:0 10px 40px rgba(0,0,0,0.35) !important;transition:transform 0.32s cubic-bezier(0.4,0,0.2,1),visibility 0.32s !important;overflow:hidden !important;visibility:hidden;pointer-events:none}[dir="rtl"] .side-menu-drawer,body[dir="rtl"] .side-menu-drawer,body:not([dir="ltr"]) .side-menu-drawer{right:0 !important;left:auto !important;transform:translateX(100%) !important;border-left:1px solid var(--border-color) !important;border-right:none !important}[dir="ltr"] .side-menu-drawer,body[dir="ltr"] .side-menu-drawer{left:0 !important;right:auto !important;transform:translateX(-100%) !important;border-right:1px solid var(--border-color) !important;border-left:none !important}[dir="rtl"] .side-menu-drawer.open,body[dir="rtl"] .side-menu-drawer.open,body:not([dir="ltr"]) .side-menu-drawer.open,[dir="ltr"] .side-menu-drawer.open,body[dir="ltr"] .side-menu-drawer.open,body.side-menu-active .side-menu-drawer,body.side-menu-active aside.side-menu-drawer,aside.side-menu-drawer.open,.side-menu-drawer.open{transform:translateX(0) !important;visibility:visible !important;pointer-events:auto !important}.side-menu-header{padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.side-menu-brand{display:flex;align-items:center;gap:0.75rem}.side-brand-icon{width:38px;height:38px;background:#0284c7;color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.15rem}.side-menu-close-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);font-size:1.2rem;cursor:pointer;transition:all 0.2s ease}.side-menu-close-btn:hover{background:#ef4444;color:#ffffff;border-color:#ef4444;transform:rotate(90deg)}.side-menu-body{padding:1.25rem;overflow-y:auto;flex:1}.side-menu-section-title{font-size:0.8rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:0.75rem;padding-inline-start:0.5rem}.side-nav-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0.4rem}.side-nav-link{display:flex;align-items:center;gap:0.75rem;padding:0.7rem 1rem;border-radius:var(--radius-md,8px);color:var(--text-primary);text-decoration:none;font-weight:700;font-size:0.95rem;transition:all 0.2s ease}.side-nav-link:hover{background:var(--bg-tertiary);color:#0284c7;transform:translateX(-4px)}[dir="ltr"] .side-nav-link:hover{transform:translateX(4px)}.side-nav-icon{font-size:1.2rem;width:24px;text-align:center}html{max-width:100vw !important;overflow-x:clip !important;box-sizing:border-box !important;scroll-behavior:smooth !important}body{max-width:100vw !important;overflow-x:clip !important;width:100% !important;margin:0 !important;padding:0 !important;position:relative !important;box-sizing:border-box !important}*,*::before,*::after{box-sizing:border-box !important}:root{--container-max:1220px}.container{width:100% !important;max-width:var(--container-max) !important;margin-left:auto !important;margin-right:auto !important;padding-left:1.5rem !important;padding-right:1.5rem !important;box-sizing:border-box !important}@media (max-width:992px){.container{padding-left:1.25rem !important;padding-right:1.25rem !important}}@media (max-width:576px){.container{padding-left:1rem !important;padding-right:1rem !important}}.section-padding{padding-block:3.5rem !important;width:100% !important;box-sizing:border-box !important;overflow:hidden !important}@media (max-width:768px){.section-padding{padding-block:2.25rem !important}}.section-header{display:flex !important;align-items:center !important;justify-content:space-between !important;flex-wrap:wrap !important;gap:0.75rem !important;margin-bottom:1.75rem !important;width:100% !important}.section-title-wrap{display:flex !important;align-items:center !important;gap:0.6rem !important;flex-wrap:wrap !important}.section-title{margin:0 !important;font-size:1.55rem !important;font-weight:800 !important;color:var(--text-primary) !important;word-break:break-word !important}@media (max-width:576px){.section-title{font-size:1.3rem !important}}.articles-grid,.guide-grid{display:grid !important;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr)) !important;gap:1.5rem !important;width:100% !important;box-sizing:border-box !important}@media (max-width:600px){.articles-grid,.guide-grid{grid-template-columns:1fr !important;gap:1.15rem !important}}.article-card,.pharmacy-card,.guide-card,.ad-card{width:100% !important;max-width:100% !important;box-sizing:border-box !important;overflow:hidden !important}.article-body,.guide-body,.ad-body{word-wrap:break-word !important;overflow-wrap:break-word !important}.hero-section{padding-block:2.5rem 3rem !important;overflow:hidden !important}.hero-grid{display:grid !important;grid-template-columns:1.25fr 0.75fr !important;gap:1.75rem !important;align-items:stretch !important;width:100% !important}@media (max-width:992px){.hero-grid{grid-template-columns:1fr !important;gap:1.5rem !important}}.exchange-grid{display:grid !important;grid-template-columns:1.15fr 0.85fr !important;gap:1.75rem !important;align-items:start !important;width:100% !important}@media (max-width:992px){.exchange-grid{grid-template-columns:1fr !important;gap:1.5rem !important}}.table-responsive,div[style*="overflow-x:auto"]{width:100% !important;max-width:100% !important;overflow-x:auto !important;-webkit-overflow-scrolling:touch !important;box-sizing:border-box !important}.emergency-numbers-table,.currency-table{width:100% !important;border-collapse:collapse !important;box-sizing:border-box !important}.emergency-numbers-table th,.emergency-numbers-table td,.currency-table th,.currency-table td{padding:0.85rem 1rem !important;white-space:nowrap !important}@media (max-width:576px){.emergency-numbers-table th,.emergency-numbers-table td,.currency-table th,.currency-table td{padding:0.65rem 0.6rem !important;font-size:0.85rem !important}}.top-bar{width:100% !important;overflow:hidden !important;box-sizing:border-box !important}.top-bar-inner{display:flex !important;align-items:center !important;justify-content:space-between !important;flex-wrap:wrap !important;gap:0.75rem !important;padding-block:0.5rem !important}.navbar-inner{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:1rem !important;width:100% !important;box-sizing:border-box !important}@media (min-width:1181px){.nav-links{display:flex !important;align-items:center !important;gap:0.4rem !important;flex-wrap:wrap !important}.nav-link{padding:0.4rem 0.65rem !important;font-size:0.86rem !important;white-space:nowrap !important}}.ad-banner-slot{width:100% !important;max-width:100% !important;box-sizing:border-box !important;overflow:hidden !important;margin-inline:auto !important}.floating-scroll-btn{position:fixed !important;bottom:1.5rem !important;left:1.5rem !important;right:auto !important;width:44px !important;height:44px !important;border-radius:50% !important;background:var(--brand-primary,#0284c7) !important;color:#ffffff !important;border:none !important;box-shadow:0 4px 14px rgba(2,132,199,0.4) !important;display:flex !important;align-items:center !important;justify-content:center !important;font-size:1.25rem !important;cursor:pointer !important;z-index:990 !important;transition:all var(--transition-fast) !important;opacity:0.85 !important}[dir="ltr"] .floating-scroll-btn{right:1.5rem !important;left:auto !important}.floating-scroll-btn:hover{opacity:1 !important;transform:translateY(-3px) scale(1.08) !important}@media (max-width:600px){.floating-scroll-btn{bottom:1rem !important;left:1rem !important;right:auto !important;width:40px !important;height:40px !important;font-size:1.1rem !important}}.article-img-wrap{position:relative !important;overflow:hidden !important;border-radius:var(--radius-md) var(--radius-md) 0 0 !important}.article-category-badge{position:absolute !important;top:0.75rem !important;right:0.75rem !important;left:auto !important;z-index:5 !important;max-width:calc(100% - 1.5rem) !important;white-space:nowrap !important;box-shadow:0 2px 8px rgba(0,0,0,0.2) !important}[dir="ltr"] .article-category-badge{left:0.75rem !important;right:auto !important}.meta-row{display:flex !important;align-items:center !important;justify-content:space-between !important;flex-wrap:wrap !important;gap:0.5rem !important;font-size:0.84rem !important;color:var(--text-muted) !important;margin-bottom:0.5rem !important}.article-title{font-size:1.15rem !important;font-weight:700 !important;line-height:1.5 !important;margin-bottom:0.6rem !important;color:var(--text-primary) !important}#adPostPhone,input[type="tel"].form-input{direction:ltr !important;text-align:start !important;font-family:monospace,-apple-system,sans-serif !important;font-size:1rem !important;letter-spacing:0.5px !important}.navbar-inner{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:1rem !important;width:100% !important;padding-block:0.5rem !important;box-sizing:border-box !important}@media (min-width:768px){.nav-links{display:flex !important;align-items:center !important;gap:0.35rem !important;list-style:none !important;margin:0 !important;padding:0 !important;flex-wrap:wrap !important}.nav-link{display:inline-block !important;padding:0.4rem 0.65rem !important;font-size:0.88rem !important;font-weight:700 !important;color:var(--text-secondary) !important;text-decoration:none !important;white-space:nowrap !important;border-radius:var(--radius-sm,6px) !important;transition:all var(--transition-fast) !important}.nav-link:hover,.nav-link.active{color:var(--brand-primary) !important;background:rgba(2,132,199,0.08) !important}}@media (max-width:767px){.nav-links{display:none !important}.nav-links.open{display:flex !important;flex-direction:column !important;position:absolute !important;top:100% !important;left:0 !important;right:0 !important;width:100% !important;background:var(--bg-card) !important;border-bottom:2px solid var(--brand-primary) !important;padding:1rem !important;gap:0.5rem !important;box-shadow:0 10px 25px rgba(0,0,0,0.15) !important;z-index:9999 !important}}.nav-controls{display:flex !important;align-items:center !important;gap:0.6rem !important;flex-shrink:0 !important;z-index:100 !important}#themeToggleBtn,button#themeToggleBtn,.theme-toggle-btn,.theme-toggle-btn.icon-only-btn{display:inline-flex !important;visibility:visible !important;opacity:1 !important;width:40px !important;height:40px !important;min-width:40px !important;max-width:40px !important;align-items:center !important;justify-content:center !important;border-radius:50% !important;background:var(--bg-tertiary) !important;border:1px solid var(--border-color) !important;color:var(--text-primary) !important;font-size:1.25rem !important;cursor:pointer !important;flex-shrink:0 !important;padding:0 !important;line-height:1 !important;transition:all var(--transition-fast) !important;box-shadow:0 1px 3px rgba(0,0,0,0.08) !important}#themeToggleBtn:hover,.theme-toggle-btn:hover{background:var(--border-color) !important;transform:scale(1.06) !important}#langToggleBtn,.lang-select-btn,.lang-select-btn.icon-only-btn{display:inline-flex !important;visibility:visible !important;opacity:1 !important;width:40px !important;height:40px !important;min-width:40px !important;max-width:40px !important;align-items:center !important;justify-content:center !important;border-radius:50% !important;background:var(--bg-tertiary) !important;border:1px solid var(--border-color) !important;color:var(--text-primary) !important;font-size:1.15rem !important;cursor:pointer !important;flex-shrink:0 !important;padding:0 !important;line-height:1 !important}#mobileMenuToggle,button#mobileMenuToggle,.mobile-menu-toggle,.side-menu-toggle{display:inline-flex !important;visibility:visible !important;opacity:1 !important;width:40px !important;height:40px !important;min-width:40px !important;max-width:40px !important;align-items:center !important;justify-content:center !important;border-radius:var(--radius-md,8px) !important;background:var(--bg-tertiary) !important;border:1px solid var(--border-color) !important;color:var(--text-primary) !important;font-size:1.3rem !important;cursor:pointer !important;flex-shrink:0 !important;padding:0 !important;line-height:1 !important;touch-action:manipulation !important;-webkit-tap-highlight-color:transparent !important;user-select:none !important}#mobileMenuToggle:hover,#mobileMenuToggle:active,.side-menu-toggle:hover,.side-menu-toggle:active{background:var(--border-color) !important;transform:scale(1.05) !important}.page-scroll-progress-bar{position:fixed;top:0;left:0;width:0%;height:4px;background:linear-gradient(90deg,#0284c7,#06b6d4,#10b981);z-index:100001;transition:width 0.1s ease-out;box-shadow:0 0 10px rgba(6,182,212,0.8);pointer-events:none}.article-card,.wp-post-card,.ad-card,.guide-card,.beach-card,.pharmacy-card,.exchange-table-card{transition:transform 0.35s cubic-bezier(0.16,1,0.3,1),box-shadow 0.35s cubic-bezier(0.16,1,0.3,1),border-color 0.35s ease !important;will-change:transform,box-shadow}.article-card:hover,.wp-post-card:hover,.ad-card:hover,.guide-card:hover,.beach-card:hover,.pharmacy-card:hover{transform:translateY(-7px) scale(1.01) !important;box-shadow:0 16px 32px rgba(2,132,199,0.13),0 4px 12px rgba(0,0,0,0.08) !important;border-color:rgba(2,132,199,0.4) !important}.article-img-wrap{overflow:hidden !important;position:relative !important}.article-img-wrap img,.article-img{transition:transform 0.5s cubic-bezier(0.16,1,0.3,1) !important}.article-card:hover .article-img,.wp-post-card:hover .article-img,.ad-card:hover .article-img,.guide-card:hover .article-img{transform:scale(1.07) !important}@keyframes pulseGlow{0%{box-shadow:0 0 0 0 rgba(2,132,199,0.5)}70%{box-shadow:0 0 0 8px rgba(2,132,199,0)}100%{box-shadow:0 0 0 0 rgba(2,132,199,0)}}@keyframes pulseGreen{0%{box-shadow:0 0 0 0 rgba(16,185,129,0.6)}70%{box-shadow:0 0 0 8px rgba(16,185,129,0)}100%{box-shadow:0 0 0 0 rgba(16,185,129,0)}}@keyframes pulseRed{0%{box-shadow:0 0 0 0 rgba(239,68,68,0.6)}70%{box-shadow:0 0 0 8px rgba(239,68,68,0)}100%{box-shadow:0 0 0 0 rgba(239,68,68,0)}}.prayer-badge{animation:pulseGlow 2.5s infinite ease-in-out}.flag-green{animation:pulseGreen 2.5s infinite ease-in-out}.flag-red{animation:pulseRed 2.2s infinite ease-in-out}.btn-primary{position:relative;overflow:hidden}.btn-primary::after{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(60deg,transparent,rgba(255,255,255,0.28),transparent);transform:rotate(25deg) translateY(-100%);transition:transform 0.6s ease;pointer-events:none}.btn-primary:hover::after{transform:rotate(25deg) translateY(100%)}.section-icon{display:inline-block;transition:transform 0.4s cubic-bezier(0.34,1.56,0.64,1)}.section-header:hover .section-icon{transform:scale(1.25) rotate(8deg)}.reveal-on-scroll{opacity:0;transform:translateY(28px) scale(0.98);transition:opacity 0.65s cubic-bezier(0.16,1,0.3,1),transform 0.65s cubic-bezier(0.16,1,0.3,1) !important}.reveal-on-scroll.revealed{opacity:1 !important;transform:translateY(0) scale(1) !important}.floating-scroll-btn{transition:all 0.3s cubic-bezier(0.34,1.56,0.64,1) !important}.floating-scroll-btn:hover{transform:scale(1.12) !important;box-shadow:0 10px 25px rgba(2,132,199,0.4) !important}.article-filter-tabs{display:inline-flex;align-items:center;gap:0.35rem;background:var(--bg-tertiary);padding:3px;border-radius:var(--radius-md,8px);border:1px solid var(--border-color)}.filter-tab-btn{background:transparent;border:none;padding:0.35rem 0.75rem;font-size:0.82rem;font-weight:700;color:var(--text-secondary);border-radius:var(--radius-sm,6px);cursor:pointer;transition:all 0.25s ease;white-space:nowrap}.filter-tab-btn:hover{color:var(--brand-primary);background:rgba(2,132,199,0.08)}.filter-tab-btn.active{background:var(--brand-primary) !important;color:#ffffff !important;box-shadow:0 2px 6px rgba(2,132,199,0.35)}.articles-grid.switching{opacity:0.25;transform:scale(0.985);transition:opacity 0.25s ease,transform 0.25s ease}.category-hero-banner{transition:all 0.3s ease}.category-breadcrumbs a:hover{text-decoration:underline !important}.category-pagination-wrap .pagination,.pagination .nav-links{display:inline-flex;align-items:center;gap:0.5rem;justify-content:center;flex-wrap:wrap;padding:0;margin:0;list-style:none}.page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 0.85rem;border-radius:var(--radius-md,8px);background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);text-decoration:none;font-weight:700;font-size:0.95rem;transition:all var(--transition-fast,0.2s ease);box-shadow:0 1px 3px rgba(0,0,0,0.05)}.page-numbers:hover{background:var(--brand-primary);color:#ffffff !important;border-color:var(--brand-primary);transform:translateY(-2px);box-shadow:0 4px 12px rgba(2,132,199,0.25)}.page-numbers.current{background:var(--brand-primary) !important;color:#ffffff !important;border-color:var(--brand-primary) !important;box-shadow:0 4px 12px rgba(2,132,199,0.35);pointer-events:none}.page-numbers.dots{background:transparent;border:none;box-shadow:none}.category-archive-page .article-card{display:flex;flex-direction:column}.category-archive-page .article-body{flex:1;display:flex;flex-direction:column}.category-archive-page .article-body .article-snippet{flex:1}.entry-content{font-size:1.15rem;line-height:1.9;color:var(--text-secondary)}.entry-content p{margin-bottom:1.5rem}.entry-content h2,.entry-content h3,.entry-content h4{color:var(--text-primary);margin-top:2rem;margin-bottom:1rem;font-weight:800}.entry-content img{max-width:100%;height:auto;border-radius:var(--radius-md,8px);margin:1.5rem 0}.entry-content video,.entry-content audio{max-width:100%;width:100%;border-radius:var(--radius-md,8px);margin:1.5rem 0;box-shadow:var(--shadow-sm);background:#000}.entry-content .wp-block-video,.entry-content .wp-block-embed{margin:2rem 0;clear:both}.entry-content .wp-block-embed figcaption,.entry-content .wp-block-video figcaption{font-size:0.85rem;color:var(--text-muted);text-align:center;margin-top:0.5rem}.entry-content .wp-block-embed__wrapper{position:relative;width:100%}.entry-content .wp-has-aspect-ratio .wp-block-embed__wrapper,.entry-content .wp-embed-aspect-16-9 .wp-block-embed__wrapper,.entry-content .video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:var(--radius-md,8px);box-shadow:var(--shadow-sm);background:#000}.entry-content .wp-has-aspect-ratio iframe,.entry-content .wp-embed-aspect-16-9 iframe,.entry-content .video-container iframe,.entry-content iframe[src*="youtube.com"],.entry-content iframe[src*="youtu.be"],.entry-content iframe[src*="vimeo.com"]{border:0;border-radius:var(--radius-md,8px)}.entry-content .wp-has-aspect-ratio iframe,.entry-content .wp-embed-aspect-16-9 iframe,.entry-content .video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.video-section{position:relative}.video-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:1.5rem}@media (max-width:991px){.video-grid{grid-template-columns:1fr}}.video-featured-card{position:relative;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;transition:transform var(--transition-fast),box-shadow var(--transition-fast);cursor:pointer}.video-featured-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--brand-primary)}.video-thumb-container{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;overflow:hidden}.video-thumb-img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease}.video-featured-card:hover .video-thumb-img,.video-sub-card:hover .video-thumb-img{transform:scale(1.05)}.video-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:rgba(2,132,199,0.9);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.6rem;box-shadow:0 4px 20px rgba(0,0,0,0.4);transition:transform var(--transition-fast),background var(--transition-fast)}.video-featured-card:hover .video-play-btn,.video-sub-card:hover .video-play-btn{transform:translate(-50%,-50%) scale(1.15);background:#0284c7}.video-duration-badge{position:absolute;bottom:12px;left:12px;background:rgba(15,23,42,0.85);color:#fff;padding:3px 8px;font-size:0.75rem;font-weight:700;border-radius:4px;backdrop-filter:blur(4px)}.video-sub-list{display:flex;flex-direction:column;gap:1rem}.video-sub-card{display:flex;gap:1rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:0.75rem;box-shadow:var(--shadow-sm);transition:all var(--transition-fast);cursor:pointer}.video-sub-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--brand-primary)}.video-sub-thumb{position:relative;width:140px;height:88px;flex-shrink:0;border-radius:var(--radius-sm);overflow:hidden;background:#000}.video-sub-thumb .video-play-btn{width:36px;height:36px;font-size:0.9rem}.video-sub-info{display:flex;flex-direction:column;justify-content:center;gap:0.35rem}.video-modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(15,23,42,0.85);backdrop-filter:blur(6px);z-index:99999;align-items:center;justify-content:center;padding:1.5rem}.video-modal-overlay.active{display:flex !important}.video-modal-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:850px;box-shadow:0 20px 40px rgba(0,0,0,0.5);overflow:hidden;animation:modalScaleUp 0.25s ease-out}.woocommerce ul.products{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem;margin:2rem 0;padding:0;list-style:none}.woocommerce ul.products li.product{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg,12px);padding:1.25rem;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast);text-align:center}.woocommerce ul.products li.product:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--brand-primary)}.woocommerce ul.products li.product img{width:100%;height:200px;object-fit:cover;border-radius:var(--radius-md,8px);margin-bottom:1rem}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:1.05rem;font-weight:800;color:var(--text-primary);margin-bottom:0.5rem;line-height:1.4}.woocommerce ul.products li.product .price{font-size:1.25rem;font-weight:800;color:var(--brand-primary);margin-bottom:1rem;display:block}.woocommerce ul.products li.product .button,.woocommerce button.button.alt,.woocommerce a.button.alt{background:var(--brand-primary) !important;color:#fff !important;font-weight:700 !important;border-radius:var(--radius-md,8px) !important;padding:0.65rem 1.25rem !important;border:none !important;transition:all var(--transition-fast) !important;cursor:pointer;text-decoration:none;display:inline-block}.woocommerce ul.products li.product .button:hover,.woocommerce button.button.alt:hover,.woocommerce a.button.alt:hover{background:var(--brand-secondary,#0369a1) !important;transform:translateY(-2px);box-shadow:0 4px 12px rgba(2,132,199,0.3) !important}.woocommerce-cart table.cart,.woocommerce-checkout #order_review{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.woocommerce-billing-fields input,.woocommerce-billing-fields select{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-sm);padding:0.6rem}.woocommerce-checkout .col2-set .col-1,.woocommerce-checkout .col2-set .col-2{width:100% !important;float:none !important}.woocommerce form .form-row{margin-bottom:1.15rem !important}.woocommerce form .form-row label{font-weight:700 !important;color:var(--text-primary) !important;margin-bottom:0.4rem !important;display:block !important}.woocommerce form .form-row input.input-text,.woocommerce form .form-row select,.woocommerce form .form-row textarea{width:100% !important;padding:0.75rem 1rem !important;border:1px solid var(--border-color) !important;border-radius:var(--radius-md,8px) !important;background:var(--bg-primary) !important;color:var(--text-primary) !important;font-family:inherit !important;font-size:0.95rem !important}.woocommerce form .form-row input#billing_phone{direction:ltr !important;text-align:left !important;font-family:monospace,sans-serif !important;font-weight:700 !important}.rfa-pro-store-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(265px,1fr));gap:1.5rem;width:100%}.rfa-pro-product-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow-sm);transition:transform 0.25s ease,box-shadow 0.25s ease,border-color 0.25s ease;width:100%}.rfa-pro-product-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:var(--brand-primary)}.rfa-pro-product-img-wrap{position:relative;width:100%;height:225px;background:var(--bg-tertiary);overflow:hidden}.rfa-pro-product-img{width:100% !important;height:100% !important;object-fit:cover !important;border-radius:0 !important;margin:0 !important;transition:transform 0.4s ease}.rfa-pro-product-card:hover .rfa-pro-product-img{transform:scale(1.06)}.rfa-pro-cat-badge{position:absolute;top:12px;right:12px;z-index:2;font-size:0.75rem;padding:4px 10px;border-radius:999px;box-shadow:0 2px 8px rgba(0,0,0,0.25)}.rfa-pro-sale-badge{position:absolute;top:12px;left:12px;z-index:2;background:#ef4444;color:#ffffff;font-size:0.75rem;font-weight:800;padding:4px 10px;border-radius:999px;box-shadow:0 2px 8px rgba(239,68,68,0.35)}.rfa-pro-product-body{padding:1.25rem;display:flex;flex-direction:column;justify-content:space-between;flex:1;gap:1rem}.rfa-pro-product-title{font-size:1.08rem;font-weight:800;line-height:1.45;margin:0 0 0.4rem 0;color:var(--text-primary)}.rfa-pro-product-title a{color:inherit;text-decoration:none;transition:color 0.2s ease}.rfa-pro-product-title a:hover{color:var(--brand-primary)}.rfa-pro-product-desc{font-size:0.86rem;color:var(--text-secondary);line-height:1.55;margin:0}.rfa-pro-product-footer{border-top:1px solid var(--border-color);padding-top:0.95rem;margin-top:auto}.rfa-pro-price-box{margin-bottom:0.85rem;display:flex;align-items:baseline;gap:0.5rem}.rfa-price-current{font-size:1.35rem;font-weight:900;color:var(--brand-primary)}.rfa-price-old{font-size:0.88rem;color:var(--text-muted)}.rfa-pro-actions{display:flex;gap:0.5rem}.rfa-pro-btn-main{flex:1;text-align:center;text-decoration:none !important;font-weight:800 !important;border-radius:10px !important;padding:0.6rem 0.75rem !important}.rfa-pro-btn-quick{font-weight:700 !important;border-radius:10px !important;padding:0.6rem 0.75rem !important}.woocommerce ul.products,.woocommerce-page ul.products{display:grid !important;grid-template-columns:repeat(auto-fill,minmax(260px,1fr)) !important;gap:1.5rem !important;width:100% !important;margin:1.5rem 0 !important;padding:0 !important}.woocommerce ul.products::before,.woocommerce ul.products::after,.woocommerce-page ul.products::before,.woocommerce-page ul.products::after{display:none !important}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product,.woocommerce ul.products[class*="columns-"] li.product,.woocommerce-page ul.products[class*="columns-"] li.product{width:100% !important;max-width:100% !important;float:none !important;margin:0 !important;padding:1.25rem !important;background:var(--bg-card) !important;border:1px solid var(--border-color) !important;border-radius:16px !important;box-shadow:var(--shadow-sm) !important;display:flex !important;flex-direction:column !important;justify-content:space-between !important}.woocommerce .woocommerce-ordering select,.woocommerce-page .woocommerce-ordering select{background:var(--bg-tertiary) !important;color:var(--text-primary) !important;border:1px solid var(--border-color) !important;padding:0.55rem 1rem !important;border-radius:10px !important;font-weight:700 !important}.ad-banner-container,.ad-banner-slot,#celeb{display:none !important}.carousel-hero-lcp-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none}.hero-feature-content{position:relative;z-index:2}#services-hub,#shop,#contact,.shop-section,.footer{content-visibility:auto;contain-intrinsic-size:1px 450px}


/* ==========================================================================
   ON-THE-FLY MEDIA & ADAPTIVE VIDEO OPTIMIZER STYLES (v2.2.0)
   ========================================================================== */
.rfa-adaptive-picture {
  display: block;
  width: 100%;
}
.rfa-adaptive-picture img {
  width: 100%;
  height: auto;
  display: block;
}
.rfa-adaptive-video-container {
  position: relative;
  width: 100%;
  margin-bottom: 1.75rem;
}
.rfa-video-facade-box {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  background: #000;
  border-radius: 14px;
  overflow: hidden;
  cursor: pointer;
  box-shadow: 0 6px 20px rgba(0,0,0,0.2);
}
.rfa-video-facade-thumb {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.rfa-video-facade-box:hover .rfa-video-facade-thumb {
  transform: scale(1.03);
}
.rfa-video-facade-play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 68px;
  height: 68px;
  background: rgba(239, 68, 68, 0.95);
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.8rem;
  box-shadow: 0 4px 20px rgba(239, 68, 68, 0.5);
  transition: transform 0.2s ease, background 0.2s ease;
  z-index: 2;
}
.rfa-video-facade-box:hover .rfa-video-facade-play-btn {
  transform: translate(-50%, -50%) scale(1.1);
  background: #dc2626;
}
.rfa-data-saver-badge {
  position: absolute;
  top: 12px;
  right: 12px;
  background: rgba(15, 23, 42, 0.85);
  color: #38bdf8;
  padding: 4px 10px;
  border-radius: 6px;
  font-size: 0.78rem;
  font-weight: bold;
  backdrop-filter: blur(4px);
  z-index: 2;
}


/* ==========================================================================
   26. ULTRA-PROFESSIONAL HERO CAROUSEL & SINGLE ARTICLE RECOMMENDATIONS (v2.3.0)
   ========================================================================== */

/* Enhanced Hero Carousel with Guaranteed High-Contrast Vignette Overlay */
.carousel-slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.8s ease-in-out;
  background-size: cover;
  background-position: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 2.5rem;
  pointer-events: none;
  overflow: hidden;
}

.carousel-slide::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(0deg, rgba(11, 17, 32, 0.96) 0%, rgba(11, 17, 32, 0.72) 42%, rgba(11, 17, 32, 0.3) 78%, rgba(11, 17, 32, 0.15) 100%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

.carousel-slide.active {
  opacity: 1;
  pointer-events: auto;
}

.carousel-slide .hero-feature-content {
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.9rem !important;
  background: rgba(15, 23, 42, 0.65) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  padding: 2rem 2.25rem !important;
  border-radius: 20px !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5) !important;
  max-width: 820px !important;
}

.carousel-slide .hero-feature-title {
  font-size: 2.15rem !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  line-height: 1.35 !important;
  margin: 0 !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.7) !important;
  letter-spacing: -0.01em !important;
}

.carousel-slide .hero-feature-desc {
  color: #f1f5f9 !important;
  font-size: 1.05rem !important;
  line-height: 1.65 !important;
  margin: 0 !important;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) !important;
}

.carousel-slide .hero-feature-content .badge-secondary {
  background: rgba(16, 185, 129, 0.25) !important;
  color: #34d399 !important;
  border: 1px solid rgba(52, 211, 153, 0.4) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

.carousel-slide .hero-feature-content .badge-primary {
  background: rgba(2, 132, 199, 0.25) !important;
  color: #38bdf8 !important;
  border: 1px solid rgba(56, 189, 248, 0.4) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

.carousel-slide .hero-feature-content .badge-accent {
  background: rgba(245, 158, 11, 0.25) !important;
  color: #fbbf24 !important;
  border: 1px solid rgba(251, 191, 36, 0.4) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

/* ==========================================================================
   Single Article Reading Experience
   ========================================================================== */

/* Fixed Top Reading Progress Bar */
.rfa-reading-progress {
  position: fixed;
  top: 0;
  left: 0;
  width: 0%;
  height: 4px;
  background: linear-gradient(90deg, #0284c7, #2563eb, #e11d48);
  z-index: 99999;
  transition: width 0.1s ease-out;
  box-shadow: 0 0 10px rgba(2, 132, 199, 0.5);
}

/* Breadcrumbs */
.rfa-breadcrumbs {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  font-size: 0.88rem;
  color: var(--text-muted);
  margin-bottom: 1.5rem;
}

.rfa-breadcrumbs a {
  color: var(--text-secondary);
  text-decoration: none;
  transition: color 0.2s;
}

.rfa-breadcrumbs a:hover {
  color: var(--brand-primary);
}

.rfa-breadcrumb-sep {
  color: var(--border-color);
  font-size: 0.85rem;
}

.rfa-breadcrumb-current {
  color: var(--text-primary);
  font-weight: 600;
}

/* Single Article Container & Card */
.rfa-single-article {
  background: var(--bg-card);
  border: 1px solid var(--border-color);
  border-radius: 20px;
  padding: 2.5rem;
  box-shadow: var(--shadow-md);
  margin-bottom: 2rem;
}

.rfa-single-title {
  font-size: 2.25rem;
  line-height: 1.35;
  margin: 0.5rem 0 1.25rem;
  color: var(--text-primary);
  font-weight: 800;
  font-family: 'Almarai', 'Cairo', sans-serif !important;
  letter-spacing: -0.01em;
}

/* Meta Row */
.rfa-single-meta-row {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  flex-wrap: wrap;
  padding-bottom: 1.25rem;
  margin-bottom: 1.75rem;
  border-bottom: 1px solid var(--border-color);
  font-size: 0.9rem;
  color: var(--text-secondary);
}

.rfa-meta-item {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
}

.rfa-meta-verified {
  margin-right: auto;
  background: rgba(16, 185, 129, 0.12);
  color: #10b981;
  padding: 3px 10px;
  border-radius: 20px;
  font-size: 0.8rem;
  font-weight: 700;
  border: 1px solid rgba(16, 185, 129, 0.25);
}

/* Featured Media */




.rfa-video-badge-overlay {
  position: absolute;
  bottom: 12px;
  right: 12px;
  background: rgba(15, 23, 42, 0.85);
  color: #fff;
  padding: 5px 12px;
  border-radius: 8px;
  font-size: 0.82rem;
  font-weight: bold;
  backdrop-filter: blur(6px);
  border: 1px solid rgba(255, 255, 255, 0.15);
}

/* Article Body Typography */
.rfa-article-body {
  font-size: 1.18rem;
  line-height: 1.95;
  color: var(--text-secondary);
  margin-bottom: 2.5rem;
}

.rfa-article-body p {
  margin-bottom: 1.5rem;
}

.rfa-article-body h2,
.rfa-article-body h3 {
  color: var(--text-primary);
  font-weight: 800;
  margin: 2rem 0 1rem;
  padding-right: 0.75rem;
  border-right: 4px solid var(--brand-primary);
  line-height: 1.4;
}

.rfa-article-body blockquote {
  background: var(--bg-tertiary);
  border-right: 4px solid var(--brand-accent);
  padding: 1.25rem 1.5rem;
  border-radius: 12px;
  margin: 1.75rem 0;
  font-style: italic;
  color: var(--text-primary);
}

/* In-Content Smart Article Recommendation (Revamped v2.24.0) */
.rfa-in-content-recommendation {
  margin: 1.75rem 0 !important;
  padding: 0 !important;
  background: var(--bg-card, #ffffff) !important;
  border: 1px solid var(--border-color, #e2e8f0) !important;
  border-right: 4px solid var(--brand-primary, #0284c7) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease !important;
}

[data-theme="dark"] .rfa-in-content-recommendation {
  background: #1e293b !important;
  border-color: #334155 !important;
  border-right-color: #0284c7 !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25) !important;
}

.rfa-in-content-recommendation:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(2, 132, 199, 0.12) !important;
  border-color: rgba(2, 132, 199, 0.4) !important;
}

.rfa-rec-link {
  display: flex !important;
  align-items: center !important;
  gap: 1rem !important;
  padding: 0.85rem 1.15rem !important;
  text-decoration: none !important;
  color: inherit !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.rfa-rec-thumb-box {
  width: 88px !important;
  min-width: 88px !important;
  max-width: 88px !important;
  height: 68px !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
  background: #0f172a !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15) !important;
}

.rfa-rec-thumb {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform 0.3s ease !important;
}

.rfa-rec-link:hover .rfa-rec-thumb {
  transform: scale(1.06) !important;
}

.rfa-rec-info {
  flex: 1 !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.3rem !important;
}

.rfa-rec-header {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  margin: 0 !important;
}

.rfa-rec-badge {
  background: rgba(2, 132, 199, 0.12) !important;
  color: var(--brand-primary, #0284c7) !important;
  font-size: 0.75rem !important;
  font-weight: 800 !important;
  padding: 2px 8px !important;
  border-radius: 6px !important;
  border: 1px solid rgba(2, 132, 199, 0.25) !important;
  white-space: nowrap !important;
}

[data-theme="dark"] .rfa-rec-badge {
  background: rgba(56, 189, 248, 0.15) !important;
  color: #38bdf8 !important;
  border-color: rgba(56, 189, 248, 0.3) !important;
}

.rfa-rec-subtitle {
  font-size: 0.74rem !important;
  color: var(--text-muted, #94a3b8) !important;
  white-space: nowrap !important;
}

.rfa-rec-title {
  font-size: 0.98rem !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  color: var(--text-primary, #0f172a) !important;
  margin: 0 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  transition: color 0.2s ease !important;
}

[data-theme="dark"] .rfa-rec-title {
  color: #f8fafc !important;
}

.rfa-rec-link:hover .rfa-rec-title {
  color: var(--brand-primary, #0284c7) !important;
}

.rfa-rec-meta {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  font-size: 0.78rem !important;
  color: var(--text-muted, #64748b) !important;
  margin-top: 2px !important;
}

.rfa-rec-cta {
  color: var(--brand-primary, #0284c7) !important;
  font-weight: 700 !important;
  transition: transform 0.2s ease !important;
}

[data-theme="dark"] .rfa-rec-cta {
  color: #38bdf8 !important;
}

.rfa-rec-link:hover .rfa-rec-cta {
  transform: translateX(-4px) !important;
}

@media (max-width: 540px) {
  .rfa-rec-link {
    padding: 0.75rem 0.9rem !important;
    gap: 0.75rem !important;
  }
  .rfa-rec-thumb-box {
    width: 76px !important;
    min-width: 76px !important;
    max-width: 76px !important;
    height: 60px !important;
  }
  .rfa-rec-title {
    font-size: 0.9rem !important;
  }
  .rfa-rec-subtitle {
    display: none !important;
  }
}


/* Footer Bar: Tags & Share */
.rfa-article-footer-bar {
  border-top: 1px solid var(--border-color);
  padding-top: 1.5rem;
  margin-top: 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
}

.rfa-share-buttons {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

/* Previous & Next Post Navigation */
.rfa-post-navigation {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.25rem;
  margin: 2rem 0;
}

.rfa-nav-card {
  padding: 1.25rem 1.5rem;
  background: var(--bg-tertiary);
  border: 1px solid var(--border-color);
  border-radius: 14px;
  text-decoration: none;
  transition: all 0.25s ease;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

.rfa-nav-card:hover {
  background: var(--bg-card);
  border-color: var(--brand-primary);
  transform: translateY(-3px);
  box-shadow: var(--shadow-md);
}

.rfa-nav-direction {
  font-size: 0.8rem;
  font-weight: 800;
  color: var(--brand-primary);
}

.rfa-nav-card-title {
  font-size: 0.98rem;
  font-weight: 700;
  color: var(--text-primary);
  line-height: 1.45;
}

.rfa-nav-empty {
  visibility: hidden;
}

/* Editorial Signature Desk */
.rfa-editorial-box {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  padding: 1.5rem;
  background: var(--bg-tertiary);
  border: 1px solid var(--border-color);
  border-radius: 16px;
  margin-top: 2rem;
}

.rfa-editorial-avatar {
  font-size: 2.2rem;
  flex-shrink: 0;
}

.rfa-editorial-content h4 {
  margin: 0 0 0.35rem;
  font-size: 1.05rem;
  color: var(--text-primary);
  font-weight: 800;
}

.rfa-editorial-content p {
  margin: 0;
  font-size: 0.9rem;
  color: var(--text-secondary);
  line-height: 1.6;
}

/* Full Related Articles Section */
.rfa-related-section {
  margin-top: 3.5rem;
  padding-top: 2.5rem;
  border-top: 2px dashed var(--border-color);
}

.rfa-related-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.75rem;
  flex-wrap: wrap;
  gap: 1rem;
}

.rfa-related-title-wrap {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}

.rfa-related-icon {
  font-size: 1.6rem;
}

.rfa-related-title {
  font-size: 1.5rem;
  font-weight: 800;
  color: var(--text-primary);
  margin: 0;
  font-family: 'Almarai', 'Cairo', sans-serif !important;
}

.rfa-related-cat-link {
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--brand-primary);
  text-decoration: none;
  transition: transform 0.2s;
}

.rfa-related-cat-link:hover {
  transform: translateX(-4px);
}

.rfa-related-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
  gap: 1.5rem;
}

.rfa-related-card {
  background: var(--bg-card);
  border: 1px solid var(--border-color);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
  display: flex;
  flex-direction: column;
}

.rfa-related-card:hover {
  transform: translateY(-6px);
  box-shadow: var(--shadow-lg);
  border-color: var(--brand-primary);
}

.rfa-related-card-img-wrap {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  overflow: hidden;
  display: block;
  background: #0f172a;
}

.rfa-related-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.rfa-related-card:hover .rfa-related-img {
  transform: scale(1.08);
}

.rfa-related-card-badge {
  position: absolute;
  top: 10px;
  right: 10px;
  background: rgba(15, 23, 42, 0.85);
  backdrop-filter: blur(6px);
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  padding: 3px 10px;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  z-index: 2;
}

.rfa-related-card-body {
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 0.6rem;
}

.rfa-related-card-meta {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 0.8rem;
  color: var(--text-muted);
}

.rfa-related-card-title {
  font-size: 1.08rem;
  font-weight: 800;
  line-height: 1.45;
  margin: 0;
}

.rfa-related-card-title a {
  color: var(--text-primary);
  text-decoration: none;
  transition: color 0.2s;
}

.rfa-related-card:hover .rfa-related-card-title a {
  color: var(--brand-primary);
}

.rfa-related-card-excerpt {
  font-size: 0.88rem;
  color: var(--text-secondary);
  line-height: 1.6;
  margin: 0;
  flex-grow: 1;
}

.rfa-related-card-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.85rem;
  font-weight: 800;
  color: var(--brand-primary);
  text-decoration: none;
  margin-top: 0.5rem;
  transition: transform 0.2s;
}

.rfa-related-card:hover .rfa-related-card-btn {
  transform: translateX(-4px);
}

@media (max-width: 768px) {
  .rfa-single-article {
    padding: 1.5rem 1.25rem;
  }
  .rfa-single-title {
    font-size: 1.75rem;
  }
  .rfa-post-navigation {
    grid-template-columns: 1fr;
  }
  .carousel-slide .hero-feature-content {
    padding: 1.5rem !important;
  }
  .carousel-slide .hero-feature-title {
    font-size: 1.55rem !important;
  }
}


/* ==========================================================================
   27. MODERN HEADER & TAILWIND GLASSMORPHISM ENHANCEMENTS (v2.4.0)
   ========================================================================== */
.glass-header {
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
}

@keyframes subtle-pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.6; transform: scale(1.15); }
}

.animate-live-dot {
  animation: subtle-pulse 1.8s infinite cubic-bezier(0.4, 0, 0.6, 1);
}

#drawer-panel {
  will-change: transform;
}

/* Ensure body doesn't get obscured by fixed bottom nav on mobile */
@media (max-width: 1023px) {
  body {
    padding-bottom: 60px !important;
  }
}


/* Tailwind Pre-compiled Production CSS - Zero Runtime JS */
.space-y-1>:not([hidden]) ~:not([hidden]){margin-top:0.25rem;}.no-scrollbar::-webkit-scrollbar{display:none;}.\-bottom-1{bottom:-0.25rem;}.\-mt-4{margin-top:-1rem;}.\-right-0\.5{right:-0.125rem;}.\-right-1{right:-0.25rem;}.\-top-0\.5{top:-0.125rem;}.absolute{position:absolute;}.backdrop-blur-md{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);}.backdrop-blur-sm{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);}.bg-amber-100{background-color:#fef3c7;}.bg-amber-600{background-color:#d97706;}.bg-blue-50{background-color:#eff6ff;}.bg-center{background-position:center;}.bg-cover{background-size:cover;}.bg-cyan-600{background-color:#0891b2;}.bg-emerald-100{background-color:#d1fae5;}.bg-emerald-400{background-color:#34d399;}.bg-emerald-50{background-color:#ecfdf5;}.bg-emerald-50\/70{background-color:rgba(236,253,245,0.7);}.bg-emerald-500{background-color:#10b981;}.bg-emerald-600{background-color:#059669;}.bg-emerald-950\/40{background-color:rgba(2,44,34,0.4);}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops));}.bg-gradient-to-tr{background-image:linear-gradient(to top right,var(--tw-gradient-stops));}.bg-indigo-100{background-color:#e0e7ff;}.bg-rose-100{background-color:#ffe4e6;}.bg-rose-500{background-color:#f43f5e;}.bg-rose-600{background-color:#e11d48;}.bg-sky-100{background-color:#e0f2fe;}.bg-sky-50{background-color:#f0f9ff;}.bg-sky-500{background-color:#0ea5e9;}.bg-sky-600{background-color:#0284c7;}.bg-sky-950\/40{background-color:rgba(8,47,73,0.4);}.bg-slate-100{background-color:#f1f5f9;}.bg-slate-100\/70{background-color:rgba(241,245,249,0.7);}.bg-slate-200{background-color:#e2e8f0;}.bg-slate-50{background-color:#f8fafc;}.bg-slate-800{background-color:#1e293b;}.bg-slate-800\/80{background-color:rgba(30,41,59,0.8);}.bg-slate-900{background-color:#0f172a;}.bg-slate-950\/60{background-color:rgba(2,6,23,0.6);}.bg-teal-100{background-color:#ccfbf1;}.bg-teal-50{background-color:#f0fdfa;}.bg-teal-500{background-color:#14b8a6;}.bg-white{background-color:#ffffff;}.bg-white\/20{background-color:rgba(255,255,255,0.2);}.bg-white\/95{background-color:rgba(255,255,255,0.95);}.block{display:block;}.border{border-width:1px;border-style:solid;}.border-2{border-width:2px;border-style:solid;}.border-b{border-bottom-width:1px;border-bottom-style:solid;}.border-emerald-100{border-color:#d1fae5;}.border-emerald-200{border-color:#a7f3d0;}.border-emerald-300{border-color:#6ee7b7;}.border-emerald-500\/25{border-color:rgba(16,185,129,0.25);}.border-none{border-style:none;}.border-sky-100{border-color:#e0f2fe;}.border-sky-200{border-color:#bae6fd;}.border-sky-300{border-color:#7dd3fc;}.border-sky-500\/25{border-color:rgba(14,165,233,0.25);}.border-slate-100{border-color:#f1f5f9;}.border-slate-200{border-color:#e2e8f0;}.border-slate-200\/80{border-color:rgba(226,232,240,0.8);}.border-slate-700{border-color:#334155;}.border-slate-700\/60{border-color:rgba(51,65,85,0.6);}.border-slate-800{border-color:#1e293b;}.border-t{border-top-width:1px;border-top-style:solid;}.border-transparent{border-color:transparent;}.border-white{border-color:#ffffff;}.bottom-0{bottom:0px;}.bottom-1{bottom:0.25rem;}.cursor-pointer{cursor:pointer;}.duration-150{transition-duration:150ms;}.duration-200{transition-duration:200ms;}.duration-300{transition-duration:300ms;}.ease-out{transition-timing-function:cubic-bezier(0,0,0.2,1);}.fill-current{fill:currentColor;}.fixed{position:fixed;}.flex{display:flex;}.flex-1{flex:1 1 0%;}.flex-col{flex-direction:column;}.flex-grow{flex-grow:1;}.flex-wrap{flex-wrap:wrap;}.font-black{font-weight:900;}.font-bold{font-weight:700;}.font-extrabold{font-weight:800;}.font-medium{font-weight:500;}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;}.font-semibold{font-weight:600;}.from-amber-400{--tw-gradient-from:#fbbf24;--tw-gradient-to:rgba(255,255,255,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);}.from-cyan-500{--tw-gradient-from:#06b6d4;--tw-gradient-to:rgba(255,255,255,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);}.from-emerald-500{--tw-gradient-from:#10b981;--tw-gradient-to:rgba(255,255,255,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);}.from-rose-500{--tw-gradient-from:#f43f5e;--tw-gradient-to:rgba(255,255,255,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);}.from-sky-400{--tw-gradient-from:#38bdf8;--tw-gradient-to:rgba(255,255,255,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);}.from-sky-500{--tw-gradient-from:#0ea5e9;--tw-gradient-to:rgba(255,255,255,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);}.from-sky-600{--tw-gradient-from:#0284c7;--tw-gradient-to:rgba(255,255,255,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);}.gap-0\.5{gap:0.125rem;}.gap-1{gap:0.25rem;}.gap-1\.5{gap:0.375rem;}.gap-2{gap:0.5rem;}.gap-2\.5{gap:0.625rem;}.gap-3{gap:0.75rem;}.gap-4{gap:1rem;}.gap-5{gap:1.25rem;}.gap-6{gap:1.5rem;}.gap-x-5{column-gap:1.25rem;}.gap-y-2{row-gap:0.5rem;}.grid{display:grid;}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr));}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr));}.h-1\.5{height:0.375rem;}.h-10{height:2.5rem;}.h-11{height:2.75rem;}.h-16{height:4rem;}.h-18{height:4.5rem;}.h-2{height:0.5rem;}.h-28{height:7rem;}.h-3{height:0.75rem;}.h-3\.5{height:0.875rem;}.h-4{height:1rem;}.h-44{height:11rem;}.h-5{height:1.25rem;}.h-6{height:1.5rem;}.h-8{height:2rem;}.h-9{height:2.25rem;}.h-full{height:100%;}.hidden{display:none;}.inline-flex{display:inline-flex;}.inset-0{top:0px;right:0px;bottom:0px;left:0px;}.invisible{visibility:hidden;}.items-center{align-items:center;}.items-start{align-items:flex-start;}.justify-between{justify-content:space-between;}.justify-center{justify-content:center;}.leading-none{line-height:1;}.leading-relaxed{line-height:1.625;}.leading-snug{line-height:1.375;}.leading-tight{line-height:1.25;}.left-0{left:0px;}.left-2\.5{left:0.625rem;}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}.max-w-7xl{max-width:80rem;}.max-w-\[85vw\]{max-width:85vw;}.max-w-full{max-width:100%;}.max-w-xl{max-width:36rem;}.mb-0\.5{margin-bottom:0.125rem;}.mb-1{margin-bottom:0.25rem;}.mb-1\.5{margin-bottom:0.375rem;}.mb-10{margin-bottom:2.5rem;}.mb-2{margin-bottom:0.5rem;}.mb-20{margin-bottom:5rem;}.mb-3{margin-bottom:0.75rem;}.mb-6{margin-bottom:1.5rem;}.mb-8{margin-bottom:2rem;}.min-h-\[460px\]{min-height:460px;}.min-h-screen{min-height:100vh;}.mt-0\.5{margin-top:0.125rem;}.mt-1{margin-top:0.25rem;}.mt-12{margin-top:3rem;}.mt-2{margin-top:0.5rem;}.mt-3{margin-top:0.75rem;}.mt-5{margin-top:1.25rem;}.mx-4{margin-left:1rem;margin-right:1rem;}.mx-auto{margin-left:auto;margin-right:auto;}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none;}.opacity-0{opacity:0.0;}.outline-none{outline:2px solid transparent;outline-offset:2px;}.overflow-hidden{overflow:hidden;}.overflow-x-auto{overflow-x:auto;}.overflow-y-auto{overflow-y:auto;}.p-0\.5{padding:0.125rem;}.p-1{padding:0.25rem;}.p-1\.5{padding:0.375rem;}.p-2{padding:0.5rem;}.p-2\.5{padding:0.625rem;}.p-3{padding:0.75rem;}.p-4{padding:1rem;}.p-5{padding:1.25rem;}.pb-2{padding-bottom:0.5rem;}.pb-3{padding-bottom:0.75rem;}.pb-4{padding-bottom:1rem;}.pb-8{padding-bottom:2rem;}.pl-10{padding-left:2.5rem;}.pl-8{padding-left:2rem;}.pl-9{padding-left:2.25rem;}.pr-2\.5{padding-right:0.625rem;}.pr-28{padding-right:7rem;}.pr-4{padding-right:1rem;}.pt-1{padding-top:0.25rem;}.pt-2\.5{padding-top:0.625rem;}.pt-4{padding-top:1rem;}.pt-6{padding-top:1.5rem;}.px-1{padding-left:0.25rem;padding-right:0.25rem;}.px-1\.5{padding-left:0.375rem;padding-right:0.375rem;}.px-2{padding-left:0.5rem;padding-right:0.5rem;}.px-2\.5{padding-left:0.625rem;padding-right:0.625rem;}.px-3{padding-left:0.75rem;padding-right:0.75rem;}.px-3\.5{padding-left:0.875rem;padding-right:0.875rem;}.px-4{padding-left:1rem;padding-right:1rem;}.px-5{padding-left:1.25rem;padding-right:1.25rem;}.px-6{padding-left:1.5rem;padding-right:1.5rem;}.py-0\.2{padding-top:0.05rem;padding-bottom:0.05rem;}.py-0\.5{padding-top:0.125rem;padding-bottom:0.125rem;}.py-1\.5{padding-top:0.375rem;padding-bottom:0.375rem;}.py-10{padding-top:2.5rem;padding-bottom:2.5rem;}.py-2{padding-top:0.5rem;padding-bottom:0.5rem;}.py-2\.5{padding-top:0.625rem;padding-bottom:0.625rem;}.py-3{padding-top:0.75rem;padding-bottom:0.75rem;}.py-6{padding-top:1.5rem;padding-bottom:1.5rem;}.relative{position:relative;}.right-0{right:0px;}.right-1{right:0.25rem;}.right-1\.5{right:0.375rem;}.rounded{border-radius:0.25rem;}.rounded-2xl{border-radius:1rem;}.rounded-3xl{border-radius:1.5rem;}.rounded-b-lg{border-bottom-left-radius:0.5rem;border-bottom-right-radius:0.5rem;}.rounded-full{border-radius:9999px;}.rounded-lg{border-radius:0.5rem;}.rounded-md{border-radius:0.375rem;}.rounded-t-lg{border-top-left-radius:0.5rem;border-top-right-radius:0.5rem;}.rounded-xl{border-radius:0.75rem;}.select-none{user-select:none;-webkit-user-select:none;}.shadow-2xl{box-shadow:0 25px 50px -12px rgba(0,0,0,0.25);}.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -4px rgba(0,0,0,0.1);}.shadow-md{box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -2px rgba(0,0,0,0.1);}.shadow-sky-500\/20{box-shadow:0 10px 15px -3px rgba(2,132,199,0.25);}.shadow-sky-600\/20{box-shadow:0 10px 15px -3px rgba(2,132,199,0.25);}.shadow-sky-600\/30{box-shadow:0 10px 15px -3px rgba(2,132,199,0.25);}.shadow-sky-600\/40{box-shadow:0 10px 15px -3px rgba(2,132,199,0.25);}.shadow-sm{box-shadow:0 1px 2px 0 rgba(0,0,0,0.05);}.shadow-xl{box-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 8px 10px -6px rgba(0,0,0,0.1);}.shrink-0{flex-shrink:0;}.sticky{position:sticky;}.text-2xl{font-size:1.5rem;line-height:2rem;}.text-3xl{font-size:1.875rem;line-height:2.25rem;}.text-\[10px\]{font-size:10px;line-height:14px;}.text-\[11px\]{font-size:11px;line-height:15px;}.text-\[9px\]{font-size:9px;line-height:12px;}.text-amber-400{color:#fbbf24;}.text-amber-600{color:#d97706;}.text-amber-700{color:#b45309;}.text-base{font-size:1rem;line-height:1.5rem;}.text-blue-600{color:#2563eb;}.text-center{text-align:center;}.text-emerald-300{color:#6ee7b7;}.text-emerald-500{color:#10b981;}.text-emerald-600{color:#059669;}.text-emerald-700{color:#047857;}.text-emerald-800{color:#065f46;}.text-indigo-700{color:#4338ca;}.text-lg{font-size:1.125rem;line-height:1.75rem;}.text-rose-400{color:#fb7185;}.text-rose-600{color:#e11d48;}.text-sky-300{color:#7dd3fc;}.text-sky-400{color:#38bdf8;}.text-sky-500{color:#0ea5e9;}.text-sky-600{color:#0284c7;}.text-sky-700{color:#0369a1;}.text-slate-200{color:#e2e8f0;}.text-slate-300{color:#cbd5e1;}.text-slate-400{color:#94a3b8;}.text-slate-500{color:#64748b;}.text-slate-600{color:#475569;}.text-slate-700{color:#334155;}.text-slate-800{color:#1e293b;}.text-slate-900{color:#0f172a;}.text-sm{font-size:0.875rem;line-height:1.25rem;}.text-teal-600{color:#0d9488;}.text-teal-700{color:#0f766e;}.text-white{color:#ffffff;}.text-xl{font-size:1.25rem;line-height:1.75rem;}.text-xs{font-size:0.75rem;line-height:1rem;}.to-amber-500{--tw-gradient-to:#f59e0b;}.to-blue-600{--tw-gradient-to:#2563eb;}.to-blue-700{--tw-gradient-to:#1d4ed8;}.to-indigo-600{--tw-gradient-to:#4f46e5;}.to-purple-600{--tw-gradient-to:#9333ea;}.to-sky-500{--tw-gradient-to:#0ea5e9;}.to-teal-500{--tw-gradient-to:#14b8a6;}.to-teal-600{--tw-gradient-to:#0d9488;}.top-0{top:0px;}.top-1{top:0.25rem;}.top-1\.5{top:0.375rem;}.top-2\.5{top:0.625rem;}.top-\[60px\]{top:60px;}.tracking-tight{letter-spacing:-0.025em;}.tracking-tighter{letter-spacing:-0.05em;}.transform{transform:translate(var(--tw-translate-x,0),var(--tw-translate-y,0)) rotate(var(--tw-rotate,0)) skewX(var(--tw-skew-x,0)) skewY(var(--tw-skew-y,0)) scaleX(var(--tw-scale-x,1)) scaleY(var(--tw-scale-y,1));}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms;}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms;}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms;}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms;}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms;}.translate-x-full{transform:translateX(100%);}.via-blue-600{--tw-gradient-stops:var(--tw-gradient-from),#2563eb,var(--tw-gradient-to);}.via-orange-500{--tw-gradient-stops:var(--tw-gradient-from),#f97316,var(--tw-gradient-to);}.via-pink-600{--tw-gradient-stops:var(--tw-gradient-from),#db2777,var(--tw-gradient-to);}.via-red-500{--tw-gradient-stops:var(--tw-gradient-from),#ef4444,var(--tw-gradient-to);}.via-sky-500{--tw-gradient-stops:var(--tw-gradient-from),#0ea5e9,var(--tw-gradient-to);}.via-sky-600{--tw-gradient-stops:var(--tw-gradient-from),#0284c7,var(--tw-gradient-to);}.via-teal-500{--tw-gradient-stops:var(--tw-gradient-from),#14b8a6,var(--tw-gradient-to);}.w-1\.5{width:0.375rem;}.w-10{width:2.5rem;}.w-11{width:2.75rem;}.w-16{width:4rem;}.w-2{width:0.5rem;}.w-28{width:7rem;}.w-3{width:0.75rem;}.w-3\.5{width:0.875rem;}.w-4{width:1rem;}.w-5{width:1.25rem;}.w-6{width:1.5rem;}.w-8{width:2rem;}.w-80{width:20rem;}.w-full{width:100%;}.whitespace-nowrap{white-space:nowrap;}.z-30{z-index:30;}.z-40{z-index:40;}.z-50{z-index:50;}.hover\:-translate-y-0\.5:hover{transform:translateY(-0.125rem);}.hover\:bg-amber-500:hover{background-color:#f59e0b;}.hover\:bg-blue-600:hover{background-color:#2563eb;}.hover\:bg-emerald-50\/50:hover{background-color:rgba(236,253,245,0.5);}.hover\:bg-emerald-500:hover{background-color:#10b981;}.hover\:bg-pink-600:hover{background-color:#db2777;}.hover\:bg-rose-50:hover{background-color:#fff1f2;}.hover\:bg-sky-100:hover{background-color:#e0f2fe;}.hover\:bg-sky-50:hover{background-color:#f0f9ff;}.hover\:bg-sky-500:hover{background-color:#0ea5e9;}.hover\:bg-sky-600:hover{background-color:#0284c7;}.hover\:bg-sky-700:hover{background-color:#0369a1;}.hover\:bg-slate-100:hover{background-color:#f1f5f9;}.hover\:bg-slate-200:hover{background-color:#e2e8f0;}.hover\:bg-slate-50:hover{background-color:#f8fafc;}.hover\:bg-slate-700\/60:hover{background-color:rgba(51,65,85,0.6);}.hover\:bg-slate-800:hover{background-color:#1e293b;}.hover\:bg-white\/30:hover{background-color:rgba(255,255,255,0.3);}.hover\:from-sky-700:hover{--tw-gradient-from:#0369a1;--tw-gradient-to:rgba(255,255,255,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);}.hover\:shadow:hover{box-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px -1px rgba(0,0,0,0.1);}.hover\:shadow-lg:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -4px rgba(0,0,0,0.1);}.hover\:shadow-md:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -2px rgba(0,0,0,0.1);}.hover\:shadow-sky-600\/30:hover{box-shadow:0 10px 15px -3px rgba(2,132,199,0.25);}.hover\:text-amber-300:hover{color:#fcd34d;}.hover\:text-emerald-400:hover{color:#34d399;}.hover\:text-emerald-600:hover{color:#059669;}.hover\:text-rose-300:hover{color:#fda4af;}.hover\:text-sky-400:hover{color:#38bdf8;}.hover\:text-sky-600:hover{color:#0284c7;}.hover\:text-slate-900:hover{color:#0f172a;}.hover\:text-white:hover{color:#ffffff;}.hover\:to-teal-700:hover{--tw-gradient-to:#0f766e;}.hover\:underline:hover{text-decoration-line:underline;}.group:hover .group-hover\:opacity-100{opacity:1.0;}.group:hover .group-hover\:scale-105{transform:scale(1.05);}.group:hover .group-hover\:text-amber-600{color:#d97706;}.group:hover .group-hover\:text-cyan-600{color:#0891b2;}.group:hover .group-hover\:text-emerald-600{color:#059669;}.group:hover .group-hover\:text-rose-600{color:#e11d48;}.group:hover .group-hover\:text-sky-500{color:#0ea5e9;}.group:hover .group-hover\:text-sky-600{color:#0284c7;}.group:hover .group-hover\:underline{text-decoration-line:underline;}.group:hover .group-hover\:visible{visibility:visible;}.active\:translate-y-0:active{transform:translateY(0);}.focus\:bg-white:focus{background-color:#ffffff;}.focus\:border-sky-500:focus{border-color:#0ea5e9;}.focus\:ring-2:focus{box-shadow:0 0 0 2px var(--tw-ring-color,rgba(14,165,233,0.4));}.focus\:ring-4:focus{box-shadow:0 0 0 4px var(--tw-ring-color,rgba(14,165,233,0.4));}.focus\:ring-sky-500\/10:focus{--tw-ring-color:rgba(14,165,233,0.1);}.dark .dark\:bg-amber-950,[data-theme="dark"] .dark\:bg-amber-950{background-color:#451a03;}.dark .dark\:bg-blue-950,[data-theme="dark"] .dark\:bg-blue-950{background-color:#172554;}.dark .dark\:bg-emerald-950,[data-theme="dark"] .dark\:bg-emerald-950{background-color:#022c22;}.dark .dark\:bg-emerald-950\/30,[data-theme="dark"] .dark\:bg-emerald-950\/30{background-color:rgba(2,44,34,0.3);}.dark .dark\:bg-emerald-950\/40,[data-theme="dark"] .dark\:bg-emerald-950\/40{background-color:rgba(2,44,34,0.4);}.dark .dark\:bg-emerald-950\/80,[data-theme="dark"] .dark\:bg-emerald-950\/80{background-color:rgba(2,44,34,0.8);}.dark .dark\:bg-indigo-950,[data-theme="dark"] .dark\:bg-indigo-950{background-color:#1e1b4b;}.dark .dark\:bg-rose-950,[data-theme="dark"] .dark\:bg-rose-950{background-color:#4c0519;}.dark .dark\:bg-sky-950,[data-theme="dark"] .dark\:bg-sky-950{background-color:#082f49;}.dark .dark\:bg-sky-950\/50,[data-theme="dark"] .dark\:bg-sky-950\/50{background-color:rgba(8,47,73,0.5);}.dark .dark\:bg-sky-950\/60,[data-theme="dark"] .dark\:bg-sky-950\/60{background-color:rgba(8,47,73,0.6);}.dark .dark\:bg-sky-950\/80,[data-theme="dark"] .dark\:bg-sky-950\/80{background-color:rgba(8,47,73,0.8);}.dark .dark\:bg-slate-700,[data-theme="dark"] .dark\:bg-slate-700{background-color:#334155;}.dark .dark\:bg-slate-800,[data-theme="dark"] .dark\:bg-slate-800{background-color:#1e293b;}.dark .dark\:bg-slate-800\/60,[data-theme="dark"] .dark\:bg-slate-800\/60{background-color:rgba(30,41,59,0.6);}.dark .dark\:bg-slate-800\/80,[data-theme="dark"] .dark\:bg-slate-800\/80{background-color:rgba(30,41,59,0.8);}.dark .dark\:bg-slate-900,[data-theme="dark"] .dark\:bg-slate-900{background-color:#0f172a;}.dark .dark\:bg-slate-900\/95,[data-theme="dark"] .dark\:bg-slate-900\/95{background-color:rgba(15,23,42,0.95);}.dark .dark\:bg-slate-950,[data-theme="dark"] .dark\:bg-slate-950{background-color:#020617;}.dark .dark\:bg-teal-950,[data-theme="dark"] .dark\:bg-teal-950{background-color:#042f2e;}.dark .dark\:border-emerald-800,[data-theme="dark"] .dark\:border-emerald-800{border-color:#065f46;}.dark .dark\:border-emerald-800\/60,[data-theme="dark"] .dark\:border-emerald-800\/60{border-color:rgba(6,95,70,0.6);}.dark .dark\:border-emerald-900\/40,[data-theme="dark"] .dark\:border-emerald-900\/40{border-color:rgba(6,78,59,0.4);}.dark .dark\:border-sky-800,[data-theme="dark"] .dark\:border-sky-800{border-color:#075985;}.dark .dark\:border-sky-900\/40,[data-theme="dark"] .dark\:border-sky-900\/40{border-color:rgba(12,74,110,0.4);}.dark .dark\:border-slate-700,[data-theme="dark"] .dark\:border-slate-700{border-color:#334155;}.dark .dark\:border-slate-800,[data-theme="dark"] .dark\:border-slate-800{border-color:#1e293b;}.dark .dark\:border-slate-800\/80,[data-theme="dark"] .dark\:border-slate-800\/80{border-color:rgba(30,41,59,0.8);}.dark .dark\:border-slate-900,[data-theme="dark"] .dark\:border-slate-900{border-color:#0f172a;}.dark .dark\:focus\:bg-slate-900:focus,[data-theme="dark"] .dark\:focus\:bg-slate-900:focus{background-color:#0f172a;}.dark .group:hover .dark\:group-hover\:text-amber-400,[data-theme="dark"] .group:hover .dark\:group-hover\:text-amber-400{color:#fbbf24;}.dark .group:hover .dark\:group-hover\:text-cyan-400,[data-theme="dark"] .group:hover .dark\:group-hover\:text-cyan-400{color:#22d3ee;}.dark .group:hover .dark\:group-hover\:text-emerald-400,[data-theme="dark"] .group:hover .dark\:group-hover\:text-emerald-400{color:#34d399;}.dark .group:hover .dark\:group-hover\:text-rose-400,[data-theme="dark"] .group:hover .dark\:group-hover\:text-rose-400{color:#fb7185;}.dark .group:hover .dark\:group-hover\:text-sky-400,[data-theme="dark"] .group:hover .dark\:group-hover\:text-sky-400{color:#38bdf8;}.dark .dark\:hover\:bg-emerald-950\/30:hover,[data-theme="dark"] .dark\:hover\:bg-emerald-950\/30:hover{background-color:rgba(2,44,34,0.3);}.dark .dark\:hover\:bg-rose-950\/40:hover,[data-theme="dark"] .dark\:hover\:bg-rose-950\/40:hover{background-color:rgba(76,5,25,0.4);}.dark .dark\:hover\:bg-sky-900\/60:hover,[data-theme="dark"] .dark\:hover\:bg-sky-900\/60:hover{background-color:rgba(12,74,110,0.6);}.dark .dark\:hover\:bg-sky-950\/40:hover,[data-theme="dark"] .dark\:hover\:bg-sky-950\/40:hover{background-color:rgba(8,47,73,0.4);}.dark .dark\:hover\:bg-sky-950\/50:hover,[data-theme="dark"] .dark\:hover\:bg-sky-950\/50:hover{background-color:rgba(8,47,73,0.5);}.dark .dark\:hover\:bg-slate-700:hover,[data-theme="dark"] .dark\:hover\:bg-slate-700:hover{background-color:#334155;}.dark .dark\:hover\:bg-slate-800:hover,[data-theme="dark"] .dark\:hover\:bg-slate-800:hover{background-color:#1e293b;}.dark .dark\:hover\:text-emerald-400:hover,[data-theme="dark"] .dark\:hover\:text-emerald-400:hover{color:#34d399;}.dark .dark\:hover\:text-sky-400:hover,[data-theme="dark"] .dark\:hover\:text-sky-400:hover{color:#38bdf8;}.dark .dark\:hover\:text-white:hover,[data-theme="dark"] .dark\:hover\:text-white:hover{color:#ffffff;}.dark .dark\:text-amber-300,[data-theme="dark"] .dark\:text-amber-300{color:#fcd34d;}.dark .dark\:text-amber-400,[data-theme="dark"] .dark\:text-amber-400{color:#fbbf24;}.dark .dark\:text-blue-400,[data-theme="dark"] .dark\:text-blue-400{color:#60a5fa;}.dark .dark\:text-emerald-300,[data-theme="dark"] .dark\:text-emerald-300{color:#6ee7b7;}.dark .dark\:text-emerald-400,[data-theme="dark"] .dark\:text-emerald-400{color:#34d399;}.dark .dark\:text-indigo-300,[data-theme="dark"] .dark\:text-indigo-300{color:#a5b4fc;}.dark .dark\:text-rose-400,[data-theme="dark"] .dark\:text-rose-400{color:#fb7185;}.dark .dark\:text-sky-300,[data-theme="dark"] .dark\:text-sky-300{color:#7dd3fc;}.dark .dark\:text-sky-400,[data-theme="dark"] .dark\:text-sky-400{color:#38bdf8;}.dark .dark\:text-slate-100,[data-theme="dark"] .dark\:text-slate-100{color:#f1f5f9;}.dark .dark\:text-slate-200,[data-theme="dark"] .dark\:text-slate-200{color:#e2e8f0;}.dark .dark\:text-slate-300,[data-theme="dark"] .dark\:text-slate-300{color:#cbd5e1;}.dark .dark\:text-slate-400,[data-theme="dark"] .dark\:text-slate-400{color:#94a3b8;}.dark .dark\:text-teal-300,[data-theme="dark"] .dark\:text-teal-300{color:#5eead4;}.dark .dark\:text-teal-400,[data-theme="dark"] .dark\:text-teal-400{color:#2dd4bf;}.dark .dark\:text-white,[data-theme="dark"] .dark\:text-white{color:#ffffff;}@media (min-width:640px){.sm\:flex-row{flex-direction:row;}.sm\:gap-3{gap:0.75rem;}.sm\:gap-6{gap:1.5rem;}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}.sm\:h-18{height:4.5rem;}.sm\:h-4\.5{height:1.125rem;}.sm\:h-auto{height:auto;}.sm\:inline{display:inline;}.sm\:inline-block{display:inline-block;}.sm\:items-center{align-items:center;}.sm\:px-4{padding-left:1rem;padding-right:1rem;}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem;}.sm\:py-2\.5{padding-top:0.625rem;padding-bottom:0.625rem;}.sm\:text-2xl{font-size:1.5rem;line-height:2rem;}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem;}.sm\:text-sm{font-size:0.875rem;line-height:1.25rem;}.sm\:w-18{width:4.5rem;}.sm\:w-32{width:8rem;}.sm\:w-4\.5{width:1.125rem;}}@media (min-width:768px){.md\:flex{display:flex;}.md\:flex-row{flex-direction:row;}.md\:gap-6{gap:1.5rem;}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}.md\:hidden{display:none;}.md\:inline{display:inline;}.md\:text-right{text-align:right;}}@media (min-width:1024px){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}.lg\:hidden{display:none;}.lg\:inline{display:inline;}.lg\:mb-10{margin-bottom:2.5rem;}.lg\:px-8{padding-left:2rem;padding-right:2rem;}}@media (min-width:1280px){.xl\:gap-2{gap:0.5rem;}}


/* ==========================================================================
   RAK FI ANNABA v2.12.0 - HOMEPAGE REVAMP & SYMMETRICAL SQUARE STYLES
   ========================================================================== */
.rfa-currency-row {
  transition: all 0.2s ease;
}
.rfa-currency-row:hover {
  transform: translateY(-2px);
  border-color: var(--brand-primary) !important;
  box-shadow: 0 4px 12px rgba(2, 132, 199, 0.08);
}
.rfa-community-banner {
  transition: transform 0.3s ease;
}
.rfa-community-banner:hover {
  transform: translateY(-2px);
}
@media (max-width: 768px) {
  .exchange-grid {
    grid-template-columns: 1fr !important;
    gap: 1.25rem !important;
  }
  .rfa-currency-row {
    padding: 0.75rem 0.85rem !important;
  }
}
.social-btn-tiktok {
  background: #000000 !important;
  color: #ffffff !important;
  transition: all 0.2s ease;
}
.social-btn-tiktok:hover {
  background: #111111 !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}


/* ==========================================================================
   SHIELD: HIDE UNCONFIGURED HOSTINGER / THIRD-PARTY AI CHAT WIDGET & ERRORS
   Prevents "Failed to initialize chat" and floating purple Agent button from
   blocking the screen.
   ========================================================================== */
#hostinger-ai-assistant,
#hostinger-ai-agent,
.hostinger-ai-agent-container,
[id*="hostinger-ai"],
[class*="hostinger-ai"],
[id*="ai-assistant"],
[class*="ai-assistant"],
[id*="ai-agent"],
[class*="ai-agent-widget"],
div[class*="chat-error"],
div[class*="toast-error"],
div[class*="notification-error"],
.chat-widget-wrapper:empty {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}


/* ==========================================================================
   RAK FI ANNABA v2.12.0 - CRITICAL BUTTON & FOOTER RESETS (100% CLEAN UI)
   ========================================================================== */

/* 1. Global Reset for List Markers / Ugly White Bullets */
nav ul, nav ul li, 
ul.no-scrollbar, ul.no-scrollbar li,
.rfa-footer-nav-grid ul, .rfa-footer-nav-grid ul li {
  list-style: none !important;
  list-style-type: none !important;
}
nav ul li::marker, ul.no-scrollbar li::marker,
.rfa-footer-nav-grid ul li::marker {
  content: "" !important;
  display: none !important;
}

/* 2. Mobile Bottom Bar Button Reset (Eliminates ugly white box on "المزيد") */
#mobile-bottom-menu-btn,
.lg\:hidden.fixed.bottom-0 button,
button#mobile-search-toggle,
button#close-drawer-btn {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  padding: 0 !important;
  margin: 0 !important;
  cursor: pointer !important;
}

/* 3. Footer Links & Structured Grid (Never squished or collapsed) */
.rfa-site-footer {
  background-color: #0f172a !important;
  color: #cbd5e1 !important;
}
.rfa-footer-nav-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
  gap: 2rem !important;
}
@media (max-width: 640px) {
  .rfa-footer-nav-grid {
    grid-template-columns: 1fr !important;
    gap: 1.5rem !important;
    text-align: right !important;
  }
}
.rfa-footer-link {
  display: inline-block !important;
  padding: 4px 0 !important;
  color: #cbd5e1 !important;
  font-size: 0.88rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}
.rfa-footer-link:hover {
  color: #38bdf8 !important;
  transform: translateX(-3px) !important;
}
[dir="ltr"] .rfa-footer-link:hover {
  transform: translateX(3px) !important;
}

/* 4. Support Button (CCP) Pill Styling (Eliminates ugly white box) */
.rfa-support-pill-btn,
button.rfa-support-pill-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: rgba(225, 29, 72, 0.15) !important;
  background-color: rgba(225, 29, 72, 0.15) !important;
  color: #fb7185 !important;
  border: 1px solid rgba(225, 29, 72, 0.35) !important;
  border-radius: 9999px !important;
  padding: 6px 16px !important;
  font-size: 0.82rem !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  outline: none !important;
  box-shadow: none !important;
  transition: all 0.2s ease !important;
}
.rfa-support-pill-btn:hover {
  background: #e11d48 !important;
  background-color: #e11d48 !important;
  color: #ffffff !important;
  border-color: #e11d48 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(225, 29, 72, 0.3) !important;
}

/* 5. Social Badges in Footer */
.rfa-social-pill {
  transition: transform 0.2s ease, filter 0.2s ease !important;
}
.rfa-social-pill:hover {
  transform: translateY(-2px) !important;
  filter: brightness(1.15) !important;
}

/* 6. Hostinger AI Agent & Error Toast Suppressor Shield */
#hostinger-ai-assistant,
#hostinger-ai-agent,
.hostinger-ai-agent-container,
[id*="hostinger-ai"],
[class*="hostinger-ai"],
[id*="ai-assistant"],
[class*="ai-assistant"],
[id*="ai-agent"],
[class*="ai-agent"],
div[class*="chat-error"],
div[class*="toast-error"],
div[class*="notification-error"] {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* ==========================================================================
   RAK FI ANNABA v2.12.0 - CRITICAL BUTTON & SEARCH FIXES (NO WHITE BOXES)
   ========================================================================== */
.search-form button,
.rfa-search-btn,
#globalSearchInput + button,
#mobile-search-bar button,
.rfa-stories-section button,
.rfa-stories-section a,
button.rfa-story-btn,
a.rfa-story-item {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

.rfa-stories-section button,
.rfa-stories-section a {
  padding: 0 !important;
  margin: 0 !important;
}


/* ==========================================================================
   RAK FI ANNABA v2.12.0 - NAV BAR HARMONY & SEARCH ZERO-OVERLAP RESETS
   ========================================================================== */
nav ul li a,
nav ul li {
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}

nav ul li a {
  height: 36px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
}

nav ul li a span {
  white-space: nowrap !important;
  display: inline-block !important;
}

#globalSearchInput {
  text-align: right !important;
}


/* ==========================================================================
   RAK FI ANNABA v2.13.0 - CRITICAL HAMBURGER BUTTON & AD MODAL STYLES
   ========================================================================== */
#mobile-menu-btn,
button#mobile-menu-btn,
.mobile-menu-btn {
  background: rgba(30, 41, 59, 0.85) !important;
  background-color: rgba(30, 41, 59, 0.85) !important;
  border: 1px solid rgba(51, 65, 85, 0.7) !important;
  color: #ffffff !important;
  border-radius: 12px !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
  outline: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  padding: 0 !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
}
#mobile-menu-btn:hover,
button#mobile-menu-btn:hover {
  background: rgba(51, 65, 85, 0.9) !important;
  background-color: rgba(51, 65, 85, 0.9) !important;
  border-color: rgba(148, 163, 184, 0.5) !important;
}
#mobile-menu-btn svg,
button#mobile-menu-btn svg {
  color: #ffffff !important;
  stroke: #ffffff !important;
}

#adModalOverlay.active {
  display: flex !important;
}


/* ==========================================================================
   RAK FI ANNABA v2.14.0 - PREMIUM MOBILE DRAWER SOCIAL MEDIA BUTTONS
   ========================================================================== */
.rfa-drawer-social-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 8px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
.rfa-drawer-social-btn {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  padding: 8px 4px !important;
  border-radius: 12px !important;
  text-decoration: none !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}
.rfa-drawer-social-btn:hover,
.rfa-drawer-social-btn:active {
  transform: translateY(-2px) scale(1.04) !important;
}


/* ==========================================================================
   RAK FI ANNABA v2.15.0 - STORE HERO & FOOTER RESPONSIVE STYLES
   ========================================================================== */
@media (max-width: 640px) {
  .rfa-store-hero {
    padding: 1.25rem 1rem !important;
    border-radius: 14px !important;
  }
  .rfa-algeria-trust-bar {
    grid-template-columns: 1fr !important;
    gap: 0.75rem !important;
  }
}

/* ==========================================================================
   PWA SMART MOBILE INSTALL BANNER & OFFLINE STYLES (v2.21.0)
   ========================================================================== */
.pwa-install-banner {
  position: fixed;
  bottom: 1rem;
  left: 1rem;
  right: 1rem;
  max-width: 520px;
  margin: 0 auto;
  background: var(--bg-card, #ffffff);
  border: 1px solid var(--border-color, #e2e8f0);
  border-radius: 16px;
  padding: 0.75rem 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  box-shadow: 0 12px 28px -4px rgba(0, 0, 0, 0.25), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
  z-index: 999999;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  animation: pwaSlideUp 0.35s ease-out;
}
@keyframes pwaSlideUp {
  from { transform: translateY(100%); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}
.pwa-banner-content {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex: 1;
  min-width: 0;
}
.pwa-app-icon {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background: var(--brand-primary, #0284c7);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  overflow: hidden;
}
.pwa-app-info {
  display: flex;
  flex-direction: column;
  min-width: 0;
  line-height: 1.3;
}
.pwa-app-name {
  font-size: 0.92rem;
  font-weight: 800;
  color: var(--text-primary, #0f172a);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pwa-app-tagline {
  font-size: 0.76rem;
  color: var(--text-secondary, #64748b);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pwa-banner-buttons {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
}
.pwa-install-action-btn {
  background: linear-gradient(135deg, #0284c7, #0369a1);
  color: #ffffff !important;
  border: none;
  padding: 0.45rem 0.95rem;
  border-radius: 9999px;
  font-weight: 700;
  font-size: 0.85rem;
  cursor: pointer;
  box-shadow: 0 4px 10px rgba(2, 132, 199, 0.3);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  white-space: nowrap;
}
.pwa-install-action-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(2, 132, 199, 0.4);
}
.pwa-close-btn {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--bg-tertiary, #f1f5f9);
  border: 1px solid var(--border-color, #e2e8f0);
  color: var(--text-muted, #94a3b8);
  font-size: 0.85rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}
.pwa-close-btn:hover {
  background: #ef4444;
  color: #ffffff;
  border-color: #ef4444;
}
@media (max-width: 640px) {
  .pwa-install-banner {
    bottom: 0.75rem;
    left: 0.75rem;
    right: 0.75rem;
    padding: 0.65rem 0.85rem;
  }
}

/* ==========================================================================
   MEDICAL DIRECTORY FILTER PILLS & BADGES (v2.21.0)
   ========================================================================== */
.rfa-med-filter-pills {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  overflow-x: auto;
  padding-bottom: 0.6rem;
  margin-bottom: 1.25rem;
  scrollbar-width: none;
}
.rfa-med-filter-pills::-webkit-scrollbar {
  display: none;
}
.rfa-med-pill-btn {
  background: var(--bg-card);
  border: 1px solid var(--border-color);
  color: var(--text-secondary);
  padding: 0.45rem 1rem;
  border-radius: 9999px;
  font-size: 0.86rem;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  transition: all 0.2s ease;
}
.rfa-med-pill-btn:hover {
  border-color: var(--brand-primary);
  color: var(--brand-primary);
  background: rgba(2, 132, 199, 0.06);
}
.rfa-med-pill-btn.active {
  background: var(--brand-primary) !important;
  color: #ffffff !important;
  border-color: var(--brand-primary) !important;
  box-shadow: 0 4px 12px rgba(2, 132, 199, 0.3);
}
.badge-labo {
  background: rgba(14, 165, 233, 0.15) !important;
  color: #0284c7 !important;
  border: 1px solid rgba(14, 165, 233, 0.3) !important;
}
.badge-radio {
  background: rgba(168, 85, 247, 0.15) !important;
  color: #9333ea !important;
  border: 1px solid rgba(168, 85, 247, 0.3) !important;
}
.badge-clinic {
  background: rgba(245, 158, 11, 0.15) !important;
  color: #d97706 !important;
  border: 1px solid rgba(245, 158, 11, 0.3) !important;
}
.badge-doctor {
  background: rgba(16, 185, 129, 0.15) !important;
  color: #059669 !important;
  border: 1px solid rgba(16, 185, 129, 0.3) !important;
}

/* ==========================================================================
   PROMINENT AD SUBMIT BUTTON STYLES (v2.26.0)
   ========================================================================== */
button#submitAdBtn,
#submitAdBtn,
.rfa-btn-submit-ad {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.6rem !important;
  width: 100% !important;
  background: linear-gradient(135deg, #0284c7 0%, #0d9488 100%) !important;
  background-color: #0284c7 !important;
  color: #ffffff !important;
  border: 2px solid rgba(255, 255, 255, 0.3) !important;
  padding: 1rem 1.5rem !important;
  border-radius: 14px !important;
  font-weight: 800 !important;
  font-size: 1.1rem !important;
  cursor: pointer !important;
  box-shadow: 0 6px 20px rgba(2, 132, 199, 0.45) !important;
  transition: all 0.25s ease !important;
  margin-top: 1rem !important;
  text-align: center !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

button#submitAdBtn:hover,
#submitAdBtn:hover,
.rfa-btn-submit-ad:hover {
  background: linear-gradient(135deg, #0369a1 0%, #0f766e 100%) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 25px rgba(2, 132, 199, 0.55) !important;
}

button#submitAdBtn:active,
#submitAdBtn:active {
  transform: translateY(0) !important;
  box-shadow: 0 4px 12px rgba(2, 132, 199, 0.35) !important;
}


/* ==========================================================================
   PRAYER TIME CARDS - CONSISTENT LIGHT & DARK MODES (v2.27.0)
   ========================================================================== */
.prayer-time-card {
  background: var(--bg-tertiary, #f1f5f9) !important;
  border: 1px solid var(--border-color, #e2e8f0) !important;
  border-radius: 12px !important;
  padding: 0.6rem 0.25rem !important;
  text-align: center !important;
  transition: all 0.25s ease !important;
}

[data-theme="dark"] .prayer-time-card,
.dark .prayer-time-card,
html.dark .prayer-time-card,
body.dark-theme .prayer-time-card {
  background: rgba(30, 41, 59, 0.7) !important;
  border-color: rgba(51, 65, 85, 0.8) !important;
}

.prayer-time-card .p-name {
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  color: var(--text-muted, #64748b) !important;
  display: block !important;
  transition: color 0.2s ease !important;
}

[data-theme="dark"] .prayer-time-card .p-name,
.dark .prayer-time-card .p-name,
html.dark .prayer-time-card .p-name {
  color: #94a3b8 !important;
}

.prayer-time-card .p-time {
  font-size: 0.85rem !important;
  font-weight: 800 !important;
  color: var(--text-primary, #0f172a) !important;
  font-family: monospace, system-ui, sans-serif !important;
  display: block !important;
  margin-top: 2px !important;
  transition: color 0.2s ease !important;
}

[data-theme="dark"] .prayer-time-card .p-time,
.dark .prayer-time-card .p-time,
html.dark .prayer-time-card .p-time {
  color: #f1f5f9 !important;
}

/* ACTIVE Highlight (Dynamically applied ONLY to the upcoming prayer) */
.prayer-time-card.active {
  background: rgba(2, 132, 199, 0.12) !important;
  border-color: #0284c7 !important;
  box-shadow: 0 0 0 1px #0284c7, 0 4px 12px rgba(2, 132, 199, 0.2) !important;
  transform: translateY(-2px) !important;
}

[data-theme="dark"] .prayer-time-card.active,
.dark .prayer-time-card.active,
html.dark .prayer-time-card.active {
  background: rgba(14, 165, 233, 0.2) !important;
  border-color: #38bdf8 !important;
  box-shadow: 0 0 0 1px #38bdf8, 0 4px 14px rgba(14, 165, 233, 0.3) !important;
}

.prayer-time-card.active .p-name {
  color: #0284c7 !important;
}

[data-theme="dark"] .prayer-time-card.active .p-name,
.dark .prayer-time-card.active .p-name,
html.dark .prayer-time-card.active .p-name {
  color: #38bdf8 !important;
}

.prayer-time-card.active .p-time {
  color: #0284c7 !important;
  font-weight: 900 !important;
}

[data-theme="dark"] .prayer-time-card.active .p-time,
.dark .prayer-time-card.active .p-time,
html.dark .prayer-time-card.active .p-time {
  color: #38bdf8 !important;
}

/* ==========================================================================
   FEATURED IMAGE IN ARTICLES - PROPORTIONATE & PERFECTLY FRAMED (v2.27.0)
   ========================================================================== */
.rfa-single-featured-wrap {
  border-radius: 14px !important;
  overflow: hidden !important;
  margin-bottom: 1.75rem !important;
  max-width: 820px !important;
  max-height: 380px !important;
  margin-inline: auto !important;
  position: relative !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.1) !important;
  background: #0f172a !important;
}

.rfa-single-featured-img {
  width: 100% !important;
  height: auto !important;
  max-height: 380px !important;
  aspect-ratio: 16 / 9 !important;
  object-fit: cover !important;
  object-position: center 20% !important;
  display: block !important;
  border-radius: 14px !important;
}

@media (max-width: 768px) {
  .rfa-single-featured-wrap {
    max-height: 250px !important;
    border-radius: 12px !important;
    margin-bottom: 1.25rem !important;
  }
  .rfa-single-featured-img {
    max-height: 250px !important;
    border-radius: 12px !important;
  }
}


/* RFA Dynamic Feed Animation (v2.29.0) */
@keyframes rfaFadeInUp {
  0% { opacity: 0; transform: translateY(12px); }
  100% { opacity: 1; transform: translateY(0); }
}
.rfa-feed-animate-in {
  animation: rfaFadeInUp 0.35s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}