/* guide.css — «دليل ثيبس»: صفحات المقالات والأقسام (تُبنى ثابتة من لوحة التحكم).
   الألوان من theme.css والأساسيات (الهيدر · الأزرار · التذييل) من style.css. */

.gdpage{background:var(--bg)}
.gd{padding:118px 0 40px}
a.lang{display:grid;place-items:center;text-decoration:none}

/* ─── مسار التنقل ─── */
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0 0 22px;padding:0;font-size:.86rem;color:var(--muted)}
.crumbs li+li::before{content:"/";margin-inline-end:6px;opacity:.5}
.crumbs a{color:var(--muted);transition:color .25s}
.crumbs a:hover{color:var(--gold2)}
.crumbs [aria-current]{color:var(--txt);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:46ch}

/* ─── رؤوس الصفحات ─── */
.gd__hero{padding:0 0 26px}
.gd__hero--hub{padding-bottom:10px}
.gd__t{font-size:clamp(1.9rem,4.4vw,3rem);line-height:1.25;margin:16px 0 14px;font-weight:900}
.gd__t--hub{font-size:clamp(2.4rem,6vw,4rem);background:linear-gradient(100deg,var(--gold2),var(--gold) 60%);-webkit-background-clip:text;background-clip:text;color:transparent}
.gd__lead{color:var(--muted);font-size:1.12rem;max-width:760px;margin:0 0 12px}
.gd__count{color:var(--gold2);font-weight:700;font-size:.92rem;margin:0}
.gd__ico{display:inline-grid;place-items:center;width:58px;height:58px;border-radius:16px;background:var(--gold-dim);color:var(--gold2);border:1px solid rgba(var(--gold-rgb),.24)}
.gd__ico svg{width:28px;height:28px}
.gd__h2{font-size:1.45rem;margin:0 0 6px;font-weight:900}
.gd__h2 a:hover{color:var(--gold2)}

/* ─── شارات الأقسام ─── */
.gd__chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.gd__chip{display:inline-flex;align-items:center;gap:8px;padding:8px 15px;border-radius:999px;border:1px solid var(--line2);
  background:rgba(255,255,255,.02);color:var(--txt);font-size:.9rem;font-weight:700;transition:var(--t)}
.gd__chip svg{width:17px;height:17px;color:var(--gold2)}
a.gd__chip:hover,.gd__chip.is-on{border-color:rgba(var(--gold-rgb),.55);background:var(--gold-dim);color:var(--gold2)}
.gd__chip--pillar{border-color:rgba(var(--gold-rgb),.45);color:var(--gold2);margin-inline-start:6px}

/* ─── البحث ─── */
.gd__search{margin-top:26px;max-width:560px}
.gd__sl{display:block;font-size:.88rem;color:var(--muted);margin-bottom:6px}
.gd__search input{width:100%;padding:13px 18px;border-radius:14px;border:1px solid var(--line2);background:var(--card);color:var(--txt);font-size:1rem;outline:none;transition:border-color .25s}
.gd__search input:focus{border-color:var(--gold)}
.gd__none{color:var(--muted);padding:30px 0}

/* ─── أقسام الصفحة الرئيسية للدليل ─── */
.gd__sec{padding:44px 0;border-top:1px solid var(--line)}
.gd__secH{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px}
.gd__secH>div{flex:1;min-width:0}
.gd__secH p{color:var(--muted);margin:0;font-size:.96rem;max-width:760px}
.gd__all{flex:none;align-self:center;color:var(--gold2);font-weight:700;font-size:.92rem;white-space:nowrap}
.gd__all:hover{text-decoration:underline}
.gd__list{padding:10px 0 40px}
.gd__cats{margin-top:56px}

/* ─── الكروت ─── */
.agrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.acard{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;
  transition:border-color .35s,transform .45s var(--e),box-shadow .45s var(--e)}
.acard:hover{border-color:rgba(var(--gold-rgb),.45);transform:translateY(-4px);box-shadow:var(--shadow)}
.acard__im{display:block;aspect-ratio:1200/630;background:var(--card2);overflow:hidden}
.acard__im img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--e)}
.acard:hover .acard__im img{transform:scale(1.04)}
.acard__tx{display:flex;flex-direction:column;gap:8px;padding:18px 20px 20px;flex:1}
.acard__cat{font-size:.8rem;font-weight:700;color:var(--gold2)}
.acard__t{font-size:1.1rem;line-height:1.45;margin:0;font-weight:800}
.acard__x{color:var(--muted);font-size:.92rem;line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.acard__m{margin-top:auto;padding-top:6px;font-size:.8rem;color:var(--muted)}
.acard--pillar{border-color:rgba(var(--gold-rgb),.3)}

/* ─── المقالة ─── */
.gd__art{max-width:1120px}
.gd__head{max-width:820px}
.gd__meta{display:flex;flex-wrap:wrap;gap:6px 18px;color:var(--muted);font-size:.9rem;margin:6px 0 0}
.gd__meta span+span::before{content:"·";margin-inline-end:18px;opacity:.6}
.gd__cover{margin:28px 0 8px;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);background:var(--card2)}
.gd__cover img{width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover}

