/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/
/******************
    ИИМР Корпоративные стили
    ----------------------
    1. TTF шрифты
    2. Мобильная адаптация футера
    3. Корпоративные цвета
*/

/* ===== КОРПОРАТИВНЫЕ ШРИФТЫ ИИМР ===== */
@font-face {
    font-family: 'TT Firs Neue';
    src: url('../files/TT Firs Neue Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'TT Firs Neue';
    src: url('../files/TT Firs Neue Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Firs Neue';
    src: url('../files/TT Firs Neue Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Firs Neue';
    src: url('../files/TT Firs Neue DemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Effra';
    src: url('../files/Effra Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Effra';
    src: url('../files/Effra Heavy.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

/* ===== ПРИМЕНЕНИЕ ШРИФТОВ ===== */
:root {
    --bs-font-sans-serif: 'TT Firs Neue', 'IBM Sans', system-ui, sans-serif;
    --iimr-font-headings: 'Effra', 'TT Firs Neue', 'IBM Sans', sans-serif;
}

/* Основной текст */
body, 
.survey-question, 
.form-control, 
.btn,
p, span, div,
.question-text,
.answer-item {
    font-family: var(--bs-font-sans-serif) !important;
    font-weight: 300;
}

/* Заголовки */
h1, h2, h3, 
.h1, .h2, .h3 {
    font-family: var(--iimr-font-headings) !important;
    font-weight: 800;
}

h4, h5, h6,
.h4, .h5, .h6 {
    font-family: var(--iimr-font-headings) !important;
    font-weight: 500;
}

/* ===== КОРПОРАТИВНЫЕ ЦВЕТА ИИМР ===== */
:root {
    --iimr-primary: #1F7A3D;
    --iimr-accent: #28A745;
    --iimr-light: #D4EDDA;
    --iimr-text: #212529;
    --iimr-muted: #6C757D;
    --iimr-white: #FFFFFF;
}

/* ===== МОБИЛЬНАЯ АДАПТАЦИЯ ФУТЕРА ===== */
body {
    display: flex !important;
    flex-direction: column !important;
    min-height: 100vh !important;
    padding-bottom: 0 !important;
}

body > article,
body > .container-fluid > article,
.main-content {
    flex: 1 !important;
}

/* ИИМР Footer стили */
.iimr-footer {
    background-color: var(--iimr-white);
    border-top: 2px solid var(--iimr-primary);
    margin-top: auto;
    padding: 1rem 0;
}

.iimr-slogan {
    color: var(--iimr-muted);
    font-family: var(--bs-font-sans-serif);
    font-weight: 300;
    margin: 0;
    text-align: center;
}

/* Мобильная адаптация */
@media (max-width: 768px) {
    .iimr-footer {
        padding: 0.75rem 0.5rem !important;
    }
    
    .iimr-slogan {
        font-size: 0.875rem !important;
        line-height: 1.3;
    }
}

@media (max-width: 480px) {
    .iimr-footer {
        padding: 0.5rem 0.25rem !important;
    }
    
    .iimr-slogan {
        font-size: 0.8rem !important;
        line-height: 1.2;
    }
}

/* Дополнительные мобильные исправления */
@media (max-width: 768px) {
    body {
        font-size: 0.9rem;
    }
    
    .survey-question {
        padding: 1rem 0.5rem;
    }
}