/**
 * style.css - Базовые стили сайта
 * Основные импорты находятся в main.css
 */

/* ===== Form Elements ===== */
input.form-control,
select.form-select,
textarea.form-control {
  color: #212529 !important;
  background-color: #fff !important;
}

div#mobileMenuDrawer {
    overflow-y: scroll!important
}

input.form-control::placeholder,
textarea.form-control::placeholder {
  color: #6c757d !important;
  opacity: 1;
}

.input-group-text,
button.input-group-text {
  color: #212529 !important;
  background-color: #fff !important;
}

/* Modal forms */
.modal .form-label { color: #212529; }
.modal .form-control,
.modal .form-select { color: #212529 !important; background-color: #fff !important; }

/* ===== Typography ===== */
/* Modified by Claude | 2026-03-02_01 - font-display:swap for LCP */
@font-face {
    font-family: 'Montserrat';
    src: url('/static/fonts/Montserrat-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/static/fonts/Montserrat-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: 'Montserrat', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
}

h6 {
    color: rgba(0, 0, 0, 0.6);
    font-weight: 500;
}

h3 {
    display: flex;
    flex-wrap: wrap;
    width: 630px;
    font-weight: 400 !important;
    vertical-align: bottom;
}

h3.carousel-card__title {
    justify-content: center;
}

/* ===== Links ===== */
a.product_item {
    text-decoration: none;
    color: #000;
}

.nav-link {
    color: #000;
}

/* ===== Product Cards ===== */
.product-image {
    background: #F8F8F8;
}

.product-item .add-to-cart-btn {
    display: none;
}

.product-item:hover .add-to-cart-btn {
    display: inline-block;
}

/* ===== Input Groups ===== */
.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
    border-bottom-left-radius: 1.3em;
    border-top-left-radius: 1.3em;
    border: none;
    background: #F8F8F8;
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    border-bottom-right-radius: 1.3em;
    border-top-right-radius: 1.3em;
    border: none;
    background: #F8F8F8;
}

/* ===== Carousel ===== */
.carousel-caption.d-none.d-md-block {
    bottom: 40%;
}

/* ===== Modal/Offcanvas Fixes ===== */
body.modal-open {
    padding-right: 0 !important;
}

body.offcanvas-open[style*="padding-right"] {
    padding-right: 0 !important;
}

/* ===== Buttons ===== */
button#open-filter-btn {
    border-radius: 2rem;
}

button.navbar-toggler {
    border-radius: 0px !important;
    padding: 0px !important;
    border: none !important;
}

/* ===== Select2 ===== */
textarea.select2-search__field {
    min-width: 18rem !important;
}