/* =========================================================
   ЄДИНИЙ ШРИФТ САЙТУ (головний сайт + маркетплейс) — Onest

   Підключається АВТОМАТИЧНО в кінець <head> кожної HTML-сторінки:
   - головний сайт: app/core/security.php → driveandgo_font_inject()
     (ob-буфер із session_init.php);
   - маркетплейс:   marketplace/inc/security.php → mkt_html_ob_callback()
     (ob-буфер із marketplace/inc/bootstrap.php).
   Тож нова сторінка отримує його сама — окремо підключати не треба.

   Onest (рішення власника, 2026-10-23) — сучасний гротеск, створений із
   розрахунком на кирилицю; одна гарнітура для заголовків, тексту, цін і кнопок.
   Файли лежать у public/fonts/ (без запитів до Google): змінний шрифт
   wght 100–900, по одному woff2 на набір символів — браузер вантажить лише
   потрібні (unicode-range). Ліцензія SIL OFL 1.1 — public/fonts/OFL-Onest.txt.
   Символів поза наборами (стрілки, математика) немає в Onest — для них
   спрацьовує запасний Arial.

   Винятки (свій шрифт лишається): іконкові шрифти (Font Awesome, Bootstrap
   Icons, Material Symbols), словесний знак логотипа «Driveandgo» (Arsenal) і
   моноширинний код.

   :not(#dg-font-x) додає вазі селектора id-рівень — інакше старі
   page-specific правила з !important (напр. «main.page h1{…Arial!important}»)
   перебивали б цей файл.
========================================================= */

/* Словесний знак «Driveandgo» у шапці (.brand-wordmark, маркет — .menu-logo__text). Раніше @font-face був лише
   в style1.css: сторінки без нього (доставка, вантажі…) показували назву Arial'ом — шапка виглядала по-різному. */
@font-face{
  font-family:"Arsenal Bold";
  src:url("../fonts/arsenal_bold.ttf") format("truetype");
  font-weight:400 900;
  font-style:normal;
  font-display:swap;
}

/* cyrillic-ext (зокрема ₴) */
@font-face{
  font-family:"Onest";
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
  src:url("../fonts/onest-cyrillic-ext.woff2") format("woff2");
  unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic (українська абетка, №) */
@font-face{
  font-family:"Onest";
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
  src:url("../fonts/onest-cyrillic.woff2") format("woff2");
  unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext (без ₴ U+20B4 — він у cyrillic-ext; перетин діапазонів давав порожній гліф) */
@font-face{
  font-family:"Onest";
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
  src:url("../fonts/onest-latin-ext.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-20B3, U+20B5-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin (цифри, лапки, тире, €) */
@font-face{
  font-family:"Onest";
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
  src:url("../fonts/onest-latin.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{
  --dg-font:"Onest", Arial, "Helvetica Neue", Helvetica, sans-serif;
  /* Заголовки — той самий Onest (окрема змінна лишена для сумісності) */
  --dg-font-heading:var(--dg-font);
}

html,
body{
  font-family:var(--dg-font) !important;
}

/* Назва «Driveandgo» (раніше «DRIVE&GO» капсом): без капсу, «and» — фірмовим помаранчевим, як на візитках. */
html body .brand-wordmark, html body .menu-logo__text{text-transform:none !important;letter-spacing:-.01em !important}
html body .brand-wordmark i, html body .menu-logo__text i{font-style:normal !important;font-family:inherit !important;font-weight:inherit !important;color:#d67940 !important}

html body *:not(
  i,
  .fa, [class*="fa-"],
  .bi, [class^="bi-"], [class*=" bi-"],
  .material-symbols-outlined, .material-symbols-rounded, .material-icons,
  .brand-wordmark, .menu-logo__text,
  code, pre, kbd, samp
):not(#dg-font-x){
  font-family:var(--dg-font) !important;
}

/* ── Поля вводу на телефоні — не менше 16px ─────────────────────────────────
   iPhone (Safari) автоматично збільшує сторінку, коли фокус потрапляє в поле зі
   шрифтом < 16px, і назад не зменшує — користувач мусить «відщипувати» екран.
   Аудит адаптиву (2026-10-31): на ~14 сторінках поля були 13–15px. Більші поля
   (OTP-клітинки, крок «Звідки») не чіпаємо; свій розмір можна зберегти класом
   .dg-keep-font. */
@media (max-width:767px){
  html body :is(
    input:not([type=checkbox], [type=radio], [type=range], [type=file], [type=hidden], [type=submit], [type=button], [type=reset], [type=image], [type=color]),
    select,
    textarea
  ):not(.otp-cell, #startInput, .dg-keep-font):not(#dg-font-x){
    font-size:16px !important;
  }
}

/* ── Однаковий відступ від шапки до вмісту на всіх сторінках ─────────────────
   Еталон — хаби (hub-layout.css): крихти/перша картка стоять одразу під шапкою
   (телефон top 106, десктоп top 94). Окремі сторінки додавали ще свій верхній
   padding/margin 4–40px → при переходах вміст «стрибав» вниз. Тут він знятий
   (файл підключається останнім, тож перекриває стилі сторінок). Нова сторінка:
   не давай головному контейнеру верхнього відступу. */
html body main.bus-wrap, html body main.mt, html body main.myd, html body main.fb, html body main.fin,
html body main.ft, html body main.bw, html body main.ph, html body main.rd, html body main.cg, html body main.tv{padding-top:0 !important}
html body main.dg-settings, html body main.notifications-page, html body main.archive-page{margin-top:0 !important}
