/*
 * TT Octosquares — локальна заміна Chakra Petch (той не має кирилиці).
 * -------------------------------------------------------------------------
 * Тема ProMotors жорстко прописує 'Chakra Petch' у ~50 правилах assets/css/theme.css,
 * у налаштуваннях Redux і в типографіці окремих віджетів Elementor. Щоб не правити
 * (і не втратити при оновленні теми) кожне з цих місць, шрифт оголошено ДВІЧІ:
 *   1) під власним іменем 'TT Octosquares' — для нової верстки;
 *   2) під іменем 'Chakra Petch' — як псевдонім, щоб уся наявна верстка теми
 *      автоматично почала малюватись новим шрифтом.
 * Google-шрифт Chakra Petch при цьому вимкнено (див. functions.php дочірньої теми),
 * інакше він перевизначив би ці оголошення.
 *
 * ВІДПОВІДНІСТЬ ВАГ (1:1 із набором, який тема замовляла в Google):
 *   300 Light · 400 Regular · 500 Medium · 600 DemiBold · 700 Bold — кожна + italic.
 *   Ваг 800/900 у Chakra Petch не було, тож і тут їх не оголошуємо: браузер
 *   синтезує їх із 700 так само, як робив раніше. Реальні XBold/Black лежать у /font.
 *
 * МЕТРИКИ. Виміряні значення (на 1000 од. em):
 *                    ascender  descender  lineGap  capHeight  x-height
 *   Chakra Petch          992       -308        0        700       498
 *   TT Octosquares        778       -222      400        700       500
 * Висота великих літер збігається (700/700), тож size-adjust не потрібен — літери
 * лишаються того самого візуального розміру, що й у макеті теми.
 * А от вертикальні метрики різні: без правки рядок став би вищим на ~8% там,
 * де line-height не заданий явно. Тому нижче кожне @font-face віддає метрики
 * Chakra Petch через ascent/descent/line-gap-override — рядковий бокс лишається
 * піксель у піксель таким, як був.
 *
 * ШИРИНА. TT Octosquares ширший за Chakra Petch у середньому на 19–21%
 * (Chakra Petch — вузький квадратний шрифт). Висоту й ширину одночасно зберегти
 * неможливо: у шрифті немає осі ширини (варіативна версія — без fvar).
 * Тут обрано збереження ВИСОТИ. Якщо десь довгі заголовки почнуть переноситись,
 * розкоментуйте size-adjust у блоці нижче:
 *   size-adjust: 84%;  — ширина точно як у Chakra Petch, літери на 16% дрібніші
 *   size-adjust: 92%;  — компроміс: +10% ширини, літери на 8% дрібніші
 * Значення треба додати в УСІ @font-face нижче (і в псевдонім, і в основне ім'я).
 */

/* ------------------------------------------------------------------ *
 * 1. Власне ім'я — для нової верстки: font-family: 'TT Octosquares'   *
 * ------------------------------------------------------------------ */

