/* Kurdistan Land Draw — shared page styles */
:root{
  --night-0:#0f0b18; --night-1:#1a1230; --night-2:#241a3f;
  --cream:#f5e8cc; --cream-2:#ead5a8; --cream-3:#dcb881;
  --rose:#f0c9b4; --rose-2:#d89878;
  --saffron:#e8a628;
  --clay-1:#b5532c; --clay-2:#8a3c1f;
  --dawn-1:#4a1f3c; --dawn-2:#eb9b6e;
  --gold-1:#d4a017; --gold-2:#f0c65f;
  --crimson:#7a1c1c; --crimson-2:#9e2a2a;
  --emerald:#1e5a3d;
  --text:#2a1e16; --muted:#6b5840;
  --line:rgba(15,11,24,.08);
  --kilim-stripe:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='24' viewBox='0 0 120 24'%3E%3Cg fill='none' stroke='%23c4613d' stroke-width='1'%3E%3Cpath d='M0 12 L15 2 L30 12 L45 2 L60 12 L75 2 L90 12 L105 2 L120 12'/%3E%3Cpath d='M0 12 L15 22 L30 12 L45 22 L60 12 L75 22 L90 12 L105 22 L120 12'/%3E%3Cpath d='M7 12 L11 8 L15 12 L11 16 Z' fill='%23d4a017' opacity='.9'/%3E%3Cpath d='M37 12 L41 8 L45 12 L41 16 Z' fill='%23d4a017' opacity='.9'/%3E%3Cpath d='M67 12 L71 8 L75 12 L71 16 Z' fill='%23d4a017' opacity='.9'/%3E%3Cpath d='M97 12 L101 8 L105 12 L101 16 Z' fill='%23d4a017' opacity='.9'/%3E%3C/g%3E%3C/svg%3E");
  --kilim-diamond:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cg fill='none' stroke='%23c4613d' stroke-width='.6' opacity='.3'%3E%3Cpath d='M30 5 L55 30 L30 55 L5 30 Z'/%3E%3Cpath d='M30 15 L45 30 L30 45 L15 30 Z'/%3E%3Cpath d='M30 22 L38 30 L30 38 L22 30 Z' fill='%23c4613d' opacity='.4'/%3E%3C/g%3E%3C/svg%3E");
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,sans-serif;color:var(--text);background:var(--cream);line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
em{font-style:italic;font-family:'Fraunces',serif;color:var(--clay-1)}
.kurdish{font-family:'Fraunces',serif;font-style:italic}

.container{max-width:1180px;margin:0 auto;padding:0 24px}
.eyebrow{font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--clay-1)}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:999px;font-size:14px;font-weight:600;border:none;cursor:pointer;font-family:inherit;transition:transform .15s,box-shadow .2s,background .2s,filter .2s;text-decoration:none}
.btn-primary{background:linear-gradient(135deg,var(--clay-1),var(--clay-2));color:var(--cream);box-shadow:0 8px 24px rgba(196,97,61,.28);border-radius:0;clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,14px 100%,0 50%);padding:14px 32px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;font-size:13px}
.btn-primary:hover{transform:translateY(-1px);filter:brightness(1.1)}
.btn-ghost{background:transparent;color:var(--text);border:1px solid rgba(10,14,26,.18)}
.btn-ghost:hover{background:rgba(10,14,26,.06);border-color:var(--clay-1);color:var(--clay-1)}
.btn-clay{background:linear-gradient(135deg,var(--clay-1),var(--gold-1));color:var(--night-0);border-radius:0;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,12px 100%,0 50%);padding:12px 26px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;font-size:12px}
.btn-clay:hover{filter:brightness(1.1)}
.btn--lg{padding:16px 32px;font-size:15px}
.btn--sm{padding:9px 16px;font-size:13px}
.btn--block{width:100%;justify-content:center}
.btn[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}

