/* ============================================
   DR. MUHAMMED - PREMIUM HEALTHCARE CSS
   ============================================ */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&family=Vazirmatn:wght@400;500;600;700;800&display=swap');

/* ═══════════════════════════════════════════
   RTL SUPPORT — Arabic & Kurdish (Vazirmatn)
   ═══════════════════════════════════════════ */

/* Font & Direction */
[dir="rtl"] {
    font-family: 'Vazirmatn', sans-serif;
    direction: rtl;
    text-align: right;
}
[dir="rtl"] body,
[dir="rtl"] button,
[dir="rtl"] input,
[dir="rtl"] textarea,
[dir="rtl"] select {
    font-family: 'Vazirmatn', sans-serif;
}
[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
[dir="rtl"] h5,
[dir="rtl"] .logo,
[dir="rtl"] .btn {
    font-family: 'Vazirmatn', sans-serif;
}

/* Navbar */
[dir="rtl"] .nav-container        { flex-direction: row-reverse; }
[dir="rtl"] .nav-container .logo  { order: 3; }   /* Logo → far RIGHT */
[dir="rtl"] .nav-container nav    { order: 2; }   /* Nav links → center */
[dir="rtl"] .nav-container > div  { order: 1; }   /* Actions → far LEFT */
[dir="rtl"] .nav-links             { flex-direction: row-reverse; }
[dir="rtl"] .mobile-nav            { text-align: right; }
[dir="rtl"] .nav-links a::after    { right: 0; left: auto; }

/* Hero */
[dir="rtl"] .hero-container   { direction: rtl; }
[dir="rtl"] .hero-eyebrow     { flex-direction: row-reverse; }
[dir="rtl"] .hero-actions     { flex-direction: row-reverse; }
[dir="rtl"] .hero-stats       { flex-direction: row-reverse; }
[dir="rtl"] .hero-subtitle    { text-align: right; }

/* Section Labels */
[dir="rtl"] .section-label    { flex-direction: row-reverse; }

/* Feature / Service Cards */
[dir="rtl"] .feature-card     { text-align: right; }
[dir="rtl"] .feature-icon     { margin-right: 0; margin-left: auto; }

/* Buttons */
[dir="rtl"] .btn              { flex-direction: row-reverse; }
[dir="rtl"] .btn i            { margin-right: 0; margin-left: 0.5rem; }

/* Forms */
[dir="rtl"] .form-group label { text-align: right; display: block; }
[dir="rtl"] input,
[dir="rtl"] textarea,
[dir="rtl"] select             { text-align: right; direction: rtl; }

/* Cards */
[dir="rtl"] .card             { text-align: right; }
[dir="rtl"] .stat-item        { text-align: right; }

/* Footer */
[dir="rtl"] footer            { direction: rtl; text-align: right; }
[dir="rtl"] .footer-grid      { direction: rtl; }

/* Admin Panel */
[dir="rtl"] .admin-layout     { flex-direction: row-reverse; }
[dir="rtl"] .admin-sidebar    { border-right: none; border-left: 1px solid var(--border); }
[dir="rtl"] .admin-sidebar nav a { flex-direction: row-reverse; }
[dir="rtl"] .admin-topbar     { flex-direction: row-reverse; }
[dir="rtl"] table             { direction: rtl; }
[dir="rtl"] thead th          { text-align: right; }
[dir="rtl"] .stats-grid       { direction: rtl; }
[dir="rtl"] .stat-card        { flex-direction: row-reverse; }
[dir="rtl"] .filter-bar       { flex-direction: row-reverse; }

/* Blog & Portfolio */
[dir="rtl"] .blog-meta        { flex-direction: row-reverse; }
[dir="rtl"] .case-meta        { flex-direction: row-reverse; }

/* Language Dropdown */
[dir="rtl"] .lang-dropdown    { right: auto; left: 0; }


/* ─── TOKENS ─────────────────────────────── */
:root {
    --primary:        #0f766e;
    --primary-light:  #14b8a6;
    --primary-dark:   #0f172a;
    --primary-glow:   rgba(20, 184, 166, 0.15);
    --accent:         #fbbf24;
    --accent-dark:    #d97706;

    --bg:             #f8fafc;
    --bg-card:        #ffffff;
    --bg-dark:        #0f172a;

    --text:           #334155;
    --text-muted:     #64748b;
    --text-light:     #94a3b8;
    
    --border:         rgba(0,0,0,0.07);

    --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-premium: 0 20px 25px -5px rgba(0,0,0,0.1), 0 10px 10px -5px rgba(0,0,0,0.04);
    
    --glass-bg:       rgba(255, 255, 255, 0.85);
    --glass-border:   1px solid rgba(255, 255, 255, 0.7);

    --radius-sm:  8px;
    --radius-md:  14px;
    --radius-lg:  24px;
    --radius-xl:  32px;

    --ease:       cubic-bezier(0.16,1,0.3,1);
    --fast:       0.2s ease;
    --smooth:     0.45s var(--ease);
}

/* ─── RESET ──────────────────────────────── */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Plus Jakarta Sans',sans-serif;background:var(--bg);color:var(--text);line-height:1.65;overflow-x:hidden}
h1,h2,h3,h4,h5{font-family:'Outfit',sans-serif;font-weight:700;line-height:1.2;color:var(--text)}
a{text-decoration:none;color:var(--primary);transition:var(--fast)}
a:hover{color:var(--primary-light)}
ul{list-style:none}
img{max-width:100%;display:block}
button{cursor:pointer;font-family:inherit}

/* ─── UTILITIES ──────────────────────────── */
.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}
.max-w-md{max-width:840px;margin-left:auto;margin-right:auto}
.text-center{text-align:center}
.text-primary{color:var(--primary)}
.text-muted{color:var(--text-muted)}
.text-sm{font-size:.875rem}
.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:3rem}
.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:3rem}
.p-5{padding:2.5rem}
.p-2{padding:.75rem}
.w-100{width:100%}
.ms-2{margin-left:.5rem}
.col-span-3{grid-column:1/-1}
.d-flex{display:flex}
.align-center{align-items:center}
.gap-2{gap:.75rem}
.fw-600{font-weight:600}
.rounded-image{border-radius:var(--radius-lg);width:100%}
.shadow-lg{box-shadow:var(--shadow-lg)}
.shadow-md{box-shadow:var(--shadow-md)}