@font-face {
    font-family: 'TT Octosquares';
    src: url('../fonts/TTOctosquares-Light.woff2') format('woff2'),
         url('../fonts/TTOctosquares-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    ascent-override: 99.2%;
    descent-override: 30.8%;
    line-gap-override: 0%;
}

@font-face {
    font-family: 'TT Octosquares';
    src: url('../fonts/TTOctosquares-LightIt.woff2') format('woff2'),
         url('../fonts/TTOctosquares-LightIt.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
    ascent-override: 99.2%;
    descent-override: 30.8%;
    line-gap-override: 0%;
}

@font-face {
    font-family: 'TT Octosquares';
    src: url('../fonts/TTOctosquares-Regular.woff2') format('woff2'),
         url('../fonts/TTOctosquares-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    ascent-override: 99.2%;
    descent-override: 30.8%;
    line-gap-override: 0%;
}

@font-face {
    font-family: 'TT Octosquares';
    src: url('../fonts/TTOctosquares-Italic.woff2') format('woff2'),
         url('../fonts/TTOctosquares-Italic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
    ascent-override: 99.2%;
    descent-override: 30.8%;
    line-gap-override: 0%;
}

@font-face {
    font-family: 'TT Octosquares';
    src: url('../fonts/TTOctosquares-Medium.woff2') format('woff2'),
         url('../fonts/TTOctosquares-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    ascent-override: 99.2%;
    descent-override: 30.8%;
    line-gap-override: 0%;
}

@font-face {
    font-family: 'TT Octosquares';
    src: url('../fonts/TTOctosquares-MediumIt.woff2') format('woff2'),
         url('../fonts/TTOctosquares-MediumIt.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
    ascent-override: 99.2%;
    descent-override: 30.8%;
    line-gap-override: 0%;
}

@font-face {
    font-family: 'TT Octosquares';
    src: url('../fonts/TTOctosquares-DBold.woff2') format('woff2'),
         url('../fonts/TTOctosquares-DBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
    ascent-override: 99.2%;
    descent-override: 30.8%;
    line-gap-override: 0%;
}

@font-face {
    font-family: 'TT Octosquares';
    src: url('../fonts/TTOctosquares-DBoldIt.woff2') format('woff2'),
         url('../fonts/TTOctosquares-DBoldIt.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
    ascent-override: 99.2%;
    descent-override: 30.8%;
    line-gap-override: 0%;
}

@font-face {
    font-family: 'TT Octosquares';
    src: url('../fonts/TTOctosquares-Bold.woff2') format('woff2'),
         url('../fonts/TTOctosquares-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    ascent-override: 99.2%;
    descent-override: 30.8%;
    line-gap-override: 0%;
}

@font-face {
    font-family: 'TT Octosquares';
    src: url('../fonts/TTOctosquares-BoldIt.woff2') format('woff2'),
         url('../fonts/TTOctosquares-BoldIt.woff') format('woff');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
    ascent-override: 99.2%;
    descent-override: 30.8%;
    line-gap-override: 0%;
}

/* ------------------------------------------------------------------ *
 * 2. Псевдонім 'Chakra Petch' — щоб уся наявна верстка теми           *
 *    (theme.css, Redux, типографіка віджетів Elementor) підхопила     *
 *    новий шрифт без жодної правки.                                   *
 * ------------------------------------------------------------------ */

@font-face {
    font-family: 'Chakra Petch';
    src: url('../fonts/TTOctosquares-Light.woff2') format('woff2'),
         url('../fonts/TTOctosquares-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    ascent-override: 99.2%;
    descent-override: 30.8%;
    line-gap-override: 0%;
}

@font-face {
    font-family: 'Chakra Petch';
    src: url('../fonts/TTOctosquares-LightIt.woff2') format('woff2'),
         url('../fonts/TTOctosquares-LightIt.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
    ascent-override: 99.2%;
    descent-override: 30.8%;
    line-gap-override: 0%;
}

@font-face {
    font-family: 'Chakra Petch';
    src: url('../fonts/TTOctosquares-Regular.woff2') format('woff2'),
         url('../fonts/TTOctosquares-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    ascent-override: 99.2%;
    descent-override: 30.8%;
    line-gap-override: 0%;
}

@font-face {
    font-family: 'Chakra Petch';
    src: url('../fonts/TTOctosquares-Italic.woff2') format('woff2'),
         url('../fonts/TTOctosquares-Italic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
    ascent-override: 99.2%;
    descent-override: 30.8%;
    line-gap-override: 0%;
}

@font-face {
    font-family: 'Chakra Petch';
    src: url('../fonts/TTOctosquares-Medium.woff2') format('woff2'),
         url('../fonts/TTOctosquares-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    ascent-override: 99.2%;
    descent-override: 30.8%;
    line-gap-override: 0%;
}

@font-face {
    font-family: 'Chakra Petch';
    src: url('../fonts/TTOctosquares-MediumIt.woff2') format('woff2'),
         url('../fonts/TTOctosquares-MediumIt.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
    ascent-override: 99.2%;
    descent-override: 30.8%;
    line-gap-override: 0%;
}

@font-face {
    font-family: 'Chakra Petch';
    src: url('../fonts/TTOctosquares-DBold.woff2') format('woff2'),
         url('../fonts/TTOctosquares-DBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
    ascent-override: 99.2%;
    descent-override: 30.8%;
    line-gap-override: 0%;
}

@font-face {
    font-family: 'Chakra Petch';
    src: url('../fonts/TTOctosquares-DBoldIt.woff2') format('woff2'),
         url('../fonts/TTOctosquares-DBoldIt.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
    ascent-override: 99.2%;
    descent-override: 30.8%;
    line-gap-override: 0%;
}

@font-face {
    font-family: 'Chakra Petch';
    src: url('../fonts/TTOctosquares-Bold.woff2') format('woff2'),
         url('../fonts/TTOctosquares-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    ascent-override: 99.2%;
    descent-override: 30.8%;
    line-gap-override: 0%;
}

@font-face {
    font-family: 'Chakra Petch';
    src: url('../fonts/TTOctosquares-BoldIt.woff2') format('woff2'),
         url('../fonts/TTOctosquares-BoldIt.woff') format('woff');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
    ascent-override: 99.2%;
    descent-override: 30.8%;
    line-gap-override: 0%;
}