/* style.css - Основные стили проекта 123-region.ru */

/* Подключение шрифтов. Для обычного текста используем Roboto, для заголовков — более классический Playfair Display */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400;1,700&family=Roboto:wght@300;400;500;700&display=swap');

/* Директивы Tailwind CSS. Раскомментируйте, если собираете стили через Tailwind CLI / PostCSS */
/*
@tailwind base;
@tailwind components;
@tailwind utilities;
*/

/* =========================================
   БАЗОВЫЕ НАСТРОЙКИ
   ========================================= */

html, body {
    height: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
    font-family: 'Roboto', sans-serif;
    /* Если Tailwind подключен через CDN, задаем базовый фон здесь */
    background-color: #f5f5f4; /* stone-100 */
    color: #292524; /* stone-800 */
}

/* Прижатие футера к низу экрана, если контента мало */
body > .wrapper, body > main {
    flex: 1 0 auto;
}

body > footer {
    flex-shrink: 0;
}

/* Применение шрифта с засечками для всех заголовков, чтобы придать "усадебный" стиль */
h1, h2, h3, h4, h5, h6, .font-heading {
    font-family: 'Playfair Display', serif;
}

/* =========================================
   КАСТОМНЫЙ СКРОЛЛБАР
   ========================================= */
/* Стилизация полосы прокрутки для браузеров на базе WebKit (Chrome, Safari, Edge) */

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #e7e5e4; /* stone-200 */
    border-radius: 4px;
}

::-webkit-scrollbar-thumb {
    background: #d97706; /* amber-600 */
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #b45309; /* amber-700 */
}

/* =========================================
   АНИМАЦИИ ДЛЯ ИГРОВЫХ ЭЛЕМЕНТОВ
   ========================================= */

/* Плавное увеличение карточек товаров на ярмарке или в магазине */
.item-card-hover {
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s ease;
}

.item-card-hover:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* Анимация пульсации для важных кнопок (например, "Собрать урожай") */
@keyframes pulse-soft {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.02); }
}

.btn-pulse:hover {
    animation: pulse-soft 1.5s infinite ease-in-out;
}

/* Анимация "плавания" для элементов на огороде/рыбалке */
@keyframes float {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-6px); }
    100% { transform: translateY(0px); }
}

.animate-float {
    animation: float 3s ease-in-out infinite;
}

/* =========================================
   УТИЛИТЫ
   ========================================= */

/* Класс для наложения легкого паттерна колосьев/грязи на фон блоков */
.bg-pattern-rustic {
    background-image: url('/assets/img/pattern-wheat.png'); /* Потребуется добавить полупрозрачный паттерн */
    background-repeat: repeat;
    background-size: 150px;
}

/* Кастомные цвета для сообщений об ошибках/успехах, если не используется Tailwind */
.alert-success {
    background-color: #dcfce7;
    border-color: #4ade80;
    color: #166534;
}

.alert-error {
    background-color: #fee2e2;
    border-color: #f87171;
    color: #991b1b;
}