/*
Theme Name: rawae-nature-html
Text Domain: rawae-nature-html
Description: قالب HTML CSS مباشر مطابق لملف روائع الطبيعة الجميلة
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
WPVibe: yes
*/
:root{--ink:#07150e;--forest:#0d2b1d;--leaf:#17613f;--gold:#d7b766;--paper:#f5f1e8;--muted:#b8c7bd;--line:rgba(255,255,255,.13)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:"Cairo",system-ui,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;width:100%}.container{width:min(1180px,calc(100% - 40px));margin:auto}.nav{position:fixed;z-index:50;inset:18px 0 auto}.navbox{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;border:1px solid var(--line);border-radius:20px;background:rgba(7,21,14,.78);backdrop-filter:blur(18px);box-shadow:0 18px 60px rgba(0,0,0,.25)}.brand{display:flex;align-items:center;gap:12px;font-weight:800}.mark{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:var(--ink);background:linear-gradient(135deg,#f2da8f,var(--gold));font:900 22px serif}.links{display:flex;gap:26px;font-size:14px}.links a{color:#dce7df;position:relative}.links a:hover,.links a.active{color:var(--gold)}.links a.active:after{content:"";position:absolute;height:2px;background:var(--gold);inset:auto 0 -9px}.actions{display:flex;gap:9px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:13px 22px;border:1px solid var(--line);font-weight:700;cursor:pointer}.btn.gold{background:linear-gradient(135deg,#f1d98d,#bd9137);color:var(--ink);border:0;box-shadow:0 12px 35px rgba(215,183,102,.18)}.menu{display:none;background:none;color:white;border:0;font-size:25px}.hero,.pagehero{position:relative;isolation:isolate;overflow:hidden}.hero{min-height:100vh;display:grid;align-items:end;padding:160px 0 74px}.pagehero{min-height:58vh;display:grid;align-items:end;padding:160px 0 70px}.hero:before,.pagehero:before{content:"";position:absolute;z-index:-2;inset:0;background:var(--photo) center/cover}.hero:after,.pagehero:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(4,14,9,.95),rgba(4,14,9,.25)),linear-gradient(0deg,var(--ink),transparent 60%)}.eyebrow{color:var(--gold);font-size:12px;font-weight:800;letter-spacing:2px}.hero h1,.pagehero h1{font-size:clamp(44px,7vw,92px);line-height:1.02;margin:16px 0 22px;max-width:850px}.pagehero h1{font-size:clamp(42px,6vw,76px)}.lead{font-size:clamp(17px,2vw,24px);color:#e6eee8;line-height:1.9;max-width:720px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:55px;max-width:700px}.stat,.glass{border:1px solid var(--line);background:rgba(255,255,255,.065);backdrop-filter:blur(14px);border-radius:24px}.stat{padding:18px}.stat b{font-size:29px;color:var(--gold);display:block}.stat span{font-size:12px;color:#d5dfd8}.section{padding:105px 0}.section.alt{background:#0b2217}.head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:45px}.head h2{font-size:clamp(32px,4vw,52px);margin:8px 0}.head p{color:var(--muted);max-width:620px;line-height:1.9}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{border:1px solid var(--line);border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025));overflow:hidden;transition:.35s}.card:hover{transform:translateY(-7px);border-color:rgba(215,183,102,.55)}.card img{height:220px;object-fit:cover}.card-body{padding:25px}.card h3{margin:0 0 11px;font-size:21px}.card p,.copy{color:var(--muted);line-height:1.9}.number{font:800 12px system-ui;color:var(--gold);letter-spacing:2px}.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.split img{height:570px;object-fit:cover;border-radius:32px}.quote{font-size:26px;line-height:1.8;border-right:3px solid var(--gold);padding-right:24px}.steps{counter-reset:x}.step{padding:28px}.step:before{counter-increment:x;content:"0" counter(x);color:var(--gold);font-weight:800}.pill-list{display:flex;flex-wrap:wrap;gap:10px}.pill{padding:10px 16px;border-radius:999px;border:1px solid var(--line);color:#d7e3da}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:25px}.projects-table{border-collapse:collapse;width:100%;min-width:760px}.projects-table th{position:sticky;top:0;background:#173e2a;color:var(--gold);text-align:right;padding:17px}.projects-table td{padding:16px;border-top:1px solid rgba(255,255,255,.08);color:#dce6df}.projects-table tr:hover td{background:rgba(255,255,255,.04)}.filters{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:22px}.filter{font:inherit;color:white;background:transparent;border:1px solid var(--line);border-radius:999px;padding:9px 16px}.filter.active{background:var(--gold);color:var(--ink)}.gallery{display:grid;grid-template-columns:1.15fr .85fr .85fr;grid-auto-rows:260px;gap:15px}.gallery img{height:100%;object-fit:cover;border-radius:22px}.gallery img:first-child{grid-row:span 2}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px}.contact-card{padding:34px}.contact-line{padding:20px 0;border-bottom:1px solid var(--line)}label{font-size:13px;color:var(--muted)}input,textarea,select{width:100%;margin:8px 0 17px;background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:14px;padding:15px;color:white;font:inherit;outline:none}input:focus,textarea:focus{border-color:var(--gold)}footer{padding:35px 0;border-top:1px solid var(--line);color:#9fb0a4}.foot{display:flex;justify-content:space-between;gap:20px}.reveal{opacity:0;transform:translateY(24px);transition:.7s}.reveal.in{opacity:1;transform:none}@media(max-width:900px){.links{display:none;position:absolute;top:70px;right:20px;left:20px;flex-direction:column;padding:22px;border:1px solid var(--line);border-radius:18px;background:#0b2217}.links.open{display:flex}.menu{display:block}.nav .btn.gold{display:none}.grid3,.grid4{grid-template-columns:repeat(2,1fr)}.split,.contact-grid{grid-template-columns:1fr}.gallery{grid-template-columns:1fr 1fr}.gallery img:first-child{grid-row:auto;grid-column:span 2}.head{display:block}}@media(max-width:600px){.container{width:min(100% - 26px,1180px)}.section{padding:76px 0}.grid3,.grid4,.stats{grid-template-columns:1fr}.hero h1{font-size:45px}.pagehero{min-height:52vh}.split img{height:390px}.gallery{display:block}.gallery img{margin-bottom:12px;height:260px}.foot{display:block}.actions .btn:not(.menu){display:none}}