/*
Theme Name: سباك الرياض
Theme URI: https://sibak-alriyad.org/
Author: Ibrahim Ammar
Description: قالب عربي متجاوب لخدمات السباكة والصيانة المنزلية في الرياض.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
Text Domain: sabak-alriyadh
Tags: rtl-language-support, custom-logo, custom-menu, featured-images, translation-ready
*/
:root{--primary:#1683d8;--navy:#15385f;--navy-dark:#102d4e;--accent:#f4c72b;--green:#25a866;--bg:#f8fafc;--surface:#fff;--muted:#edf4f8;--text:#17314c;--sub:#60758a;--border:#dce7ee;--radius:8px;--shadow:0 12px 30px rgba(13,45,77,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font-family:"Tajawal",Arial,sans-serif;line-height:1.7}body.admin-bar .site-header{top:32px}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.section{padding:90px 0}.eyebrow{display:block;color:var(--primary);font-weight:800;margin-bottom:6px}.section-title{margin:0;font-size:clamp(30px,4vw,42px);line-height:1.3;font-weight:800}.section-copy{color:var(--sub);max-width:680px;margin:14px 0 0}.btn{display:inline-flex;min-height:52px;align-items:center;justify-content:center;gap:9px;padding:12px 25px;border-radius:var(--radius);font-weight:800;transition:.2s transform,.2s background}.btn:hover{transform:translateY(-2px)}.btn svg,.icon-box svg,.brand-mark svg{width:22px;height:22px}.btn-primary{background:var(--primary);color:#fff}.btn-outline{border:1px solid rgba(255,255,255,.5);background:rgba(255,255,255,.1);color:#fff}.btn-dark{background:var(--navy);color:#fff}.site-header{position:absolute;top:0;inset-inline:0;z-index:30;color:#fff;background:rgba(16,45,78,.92);border-bottom:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px)}.header-inner{height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-mark{width:45px;height:45px;display:grid;place-items:center;flex:none;border-radius:7px;background:var(--primary)}.brand-copy strong,.brand-copy small{display:block}.brand-copy strong{font-size:19px}.brand-copy small{font-size:12px;opacity:.7}.custom-logo{max-height:52px;width:auto}.main-menu{display:flex;list-style:none;gap:30px;padding:0;margin:0;font-size:14px;font-weight:700}.main-menu a:hover{color:var(--accent)}.header-phone{background:var(--accent);color:var(--navy);min-height:46px;padding:9px 18px}.menu-toggle{display:none;background:none;border:0;color:#fff;padding:8px}.menu-toggle svg{width:27px;height:27px}.hero{min-height:760px;position:relative;isolation:isolate;display:flex;align-items:center;padding-top:80px;color:#fff;background-size:cover;background-position:68% center}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(270deg,rgba(16,45,78,.2),rgba(16,45,78,.62) 48%,rgba(16,45,78,.97))}.hero-content{max-width:660px;padding:70px 0}.availability{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.25);background:rgba(16,45,78,.35);padding:7px 16px;border-radius:99px}.hero h1{font-size:clamp(42px,6vw,67px);line-height:1.25;margin:20px 0 15px;font-weight:800}.hero h1 span{color:var(--accent)}.hero p{font-size:19px;line-height:1.9;color:rgba(255,255,255,.84);max-width:590px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.trust-list{display:flex;gap:25px;flex-wrap:wrap;margin-top:32px;font-size:14px;color:rgba(255,255,255,.82)}.trust-list span{display:flex;gap:7px;align-items:center}.trust-list svg{color:var(--accent);width:19px}.popular{background:var(--muted);border-bottom:1px solid var(--border)}.popular-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:38px}.popular-card{display:grid;grid-template-columns:auto 1fr;gap:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:25px}.icon-box{width:50px;height:50px;display:grid;place-items:center;background:var(--primary);color:#fff;border-radius:7px}.popular-card small{color:var(--primary);font-weight:800}.popular-card h3,.service-card h3{margin:5px 0 6px;font-size:19px}.popular-card p,.service-card p{margin:0;color:var(--sub);font-size:14px}.services{background:var(--surface)}.center{text-align:center;margin-inline:auto}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-top:48px}.service-card{background:var(--surface);padding:28px;min-height:285px}.service-card:hover{background:var(--muted)}.service-card .icon-box{background:rgba(22,131,216,.1);color:var(--primary)}.service-card h3{margin-top:20px}.service-link{display:inline-flex;gap:6px;align-items:center;color:var(--primary);font-weight:800;font-size:14px;margin-top:18px}.why{background:var(--navy);color:#fff}.why-grid{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:70px}.why .eyebrow{color:var(--accent)}.why .section-copy{color:rgba(255,255,255,.7)}.rating{display:flex;gap:3px;color:var(--accent);margin-top:25px}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.feature{padding:24px;border-right:2px solid var(--primary);background:rgba(255,255,255,.05)}.feature svg{color:var(--accent);width:28px}.feature h3{margin:12px 0 4px}.feature p{margin:0;color:rgba(255,255,255,.65);font-size:14px}.articles{background:var(--bg)}.articles-heading{display:flex;align-items:end;justify-content:space-between;gap:30px}.all-articles{color:var(--primary);font-weight:800;white-space:nowrap}.articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:42px}.article-card{overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:.2s transform,.2s box-shadow}.article-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.article-image{display:grid;height:205px;place-items:center;overflow:hidden;background:var(--navy);color:var(--accent)}.article-image img{width:100%;height:100%;object-fit:cover}.article-image span svg{width:48px;height:48px}.article-body{padding:22px}.article-body time{font-size:13px;color:var(--sub)}.article-body h3{margin:7px 0;font-size:20px;line-height:1.5}.article-body p{margin:0;color:var(--sub);font-size:14px}.articles-empty{grid-column:1/-1;padding:34px;text-align:center;border:1px dashed var(--border);background:var(--surface);border-radius:var(--radius)}.articles-empty h3{margin:0}.articles-empty p{margin:5px 0 0;color:var(--sub)}.coverage{background:var(--muted)}.coverage-inner,.emergency-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.emergency{background:var(--primary);color:#fff;padding:42px 0}.emergency h2{margin:0}.emergency p{margin:5px 0 0;color:rgba(255,255,255,.8)}.emergency .btn{background:#fff;color:var(--navy)}.site-footer{background:var(--navy-dark);color:#fff;padding:38px 0 100px}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.copyright{font-size:14px;color:rgba(255,255,255,.6)}.fixed-contact{position:fixed;z-index:50;bottom:24px;left:24px;display:flex;flex-direction:column;gap:10px}.fixed-contact .btn{min-height:50px;padding:10px 18px;box-shadow:var(--shadow)}.whatsapp{background:var(--green);color:#fff}.content-page{padding:130px 0 80px;min-height:70vh}.content-page article{max-width:850px;margin:auto}.entry-title{font-size:42px}.entry-content{font-size:18px}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:900px){.main-menu{display:none;position:absolute;top:80px;inset-inline:0;background:var(--navy-dark);padding:20px;flex-direction:column;gap:10px}.main-menu.is-open{display:flex}.menu-toggle{display:block}.services-grid{grid-template-columns:repeat(2,1fr)}.popular-grid,.articles-grid{grid-template-columns:1fr 1fr}.why-grid{grid-template-columns:1fr}.header-phone .phone-number{display:none}}
@media(max-width:600px){body.admin-bar .site-header{top:46px}.container{width:min(100% - 30px,1180px)}.section{padding:62px 0}.site-header .brand-copy small{display:none}.header-inner{gap:8px}.menu-toggle{order:3}.header-phone{padding:9px 12px}.hero{min-height:700px;background-position:70% center}.hero:before{background:rgba(16,45,78,.79)}.hero-content{padding:50px 0}.hero p{font-size:16px}.hero-actions{display:grid}.trust-list{gap:12px}.services-grid,.articles-grid{grid-template-columns:1fr}.articles-heading{align-items:flex-start;flex-direction:column}.service-card{min-height:0}.feature-grid{grid-template-columns:1fr}.coverage-inner,.emergency-inner,.footer-inner{align-items:flex-start;flex-direction:column}.fixed-contact{inset-inline:12px;bottom:12px;display:grid;grid-template-columns:1fr 1fr;background:rgba(255,255,255,.96);padding:8px;border:1px solid var(--border);border-radius:10px}.fixed-contact .btn{padding:9px}.site-footer{padding-bottom:105px}}