.gd__grid{display:grid;grid-template-columns:250px minmax(0,1fr);gap:48px;margin-top:34px;align-items:start}
.gd__grid--solo{grid-template-columns:minmax(0,1fr)}
.gd__toc{position:sticky;top:96px;border-inline-start:2px solid var(--line2);padding-inline-start:16px;font-size:.9rem;max-height:calc(100vh - 120px);overflow:auto}
.gd__tocT{font-weight:800;margin:0 0 10px;color:var(--gold2)}
.gd__toc ol{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.gd__toc a{color:var(--muted);line-height:1.5;display:block;transition:color .25s}
.gd__toc a:hover,.gd__toc a.is-on{color:var(--txt)}

.gd__body{max-width:760px;font-size:1.08rem;line-height:2}
[lang="en"] .gd__body{line-height:1.8}
.gd__body>*{margin:0 0 1.15em}
.gd__body h2{font-size:1.55rem;line-height:1.4;margin:1.9em 0 .7em;padding-top:.2em;scroll-margin-top:100px}
.gd__body h2::before{content:"";display:block;width:44px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--gold2),var(--gold));margin-bottom:14px}
.gd__body h3{font-size:1.2rem;line-height:1.5;margin:1.5em 0 .5em;color:var(--gold2);scroll-margin-top:100px}
.gd__body p{color:#ddd9cf}
.gd__body strong{color:var(--txt);font-weight:800}
.gd__body a{color:var(--gold2);text-decoration:underline;text-decoration-color:rgba(var(--gold-rgb),.45);text-underline-offset:3px}
.gd__body a:hover{text-decoration-color:var(--gold2)}
.gd__body ul,.gd__body ol{padding-inline-start:1.4em}
.gd__body ul{list-style:disc}
.gd__body ol{list-style:decimal}
.gd__body li{margin-bottom:.45em}
.gd__body li::marker{color:var(--gold)}
.gd__body code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.88em;background:var(--card2);border:1px solid var(--line);border-radius:6px;padding:1px 6px}
.gd__code{background:#0b0b10;border:1px solid var(--line);border-radius:12px;padding:16px 18px;overflow:auto;line-height:1.6;font-size:.9rem;text-align:left}
.gd__code code{background:none;border:0;padding:0;font-size:1em;white-space:pre}
.gd__tip{border:1px solid rgba(var(--gold-rgb),.35);background:var(--gold-dim);border-radius:14px;padding:16px 20px}
.gd__tip p{margin:0;color:var(--txt)}
.gd__tbl{overflow-x:auto;border:1px solid var(--line);border-radius:12px}
.gd__tbl table{width:100%;border-collapse:collapse;font-size:.95rem;line-height:1.6}
.gd__tbl th,.gd__tbl td{padding:11px 14px;border-bottom:1px solid var(--line);text-align:start;vertical-align:top}
.gd__tbl th{background:var(--card2);color:var(--gold2);font-weight:800;white-space:nowrap}
.gd__tbl tr:last-child td{border-bottom:0}

/* ─── مشاركة · دعوة · ذات صلة · السابق والتالي ─── */
.gd__share{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:2.4em!important;padding-top:1.4em;border-top:1px solid var(--line);font-size:.92rem}
.gd__share span{color:var(--muted);margin-inline-end:4px}
.gd__sh{padding:7px 14px;border-radius:999px;border:1px solid var(--line2);background:transparent;color:var(--txt)!important;text-decoration:none!important;cursor:pointer;font-size:.86rem;transition:var(--t)}
.gd__sh:hover{border-color:var(--gold);color:var(--gold2)!important}
.gd__cta{margin-top:2.2em!important;padding:28px;border-radius:var(--r);border:1px solid rgba(var(--gold-rgb),.35);
  background:radial-gradient(circle at 15% 0,rgba(var(--gold-rgb),.14),transparent 60%),var(--card)}
.gd__ctaT{font-size:1.35rem!important;margin:0 0 .4em!important;padding:0!important}
.gd__ctaT::before{display:none!important}
.gd__cta p{margin:0 0 18px;color:var(--muted)}
.gd__ctaB{display:flex;flex-wrap:wrap;gap:12px}
.gd__ctaB .btn{text-decoration:none!important}
.gd__rel{margin-top:64px}
.gd__rel .gd__h2{margin-bottom:22px}
.gd__pn{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:40px}
.gd__pnA{display:flex;flex-direction:column;gap:4px;padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:var(--card);transition:var(--t)}
.gd__pnA:hover{border-color:rgba(var(--gold-rgb),.45)}
.gd__pnA small{color:var(--muted)}
.gd__pnA b{line-height:1.5}
.gd__pnA--next{text-align:end}

/* ─── بلوك الدليل في الصفحة الرئيسية ─── */
.guide-home .agrid{margin-top:8px}
.guide-home__more{display:flex;justify-content:center;margin-top:34px}

/* ─── الاستجابة ─── */
@media (max-width:1000px){
  .agrid{grid-template-columns:repeat(2,1fr)}
  .gd__grid{grid-template-columns:minmax(0,1fr);gap:26px}
  .gd__toc{position:static;max-height:none;border:1px solid var(--line);border-radius:14px;padding:16px 18px;background:var(--card)}
}
@media (max-width:640px){
  .gd{padding-top:100px}
  .agrid{grid-template-columns:1fr}
  .gd__secH{flex-wrap:wrap}
  .gd__all{order:3}
  .gd__body{font-size:1.03rem}
  .gd__pn{grid-template-columns:1fr}
  .gd__cta{padding:22px}
  .crumbs [aria-current]{max-width:26ch}
}
@media (prefers-reduced-motion:reduce){
  .acard,.acard__im img{transition:none}
  .acard:hover{transform:none}
}
@media print{
  .hdr,.ftr,.gd__toc,.gd__share,.gd__cta,.gd__rel,.gd__pn,.prog,.ckbar{display:none!important}
  .gd{padding:0}
  .gd__body{max-width:none;color:#000}
  .gd__body p{color:#000}
}