/* ─── BUTTONS ────────────────────────────── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.75rem;border-radius:var(--radius-sm);font-weight:600;font-size:1rem;border:none;cursor:pointer;transition:var(--smooth);white-space:nowrap;letter-spacing:.01em}
.btn-primary{background:linear-gradient(135deg,var(--primary-light),var(--primary));color:#fff;box-shadow:var(--shadow-primary)}
.btn-primary:hover{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;transform:translateY(-3px);box-shadow:0 12px 35px rgba(10,92,54,.35)}
.btn-outline{background:transparent;color:var(--primary);border:2px solid var(--primary)}
.btn-outline:hover{background:var(--primary);color:#fff;transform:translateY(-2px)}
.btn-accent{background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:#0F172A;font-weight:700}
.btn-accent:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(250,204,21,.4);color:#0F172A}
.btn-ghost{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(8px)}
.btn-ghost:hover{background:rgba(255,255,255,.25);color:#fff;transform:translateY(-2px)}
.btn-lg{padding:1rem 2.25rem;font-size:1.125rem;border-radius:var(--radius-md)}
.btn-sm{padding:.45rem 1rem;font-size:.85rem}
.btn-block{display:flex;width:100%}
.btn-text{background:none;padding:0;color:var(--primary);font-weight:600}
.btn-text:hover{color:var(--primary-dark);transform:translateX(4px)}
.btn-danger{background:#EF4444;color:#fff}
.btn-danger:hover{background:#DC2626;color:#fff;transform:translateY(-2px)}
.btn-success{background:#10B981;color:#fff}
.btn-warning{background:#F59E0B;color:#fff}

/* ─── NAVBAR ─────────────────────────────── */
.navbar{position:sticky;top:0;z-index:1000;background:var(--glass-bg);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.5);padding:.9rem 0;transition:var(--smooth)}
.navbar.scrolled{box-shadow:var(--shadow-sm)}
.nav-container{display:flex;justify-content:space-between;align-items:center;gap:2rem}
.logo{font-family:'Outfit',sans-serif;font-size:1.45rem;font-weight:800;color:var(--primary);display:flex;align-items:center;gap:.5rem}
.logo i{background:linear-gradient(135deg,var(--primary-light),var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.nav-links{display:flex;gap:1.75rem}
.nav-links a{color:var(--text);font-weight:500;position:relative;padding:.25rem 0}
.nav-links a::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--primary-light),var(--primary));border-radius:2px;transition:var(--fast)}
.nav-links a:hover::after,.nav-links a.active::after{width:100%}
.nav-links a:hover{color:var(--primary)}
.mobile-menu-btn{display:none;background:none;border:none;font-size:1.5rem;color:var(--text);padding:.25rem}
.mobile-nav{display:none;flex-direction:column;padding:1rem;background:var(--bg-card);position:absolute;top:100%;left:0;width:100%;box-shadow:var(--shadow-md);border-top:1px solid var(--border)}
.mobile-nav.active{display:flex}
.mobile-nav a{padding:.85rem 1rem;border-bottom:1px solid var(--border);color:var(--text);font-weight:500}
.mobile-nav a:last-child{border-bottom:none}

