/* LAZ BUTTONS THEME — GLOBAL SITE BUTTON COLORS */

:root {
    --laz-accent: #3f7772;
    --laz-accent-dark: #346b66;
    --laz-accent-soft: #dcecea;
    --laz-accent-pale: rgba(246, 250, 248, .94);
    --laz-ink: #10201e;
    --laz-paper: #f8fffd;
}

/* Основные кнопки */
.btn,
.header-cta,
.side-write,
.product-button,
.product-cta,
.catalog-button,
.about-actions a,
.hero-actions a,
.actions a {
    border-color: var(--laz-accent) !important;
    color: var(--laz-accent) !important;
    background: transparent !important;
}

.btn.dark,
.header-cta:hover,
.side-write:hover,
.product-button:hover,
.product-cta:hover,
.catalog-button:hover,
.about-actions a:hover,
.hero-actions a:hover,
.actions a:hover {
    background: var(--laz-accent) !important;
    color: var(--laz-paper) !important;
    border-color: var(--laz-accent) !important;
}

/* Активные / главные кнопки */
.btn.dark,
.btn.primary,
.is-active,
.active {
    border-color: var(--laz-accent) !important;
}

/* Фильтры категорий */
.laz-category-filter {
    background: var(--laz-accent-pale) !important;
    color: rgba(25, 36, 34, .86) !important;
    border: 1px solid rgba(63, 119, 114, .28) !important;
}

.laz-category-filter:hover {
    background: var(--laz-accent-soft) !important;
    color: var(--laz-ink) !important;
    border-color: rgba(63, 119, 114, .52) !important;
}

.laz-category-filter.is-active {
    background: var(--laz-accent) !important;
    color: var(--laz-paper) !important;
    border-color: var(--laz-accent-dark) !important;
}

/* Мобильная шапка — активный язык */
.mobile-site-header__lang a.is-active {
    background: var(--laz-accent) !important;
    color: var(--laz-paper) !important;
}

/* Пагинация */
.catalog-page-item,
.pagination a,
.pagination span {
    border-color: rgba(63, 119, 114, .24) !important;
}

.catalog-page-item:hover,
.pagination a:hover {
    background: var(--laz-accent-soft) !important;
    color: var(--laz-ink) !important;
}

.catalog-page-item.active,
.pagination .active span,
.pagination span[aria-current="page"] {
    background: var(--laz-accent) !important;
    color: var(--laz-paper) !important;
    border-color: var(--laz-accent-dark) !important;
}

/* Кнопки в адекватном виде на мобилке */
@media (max-width: 900px) {
    .btn,
    .header-cta,
    .side-write,
    .product-button,
    .product-cta,
    .catalog-button,
    .about-actions a,
    .hero-actions a,
    .actions a {
        border-color: var(--laz-accent) !important;
    }
}

/* LAZ FINAL: LANGUAGE + MANIFEST BUTTONS */

/* Языковые кнопки RU / EN — десктоп */
.lang-switch a,
.lang-switch button {
    border-color: rgba(63, 119, 114, .34) !important;
    color: #254845 !important;
    background: rgba(246, 250, 248, .94) !important;
}

.lang-switch a:hover,
.lang-switch button:hover {
    background: #dcecea !important;
    color: #10201e !important;
    border-color: rgba(63, 119, 114, .56) !important;
}

.lang-switch a.active,
.lang-switch a.is-active,
.lang-switch button.active,
.lang-switch button.is-active {
    background: #3f7772 !important;
    color: #f8fffd !important;
    border-color: #346b66 !important;
}

/* Языковые кнопки в мобильной шапке */
.mobile-site-header__lang {
    background: rgba(246, 250, 248, .94) !important;
    border-color: rgba(63, 119, 114, .34) !important;
}

.mobile-site-header__lang a {
    color: #254845 !important;
    background: transparent !important;
}

.mobile-site-header__lang a.is-active {
    background: #3f7772 !important;
    color: #f8fffd !important;
}

/* Кнопки манифеста / hero / about */
.hero-actions a,
.about-actions a,
.actions a,
.btn,
.btn.dark,
.header-cta {
    border-color: #3f7772 !important;
    color: #3f7772 !important;
    background: transparent !important;
}

.hero-actions a:hover,
.about-actions a:hover,
.actions a:hover,
.btn:hover,
.btn.dark:hover,
.header-cta:hover {
    background: #3f7772 !important;
    color: #f8fffd !important;
    border-color: #346b66 !important;
}

/* Главная кнопка — заполненная, но не чёрная */
.hero-actions a:first-child,
.about-actions a:first-child,
.actions a:first-child,
.btn.dark,
.btn.primary {
    background: #3f7772 !important;
    color: #f8fffd !important;
    border-color: #346b66 !important;
}

.hero-actions a:first-child:hover,
.about-actions a:first-child:hover,
.actions a:first-child:hover,
.btn.dark:hover,
.btn.primary:hover {
    background: #346b66 !important;
    color: #f8fffd !important;
    border-color: #2d5f5a !important;
}

/* Вторичные кнопки */
.hero-actions a:not(:first-child),
.about-actions a:not(:first-child),
.actions a:not(:first-child) {
    background: rgba(246, 250, 248, .76) !important;
    color: #254845 !important;
    border-color: rgba(63, 119, 114, .42) !important;
}

.hero-actions a:not(:first-child):hover,
.about-actions a:not(:first-child):hover,
.actions a:not(:first-child):hover {
    background: #dcecea !important;
    color: #10201e !important;
    border-color: rgba(63, 119, 114, .62) !important;
}

/* Мобильные кнопки — тот же стиль */
@media (max-width: 900px) {
    .hero-actions a,
    .about-actions a,
    .actions a,
    .btn,
    .btn.dark,
    .header-cta {
        border-color: #3f7772 !important;
    }

    .hero-actions a:first-child,
    .about-actions a:first-child,
    .actions a:first-child,
    .btn.dark,
    .btn.primary {
        background: #3f7772 !important;
        color: #f8fffd !important;
    }
}