/*
Theme Name: MihaniAI
Version: 2.0.0
Author: MihaniAI
Description: Modern Arabic RTL WordPress theme for Mihani AI.
Text Domain: mihaniai
*/
:root{--blue:#2563eb;--green:#16a34a;--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--bg:#f8fafc;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif;color:var(--ink);line-height:1.8}a{text-decoration:none;color:inherit}.container{width:min(1160px,calc(100% - 28px));margin:auto}
.site-header{position:sticky;top:0;z-index:10;background:#fffffff2;backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.header-inner{height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-weight:900;font-size:1.35rem;display:flex;align-items:center;gap:9px}.logo{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--blue),var(--green))}.brand b{color:var(--blue)}
.nav{display:flex;gap:5px;align-items:center}.nav a{padding:8px 12px;border-radius:10px;font-weight:700}.nav a:hover{background:#eff6ff;color:var(--blue)}.menu-toggle{display:none;border:0;border-radius:10px;padding:9px 12px;background:#eff6ff;color:var(--blue);font-size:1.1rem}
.hero{padding:88px 0 70px;background:radial-gradient(circle at 10% 15%,#eff6ff,transparent 34%),radial-gradient(circle at 90% 15%,#ecfdf5,transparent 32%)}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center}.badge{display:inline-block;background:#eff6ff;color:var(--blue);font-weight:800;border-radius:99px;padding:6px 12px}.hero h1{font-size:clamp(2.3rem,5vw,4.5rem);line-height:1.12;margin:16px 0}.hero h1 em{font-style:normal;color:var(--blue)}.lead{font-size:1.12rem;color:var(--muted);max-width:690px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.btn{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:12px;padding:12px 20px;font-weight:800}.primary{background:var(--blue);color:#fff}.secondary{background:#ecfdf5;color:#15803d}.hero-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:26px;box-shadow:0 15px 40px #0f172a12}.line{height:12px;background:#e2e8f0;border-radius:8px;margin:13px 0}.line.short{width:55%}.scorebox{margin-top:22px;padding:20px;border-radius:16px;background:var(--bg);display:flex;justify-content:space-between}.score{font-size:1.8rem;color:var(--green);font-weight:900}
.section{padding:74px 0}.alt{background:var(--bg)}.head{text-align:center;max-width:720px;margin:0 auto 38px}.head h2{font-size:2.3rem;margin:0 0 8px}.head p,.card p{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px}.icon{width:48px;height:48px;border-radius:14px;background:#eff6ff;color:var(--blue);display:grid;place-items:center;font-size:1.25rem;margin-bottom:12px}.card h3{margin:0 0 7px}.tool{min-height:210px;display:flex;flex-direction:column}.tool .more{margin-top:auto;color:var(--blue);font-weight:800;padding-top:16px}.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.post{border:1px solid var(--line);border-radius:20px;overflow:hidden}.thumb{aspect-ratio:16/9;background:linear-gradient(135deg,#eff6ff,#ecfdf5);display:grid;place-items:center;color:var(--blue);font-weight:900}.post-body{padding:19px}.meta{font-size:.84rem;color:#94a3b8}.post h3{margin:6px 0}.faq{max-width:850px;margin:auto}.faq details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px 18px;margin:9px 0}.faq summary{cursor:pointer;font-weight:800}.cta{padding:42px;border-radius:26px;text-align:center;background:linear-gradient(135deg,#eff6ff,#ecfdf5);border:1px solid var(--line)}
.page-hero{padding:58px 0 42px;background:var(--bg);border-bottom:1px solid var(--line)}.page-hero h1{font-size:3rem;margin:0 0 6px}.page-hero p{color:var(--muted);margin:0}.content{max-width:900px}.content h2{margin-top:34px}.content p,.content li{color:#475569}.footer{background:#0f172a;color:#cbd5e1;padding:50px 0 20px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:35px}.footer h3{color:#fff}.footer a:hover{color:#fff}.copyright{border-top:1px solid #334155;margin-top:30px;padding-top:17px;text-align:center;color:#94a3b8}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.grid,.posts{grid-template-columns:repeat(2,1fr)}.menu-toggle{display:block}.nav{display:none;position:absolute;top:72px;left:14px;right:14px;background:#fff;border:1px solid var(--line);padding:10px;border-radius:16px;box-shadow:0 12px 35px #0f172a18;flex-direction:column;align-items:stretch}.nav.open{display:flex}}
@media(max-width:620px){.grid,.posts,.footer-grid{grid-template-columns:1fr}.hero{padding:58px 0 45px}.section{padding:55px 0}.hero h1{font-size:2.35rem}.page-hero h1{font-size:2.2rem}}

.article-featured{margin-bottom:24px;border-radius:20px;overflow:hidden}.article-content{font-size:1.08rem}.ad-slot{margin:26px 0;padding:24px;border:1px dashed #cbd5e1;border-radius:14px;text-align:center;color:#94a3b8;background:#f8fafc}.content img{border-radius:16px}.admin-note{font-size:.9rem;color:#64748b}

/* v8 UX, accessibility and performance refinements */
.skip-link{position:fixed;inset-inline-start:12px;top:-60px;z-index:100;background:#0f172a;color:#fff;padding:8px 14px;border-radius:10px}.skip-link:focus{top:12px}.btn,.nav a,.tool,.card,button,input,textarea,select{transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background-color .15s ease}.btn:focus-visible,.nav a:focus-visible,.tool:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #93c5fd;outline-offset:2px}.tool:hover{transform:translateY(-2px);box-shadow:0 12px 28px #0f172a0d}.ad-slot{min-height:90px}.footer-ad{margin-top:28px}.content{line-height:1.9}.content h2{scroll-margin-top:90px}.content a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.page-hero .badge{margin-bottom:8px}.posts img{display:block;width:100%;height:100%;object-fit:cover}.thumb img{width:100%;height:100%;object-fit:cover}.nav li{list-style:none}.nav ul{display:flex;gap:5px;margin:0;padding:0;align-items:center}.nav .menu-item>a{padding:8px 12px;border-radius:10px;font-weight:700}.nav .menu-item>a:hover{background:#eff6ff;color:var(--blue)}
@media(max-width:900px){.nav ul{display:flex;flex-direction:column;align-items:stretch}.nav .menu-item>a{display:block}.header-inner{position:relative}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}