/* ===== توحيد صفحات الخدمات والمدن (tlp-*) مع طابع "حدائق الرياض ليلًا" ===== */
/* full-width layout: these pages draw their own sections */
body.tq-tlp .site-main,body.tq-tlp .page-content,body.tq-tlp .site-main>article,body.tq-tlp .page{max-width:none!important;width:100%!important;margin:0!important;padding:0!important}
body.tq-tlp .page-header{display:none}
body.tq-tlp .tq-crumbs{display:none}
body.tq-tlp.tq-light{background:var(--page)}

body .tlp-page{--g:#1F6B47;--g2:#17241F;--leaf:#5FCB8A;--sand:#E8A947;--ink:#17241F;--muted:#4A5C56;--cream:#F2F5F1;--line:#DCE4DF;
  font-family:var(--font)!important;font-weight:300;color:var(--ink);line-height:1.9;font-size:18px;background:var(--page)}
body .tlp-page h1,body .tlp-page h2,body .tlp-page h3,body .tlp-page h4{font-family:var(--font)!important;font-weight:700;color:var(--ink);letter-spacing:0}
body .tlp-page h2{font-size:clamp(26px,3.6vw,40px)}
body .tlp-page .tlp-lead{color:var(--ink-2)}
body .tlp-page a:not(.tlp-btn){color:#1F6B47}
body .tlp-page .tlp-wrap{width:min(1200px,calc(100% - 32px))}
body .tlp-page .tlp-section{padding:clamp(56px,7vw,96px) 0;background:var(--page)}
body .tlp-page .tlp-soft{background:#E9EFEA}

/* eyebrow: quiet amber chip (no dot) */
body .tlp-page .tlp-eyebrow{background:rgba(232,169,71,.14);color:#8A5A0E;border:0;border-radius:999px;font-weight:500;font-size:14px;padding:4px 12px}
body .tlp-page .tlp-eyebrow:before{display:none}

/* ---- HERO: night photo + warm ground light, same as the homepage ---- */
body .tlp-page .tlp-hero{position:relative;isolation:isolate;min-height:min(86vh,760px);align-items:flex-end;
  background-color:var(--night)!important;background-image:var(--tq-hero)!important;background-size:cover!important;background-position:center!important;color:var(--moon);overflow:hidden;padding:150px 0 clamp(48px,8vh,96px)}
body .tlp-page .tlp-hero::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(270deg,rgba(12,27,30,.92) 0%,rgba(12,27,30,.62) 50%,rgba(12,27,30,.3) 100%),linear-gradient(180deg,rgba(12,27,30,.55) 0%,transparent 30%,rgba(12,27,30,.85) 100%)}
body .tlp-page .tlp-hero::after{content:"";position:absolute;z-index:0;left:50%;bottom:-180px;width:min(1100px,140vw);height:420px;transform:translateX(-50%);
  background:radial-gradient(closest-side,rgba(246,195,106,.5),rgba(232,169,71,.16) 55%,transparent 75%);animation:tq-dawn 2.2s cubic-bezier(.2,.7,.2,1) both;pointer-events:none}
body .tlp-page .tlp-hero .tlp-wrap{position:relative;z-index:2}
body .tlp-page .tlp-hero h1{color:var(--moon);font-size:clamp(34px,5.8vw,68px);line-height:1.15;max-width:16ch;text-shadow:0 0 40px rgba(246,195,106,.35)}
body .tlp-page .tlp-hero .tlp-lead{color:#D6E2DE;font-size:clamp(17px,1.8vw,20px)}
body .tlp-page .tlp-hero .tlp-eyebrow{background:rgba(232,169,71,.18);color:var(--lantern-hi)}
body .tlp-page .tlp-crumbs,body .tlp-page .tlp-crumbs a{color:var(--mist)}
body .tlp-page .tlp-pill{background:rgba(255,255,255,.06);border-color:var(--line);color:var(--moon)}
body.tq-dark .tq-header,body.tq-tlp .tq-header{background:rgba(12,27,30,0)}
body.tq-tlp .tq-header{margin-bottom:-82px}
body.tq-tlp .tq-header.is-solid{background:rgba(12,27,30,.94)}

/* ---- buttons -> site buttons ---- */
body .tlp-page .tlp-btn{min-height:48px;border-radius:999px!important;font:700 16px/1 var(--font)!important;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;box-shadow:none;transition:background .2s,box-shadow .2s;text-decoration:none!important}
body .tlp-page .tlp-btn-primary,body .tlp-page .tlp-btn-light{background:var(--lantern)!important;color:#1A1405!important;border:0!important}
body .tlp-page .tlp-btn-primary:hover,body .tlp-page .tlp-btn-light:hover{background:var(--lantern-hi)!important;box-shadow:0 0 0 6px rgba(232,169,71,.18)}
body .tlp-page .tlp-btn-green,body .tlp-page a.tlp-btn[href*="wa.me"]{background:#1FAE5B!important;color:#fff!important;border:0!important}
body .tlp-page .tlp-btn-ghost{background:transparent!important;color:inherit!important;box-shadow:inset 0 0 0 1.5px currentColor!important;border:0!important}
body .tlp-page .tlp-hero .tlp-btn-ghost{color:var(--moon)!important}

/* ---- cards: same family as homepage cards, warm glow on hover ---- */
body .tlp-page .tlp-card,body .tlp-page .tlp-step,body .tlp-page .tlp-spec,body .tlp-page .tlp-factor,body .tlp-page .tlp-option,body .tlp-page .tlp-answer-card,body .tlp-page .tlp-area,body .tlp-page .tlp-proof-card,body .tlp-page .tlp-note{
  position:relative;isolation:isolate;overflow:hidden;background:var(--paper);border:1px solid var(--rule)!important;border-radius:var(--r-m)!important;box-shadow:none!important;transition:border-color .3s,transform .3s}
body .tlp-page .tlp-card::before,body .tlp-page .tlp-step::before,body .tlp-page .tlp-factor::before{content:"";position:absolute;inset:auto -20% -70% -20%;height:90%;z-index:-1;background:radial-gradient(closest-side,rgba(246,195,106,.35),transparent);opacity:0;transition:opacity .35s}
body .tlp-page .tlp-card:hover,body .tlp-page .tlp-step:hover,body .tlp-page .tlp-factor:hover{border-color:rgba(232,169,71,.6)!important;transform:translateY(-3px)}
body .tlp-page .tlp-card:hover::before,body .tlp-page .tlp-step:hover::before,body .tlp-page .tlp-factor:hover::before{opacity:1}
body .tlp-page .tlp-icon{background:var(--night)!important;color:var(--lantern-hi)!important;border-radius:12px!important;border:0!important}
body .tlp-page .tlp-step b,body .tlp-page .tlp-step strong:first-child,body .tlp-page .tlp-step .tlp-num,body .tlp-page .tlp-step>span:first-child{color:#B87A1E!important}
body .tlp-page .tlp-check,body .tlp-page .tlp-list li::marker{color:#1F6B47}
body .tlp-page .tlp-image img,body .tlp-page img{border-radius:var(--r-m)}

/* featured option card -> night card */
body .tlp-page .tlp-option.featured{background:var(--night)!important;color:var(--moon)!important;border-color:rgba(232,169,71,.45)!important}
body .tlp-page .tlp-option.featured h3,body .tlp-page .tlp-option.featured strong{color:var(--moon)!important}
body .tlp-page .tlp-option.featured p,body .tlp-page .tlp-option.featured li{color:var(--mist)!important}

/* ---- night bands: band, final box ---- */
body .tlp-page .tlp-band,body .tlp-page .tlp-finalbox{background:var(--night)!important;background-image:none!important;color:var(--moon)!important;border-radius:var(--r-l)!important;position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(232,169,71,.25)}
body .tlp-page .tlp-band::after,body .tlp-page .tlp-finalbox::after{content:"";position:absolute;inset:auto 0 -140px 0;height:240px;z-index:-1;background:radial-gradient(closest-side,rgba(232,169,71,.35),transparent)}
body .tlp-page .tlp-band h2,body .tlp-page .tlp-band h3,body .tlp-page .tlp-finalbox h2,body .tlp-page .tlp-finalbox h3{color:var(--moon)!important}
body .tlp-page .tlp-band p,body .tlp-page .tlp-finalbox p,body .tlp-page .tlp-band .tlp-lead,body .tlp-page .tlp-finalbox .tlp-lead{color:var(--mist)!important}
body .tlp-page .tlp-band .tlp-eyebrow,body .tlp-page .tlp-finalbox .tlp-eyebrow{background:rgba(232,169,71,.18);color:var(--lantern-hi)}
body .tlp-page .tlp-band a:not(.tlp-btn),body .tlp-page .tlp-finalbox a:not(.tlp-btn){color:var(--lantern-hi)}

/* inline link chips */
body .tlp-page .tlp-inline-links a{display:inline-block;padding:6px 14px;margin:4px;border-radius:999px;border:1px solid var(--rule);background:var(--paper)}
body .tlp-page .tlp-inline-links a:hover{border-color:var(--lantern)}

/* FAQ (Rank Math block) -> site FAQ */
body .tlp-page .rank-math-faq-item{border:0;border-bottom:1px solid var(--rule);border-radius:0!important;background:transparent!important;padding:14px 0!important;margin:0!important;box-shadow:none!important}
body .tlp-page .rank-math-question{font-size:19px!important;font-weight:700;color:var(--ink)!important;margin:0 0 6px!important}
body .tlp-page .rank-math-answer{color:var(--ink-2)}

/* offer card injected before the final section */
.tq-tlp-offer{width:min(1200px,calc(100% - 32px));margin:0 auto;padding:clamp(32px,5vw,56px) 0 0}

@media (max-width:767px){
  body .tlp-page{font-size:17px}
  body .tlp-page .tlp-hero::before{background:linear-gradient(180deg,rgba(12,27,30,.7),rgba(12,27,30,.82) 40%,rgba(12,27,30,.95))}
  body .tlp-page .tlp-hero{min-height:auto;padding:120px 0 48px}
}

/* site components placed inside these pages keep their own colors */
body .tlp-page .tq-offer h3,body .tlp-page .tq-cta h3{color:var(--moon)!important}
body .tlp-page .tq-offer p,body .tlp-page .tq-cta p{color:var(--mist)!important}
body .tlp-page .tq-offer__until{color:var(--mist)!important}
body .tlp-page .tq-offer{max-width:640px}

/* plain text pages: comfortable reading column */
body .tlp-page .tq-prose{max-width:820px}
body .tlp-page .tq-prose h2{margin:40px 0 12px}
body .tlp-page .tq-prose table{width:100%;border-collapse:collapse;background:var(--paper);border-radius:var(--r-m);overflow:hidden;margin:20px 0}
body .tlp-page .tq-prose th,body .tlp-page .tq-prose td{padding:12px 14px;border-bottom:1px solid var(--rule);text-align:start}
body .tlp-page .tq-prose th{background:#E9EFEA}
body .tlp-page .tq-plain .tlp-final{padding-top:0}
/* hide each page's own crumbs row inside the hero background only */
body .tq-alias [class$="-hero"] h1,body .tq-alias .tlp-hero h1{color:var(--moon)!important}
body .tq-alias .tlp-hero p{color:#D6E2DE!important}
/* Elementor wrappers around the alias pages: let their sections go full width */
body.tq-tlp .tq-alias .elementor-section.elementor-section-boxed>.elementor-container,body.tq-tlp .tq-alias .e-con,body.tq-tlp .tq-alias .e-con-inner{max-width:none!important;width:100%!important;padding:0!important;--padding-top:0;--padding-bottom:0;--padding-left:0;--padding-right:0}
body.tq-tlp .tq-alias .elementor-column-gap-default>.elementor-column>.elementor-element-populated,body.tq-tlp .tq-alias .elementor-widget-wrap{padding:0!important}
body.tq-tlp .tq-alias .elementor-widget:not(:last-child){margin-bottom:0}