/* Legal Documentation V2 — full-bleed hero + document grid (reuses .eyebrow from Homepage V2) */

/* ── Hero: full-bleed background image (separate EN / AR artwork) ── */
.ldg-hero{
  overflow:hidden;border-bottom:1px solid var(--border);
  padding-top:150px;padding-bottom:56px;min-height:460px;
  display:flex;align-items:center;
}
/* .wrap inside a flex container would shrink-to-fit; keep it aligned with the sections below */
.ldg-hero .wrap{width:100%;}
.ldg-hero-bg{
  position:absolute;inset:0;z-index:0;
  background-image:url('../assets/img/legal-documentation-v2/hero-en.jpg');
  background-size:cover;background-position:50% 50%;background-repeat:no-repeat;
  transform:scale(1.15);transform-origin:85% 50%;
}
[dir="rtl"] .ldg-hero-bg{
  background-image:url('../assets/img/legal-documentation-v2/hero-ar.jpg');
  transform-origin:15% 50%;
}
.ldg-hero-overlay{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,rgba(10,15,28,0.94) 0%,rgba(10,15,28,0.86) 32%,rgba(10,15,28,0.5) 60%,rgba(10,15,28,0.16) 100%);
}
[dir="rtl"] .ldg-hero-overlay{
  background:linear-gradient(270deg,rgba(10,15,28,0.94) 0%,rgba(10,15,28,0.86) 32%,rgba(10,15,28,0.5) 60%,rgba(10,15,28,0.16) 100%);
}
.ldg-hero .eyebrow{position:relative;z-index:2;margin-bottom:18px;}
.ldg-hero h1{
  position:relative;z-index:2;font-size:40px;line-height:1.15;font-weight:600;
  letter-spacing:-0.01em;margin-bottom:14px;max-width:680px;
}
.ldg-hero p{position:relative;z-index:2;font-size:16.5px;color:var(--text-mute);max-width:640px;}

.ldg-docs{padding:80px 0;position:relative;}

.legal-banner{
  display:flex;align-items:flex-start;gap:12px;
  background:rgba(227,181,73,0.06);border:1px solid var(--border-strong);
  border-radius:var(--radius-sm);padding:16px 18px;margin-bottom:48px;
  font-size:13.5px;color:var(--text-mute);
}
.legal-banner svg{width:18px;height:18px;color:var(--gold);flex-shrink:0;margin-top:1px;}

.legal-group{margin-bottom:48px;}
.legal-group:last-child{margin-bottom:0;}
.legal-group h2{font-size:19px;font-weight:600;margin-bottom:20px;}

.legal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}

.doc-card{
  display:flex;flex-direction:column;
  background:var(--surface-solid);border:1px solid var(--border);
  border-radius:var(--radius-sm);padding:22px;
  transition:border-color .15s,transform .15s;
}
.doc-card:hover{border-color:var(--border-strong);transform:translateY(-2px);}
.doc-icon{
  width:38px;height:38px;border-radius:10px;
  background:rgba(227,181,73,0.08);
  display:flex;align-items:center;justify-content:center;
  color:var(--gold);margin-bottom:14px;flex-shrink:0;
}
.doc-icon svg{width:18px;height:18px;}
.doc-card h3{font-size:15px;font-weight:600;margin-bottom:6px;line-height:1.35;}
.doc-card p{font-size:13px;color:var(--text-mute);margin-bottom:16px;flex:1;}
.doc-link{
  display:inline-flex;align-items:center;gap:6px;
  font-size:13px;font-weight:600;color:var(--gold);
}
.doc-link svg{width:12px;height:12px;}
.doc-card:hover .doc-link{text-decoration:underline;}

@media(max-width:1000px){
  .legal-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:900px){
  .ldg-hero{padding-top:130px;padding-bottom:44px;min-height:380px;}
  .ldg-hero h1{font-size:28px;}
  .ldg-hero-overlay{background:linear-gradient(160deg,rgba(10,15,28,0.95) 0%,rgba(10,15,28,0.88) 38%,rgba(10,15,28,0.74) 62%,rgba(10,15,28,0.5) 100%);}
  [dir="rtl"] .ldg-hero-overlay{background:linear-gradient(200deg,rgba(10,15,28,0.95) 0%,rgba(10,15,28,0.88) 38%,rgba(10,15,28,0.74) 62%,rgba(10,15,28,0.5) 100%);}
  .ldg-docs{padding:56px 0;}
  .legal-banner{margin-bottom:36px;font-size:13px;}
}
@media(max-width:600px){
  .legal-grid{grid-template-columns:1fr;}
  .ldg-docs{padding:44px 0;}
}