/* 1. Основна цветова палитра и типография */
:root {
    --gov-blue: #1B2B48; /* Тъмносиньо - сериозност */
    --gov-accent: #3b6db7; /* Твоето основно синьо за линкове */
    --gov-bg: #F1F5F9; /* Светлосиво за фон - модерен вид */
    --gov-border: #E2E8F0; /* Фин бордюр */
}

body {
    background-color: var(--gov-bg);
    font-family: 'Raleway', sans-serif;
    color: #334155;
}

/* 2. Почистване на Navbar */
.navbar {
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    padding: 0.75rem 1rem !important;
}

.navbar-brand span {
    color: var(--gov-blue);
    line-height: 1.2;
}

/* 3. Дефиниция на "Картите" за началната страница */
/* Тези класове ще ги ползваме в Index.cshtml */
.portal-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 20px;
    padding: 20px 0;
}

.portal-card {
    background: #ffffff;
    border: 1px solid var(--gov-border);
    border-radius: 6px; /* Строг, леко заоблен ъгъл */
    padding: 25px;
    text-align: center;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none !important;
}

    .portal-card:hover {
        border-color: var(--gov-accent);
        box-shadow: 0 4px 12px rgba(0,0,0,0.05);
        background-color: #fcfcfc;
    }

    .portal-card i, .portal-card .material-icons {
        font-size: 3rem;
        color: var(--gov-accent);
        margin-bottom: 15px;
    }

    .portal-card span {
        font-weight: 600;
        color: var(--gov-blue);
        font-size: 1.05rem;
    }

/* 4. Оптимизация на Footer */
.site-footer {
    background: #ffffff;
    border-top: 1px solid var(--gov-border);
    padding: 30px 0;
    margin-top: 40px;
    color: #64748b;
}

.header-grid {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    opacity: 0.8;
}

/* Регулиране на логото */
.navbar-brand img {
    height: 60px; /* по-компактно */
    margin-right: 15px;
}

.dx-auth-container {
    display: flex;
    align-items: center;
    gap: 8px;
}

.dx-auth-avatar {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #ffffff88;
    box-shadow: 0 0 4px #0002;
}

.dx-auth-initials {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: linear-gradient(135deg, #4f91ff, #6db3ff);
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    box-shadow: 0 0 4px #0002;
}

.dx-auth-name {
    font-size: 14px;
    font-weight: 500;
    color: #333;
}

.help-sidebar-card {
    background: #fff;
    border: 1px solid var(--gov-border);
    border-top: 4px solid var(--gov-accent);
    border-radius: 6px;
    padding: 15px;
    margin-top: 20px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.help-header {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 700;
    color: var(--gov-blue);
    margin-bottom: 15px;
    font-size: 1.1rem;
}

.help-row {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
    font-size: 0.95rem;
}

    .help-row i {
        color: var(--gov-accent);
        width: 16px;
    }

    .help-row a {
        color: inherit;
        text-decoration: none;
    }

        .help-row a:hover {
            color: var(--gov-accent);
        }

.help-footer {
    border-top: 1px solid var(--gov-border);
    padding-top: 10px;
    margin-top: 10px;
    font-size: 0.8rem;
    color: #64748b;
    line-height: 1.4;
    font-style: italic;
}
/* Стил за съдържанието на Popover-а */
.help-card-popover {
    padding: 10px;
    font-family: 'Raleway', sans-serif;
}

.help-title {
    color: var(--gov-blue);
    font-weight: 700;
    margin-bottom: 20px;
    font-size: 1.1rem;
    border-bottom: 2px solid var(--gov-accent);
    padding-bottom: 8px;
}

.help-info-row {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 15px;
    font-size: 1rem;
    color: #334155;
}

    .help-info-row i {
        color: var(--gov-accent);
        font-size: 1.2rem;
        width: 20px;
        text-align: center;
    }

    .help-info-row a {
        color: var(--gov-accent);
        text-decoration: none;
        font-weight: 600;
    }

.help-divider {
    border: 0;
    border-top: 1px solid var(--gov-border);
    margin: 15px 0;
}

.help-footer-desc {
    font-size: 0.85rem;
    color: #64748b;
    line-height: 1.4;
    font-style: italic;
}

/* Промяна на цвета на самия плаващ бутон */
.dx-speed-dial-action .dx-fab {
    background-color: var(--gov-accent) !important;
}

.help-card-popover {
    background: #ffffff !important;
    padding: 10px;
    border-radius: 8px;
}

/* Това оправя проблема с "изчезването" зад черния фон */
.dx-overlay-wrapper.dx-popover-wrapper {
    z-index: 20001 !important;
}
/*consent cookies colors*/
.cookie-popup-style .dx-popup-title {
    background-color: #337ab7 !important; /* Синьото от  баджове */
    color: white !important;
    border-bottom: none;
}

    /* Стил за иконката в заглавието */
    .cookie-popup-style .dx-popup-title .dx-icon {
        color: white !important;
        margin-right: 8px;
    }

/* Бледо синьо за съдържанието */
.cookie-popup-style .dx-popup-content {
    background-color: #f4f9ff !important;
    color: #333;
}

/* Малко сянка, за да изпъкне над картите */
.cookie-popup-style.dx-overlay-content {
    box-shadow: 0 6px 12px rgba(0,0,0,0.175) !important;
}
/* Стил за линковете във фустъра */
.site-footer a.footer-link {
    color: #666; /* Тъмно сиво по подразбиране */
    text-decoration: none;
    transition: color 0.3s ease, text-decoration 0.3s ease;
    margin-right: 15px;
    display: inline-flex;
    align-items: center;
}

    /* Ефект при посочване - превръща се в "бадж" синьото */
    .site-footer a.footer-link:hover {
        color: #337ab7 !important; /* Вашето синьо */
        text-decoration: underline !important;
    }

    /* Малко отстояние за иконата */
    .site-footer a.footer-link i {
        margin-right: 5px;
    }