/*
Theme Name:   Tanseeq Riyadh Home
Theme URI:    https://tanseeqruh.com/
Description:  قالب ابن لـ Astra — يخصّص الصفحة الرئيسية فقط لموقع شركة تنسيق حدائق بالرياض. كل الأنماط معزولة داخل .rd.
Author:       شركة تنسيق حدائق بالرياض
Template:     astra
Version:      1.0.0
Text Domain:  tanseeqruh-child
*/

/* ==========================================================================
   الهوية: «المثلث النجدي» — شريط مثلثات مستوحى من عمارة الدرعية كفاصل للأقسام
   أخضر النخيل الداكن للهيكل • الرملي الذهبي للعلامة • الحجر الدافئ للخلفيات
   ========================================================================== */

.rd{
  --rd-deep:#12301E; --rd-deep2:#1B4029; --rd-palm:#2C5E3A; --rd-palm2:#3C7A4C;
  --rd-sand:#B8863B; --rd-sand2:#E3BE7C; --rd-sandlt:#F7EFDF;
  --rd-clay:#9C5A34;
  --rd-stone:#F1EEE7; --rd-stone2:#E5E0D5; --rd-paper:#fff;
  --rd-txt:#232A24; --rd-mut:#5D665E; --rd-line:#DCD8CE;
  --rd-ok:#1D6B3F; --rd-no:#A93B26;
  font-family:'Mada','Segoe UI',Tahoma,sans-serif;
  color:var(--rd-txt); line-height:1.95; direction:rtl; text-align:right; background:#fff;
}
.rd *{box-sizing:border-box;}
.rd h1,.rd h2,.rd h3{font-family:'Reem Kufi','Mada',sans-serif;color:var(--rd-deep);line-height:1.55;font-weight:600;}
.rd p{font-size:1.06rem;margin:0 0 17px;}
.rd a{text-decoration:none;transition:.2s;}
.rd img{max-width:100%;height:auto;display:block;}
.rd ul,.rd ol{list-style:none;margin:0;padding:0;}
.rd strong{color:var(--rd-deep);font-weight:700;}
.rd a:focus-visible,.rd button:focus-visible,.rd summary:focus-visible{outline:3px solid var(--rd-sand);outline-offset:3px;}
.rd-w{max-width:1160px;margin:0 auto;padding:0 22px;}
@media (prefers-reduced-motion:reduce){.rd *{animation:none!important;transition:none!important;}}

