@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');

body {
    font-family: "Rubik", sans-serif !important;
	font-size: 17px;
}

.article-content p {
    font-size: 17px;
    line-height: 1.7;
    text-align: justify;
    margin-bottom: 14px;
    color: #222;
}

a h1:hover,
a h2:hover,
a h3:hover,
a h4:hover,
a h5:hover {
    color: #00b293;
    transition: color 0.3s ease;
    cursor: pointer;
}

a.text-success {
    color: #00b293 !important;
}

.badge.bg-success {
    background-color: #00b293 !important;
}

.container-fluid.bg-success {
    background-color: #a1e3db !important;
}

ul.dropdown-menu {
    z-index: 99999!important;
}

.sticky-sidebar {
    position: -webkit-sticky;
    position: sticky;
    top: 20px;
    z-index: 1000;
}

/* 🔷 Header logo alignment */
header .navbar-brand img {
    height: 22px;
}

.vecher-news-scroll {
    max-height: 450px;
    overflow-y: auto;
    padding-right: 5px;
}

/* Кастом скролл */
.vecher-news-scroll::-webkit-scrollbar {
    width: 4px;
}
.vecher-news-scroll::-webkit-scrollbar-thumb {
    background-color: #00b293;
    border-radius: 2px;
}

.vecher-news-time {
    font-size: 0.85rem;
    color: #00b293;
    font-weight: 500;
    white-space: nowrap;
}

.vecher-news-text {
    font-size: 0.9rem;
    color: #000;
    text-decoration: none;
    line-height: 1.2rem;
    font-weight: 400;
}
.vecher-news-text:hover {
    color: #00b293;
    text-decoration: underline;
}

.vecher-news-hr {
    border: none;
    border-top: 1px solid #eee;
    margin: 0.3rem 0;
}

/* Зеленая линия справа от заголовка */
.line-indicator {
    height: 3px;
    width: 100%;
    background-color: #00b293;
}

.vecher-max-title {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 3.2em;
}

.article-content img {
    width: 100%;
    height: auto;
}

/* 🔷 Desktop only nav */
@media (min-width: 992px) {
    header nav.navbar {
        padding-top: 0;
        padding-bottom: 0;
    }

    header .navbar-nav .nav-link {
        padding: 0.75rem 0.5rem;
        color: #000;
        font-weight: 600;
    }

    header .navbar-nav .nav-link:hover,
    header .navbar-nav .nav-link:focus {
        color: #1abc9c; /* Bootstrap primary түсі */
    }

    header .navbar-nav .dropdown-menu {
        font-size: 0.9rem;
    }

    header .navbar-nav.gap-3 {
        gap: 7px !important;
    }

    header .navbar-nav + .navbar-nav {
        margin-left: auto;
    }
}

/* 🔷 Mobile only: language + hamburger */
@media (max-width: 991.98px) {
    header .dropdown {
        font-size: 0.9rem;
    }

    header .dropdown .dropdown-toggle {
        font-weight: 500;
    }

    header .bi-list {
        font-size: 1.6rem;
    }
}