/* Фоновая текстура: косые полупрозрачные полосы с бесшовным скроллом */
/* public/assets/css/custom/main.css */

/* public/assets/css/custom/main.css */

body {
    background: linear-gradient(
        180deg,
        #bedef7 0%,
        #e0eeff 35%,
        #f3e7d6 70%,
        #f0cf8c 100%
    );

}

/* ═══ Глобальные цвета кнопок: янтарный градиент ═══ */

:root {
    --bs-primary: #d9851e;
    --bs-primary-rgb: 217, 133, 30;
    --bs-link-color: #d9851e;
    --bs-link-hover-color: #b56d15;
}

/* .btn-primary — градиент с объёмом */
.btn-primary {
    background: linear-gradient(180deg, #e9a048 0%, #d9851e 55%, #b56d15 100%);
    border: 1px solid #a05e10;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 
        inset 0 1px 0 rgba(255, 255, 255, 0.25),
        0 2px 4px rgba(181, 109, 21, 0.25);
    transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}

.btn-primary:hover,
.btn-primary:focus {
    background: linear-gradient(180deg, #f0b060 0%, #e39129 55%, #c47418 100%);
    border-color: #a05e10;
    color: #fff;
    filter: brightness(1.05);
    box-shadow: 
        inset 0 1px 0 rgba(255, 255, 255, 0.3),
        0 4px 12px rgba(217, 133, 30, 0.4);
    transform: translateY(-1px);
}

.btn-primary:active,
.btn-primary.active {
    background: linear-gradient(180deg, #b56d15 0%, #a05e10 100%);
    border-color: #8a5010;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
    transform: translateY(0);
}

.btn-primary:focus-visible {
    outline: 2px solid #d9851e;
    outline-offset: 2px;
}

.btn-primary:disabled,
.btn-primary.disabled {
    background: linear-gradient(180deg, #d4c4a8 0%, #b8a47f 100%);
    border-color: #a89474;
    color: rgba(255, 255, 255, 0.75);
    opacity: 0.75;
    transform: none;
    box-shadow: none;
}

/* .btn-outline-primary — янтарный контур */
.btn-outline-primary {
    color: #d9851e;
    border-color: #d9851e;
    background: transparent;
    transition: all 0.2s ease;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus {
    background: linear-gradient(180deg, #e9a048 0%, #d9851e 55%, #b56d15 100%);
    border-color: #a05e10;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0 4px 12px rgba(217, 133, 30, 0.35);
    transform: translateY(-1px);
}

.btn-outline-primary:active,
.btn-outline-primary.active {
    background: linear-gradient(180deg, #b56d15 0%, #a05e10 100%);
    border-color: #8a5010;
    color: #fff;
}

.btn-outline-primary:disabled {
    color: #b8a47f;
    border-color: #c8b890;
    background: transparent;
}

/* Кастомная кнопка Subscribe — перебиваем синий из subscribe.css */
.sem-subscribe-btn {
    background: linear-gradient(180deg, #e9a048 0%, #d9851e 55%, #b56d15 100%) !important;
    border: 1px solid #a05e10 !important;
    color: #fff !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 
        inset 0 1px 0 rgba(255, 255, 255, 0.25),
        0 4px 14px rgba(217, 133, 30, 0.4);
}

.sem-subscribe-btn:hover:not(:disabled) {
    background: linear-gradient(180deg, #f0b060 0%, #e39129 55%, #c47418 100%) !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(217, 133, 30, 0.5);
}

/* Пагинация маркетплейса — активная страница янтарная */
.page-item.active .page-link {
    background: linear-gradient(180deg, #e9a048 0%, #d9851e 55%, #b56d15 100%);
    border-color: #a05e10;
    color: #fff;
}

.page-link {
    color: #d9851e;
}

.page-link:hover {
    color: #b56d15;
    background-color: #fdf4e8;
    border-color: #d9851e;
}

.page-link:focus {
    box-shadow: 0 0 0 0.2rem rgba(217, 133, 30, 0.25);
}