/* ─── HERO ───────────────────────────────── */
.hero{min-height:88vh;display:flex;align-items:center;position:relative;overflow:hidden;background:linear-gradient(160deg,#f0faf5 0%,#e8f4ed 40%,#f0f4f0 100%)}
.hero::before{content:'';position:absolute;top:-20%;right:-15%;width:700px;height:700px;background:radial-gradient(circle,rgba(22,160,93,.18) 0%,transparent 70%);border-radius:50%;z-index:0;animation:pulseGlow 8s ease-in-out infinite}
.hero::after{content:'';position:absolute;bottom:-30%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(250,204,21,.10) 0%,transparent 70%);border-radius:50%;z-index:0}
.hero-container{display:grid;grid-template-columns:1.1fr 0.9fr;gap:4rem;align-items:center;position:relative;z-index:1}
.hero-eyebrow{display:inline-flex;align-items:center;gap:.5rem;background:var(--primary-glow);color:var(--primary);font-size:.875rem;font-weight:600;padding:.4rem 1rem;border-radius:999px;border:1px solid rgba(10,92,54,.2);margin-bottom:1.25rem;letter-spacing:.04em}
.hero-eyebrow i{font-size:.75rem}
.hero-title{font-size:3.6rem;margin-bottom:1.25rem;line-height:1.1}
.hero-title span{background:linear-gradient(135deg,var(--primary-light),var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero-subtitle{font-size:1.15rem;color:var(--text-muted);margin-bottom:2.25rem;line-height:1.7;max-width:500px}
.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}
.hero-stats{display:flex;gap:2rem;margin-top:2.5rem;padding-top:2rem;border-top:1px solid var(--border)}
.stat-item{text-align:center}
.stat-number{font-family:'Outfit',sans-serif;font-size:1.75rem;font-weight:800;color:var(--primary);display:block}
.stat-label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}
.hero-image-wrapper{position:relative}
.hero-image{width:100%;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);aspect-ratio:4/5;object-fit:cover}
.placeholder-image{width:100%;aspect-ratio:4/5;background:linear-gradient(135deg,#d1fae5,#a7f3d0,#6ee7b7);display:flex;align-items:center;justify-content:center;font-size:4rem;color:var(--primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}
.floating-badge{position:absolute;background:var(--glass-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:.85rem 1.25rem;border-radius:var(--radius-md);box-shadow:var(--shadow-md);font-weight:600;display:flex;align-items:center;gap:.6rem;border:var(--glass-border);font-size:.9rem}
.badge-1{top:8%;left:-8%;color:var(--accent-dark);animation:floatBadge 6s ease-in-out infinite}
.badge-2{bottom:12%;right:-8%;color:var(--primary);animation:floatBadge 6s ease-in-out infinite 3s}

/* ─── PAGE HEADER ────────────────────────── */
.page-header{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 50%,var(--primary-light) 100%);color:#fff;padding:5rem 0;position:relative;overflow:hidden}
.page-header::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 70%);border-radius:50%}
.page-header h1{color:#fff;font-size:3rem;margin-bottom:.75rem}
.page-header p{color:rgba(255,255,255,.8);font-size:1.1rem}
.breadcrumb{display:inline-flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.12);padding:.4rem 1rem;border-radius:999px;font-size:.85rem;color:rgba(255,255,255,.8);margin-bottom:1.25rem}

/* ─── SECTIONS ───────────────────────────── */
.section{padding:6rem 0}
.bg-light{background:#f8fafc}
.bg-white{background:var(--bg-card)}
.section-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:3rem}
.section-label{display:inline-flex;align-items:center;gap:.5rem;color:var(--primary);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}
.section-label::before{content:'';width:20px;height:2px;background:var(--primary);border-radius:2px}
.section-title{font-size:2.2rem}

/* ─── CARDS ──────────────────────────────── */
.glass-card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:var(--smooth);border:1px solid var(--border)}
.glass-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}
.glass-section{background:var(--glass-bg);backdrop-filter:blur(12px)}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}
.card-img{width:100%;height:230px;object-fit:cover;transition:var(--smooth)}
.glass-card:hover .card-img{transform:scale(1.04)}
.card-img-placeholder{width:100%;height:230px;background:linear-gradient(135deg,#d1fae5,#a7f3d0);display:flex;align-items:center;justify-content:center;color:var(--primary);font-weight:600;font-size:1.1rem}
.card-content{padding:1.75rem}
.tag{display:inline-block;padding:.3rem .9rem;background:var(--primary-glow);color:var(--primary);border-radius:999px;font-size:.8rem;font-weight:600;margin-bottom:.85rem;border:1px solid rgba(10,92,54,.15)}
.tag-outline{background:transparent;border:1px solid var(--primary);color:var(--primary)}
.tag-accent{background:rgba(250,204,21,.15);color:var(--accent-dark);border-color:rgba(250,204,21,.3)}
.tag-red{background:rgba(239,68,68,.1);color:#DC2626;border-color:rgba(239,68,68,.2)}
.tag-blue{background:rgba(59,130,246,.1);color:#2563EB;border-color:rgba(59,130,246,.2)}
.tag-green{background:rgba(16,185,129,.1);color:#059669;border-color:rgba(16,185,129,.2)}
.read-more{display:inline-flex;align-items:center;gap:.4rem;color:var(--primary);font-weight:600;font-size:.9rem;margin-top:.75rem;transition:var(--fast)}
.read-more:hover{gap:.75rem;color:var(--primary-dark)}
.truncate{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:.75rem 0;color:var(--text-muted);font-size:.95rem}

/* ─── FEATURE STRIP ──────────────────────── */
.feature-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin:-3rem 0 0}
.feature-item{background:var(--bg-card);border-radius:var(--radius-md);padding:2rem 1.5rem;text-align:center;box-shadow:var(--shadow-md);border:1px solid var(--border);transition:var(--smooth)}
.feature-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-glow)}
.feature-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--primary-glow),rgba(22,160,93,.1));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--primary);margin:0 auto 1rem}
.feature-item h4{font-size:1rem;margin-bottom:.4rem}
.feature-item p{font-size:.875rem;color:var(--text-muted)}

