/* Header and footer custom styles */
.header-logo {
    height: 60px !important;
}
@media (max-width: 991.98px) {
    .header-logo {
        height: 40px !important;
    }
}
.header-contact-link:hover {
    color: var(--bs-primary) !important;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .d-none.d-lg-block .row.align-items-center .fw-bold {
        font-size: 0.875rem !important;
    }
}
/* Offcanvas menu links styling */
.offcanvas-body .nav-link,
.offcanvas-body .dropdown-item {
    color: var(--bs-dark) !important;
}
.offcanvas-body .nav-link:hover,
.offcanvas-body .dropdown-item:hover {
    color: var(--bs-primary) !important;
}
/* Desktop header nav */
@media (min-width: 1200px) {
    .navbar-nav.small {
        font-size: 1rem !important;
    }
}
.navbar-nav .nav-link {
    color: var(--bs-dark) !important;
}
.navbar-nav .nav-link:hover {
    color: var(--bs-primary) !important;
}
.nav .nav-link.text-dark:hover {
    color: var(--bs-primary) !important;
}
/* Dropdown menu styling */
.dropdown-menu {
    border: none !important;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
/* Header title font size */
.header-title-font-size {
    font-size: 12px !important;
}
/* Header contact link styling */
.header-contact-link {
    text-decoration: none !important;
    color: var(--bs-dark) !important;
}
.header-contact-link:hover {
    color: var(--bs-primary) !important;
}
/* Rotate collapse arrows in offcanvas */
.offcanvas-body .btn[data-bs-toggle='collapse'] i.bi-chevron-down {
    transition: transform 0.3s ease;
}
.offcanvas-body .btn[data-bs-toggle='collapse'].collapsed i.bi-chevron-down {
    transform: rotate(0deg);
}
.offcanvas-body
    .btn[data-bs-toggle='collapse']:not(.collapsed)
    i.bi-chevron-down {
    transform: rotate(180deg);
}
/* Footer nav hover styling */
footer .nav-link:hover,
footer a.text-dark:hover {
    color: var(--bs-primary) !important;
}
/* Mobile header wrapper z-index */
.mobile-menu-wrapper {
    z-index: 1030;
}

/* Step circle sizes */
.step-circle {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

/* Центрирование правого столбца прайс-листа */
#price table tbody td:nth-child(2) {
    text-align: center !important;
}

/* Полужирное начертание для левого столбца прайс-листа */
#price table tbody td:nth-child(1) {
    font-weight: 600 !important;
}

/* Маленький текст для прайс-листа на экранах < lg */
@media (max-width: 991.98px) {
    #price table th,
    #price table td {
        font-size: 0.875rem !important;
    }
}

/* Hover-тень для блока «Как мы работаем» */
#process .card {
    transition: box-shadow 0.3s ease;
}
#process .card:hover {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

/* Убираем нижний отступ (margin-bottom) у таблицы прайс-листа */
#price table {
    margin-bottom: 0px !important;
}

/* Scroll indicator */
#scrollIndicator {
    position: fixed;
    top: 0;
    left: 0;
    height: 4px;
    width: 0%;
    background: var(--bs-primary);
    z-index: 9999;
}

/* Company hero background-overlay moved inline via gradient; remove if needed */

/* Plisse slider styles */
.plisse-slider {
    position: relative;
}
.plisse-track {
    scroll-behavior: smooth;
    overflow-x: hidden !important;
    overflow-y: visible !important;
    padding-bottom: 1.5rem;
}
.plisse-card {
    width: 25%;
    box-sizing: border-box;
}
.plisse-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    border: none !important;
}
.plisse-nav:disabled {
    opacity: 0.5;
    pointer-events: none;
}
.plisse-prev {
    left: 1rem !important;
}
.plisse-next {
    right: 1rem !important;
}
@media (max-width: 992px) {
    .plisse-card {
        width: 33.333%;
    }
}
@media (max-width: 768px) {
    .plisse-card {
        width: 50%;
    }
}
@media (max-width: 576px) {
    .plisse-card {
        width: 80%;
    }
}
.plisse-card .card {
    transition: box-shadow 0.3s ease;
}
.plisse-card:hover .card {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

/* Portfolio slider styles */
.portfolio-slider {
    position: relative;
}
.portfolio-track {
    scroll-behavior: smooth;
    overflow-x: hidden !important;
    overflow-y: visible !important;
    padding-bottom: 1.5rem;
}
.portfolio-card {
    width: 33.333%;
    box-sizing: border-box;
}
.portfolio-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    border: none !important;
}
.portfolio-nav:disabled {
    opacity: 0.5;
    pointer-events: none;
}
.portfolio-prev {
    left: 1rem !important;
}
.portfolio-next {
    right: 1rem !important;
}
@media (max-width: 1199px) {
    .portfolio-card {
        width: 50%;
    }
}
@media (max-width: 991px) {
    .portfolio-card {
        width: 80%;
    }
}
.portfolio-card .card {
    transition: box-shadow 0.3s ease;
}
.portfolio-card:hover .card {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

/* Calculator card hover styles */
#calc .card {
    transition: box-shadow 0.3s ease;
}
#calc .card:hover {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

/* Company hero inline styles moved to CSS if desired */
.company-hero {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
        url('../../images/pages/paru-slov-o-nashey-company.webp') center/cover
            no-repeat;
    position: relative;
}
.company-hero > .container {
    position: relative;
}

/* Hover-тень для карточек в why-choose (Доставка/Оплата, Idro, Warranty) */
.why-choose .card {
    transition: box-shadow 0.3s ease;
}
.why-choose .card:hover {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
/* Hover-тень для блоков в секции «Пару слов о нашей компании» */
.company-hero .p-4 {
    transition: box-shadow 0.3s ease;
}
.company-hero .p-4:hover {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}