/* Fields */
.field{margin-bottom:14px}
.field label{display:block;font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-bottom:6px}
.field input,.field textarea,.field select{width:100%;padding:14px 18px;border:1px solid var(--line);border-radius:12px;font-family:inherit;font-size:14px;background:#fff;color:var(--text);transition:border .2s}
.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--clay-1)}
.field textarea{min-height:100px;resize:vertical}
.field .hint{font-size:12px;color:var(--muted);margin-top:6px}
.field .error{font-size:12px;color:#c1121f;margin-top:6px}

/* Kilim accents for sub-pages */
.kilim-band{height:20px;background-image:var(--kilim-stripe);background-repeat:repeat-x;background-size:120px 20px;background-color:transparent;position:relative}
.carpet-box{position:relative;background:#fff;border:1px solid rgba(196,97,61,.25);border-radius:4px;padding:28px}
.carpet-box::before{content:'';position:absolute;top:6px;left:6px;right:6px;bottom:6px;border:1px dashed rgba(212,160,23,.35);pointer-events:none}

/* Page shells */
.pg{min-height:100vh;padding:120px 24px 80px;background:linear-gradient(180deg,var(--cream) 0%,var(--cream-2) 100%);background-attachment:fixed;position:relative}
.pg::before{content:'';position:fixed;inset:0;background-image:var(--kilim-diamond);background-size:120px 120px;opacity:.3;pointer-events:none;z-index:0}
.pg > *{position:relative;z-index:1}
.pg__hero{max-width:820px;margin:0 auto 48px;text-align:center}
.pg__hero h1{font-family:'Fraunces',serif;font-weight:400;font-size:clamp(36px,6vw,64px);line-height:1.1;letter-spacing:-.01em;margin:16px 0 12px;color:var(--text);position:relative;display:inline-block}
.pg__hero h1::before,.pg__hero h1::after{content:'';position:absolute;top:50%;width:30px;height:3px;background-image:var(--kilim-stripe);background-size:120px 12px;background-position:center;opacity:.5;transform:translateY(-50%)}
.pg__hero h1::before{right:calc(100% + 16px)}
.pg__hero h1::after{left:calc(100% + 16px)}
@media(max-width:640px){.pg__hero h1::before,.pg__hero h1::after{display:none}}
.pg__hero h1 em{color:var(--clay-1)}
.pg__hero p{font-size:16px;line-height:1.7;color:var(--muted);max-width:620px;margin:0 auto}
.pg__card{max-width:560px;margin:0 auto;background:#fff;border-radius:4px;padding:40px;border:2px solid rgba(196,97,61,.3);box-shadow:0 20px 60px rgba(10,14,26,.08);position:relative}
.pg__card::before{content:'';position:absolute;top:8px;left:8px;right:8px;bottom:8px;border:1px dashed rgba(212,160,23,.4);pointer-events:none;border-radius:2px}
.pg__card--wide{max-width:1100px}
.pg__section{max-width:1100px;margin:0 auto 48px}
.pg__section h2{font-family:'Fraunces',serif;font-size:24px;font-weight:500;margin-bottom:20px}

/* Topbar */
.topbar{position:fixed;top:0;left:0;right:0;z-index:100;padding:14px 0;background:rgba(242,234,217,.92);backdrop-filter:blur(18px);border-bottom:2px solid transparent;border-image:var(--kilim-stripe) 24 repeat}
.topbar__inner{max-width:1180px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.topbar__brand{display:flex;align-items:center;gap:10px;font-family:'Fraunces',serif;font-weight:500;font-size:16px;color:var(--text)}
.topbar__brand .dot{width:10px;height:10px;border-radius:50%;background:var(--gold-1)}
.topbar__links{display:flex;gap:20px}
.topbar__links a{font-size:13px;color:var(--muted)}
.topbar__links a:hover{color:var(--clay-1)}
.topbar__user{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted)}
/* Anchor targets must land below the fixed topbar, not underneath it */
body:has(.topbar) [id]{scroll-margin-top:72px}

/* Tables / lists */
.data-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px;align-items:center}
.data-row--head{font-size:10px;letter-spacing:.15em;text-transform:uppercase;font-weight:700;color:var(--muted);border-bottom:2px solid var(--line)}
.pill{display:inline-block;font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:999px;font-weight:700}
.pill--pending{background:rgba(196,97,61,.15);color:var(--clay-2)}
.pill--confirmed{background:rgba(45,106,79,.15);color:#2d6a4f}
.pill--failed{background:rgba(193,18,31,.12);color:#c1121f}

/* Alerts */
.alert{padding:14px 18px;border-radius:12px;font-size:14px;margin-bottom:16px}
.alert--ok{background:rgba(45,106,79,.1);color:#2d6a4f;border:1px solid rgba(45,106,79,.2)}
.alert--err{background:rgba(193,18,31,.08);color:#c1121f;border:1px solid rgba(193,18,31,.2)}
.alert--info{background:rgba(196,97,61,.08);color:var(--clay-2);border:1px solid rgba(196,97,61,.2)}

/* Footer */
.footer-calm{background:var(--night-0);color:rgba(242,234,217,.6);padding:40px 24px;text-align:center;font-size:13px;margin-top:80px}
.footer-calm a{color:var(--gold-2)}

@media(max-width:640px){
  .pg{padding:116px 16px 60px}
  .pg__card{padding:28px 20px}
  .data-row{grid-template-columns:1fr 1fr;font-size:12px}
  .data-row span:nth-child(3),.data-row span:nth-child(4){text-align:right}
  /* Phones keep the nav as a scrollable pill-row (was display:none = dead end) */
  .topbar__inner{flex-wrap:wrap;row-gap:10px}
  .topbar__links{order:3;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:8px;scrollbar-width:none}
  .topbar__links::-webkit-scrollbar{display:none}
  .topbar__links a{flex:0 0 auto;white-space:nowrap;font-size:12px;padding:6px 12px;border:1px solid rgba(15,11,24,.14);border-radius:999px;background:#fff}
  .topbar__user span{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  /* Inputs under 16px make iOS Safari auto-zoom the whole page on focus */
  .field input,.field textarea,.field select{font-size:16px}
  body:has(.topbar) [id]{scroll-margin-top:118px}
}

/* ===== RTL / Sorani (ku) — html[dir=rtl] is set by kld.applyLang ===== */
/* Fraunces/Inter have no Arabic glyphs; Tahoma is the de-facto Sorani web
   font (Rudaw-era convention), Noto Naskh covers Android. */
html[dir=rtl] body{font-family:Tahoma,'Noto Naskh Arabic','Geeza Pro','Segoe UI',system-ui,sans-serif}
html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] h4{font-family:Tahoma,'Noto Naskh Arabic','Geeza Pro',serif}
/* Tracking visually un-joins Arabic script — kill it everywhere in RTL. */
html[dir=rtl] *{letter-spacing:0!important}
/* Latin-only technical strings (TXIDs, USDT addresses, code) stay LTR inside
   RTL text so they don't mirror mid-string. */
html[dir=rtl] code,html[dir=rtl] .mono,html[dir=rtl] input[type=email],html[dir=rtl] input[type=tel]{direction:ltr;unicode-bidi:isolate;text-align:start}