/* ─── FORMS ──────────────────────────────── */
.form-card{background:var(--bg-card);padding:3rem;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:820px;margin:0 auto;border:1px solid var(--border)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.form-group{display:flex;flex-direction:column;gap:.45rem}
.form-group label{font-weight:600;color:var(--text);font-size:.9rem}
.form-group input,.form-group textarea,.form-group select{padding:.8rem 1.1rem;border:1.5px solid #E2E8F0;border-radius:var(--radius-sm);font-family:'Inter',sans-serif;font-size:.95rem;color:var(--text);background:var(--bg-card);transition:var(--fast)}
.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary-light);box-shadow:0 0 0 4px var(--primary-glow)}
.form-group textarea{resize:vertical;min-height:120px}

/* ─── APPOINTMENT SECTION ────────────────── */
.appointment-section{background:linear-gradient(160deg,#f0faf5,#f8fafc)}

/* ─── ABOUT ──────────────────────────────── */
.about-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:5rem;align-items:center}
.about-image-wrap{position:relative}
.about-image-wrap::before{content:'';position:absolute;top:-20px;left:-20px;right:20px;bottom:20px;background:var(--primary-glow);border-radius:var(--radius-xl);z-index:0}
.about-image-wrap img,.about-image-wrap .placeholder-image{position:relative;z-index:1}
.experience-badge{position:absolute;bottom:-15px;right:-15px;background:linear-gradient(135deg,var(--primary-light),var(--primary));color:#fff;padding:1.25rem 1.5rem;border-radius:var(--radius-md);box-shadow:var(--shadow-primary);z-index:2;text-align:center}
.experience-badge .num{font-family:'Outfit',sans-serif;font-size:2rem;font-weight:800;display:block;line-height:1}
.experience-badge .lbl{font-size:.75rem;opacity:.9;text-transform:uppercase;letter-spacing:.08em}
.info-block{background:#f8fafc;padding:1.5rem;border-radius:var(--radius-md);border:1px solid var(--border);margin-top:1.25rem}
.info-block h3{display:flex;align-items:center;gap:.6rem;font-size:1.05rem;color:var(--text);margin-bottom:.85rem}
.info-block ul{padding-left:1.25rem;list-style:disc}
.info-block li{padding:.25rem 0;color:var(--text-muted);font-size:.95rem}
.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}
.about-stat{background:#f8fafc;border-radius:var(--radius-md);padding:1.25rem;text-align:center;border:1px solid var(--border)}
.about-stat .num{font-family:'Outfit',sans-serif;font-size:1.8rem;font-weight:800;color:var(--primary)}
.about-stat .lbl{font-size:.8rem;color:var(--text-muted);margin-top:.2rem}

/* ─── CONTACT ────────────────────────────── */
.contact-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:3rem;align-items:start}
.contact-info{background:linear-gradient(160deg,var(--primary-dark),var(--primary));color:#fff;border-radius:var(--radius-xl);padding:2.5rem}
.contact-info h2{color:#fff;margin-bottom:.5rem}
.contact-info .sub{color:rgba(255,255,255,.75);margin-bottom:2rem}
.info-item{display:flex;gap:1rem;align-items:flex-start;margin-bottom:1.75rem}
.icon-box{width:48px;height:48px;min-width:48px;background:rgba(255,255,255,.15);color:#fff;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.1rem}
.info-item h4{color:#fff;font-size:.95rem;margin-bottom:.2rem}
.info-item p{color:rgba(255,255,255,.8);font-size:.9rem}
.map-container{border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md)}

/* ─── DETAIL PAGES ───────────────────────── */
.detail-header{padding:2rem 0 3rem}
.detail-content{border-radius:var(--radius-xl)}
.content-block{margin-bottom:2rem}
.content-block h3{font-size:1.2rem;color:var(--primary);margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:2px solid var(--primary-glow)}
.article-content{line-height:1.9;font-size:1.05rem;color:var(--text)}
.article-content h2,.article-content h3{margin-top:2rem;margin-bottom:.75rem;color:var(--primary-dark)}
.article-content p{margin-bottom:1.25rem}
.article-content ul,.article-content ol{padding-left:1.5rem;margin-bottom:1.25rem}

/* ─── FOOTER ─────────────────────────────── */
.footer{background:var(--bg-dark);color:#fff;padding:5rem 0 0}
.footer-container{display:grid;grid-template-columns:2fr 1fr 1fr;gap:4rem;margin-bottom:4rem}
.footer-brand p{color:#94A3B8;margin-top:.75rem;line-height:1.7;font-size:.95rem}
.footer-social{display:flex;gap:.75rem;margin-top:1.5rem}
.footer-social a{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.08);color:#94A3B8;display:flex;align-items:center;justify-content:center;transition:var(--fast);border:1px solid rgba(255,255,255,.1)}
.footer-social a:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-3px)}
.footer h3{color:#fff;font-size:1.3rem;margin-bottom:1.5rem}
.footer h4{color:#fff;font-size:1rem;margin-bottom:1.25rem}
.footer ul li{margin-bottom:.6rem}
.footer ul li a{color:#94A3B8;font-size:.9rem;transition:var(--fast);display:flex;align-items:center;gap:.4rem}
.footer ul li a:hover{color:var(--primary-light);padding-left:.3rem}
.footer-contact li{display:flex;align-items:flex-start;gap:.6rem;color:#94A3B8;font-size:.9rem;margin-bottom:.85rem}
.footer-contact i{color:var(--primary-light);margin-top:.2rem;min-width:16px}
.footer-bottom{border-top:1px solid rgba(255,255,255,.07);padding:1.75rem 0;display:flex;justify-content:space-between;align-items:center;color:#64748B;font-size:.875rem}
.footer-bottom a{color:#64748B}
.footer-bottom a:hover{color:#94A3B8}

/* ─── ALERTS & MESSAGES ──────────────────── */
.messages-container{position:fixed;top:90px;right:20px;z-index:2000;max-width:380px}
.alert{padding:1rem 1.5rem 1rem 1rem;border-radius:var(--radius-md);margin-bottom:.75rem;box-shadow:var(--shadow-md);background:#fff;animation:slideInRight .35s var(--ease) forwards;display:flex;gap:.75rem;align-items:flex-start;border:1px solid var(--border)}
.alert-icon{width:36px;height:36px;min-width:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem}
.alert-success .alert-icon{background:#dcfce7;color:#15803d}
.alert-error .alert-icon{background:#fee2e2;color:#DC2626}
.alert-body{flex:1}
.alert-title{font-weight:600;font-size:.9rem;margin-bottom:.15rem}
.alert-text{font-size:.85rem;color:var(--text-muted)}

/* ─── ADMIN PANEL ────────────────────────── */
.admin-layout{display:grid;grid-template-columns:260px 1fr;min-height:100vh}
.admin-sidebar{background:linear-gradient(180deg,var(--primary-dark),#0a3d22);color:#fff;position:sticky;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column}
.admin-logo{padding:2rem 1.5rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}
.admin-logo h2{color:#fff;font-size:1.15rem;display:flex;align-items:center;gap:.5rem}
.admin-logo p{color:rgba(255,255,255,.5);font-size:.75rem;margin-top:.2rem}
.admin-nav{padding:1.5rem 0;flex:1}
.admin-nav a{display:flex;align-items:center;gap:.85rem;padding:.85rem 1.5rem;color:rgba(255,255,255,.7);font-size:.9rem;font-weight:500;transition:var(--fast);border-left:3px solid transparent;margin-bottom:.15rem}
.admin-nav a:hover,.admin-nav a.active{color:#fff;background:rgba(255,255,255,.08);border-left-color:var(--accent)}
.admin-nav a i{width:18px;text-align:center}
.admin-sidebar-footer{padding:1.5rem;border-top:1px solid rgba(255,255,255,.1)}
.admin-main{background:#f1f5f9;min-height:100vh}
.admin-topbar{background:#fff;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-xs);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}
.admin-topbar h1{font-size:1.35rem;color:var(--text)}
.admin-content{padding:2rem}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem}
.stat-card{background:#fff;border-radius:var(--radius-md);padding:1.5rem;box-shadow:var(--shadow-xs);border:1px solid var(--border);display:flex;gap:1rem;align-items:center;transition:var(--smooth)}
.stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm)}
.stat-card-icon{width:52px;height:52px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.4rem}
.stat-card-icon.green{background:#dcfce7;color:#15803d}
.stat-card-icon.blue{background:#dbeafe;color:#2563EB}
.stat-card-icon.orange{background:#fef3c7;color:#D97706}
.stat-card-icon.red{background:#fee2e2;color:#DC2626}
.stat-card-body .num{font-family:'Outfit',sans-serif;font-size:1.9rem;font-weight:800;color:var(--text);line-height:1}
.stat-card-body .lbl{font-size:.8rem;color:var(--text-muted);margin-top:.25rem}
.admin-table-wrap{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);border:1px solid var(--border);overflow:hidden}
.admin-table-header{padding:1.25rem 1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}
.admin-table-header h3{font-size:1rem;font-weight:700}
table{width:100%;border-collapse:collapse}
thead th{background:#f8fafc;padding:.9rem 1rem;text-align:left;font-size:.78rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border)}
tbody td{padding:.95rem 1rem;border-bottom:1px solid var(--border);font-size:.9rem;color:var(--text)}
tbody tr:last-child td{border-bottom:none}
tbody tr:hover{background:#f8fafc}
.badge{display:inline-block;padding:.25rem .75rem;border-radius:999px;font-size:.75rem;font-weight:600}
.badge-pending{background:#fef3c7;color:#D97706}
.badge-confirmed{background:#dcfce7;color:#15803d}
.badge-cancelled{background:#fee2e2;color:#DC2626}
.badge-completed{background:#e0e7ff;color:#4338CA}
.admin-login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#f0faf5,#e8f4ed)}
.login-box{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:3rem;width:100%;max-width:440px;text-align:center}
.login-logo{width:72px;height:72px;background:linear-gradient(135deg,var(--primary-light),var(--primary));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;margin:0 auto 1.5rem}
.filter-bar{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;padding:1rem 1.5rem;border-bottom:1px solid var(--border)}
.filter-bar input,.filter-bar select{padding:.55rem 1rem;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:.875rem;color:var(--text);background:#fff}
.filter-bar input:focus,.filter-bar select:focus{outline:none;border-color:var(--primary-light)}
.action-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .7rem;border-radius:6px;font-size:.78rem;font-weight:600;border:none;cursor:pointer;transition:var(--fast)}
.action-confirm{background:#dcfce7;color:#15803d}
.action-confirm:hover{background:#bbf7d0}
.action-cancel{background:#fee2e2;color:#DC2626}
.action-cancel:hover{background:#fecaca}
.action-complete{background:#e0e7ff;color:#4338CA}
.action-complete:hover{background:#c7d2fe}
.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-muted)}
.empty-state i{font-size:3rem;color:#CBD5E1;margin-bottom:1rem}

/* ─── FILTER BAR ─────────────────────────── */
.filter-container{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}

/* ─── ANIMATIONS ─────────────────────────── */
@keyframes floatBadge{0%{transform:translateY(0)}50%{transform:translateY(-12px)}100%{transform:translateY(0)}}
@keyframes pulseGlow{0%,100%{opacity:.6}50%{opacity:1}}
@keyframes slideInRight{from{transform:translateX(110%);opacity:0}to{transform:translateX(0);opacity:1}}
@keyframes fadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}

.animate-fade-in-up{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.animate-fade-in-up.visible{opacity:1;transform:translateY(0)}
.animate-on-scroll{opacity:0;transform:translateY(20px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.animate-on-scroll.visible{opacity:1;transform:translateY(0)}

/* ─── RESPONSIVE ─────────────────────────── */
@media(max-width:1200px){.feature-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:992px){
    .hero-container,.about-grid,.contact-grid{grid-template-columns:1fr}
    .hero-image-wrapper{order:-1}
    .grid-3{grid-template-columns:repeat(2,1fr)}
    .footer-container{grid-template-columns:1fr 1fr}
    .stats-grid{grid-template-columns:repeat(2,1fr)}
    .hero-title{font-size:2.75rem}
    .admin-layout{grid-template-columns:1fr}
    .admin-sidebar{display:none}
}
@media(max-width:768px){
    .nav-links,.nav-btn{display:none}
    .mobile-menu-btn{display:block}
    .grid-3,.grid-2{grid-template-columns:1fr}
    .form-grid{grid-template-columns:1fr}
    .footer-container{grid-template-columns:1fr}
    .section-header{flex-direction:column;align-items:flex-start;gap:.75rem}
    .feature-strip{grid-template-columns:1fr 1fr}
    .hero-title{font-size:2.25rem}
    .hero-stats{flex-wrap:wrap;gap:1rem}
    .about-grid{gap:2.5rem}
    .stats-grid{grid-template-columns:1fr 1fr}
    .footer-bottom{flex-direction:column;gap:.5rem;text-align:center}
}
@media(max-width:480px){
    .feature-strip{grid-template-columns:1fr}
    .hero-actions{flex-direction:column}
    .btn-lg{width:100%;justify-content:center}
    .stats-grid{grid-template-columns:1fr}
    .form-card{padding:1.75rem}
}


/* RTL Support */
[dir="rtl"] .nav-links { margin-right: auto; margin-left: 0; }
[dir="rtl"] .hero-actions { justify-content: flex-start; }
[dir="rtl"] .hero-stats { justify-content: flex-start; }
[dir="rtl"] .footer-social a, [dir="rtl"] .footer-contact li { justify-content: flex-start; }
[dir="rtl"] .alert-icon { margin-left: .75rem; margin-right: 0; }
[dir="rtl"] .fa-chevron-right { transform: rotate(180deg); }
[dir="rtl"] .fa-arrow-right { transform: rotate(180deg); }
[dir="rtl"] .fa-arrow-left { transform: rotate(180deg); }



/* Custom Language Dropdown */
.lang-dropdown-container { position: relative; display: inline-block; }
.lang-dropdown-btn { display: flex; align-items: center; gap: 0.5rem; padding: 0.4rem 0.8rem; border-radius: 4px; border: 1px solid var(--border); background: #fff; color: var(--text); font-size: 0.9rem; cursor: pointer; font-family: inherit; }
.lang-dropdown-menu { display: none; position: absolute; top: 100%; right: 0; margin-top: 0.25rem; background: #fff; border: 1px solid var(--border); border-radius: 4px; box-shadow: 0 4px 6px rgba(0,0,0,0.05); z-index: 1000; min-width: 120px; overflow: hidden; }
.lang-dropdown-container:hover .lang-dropdown-menu { display: block; }
[dir="rtl"] .lang-dropdown-menu { right: auto; left: 0; }
.lang-dropdown-menu a { display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 1rem; color: var(--text) !important; text-decoration: none; font-size: 0.85rem; transition: background 0.2s; }
.lang-dropdown-menu a:hover { background: #f8fafc; }
.lang-flag { width: 20px; height: auto; border-radius: 2px; }

/* Premium UI Redesign Enhancements */
.hero {
    position: relative;
    padding: 8rem 0 6rem;
    overflow: hidden;
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
}
.hero-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    align-items: center;
}
.hero-content {
    position: relative;
    z-index: 2;
}
.hero-title {
    font-size: 3.5rem;
    line-height: 1.1;
    margin-bottom: 1.5rem;
    background: linear-gradient(to right, var(--primary-dark), var(--primary-light));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 800;
}
.hero-subtitle {
    font-size: 1.25rem;
    color: var(--text-muted);
    margin-bottom: 2rem;
    max-width: 90%;
}
.hero-image-wrapper {
    position: relative;
    border-radius: 24px;
    background: linear-gradient(145deg, rgba(255,255,255,0.8), rgba(255,255,255,0.4));
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,0.6);
    padding: 1rem;
    box-shadow: 0 25px 50px -12px rgba(10,92,54,0.15);
    height: 500px;
}
.hero-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
}
.placeholder-image {
    width: 100%;
    height: 100%;
    background: #e2e8f0;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 4rem;
    color: #94a3b8;
}
.floating-badge {
    position: absolute;
    background: rgba(255,255,255,0.95);
    backdrop-filter: blur(5px);
    padding: 1rem 1.5rem;
    border-radius: 12px;
    box-shadow: 0 10px 25px -5px rgba(0,0,0,0.1);
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-weight: 600;
    font-size: 0.95rem;
    z-index: 3;
    animation: float 6s ease-in-out infinite;
    border: 1px solid rgba(255,255,255,0.8);
}
.badge-1 { top: 10%; right: -20px; animation-delay: 0s; }
.badge-2 { bottom: 15%; left: -30px; animation-delay: 3s; }
[dir="rtl"] .badge-1 { right: auto; left: -20px; }
[dir="rtl"] .badge-2 { left: auto; right: -30px; }

@keyframes float {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-15px); }
    100% { transform: translateY(0px); }
}

@media (max-width: 991px) {
    .hero-container { grid-template-columns: 1fr; text-align: center; }
    .hero-title { font-size: 2.5rem; }
    .hero-subtitle { max-width: 100%; margin: 0 auto 2rem; }
    .hero-actions { justify-content: center; }
    .hero-image-wrapper { max-width: 400px; margin: 0 auto; height: 400px; }
    .badge-1 { right: -10px; }
    .badge-2 { left: -10px; }
}

/* Premium Feature Cards */
.feature-strip {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 2rem;
    margin-top: -3rem;
    position: relative;
    z-index: 10;
}
.feature-item {
    background: rgba(255,255,255,0.9);
    backdrop-filter: blur(10px);
    padding: 2.5rem 1.5rem;
    border-radius: 20px;
    text-align: center;
    box-shadow: 0 10px 30px -10px rgba(0,0,0,0.08);
    border: 1px solid rgba(255,255,255,0.8);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.feature-item:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px -10px rgba(10,92,54,0.15);
    background: #fff;
}
.feature-item .feature-icon {
    width: 70px;
    height: 70px;
    background: linear-gradient(135deg, var(--primary-light), var(--primary));
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.75rem;
    margin: 0 auto 1.5rem;
    box-shadow: 0 10px 20px rgba(10,92,54,0.2);
}
.feature-item h4 {
    margin: 0 0 0.75rem 0;
    font-size: 1.2rem;
    color: var(--primary-dark);
}
.feature-item p {
    margin: 0;
    color: var(--text-muted);
    font-size: 0.95rem;
    line-height: 1.5;
}