/* Onest — AZ (ə, ş, ğ, ı), RU, EN glifləri daxil, lokal fayllar */
@font-face { font-family: 'Onest'; font-style: normal; font-display: swap; font-weight: 100 900;
  src: url(/static/fonts/onest-cyrillic-ext-wght-normal.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: 'Onest'; font-style: normal; font-display: swap; font-weight: 100 900;
  src: url(/static/fonts/onest-cyrillic-wght-normal.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Onest'; font-style: normal; font-display: swap; font-weight: 100 900;
  src: url(/static/fonts/onest-latin-ext-wght-normal.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Onest'; font-style: normal; font-display: swap; font-weight: 100 900;
  src: url(/static/fonts/onest-latin-wght-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 {
  /* Loqodan götürülmüş rənglər */
  --blue: #1856ED;
  --blue-mid: #1343BA;
  --blue-deep: #123499;
  --violet: #7A2FE0;           /* flyer aksenti */
  --ink: #0F1A3D;
  --ink-2: #4A5578;
  --line: #DCE2F0;
  --mist: #F2F5FC;
  --paper: #FFFFFF;
  --danger: #C62839;
  --ok: #0B8A5E;
  --grad: linear-gradient(100deg, var(--blue) 0%, var(--violet) 100%);
  --cut: 12px;                 /* loqodakı 45° kəsik */
  --font: 'Onest', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; font-family: var(--font); color: var(--ink); background: var(--paper);
  font-size: 16px; line-height: 1.55; -webkit-font-smoothing: antialiased; }
img, svg { display: block; max-width: 100%; }
a { color: var(--blue); }
h1, h2, h3 { line-height: 1.12; margin: 0; letter-spacing: -0.02em; }
p { margin: 0; }

/* Loqonun kəsik küncləri: yuxarı-sağ və aşağı-sol */
.cut { clip-path: polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut))); }

.btn { --cut: 10px; display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  font: 600 15px/1 var(--font); padding: 15px 22px; border: 0; cursor: pointer; text-decoration: none;
  color: #fff; background: var(--blue);
  clip-path: polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)));
  transition: filter .15s; }
.btn:hover { filter: brightness(1.08); }
.btn:active { filter: brightness(.95); }
.btn-grad { background: var(--grad); }
.btn-ghost { color: var(--blue-deep); background: var(--mist); }
.btn-block { width: 100%; }
/* clip-path xarici outline-ı kəsir, ona görə fokus içəridə göstərilir */
.btn:focus-visible { outline: 2px solid #fff; outline-offset: -5px; }
.btn-ghost:focus-visible { outline-color: var(--blue); }

.field { display: grid; gap: 6px; }
.field label { font-size: 14px; font-weight: 600; }
.input { font: 400 16px var(--font); padding: 13px 14px; border: 1.5px solid var(--line); border-radius: 0;
  background: #fff; color: var(--ink); width: 100%; }
.input:focus { outline: none; border-color: var(--blue); box-shadow: 0 0 0 3px rgba(24, 86, 237, .15); }
.error-text { color: var(--danger); font-size: 14px; }
.notice { padding: 12px 14px; font-size: 14px; background: #E7F5EF; color: var(--ok); border-left: 3px solid var(--ok); }
.alert { padding: 12px 14px; font-size: 14px; background: #FCEBED; color: var(--danger); border-left: 3px solid var(--danger); }

:focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
}

/* hidden atributu həmişə gizlətsin (display: grid/flex olan bloklarda da) */
[hidden] { display: none !important; }

/* ---------- Yüngül yuvarlaq künclər (admin və sayt) ----------
   Əvvəlki 45° kəsiklər (clip-path) yumşaq radiusla əvəz olunub; loqo dəyişmir */
:root { --r: 10px; --r-sm: 7px; --r-xs: 5px; }
.cut, .btn { clip-path: none !important; }
.cut { border-radius: var(--r); }
.btn { border-radius: var(--r-sm); }
.btn:focus-visible { outline-offset: 2px; outline-color: var(--blue); }
.input, select.input, textarea.input { border-radius: var(--r-sm); }
.badge { border-radius: var(--r-xs); }
.chip { border-radius: var(--r-sm); }