/* Theme Name: رواد الخليج Theme URI: https://example.com/rawad-al-khaleej Author: رواد الخليج Description: قالب عربي متجاوب لشركات تنظيف وعزل خزانات المياه في جدة، قابل للتخصيص ومتوافق مع محركات البحث. Version: 1.0.0 Requires at least: 6.2 Tested up to: 6.7 Requires PHP: 7.4 Text Domain: rawad-al-khaleej Tags: rtl-language-support, custom-logo, custom-colors, custom-menu, featured-images, blog, one-column License: GNU General Public License v2 or later License URI: https://www.gnu.org/licenses/gpl-2.0.html */ :root{--rawad-bg:#f2f7f8;--rawad-text:#16323b;--rawad-primary:#0e7490;--rawad-deep:#0c4a5e;--rawad-aqua:#5eead4;--rawad-white:#fff;--rawad-success:#10b981;--rawad-gold:#f5c451;--rawad-radius:16px;--rawad-shadow:0 18px 50px rgba(12,74,94,.12);--rawad-container:1160px} *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--rawad-bg);color:var(--rawad-text);font-family:"IBM Plex Sans Arabic",Tahoma,Arial,sans-serif;line-height:1.75;overflow-x:hidden}body.admin-bar .site-header{top:32px}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button,input,select,textarea{font:inherit}.container{width:min(var(--rawad-container),calc(100% - 40px));margin-inline:auto}.section{padding:88px 0}.section-sm{padding:52px 0}.heading-font,h1,h2,h3,h4{font-family:"Alexandria",Tahoma,sans-serif;letter-spacing:0}.section-kicker{display:block;color:var(--rawad-primary);font-size:.9rem;font-weight:700;margin-bottom:8px}.section-title{font-size:clamp(1.8rem,4vw,2.75rem);line-height:1.35;margin:0}.section-copy{color:color-mix(in srgb,var(--rawad-text) 65%,transparent);max-width:650px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:12px 22px;font-weight:700;cursor:pointer;transition:.25s ease}.btn-primary{background:var(--rawad-primary);color:var(--rawad-white);box-shadow:0 12px 28px color-mix(in srgb,var(--rawad-primary) 25%,transparent)}.btn-primary:hover{background:var(--rawad-deep);transform:translateY(-2px)}.btn-light{background:color-mix(in srgb,var(--rawad-white) 72%,transparent);color:var(--rawad-deep);border:1px solid color-mix(in srgb,var(--rawad-primary) 18%,transparent);backdrop-filter:blur(12px)}.btn-whatsapp{background:var(--rawad-success);color:var(--rawad-white)}.icon{width:18px;height:18px;fill:currentColor}.glass{background:color-mix(in srgb,var(--rawad-white) 70%,transparent);border:1px solid color-mix(in srgb,var(--rawad-white) 80%,transparent);backdrop-filter:blur(15px);box-shadow:var(--rawad-shadow)} .site-header{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--rawad-white) 72%,transparent);border-bottom:1px solid color-mix(in srgb,var(--rawad-white) 80%,transparent);backdrop-filter:blur(18px)}.header-inner{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:12px;min-width:220px}.brand-mark,.custom-logo{width:46px;height:46px;border-radius:14px;object-fit:cover}.brand-mark{display:grid;place-items:center;background:var(--rawad-primary);color:var(--rawad-white);font:bold 18px Alexandria}.brand-title{font-family:Alexandria;font-weight:700;line-height:1.2}.brand-subtitle{display:block;font-size:.72rem;opacity:.6}.main-menu{display:flex;gap:26px;list-style:none;padding:0;margin:0;font-size:.92rem}.main-menu a:hover{color:var(--rawad-primary)}.header-actions{display:flex;gap:8px}.menu-toggle{display:none;background:none;border:0;color:var(--rawad-deep);font-size:1.6rem} .hero{position:relative;padding:78px 0 92px}.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;filter:blur(75px);pointer-events:none;z-index:-1}.hero:before{width:430px;height:430px;background:color-mix(in srgb,var(--rawad-aqua) 30%,transparent);right:-120px;top:-140px}.hero:after{width:460px;height:460px;background:color-mix(in srgb,var(--rawad-primary) 18%,transparent);left:-180px;top:300px}.hero-grid{display:grid;grid-template-columns:7fr 5fr;gap:60px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:7px 15px;color:var(--rawad-primary);font-size:.8rem;font-weight:700}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--rawad-success)}.hero h1{font-size:clamp(2.45rem,5vw,4.1rem);line-height:1.22;color:var(--rawad-deep);margin:24px 0 18px;max-width:780px}.hero-copy{font-size:1.15rem;max-width:640px;color:color-mix(in srgb,var(--rawad-text) 70%,transparent)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.hero-media{position:relative}.hero-media img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--rawad-radius);box-shadow:var(--rawad-shadow)}.floating-stat{position:absolute;border-radius:var(--rawad-radius);padding:14px 18px;animation:floaty 6s ease-in-out infinite}.floating-stat.bottom{bottom:-25px;right:-25px}.floating-stat.top{top:-22px;left:-22px;animation-delay:-2s}.floating-stat strong{display:block;font:700 1.5rem Alexandria;color:var(--rawad-deep)} .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat-card{border-radius:var(--rawad-radius);padding:23px}.stat-card strong{display:block;font:700 2rem Alexandria;color:var(--rawad-deep)}.stat-card span{font-size:.88rem;opacity:.65}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}.service-card{border-radius:var(--rawad-radius);padding:28px;transition:.3s ease}.service-card:hover{transform:translateY(-7px);border-color:color-mix(in srgb,var(--rawad-primary) 35%,transparent)}.service-icon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:color-mix(in srgb,var(--rawad-primary) 10%,transparent);color:var(--rawad-primary);font-size:1.4rem}.service-card h3{font-size:1.05rem;margin:18px 0 8px}.service-card p{font-size:.9rem;opacity:.65;margin:0}.emergency-card{background:var(--rawad-primary);color:var(--rawad-white)}.emergency-card h3{font-size:1.45rem}.emergency-card p{opacity:.8}.emergency-card .btn{margin-top:18px;background:var(--rawad-white);color:var(--rawad-primary)} .feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}.feature-image img{width:100%;aspect-ratio:5/4;object-fit:cover;border-radius:var(--rawad-radius);box-shadow:var(--rawad-shadow)}.check-list{list-style:none;padding:0;margin:26px 0 0}.check-list li{display:flex;gap:12px;align-items:flex-start;margin:14px 0}.check{flex:0 0 23px;height:23px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--rawad-success) 15%,transparent);color:var(--rawad-success);font-weight:900}.process{background:var(--rawad-deep);color:var(--rawad-white)}.process .section-kicker{color:var(--rawad-aqua)}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:42px}.process-step{position:relative}.process-number{font:700 3rem Alexandria;color:color-mix(in srgb,var(--rawad-aqua) 65%,transparent)}.process-step h3{margin:4px 0}.process-step p{opacity:.65;font-size:.9rem}.areas-testimonial{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:stretch}.area-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.area-tags span{padding:8px 15px;border-radius:999px}.testimonial{background:var(--rawad-deep);color:var(--rawad-white);border-radius:var(--rawad-radius);padding:32px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--rawad-shadow)}.testimonial blockquote{font-size:1.2rem;margin:0;line-height:2}.testimonial-meta{display:flex;align-items:center;gap:12px;margin-top:24px}.avatar{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.12)}.stars{margin-right:auto;color:var(--rawad-gold)} .faq-list{max-width:820px;margin:38px auto 0}.faq-list details{border-radius:var(--rawad-radius);padding:19px 22px;margin:12px 0}.faq-list summary{cursor:pointer;font-weight:700;list-style:none;display:flex;justify-content:space-between}.faq-list summary:after{content:"+";color:var(--rawad-primary);font-size:1.3rem}.faq-list details[open] summary:after{content:"−"}.faq-list p{opacity:.68}.quote-box{position:relative;overflow:hidden;background:var(--rawad-primary);color:var(--rawad-white);border-radius:24px;padding:50px;box-shadow:0 24px 60px color-mix(in srgb,var(--rawad-primary) 28%,transparent)}.quote-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.quote-box .section-copy{color:rgba(255,255,255,.78)}.quote-form{display:grid;gap:12px}.quote-form input,.quote-form select,.quote-form textarea{width:100%;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.11);color:var(--rawad-white);border-radius:12px;padding:13px 15px;outline:0}.quote-form option{color:var(--rawad-text);background:var(--rawad-white)}.quote-form ::placeholder{color:rgba(255,255,255,.62)}.quote-form button{background:var(--rawad-white);color:var(--rawad-primary);border-radius:12px}.site-footer{background:var(--rawad-deep);color:rgba(255,255,255,.75);padding:64px 0 94px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:45px}.site-footer h3,.site-footer h4{color:var(--rawad-white)}.site-footer ul{list-style:none;padding:0}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:22px;margin-top:38px;font-size:.8rem;display:flex;justify-content:space-between}.contact-dock{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:90;width:min(620px,calc(100% - 28px));display:flex;gap:8px;border-radius:999px;padding:8px}.contact-dock .btn{flex:1}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.content-page{padding:70px 0;min-height:60vh}.entry-card{padding:30px;border-radius:var(--rawad-radius);margin-bottom:22px}.entry-card h2{margin-top:0}.pagination{display:flex;gap:8px;margin-top:25px}.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px)} @keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}} @media(max-width:900px){.main-menu{display:none;position:absolute;top:74px;right:20px;left:20px;background:var(--rawad-white);padding:18px;border-radius:14px;box-shadow:var(--rawad-shadow);flex-direction:column}.main-menu.open{display:flex}.menu-toggle{display:block}.header-phone{display:none}.hero-grid,.feature-grid,.areas-testimonial,.quote-grid{grid-template-columns:1fr}.hero-copy{font-size:1rem}.hero-media{max-width:560px;margin:auto}.stats-grid,.process-grid{grid-template-columns:repeat(2,1fr)}.services-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.footer-about{grid-column:1/-1}} @media(max-width:600px){body.admin-bar .site-header{top:0}.container{width:min(100% - 28px,var(--rawad-container))}.section{padding:65px 0}.header-inner{min-height:68px}.brand{min-width:0}.brand-subtitle{display:none}.header-actions .btn{padding:10px 13px}.hero{padding-top:52px}.hero h1{font-size:2.35rem}.floating-stat{padding:10px 12px}.floating-stat.bottom{right:-6px}.floating-stat.top{left:-6px}.stats-grid,.services-grid,.process-grid{grid-template-columns:1fr}.stat-card{text-align:center}.quote-box{padding:28px 20px}.footer-grid{grid-template-columns:1fr}.footer-about{grid-column:auto}.footer-bottom{display:block}.contact-dock .btn{padding:11px 12px;font-size:.82rem}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.floating-stat{animation:none}.reveal{opacity:1;transform:none;transition:none}}