/* ==========================================================================
   HADID INVEST — shared stylesheet for privacy.html and terms.html
   Uses the same tokens and self-hosted typefaces as index.html.
   ========================================================================== */

@font-face{
  font-family:'Cormorant Garamond';font-style:normal;font-weight:600;font-display:swap;
  src:url('fonts/cormorant-garamond-latin-600-normal.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;
  src:url('fonts/inter-latin-400-normal.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;
  src:url('fonts/inter-latin-600-normal.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:400;font-display:swap;
  src:url('fonts/ibm-plex-sans-arabic-arabic-400-normal.woff2') format('woff2');
  unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC;
}
@font-face{
  font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:400;font-display:swap;
  src:url('fonts/ibm-plex-sans-arabic-latin-400-normal.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:600;font-display:swap;
  src:url('fonts/ibm-plex-sans-arabic-arabic-600-normal.woff2') format('woff2');
  unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC;
}
@font-face{
  font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:600;font-display:swap;
  src:url('fonts/ibm-plex-sans-arabic-latin-600-normal.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

:root{
  --navy:#071725;
  --gold-2:#e0bb76;
  --display:'Cormorant Garamond',Georgia,serif;
  --sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;
  --arabic:'IBM Plex Sans Arabic','Segoe UI',Tahoma,Arial,sans-serif;
}

*{box-sizing:border-box}
body{
  margin:0;background:var(--navy);color:#dfe5ea;
  font-family:var(--arabic);font-size:16px;line-height:1.85;
  -webkit-font-smoothing:antialiased;
}
html[lang="en"] body{font-family:var(--sans)}
a{color:var(--gold-2)}
::selection{background:#c99b4c;color:#061521}

.wrap{width:min(760px,calc(100% - 40px));margin-inline:auto;padding:34px 0 70px}

.legal-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.1)}
.legal-brand{display:flex;align-items:center;gap:12px}
.legal-brand img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:1px solid rgba(224,187,118,.45)}
.legal-brand strong{font-family:var(--display);font-size:1.25rem;letter-spacing:.14em;font-weight:600;color:#fff}
.legal-brand em{color:var(--gold-2);font-style:normal}
.lang-btn{background:transparent;border:1px solid rgba(255,255,255,.25);color:#fff;padding:9px 14px;cursor:pointer;font:inherit;font-size:.72rem;letter-spacing:.06em}
.lang-btn:hover{border-color:var(--gold-2)}

h1{font-size:2.1rem;font-weight:600;margin:38px 0 6px;color:#fff;line-height:1.4}
html[lang="en"] h1{font-family:var(--display);font-size:2.6rem;line-height:1.1}
h2{font-size:1.05rem;font-weight:600;margin:34px 0 8px;color:var(--gold-2);line-height:1.5}
p,li{font-size:.88rem;color:#c3cdd4}
ul{padding-inline-start:20px;margin:8px 0}
li{margin-bottom:7px}
.updated{font-size:.75rem;color:#8b99a4;margin:0 0 8px}
strong{color:#eef2f5}

.callout{border:1px solid rgba(224,187,118,.28);background:rgba(224,187,118,.06);padding:18px 20px;margin:26px 0}
.callout p{margin:0;font-size:.85rem;color:#e2dccf}

.legal-footer{margin-top:48px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);display:flex;gap:16px;flex-wrap:wrap;font-size:.76rem}
.legal-footer a{color:#a9b6bf}
.legal-footer a:hover{color:var(--gold-2)}

.placeholder{background:rgba(255,180,120,.14);border-bottom:1px dashed rgba(255,180,120,.6);padding:0 4px;color:#ffd7ac}

[lang="ar"] .lang-en,[lang="en"] .lang-ar{display:none}

@media(max-width:600px){
  h1{font-size:1.7rem}
  html[lang="en"] h1{font-size:2rem}
  .legal-header{flex-direction:column;align-items:flex-start}
}