/* ===== شريط المثلثات النجدي ===== */
.rd-tri{height:18px;
  background:
    repeating-linear-gradient(135deg,var(--rd-sand) 0 2px,transparent 2px 4px) 0 0/100% 100%,
    linear-gradient(var(--rd-sand),var(--rd-sand));
  -webkit-mask:repeating-linear-gradient(90deg,#000 0 0),
    repeating-conic-gradient(from -45deg at 50% 0,#000 0 25%,transparent 0 50%) 0 0/34px 18px;
  -webkit-mask-composite:source-in;
          mask:repeating-conic-gradient(from -45deg at 50% 0,#000 0 25%,transparent 0 50%) 0 0/34px 18px;}
.rd-tri.up{transform:rotate(180deg);}

/* ===== الأقسام ===== */
.rd-s{padding:54px 0;}
.rd-s.stone{background:var(--rd-stone);}
.rd-s.stone2{background:var(--rd-stone2);}
.rd-s.deep{background:var(--rd-deep);color:#CBD8CE;}
.rd-s.deep h2,.rd-s.deep h3{color:#fff;}
.rd-s.deep strong{color:#fff;}
.rd-s.sandy{background:var(--rd-sandlt);}
@media(max-width:820px){.rd-s{padding:36px 0;}}

.rd-head{margin-bottom:26px;max-width:80ch;}
.rd-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:'Reem Kufi',sans-serif;font-size:.85rem;
  color:var(--rd-sand);font-weight:500;margin-bottom:10px;}
.rd-eyebrow::before{content:'';width:14px;height:10px;background:var(--rd-sand);
  clip-path:polygon(50% 0,100% 100%,0 100%);}
.rd-s.deep .rd-eyebrow{color:var(--rd-sand2);}
.rd h2{font-size:1.68rem;margin:0 0 12px;}
.rd-head p{margin:0;color:var(--rd-mut);font-size:1.02rem;}
.rd-s.deep .rd-head p{color:#9DAFA2;}
.rd h3{font-size:1.19rem;margin:28px 0 12px;}
.rd-s>.rd-w>p{max-width:76ch;}

/* ===== روابط النص ===== */
.rd-s p a,.rd-s li a,.rd-s td a,.rd-s figcaption a,.rd-s .rd-a a{
  color:var(--rd-palm);font-weight:700;text-decoration:underline;
  text-decoration-color:rgba(44,94,58,.5);text-decoration-thickness:2px;text-underline-offset:4px;}
.rd-s p a:hover,.rd-s li a:hover,.rd-s td a:hover,.rd-s .rd-a a:hover{
  color:var(--rd-deep);text-decoration-color:currentColor;background:#E9F1EA;}
.rd-s.deep p a,.rd-s.deep li a{color:#EBC98D;text-decoration-color:rgba(235,201,141,.55);}
.rd-s.deep p a:hover,.rd-s.deep li a:hover{color:#F6E0B4;background:rgba(255,255,255,.07);}
.rd-chips a,.rd-rel a,.rd-btn,.rd-wa,.rd-ghost{text-decoration:none;}

/* ===== الهيرو ===== */
.rd-hero{background:linear-gradient(160deg,#153823,#0E2517);color:#fff;padding:56px 0 0;position:relative;overflow:hidden;}
.rd-hero::before{content:'';position:absolute;inset:0;opacity:.5;
  background:repeating-linear-gradient(135deg,rgba(184,134,59,.05) 0 1px,transparent 1px 14px);}
.rd-hero .rd-w{position:relative;z-index:2;}
.rd-split{display:grid;grid-template-columns:1.06fr .94fr;gap:40px;align-items:center;}
@media(max-width:900px){.rd-split{grid-template-columns:1fr;gap:26px;}}
.rd-kicker{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(184,134,59,.55);
  color:var(--rd-sand2);padding:6px 16px;border-radius:3px;font-size:.88rem;font-weight:500;margin-bottom:18px;}
.rd-sq{width:9px;height:9px;background:var(--rd-sand);clip-path:polygon(50% 0,100% 100%,0 100%);flex:none;}
.rd-hero h1{color:#fff;font-size:2.4rem;margin:0 0 14px;max-width:20ch;}
.rd-hero h1 b{display:block;font-weight:400;font-size:.55em;color:#A9BBAF;margin-top:10px;line-height:1.65;}
.rd-lead{font-size:1.09rem;color:#C6D3C9;max-width:58ch;margin-bottom:24px;}
.rd-lead strong{color:#fff;}
.rd-cta{display:flex;gap:11px;flex-wrap:wrap;}
.rd-btn,.rd-wa,.rd-ghost{display:inline-block;padding:14px 30px;border-radius:4px;
  font-family:'Reem Kufi',sans-serif;font-weight:500;font-size:1.02rem;}
.rd-btn{background:var(--rd-sand);color:#1A1206;}
.rd-btn:hover{background:#D0A054;color:#1A1206;}
.rd-wa{background:#0B7A43;color:#fff;}
.rd-wa:hover{background:#095c33;color:#fff;}
.rd-ghost{background:transparent;border:1.5px solid rgba(255,255,255,.35);color:#fff;padding:12.5px 28px;}
.rd-ghost:hover{border-color:var(--rd-sand2);color:var(--rd-sand2);}
.rd-s.stone .rd-btn,.rd-s.sandy .rd-btn,.rd-s.stone2 .rd-btn{background:var(--rd-palm);color:#fff;}
.rd-s.stone .rd-btn:hover{background:var(--rd-deep);}
.rd-shot img{width:100%;aspect-ratio:4/3.3;object-fit:cover;border-radius:4px;border:6px solid rgba(255,255,255,.08);}
@media(max-width:900px){.rd-hero h1{font-size:1.68rem;max-width:none;}
  .rd-btn,.rd-wa,.rd-ghost{width:100%;text-align:center;}}

.rd-stats{background:var(--rd-deep2);}
.rd-stats .rd-w{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:0;}
.rd-stats div{padding:20px 14px;text-align:center;border-left:1px solid rgba(255,255,255,.09);}
.rd-stats div:last-child{border-left:0;}
.rd-stats b{display:block;font-family:'Reem Kufi',sans-serif;color:#fff;font-size:1.32rem;line-height:1.4;}
.rd-stats span{color:#9DAFA2;font-size:.83rem;}
@media(max-width:760px){.rd-stats .rd-w{grid-template-columns:repeat(2,1fr);}
  .rd-stats div:nth-child(2){border-left:0;}}

/* ===== اقتباس ===== */
.rd-q{margin:28px 0;padding:24px 28px;background:var(--rd-sandlt);border-right:4px solid var(--rd-sand);}
.rd-s.deep .rd-q{background:rgba(184,134,59,.13);}
.rd-q p{margin:0;font-family:'Reem Kufi',sans-serif;font-size:1.1rem;color:#7A5A1E;line-height:1.85;}
.rd-s.deep .rd-q p{color:var(--rd-sand2);}

/* ===== تنبيهات ===== */
.rd-note,.rd-warn{border-radius:5px;padding:18px 20px;margin:22px 0;display:flex;gap:13px;align-items:flex-start;}
.rd-note{background:#E9F1EA;border:1px solid #C3DBC9;}
.rd-warn{background:#FBEEE6;border:1px solid #EBCDB8;}
.rd-note p:last-child,.rd-warn p:last-child{margin:0;}
.rd-ic{font-size:1.3rem;flex:none;line-height:1.6;}

/* ===== قوائم ===== */
.rd-tick li{position:relative;padding:9px 28px 9px 0;border-bottom:1px solid var(--rd-line);}
.rd-tick li:last-child{border:0;}
.rd-tick li::before{content:'';position:absolute;right:3px;top:20px;width:12px;height:10px;
  background:var(--rd-palm);clip-path:polygon(50% 0,100% 100%,0 100%);}
.rd-s.deep .rd-tick li{border-color:rgba(255,255,255,.13);}
.rd-s.deep .rd-tick li::before{background:var(--rd-sand);}
.rd-steps{counter-reset:st;}
.rd-steps li{counter-increment:st;position:relative;padding:13px 56px 13px 0;border-bottom:1px solid var(--rd-line);}
.rd-steps li:last-child{border:0;}
.rd-steps li::before{content:counter(st);position:absolute;right:0;top:13px;width:38px;height:38px;
  background:var(--rd-palm);color:#fff;display:grid;place-items:center;
  font-family:'Reem Kufi',sans-serif;font-size:.98rem;
  clip-path:polygon(50% 0,100% 27%,100% 73%,50% 100%,0 73%,0 27%);}
.rd-s.deep .rd-steps li{border-color:rgba(255,255,255,.13);}
.rd-s.deep .rd-steps li::before{background:var(--rd-sand);color:#1A1206;}

/* ===== شبكة الخدمات ===== */
.rd-g{display:grid;gap:14px;}
.rd-g3{grid-template-columns:repeat(3,1fr);}
.rd-g2{grid-template-columns:repeat(2,1fr);}
.rd-g>div{background:#fff;border:1px solid var(--rd-line);border-radius:4px;padding:20px;
  border-top:3px solid var(--rd-palm);}
.rd-s.deep .rd-g>div{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.14);border-top-color:var(--rd-sand);}
.rd-g h3{margin:0 0 6px;font-size:1.05rem;}
.rd-g p{font-size:.96rem;color:var(--rd-mut);margin:0;}
.rd-s.deep .rd-g p{color:#9DAFA2;}
.rd-pr{display:inline-block;font-family:'Reem Kufi',sans-serif;font-size:.85rem;color:#7A5A1E;
  background:var(--rd-sandlt);padding:2px 10px;border-radius:3px;margin-bottom:7px;}
.rd-s.deep .rd-pr{color:var(--rd-sand2);background:rgba(184,134,59,.16);}
@media(max-width:860px){.rd-g3{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.rd-g3,.rd-g2{grid-template-columns:1fr;}}

/* ===== جداول ===== */
.rd-t{width:100%;border-collapse:collapse;margin:20px 0;font-size:.99rem;background:#fff;}
.rd-t thead th{background:var(--rd-deep);color:#fff;font-family:'Reem Kufi',sans-serif;font-weight:500;
  padding:13px 12px;text-align:right;font-size:.96rem;}
.rd-t td{padding:12px;border-bottom:1px solid var(--rd-line);vertical-align:top;color:var(--rd-txt);}
.rd-t tbody tr:nth-child(even) td{background:#FBFAF7;}
.rd-t .p{color:#7A5A1E;font-weight:700;white-space:nowrap;}
.rd-t .ok{color:var(--rd-ok);font-weight:700;}
.rd-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;}
@media(max-width:640px){.rd-t{font-size:.91rem;} .rd-t td,.rd-t thead th{padding:9px 8px;}}

/* ===== مقارنة ===== */
.rd-cmp{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0;}
@media(max-width:700px){.rd-cmp{grid-template-columns:1fr;}}
.rd-cmp>div{border-radius:4px;padding:22px;background:#fff;border:1px solid;}
.rd-yes{border-color:#C3DBC9;} .rd-no{border-color:#EBC6BC;}
.rd-cmp h3{margin:0 0 12px;font-size:1.03rem;}
.rd-yes h3{color:var(--rd-ok);} .rd-no h3{color:var(--rd-no);}
.rd-cmp li{padding:8px 25px 8px 0;position:relative;font-size:.97rem;}
.rd-yes li::before{content:'✓';position:absolute;right:0;color:var(--rd-ok);font-weight:700;}
.rd-no li::before{content:'✕';position:absolute;right:0;color:var(--rd-no);font-weight:700;}

/* ===== صور ===== */
.rd-fig{margin:0;}
.rd-fig img{width:100%;border-radius:4px;border:1px solid var(--rd-line);}
.rd-fig figcaption{margin-top:11px;font-size:.92rem;color:var(--rd-mut);}
.rd-two{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:center;}
.rd-two.rev>.rd-fig{order:-1;}
@media(max-width:820px){.rd-two{grid-template-columns:1fr;}}

/* ===== الحاسبة ===== */
.rd-calc{background:#fff;border:1px solid var(--rd-line);border-radius:5px;padding:28px;border-top:4px solid var(--rd-sand);}
.rd-s.deep .rd-calc{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.14);}
.rd-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:18px 0;}
@media(max-width:700px){.rd-fields{grid-template-columns:1fr;} .rd-calc{padding:20px 16px;}}
.rd-f label{display:block;font-family:'Reem Kufi',sans-serif;margin-bottom:7px;font-size:.94rem;color:var(--rd-deep);}
.rd-s.deep .rd-f label{color:#fff;}
.rd-f select,.rd-f input{width:100%;padding:12px 14px;border-radius:4px;border:1px solid var(--rd-line);
  background:#fff;color:var(--rd-txt);font-family:inherit;font-size:1rem;}
.rd-s.deep .rd-f select,.rd-s.deep .rd-f input{background:var(--rd-deep);border-color:rgba(255,255,255,.18);color:#fff;}
.rd-f select:focus,.rd-f input:focus{outline:none;border-color:var(--rd-sand);}
.rd-calc button{background:var(--rd-palm);color:#fff;border:0;border-radius:4px;padding:14px 34px;
  font-family:'Reem Kufi',sans-serif;font-size:1.02rem;cursor:pointer;width:100%;}
.rd-calc button:hover{background:var(--rd-deep);}
.rd-out{margin-top:20px;background:var(--rd-sandlt);border:1px solid #E7D9BC;border-radius:4px;padding:20px;display:none;}
.rd-s.deep .rd-out{background:var(--rd-deep);border-color:rgba(255,255,255,.14);}
.rd-out.on{display:block;}
.rd-out .big{font-family:'Reem Kufi',sans-serif;font-size:1.9rem;color:#7A5A1E;display:block;line-height:1.4;}
.rd-s.deep .rd-out .big{color:var(--rd-sand2);}
.rd-out .row{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #E7D9BC;font-size:.96rem;}
.rd-s.deep .rd-out .row{border-color:rgba(255,255,255,.13);color:#CBD8CE;}
.rd-out .row:last-of-type{border:0;}
.rd-out small{color:var(--rd-mut);display:block;margin-top:12px;font-size:.88rem;}
.rd-s.deep .rd-out small{color:#9DAFA2;}

/* ===== المناطق والروابط ===== */
.rd-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;}
.rd-chips a,.rd-chips span{display:inline-block;padding:8px 15px;background:#fff;border:1px solid var(--rd-line);
  border-radius:3px;color:var(--rd-txt);font-size:.93rem;}
.rd-chips a:hover{background:var(--rd-palm);color:#fff;border-color:var(--rd-palm);}
.rd-chips span{color:var(--rd-mut);}
.rd-rel{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
@media(max-width:860px){.rd-rel{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.rd-rel{grid-template-columns:1fr;}}
.rd-rel a{display:block;padding:13px 15px;background:#fff;border:1px solid var(--rd-line);border-radius:4px;
  color:var(--rd-txt);font-size:.95rem;border-right:3px solid var(--rd-sand);}
.rd-rel a:hover{border-color:var(--rd-palm);border-right-color:var(--rd-palm);color:var(--rd-palm);}

/* ===== الأسئلة ===== */
.rd-faq details{border-bottom:1px solid var(--rd-line);}
.rd-faq summary{cursor:pointer;padding:17px 0;font-family:'Reem Kufi',sans-serif;
  color:var(--rd-deep);list-style:none;display:flex;justify-content:space-between;gap:14px;align-items:center;font-size:1.02rem;}
.rd-faq summary::-webkit-details-marker{display:none;}
.rd-faq summary::after{content:'';width:13px;height:10px;background:var(--rd-sand);flex:none;
  clip-path:polygon(50% 100%,100% 0,0 0);transition:.2s;}
.rd-faq details[open] summary::after{transform:rotate(180deg);}
.rd-faq .rd-a{padding:0 0 19px;max-width:80ch;}
.rd-faq .rd-a p:last-child{margin:0;}

/* ===== القاموس ===== */
.rd-dl{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}
@media(max-width:700px){.rd-dl{grid-template-columns:1fr;}}
.rd-dl>div{background:#fff;border:1px solid var(--rd-line);border-radius:4px;padding:15px 17px;}
.rd-dl b{display:block;font-family:'Reem Kufi',sans-serif;color:var(--rd-palm);margin-bottom:3px;}
.rd-dl span{font-size:.94rem;color:var(--rd-mut);}

/* ===== النداء الأخير ===== */
.rd-final{background:linear-gradient(160deg,#1B4029,#0E2517);color:#fff;border-radius:5px;padding:46px 38px;text-align:center;}
.rd-final h2{color:#fff;}
.rd-final p{color:#C6D3C9;max-width:60ch;margin:0 auto 24px;}
.rd-final .rd-cta{justify-content:center;}
@media(max-width:700px){.rd-final{padding:30px 20px;}}

/* ===== المصادر ===== */
.rd-src{font-size:.93rem;color:var(--rd-mut);}
.rd-disc{background:var(--rd-stone);border:1px solid var(--rd-line);border-radius:4px;padding:16px 19px;
  font-size:.9rem;color:var(--rd-mut);margin-top:18px;}

/* ===== شريط الجوال ===== */
.rd-bar{display:none;}
@media(max-width:820px){
  .rd-bar{display:grid;grid-template-columns:1fr 1fr;gap:8px;position:fixed;bottom:0;right:0;left:0;z-index:9999;
    background:rgba(18,48,30,.97);padding:9px;}
  .rd-bar a{padding:12px;border-radius:4px;text-align:center;font-family:'Reem Kufi',sans-serif;font-size:.96rem;}
  .rd-bar .c{background:var(--rd-sand);color:#1A1206;}
  .rd-bar .w{background:#0B7A43;color:#fff;}
  .rd-end{padding-bottom:84px;}
}
