@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@100..900&display=swap&subset=cyrillic,cyrillic-ext');


/* ====== ЧУВСТВИТЕЛЕН КЪМ КОМЕНТИРАНЕ блок ====== */
:root {
    /* Активирай само ЕДИН ред по-долу: */
    /* --ui-font: 'Montserrat', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif; */
    /* --ui-font: 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif; */
    /* --ui-font: 'Inter', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif; */
    /* --ui-font: 'Roboto', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif; */
    /* --ui-font: 'Open Sans', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif; */
    /* --ui-font: 'PT Sans', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif; */
    /* --ui-font: 'Source Sans 3', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif; */

    /* новите 5: */
    /* --ui-font: 'Manrope', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif; */
    /* --ui-font: 'Rubik', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif; */
    /* --ui-font: 'Ubuntu', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif; */
    /* --ui-font: 'Fira Sans', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif; */
    --ui-font: 'Exo 2', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;

    /* Централни тегла (по желание ги пипай за усещане) */
    --fw-thin: 100;
    --fw-extralight: 200;
    --fw-light: 300;
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
    --fw-bold: 700;
    --fw-extrabold: 800;
    --fw-black: 900;
}

@page { margin-left: 0.4cm;margin-right:0.4cm;margin-top: 0cm;margin-bottom: 1cm; size: 21cm 29.7cm; width: 100%;}

/*@font-face {
    font-family: 'AkrobatLight';
    src: url('/assets/fonts/Akrobat-Light.eot');
    src: local('Akrobat Light'), local('Akrobat-Light'),
        url('Akrobat-Light.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/Akrobat-Light.woff2') format('woff2'),
        url('/assets/fonts/Akrobat-Light.woff') format('woff'),
        url('/assets/fonts/Akrobat-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'AkrobatRegular';
    src: url('/assets/fonts/Akrobat-Regular.eot');
    src: local('Akrobat Regular'), local('Akrobat-Regular'),
        url('/assets/fonts/Akrobat-Regular.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/Akrobat-Regular.woff2') format('woff2'),
        url('/assets/fonts/Akrobat-Regular.woff') format('woff'),
        url('/assets/fonts/Akrobat-Regular.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'AkrobatExtraLight';
    src: url('/assets/fonts/Akrobat-ExtraLight.eot');
    src: local('Akrobat ExtraLight'), local('Akrobat-ExtraLight'),
        url('/assets/fonts/Akrobat-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/Akrobat-ExtraLight.woff2') format('woff2'),
        url('/assets/fonts/Akrobat-ExtraLight.woff') format('woff'),
        url('/assets/fonts/Akrobat-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'AkrobatSemiBold';
    src: url('/assets/fonts/Akrobat-SemiBold.eot');
    src: local('Akrobat SemiBold'), local('Akrobat-SemiBold'),
        url('/assets/fonts/Akrobat-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/Akrobat-SemiBold.woff2') format('woff2'),
        url('/assets/fonts/Akrobat-SemiBold.woff') format('woff'),
        url('/assets/fonts/Akrobat-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'AkrobatThin';
    src: url('/assets/fonts/Akrobat-Thin.eot');
    src: local('Akrobat Thin'), local('Akrobat-Thin'),
        url('/assets/fonts/Akrobat-Thin.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/Akrobat-Thin.woff2') format('woff2'),
        url('/assets/fonts/Akrobat-Thin.woff') format('woff'),
        url('/assets/fonts/Akrobat-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'AkrobatBold';
    src: url('/assets/fonts/Akrobat-Bold.eot');
    src: local('Akrobat Bold'), local('Akrobat-Bold'),
        url('/assets/fonts/Akrobat-Bold.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/Akrobat-Bold.woff2') format('woff2'),
        url('/assets/fonts/Akrobat-Bold.woff') format('woff'),
        url('/assets/fonts/Akrobat-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'AkrobatBlack';
    src: url('/assets/fonts/Akrobat-Black.eot');
    src: local('Akrobat Black'), local('Akrobat-Black'),
        url('/assets/fonts/Akrobat-Black.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/Akrobat-Black.woff2') format('woff2'),
        url('/assets/fonts/Akrobat-Black.woff') format('woff'),
        url('/assets/fonts/Akrobat-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'AkrobatExtraBold';
    src: url('/assets/fonts/Akrobat-ExtraBold.eot');
    src: local('Akrobat ExtraBold'), local('Akrobat-ExtraBold'),
        url('/assets/fonts/Akrobat-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/Akrobat-ExtraBold.woff2') format('woff2'),
        url('/assets/fonts/Akrobat-ExtraBold.woff') format('woff'),
        url('/assets/fonts/Akrobat-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}*/

html, body, div, span, applet, object, iframe,
p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    border: 0;
    letter-spacing: 0.2px;
    line-height: 1.2;
    font-family: var(--ui-font),'AkrobatSemiBold',Arial,sans-serif;
}


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

/* responsive */
@media (max-width: 959px) {
    .page {
        width: auto;
        margin: 0;
    }
}

body{
    font-family: var(--ui-font),'AkrobatSemiBold',Arial,sans-serif;
    font-weight: var(--fw-semibold); 
}

[placeholder]{
    font-family: var(--ui-font),'AkrobatRegular',Arial,sans-serif;
}

::placeholder, 
::-webkit-input-placeholder, 
:-ms-input-placeholder { font-family: var(--ui-font); }

.main-header ul{
    font-family: var(--ui-font),'AkrobatExtraBold',Arial,sans-serif;;
    font-weight: var(--fw-extrabold);
}
.main-header .dropdown-menu ,h5,h1,h2,h3,h4{
    font-family: var(--ui-font),'AkrobatBold',Arial,sans-serif;
    font-weight: var(--fw-bold);
}
.content ul#myTab{
    font-family: var(--ui-font),'AkrobatExtraBold',Arial,sans-serif;
    font-weight: var(--fw-bold);
}

label { 
    margin:0;
    font-family: var(--ui-font); 
    font-weight: var(--fw-extrabold); margin: 0;
}

.akrobatSemiBold{
    font-family: var(--ui-font),'AkrobatSemiBold',Arial,sans-serif;
    font-weight: var(--fw-semibold);
}

.akrobatExtraBold{
    font-family: var(--ui-font),'AkrobatExtraBold',Arial,sans-serif;
    font-weight: var(--fw-extrabold);
}
.akrobatBold{
    font-family: var(--ui-font),'AkrobatBold',Arial,sans-serif;
    font-weight: var(--fw-bold);
}

.fw-semi{
    font-family: var(--ui-font),'AkrobatSemiBold',Arial,sans-serif;
    font-weight: var(--fw-semibold);
}

.fw-bold{
    font-family: var(--ui-font),'AkrobatExtraBold',Arial,sans-serif;
    font-weight: var(--fw-extrabold);
}

/* (по избор) останалите тегла, ако се ползват */
.akrobatThin        { font-family: var(--ui-font); font-weight: var(--fw-thin); }
.akrobatExtraLight  { font-family: var(--ui-font); font-weight: var(--fw-extralight); }
.akrobatLight       { font-family: var(--ui-font); font-weight: var(--fw-light); }
.akrobatRegular     { font-family: var(--ui-font); font-weight: var(--fw-medium); } /* 500 */
.akrobatBlack       { font-family: var(--ui-font); font-weight: var(--fw-black); }

/* За да не се чупят думи като „Характеристики“ на произволно място */
.app-label { word-break: normal; overflow-wrap: normal; hyphens: none; }