/*
Theme Name: Трезвый Саранск
Author: Ваше Имя
Description: Кастомная тема для клуба трезвости "Трезвый Саранск" по методу Шичко.
Version: 1.0
*/

:root {
    --primary-color: #2e7d32; /* Зеленый */
    --secondary-color: #ff8f00; /* Оранжевый (для лисы) */
    --dark-bg: #1b1b1b;
    --light-bg: #f4f7f6;
    --text-color: #333;
}

* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }

body { color: var(--text-color); line-height: 1.6; }

/* Шапка */
.site-header { background: #fff; box-shadow: 0 2px 10px rgba(0,0,0,0.1); position: sticky; top: 0; z-index: 999; }
.header-inner { max-width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; padding: 15px 20px; }
.logo-area { display: flex; align-items: center; gap: 15px; }
.logo-img { width: 50px; height: 50px; } /* Место для логотипа лисы */
.site-title { font-size: 24px; color: var(--primary-color); font-weight: 700; text-decoration: none; }
.main-menu ul { list-style: none; display: flex; gap: 20px; }
.main-menu a { text-decoration: none; color: var(--text-color); font-weight: 500; transition: 0.3s; }
.main-menu a:hover { color: var(--primary-color); }

/* Главный экран (Hero) */
.hero-section { background: var(--light-bg); text-align: center; padding: 100px 20px; }
.hero-section h1 { font-size: 42px; color: var(--primary-color); margin-bottom: 20px; }
.hero-section p { font-size: 20px; max-width: 800px; margin: 0 auto 30px auto; color: #555; }
.btn-primary { background: var(--primary-color); color: #fff; padding: 15px 30px; text-decoration: none; border-radius: 5px; font-size: 18px; display: inline-block; transition: 0.3s; }
.btn-primary:hover { background: #1b5e20; }

/* Секции */
.content-section { max-width: 1200px; margin: 0 auto; padding: 80px 20px; }
.section-title { text-align: center; font-size: 32px; margin-bottom: 50px; color: var(--primary-color); }

/* О методе Шичко */
.about-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; }
.about-text p { margin-bottom: 20px; }

/* Расписание */
.schedule-box { background: #fff; border: 2px solid var(--primary-color); border-radius: 10px; padding: 30px; text-align: center; margin-bottom: 30px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); }
.schedule-box h3 { color: var(--secondary-color); margin-bottom: 15px; }
.schedule-box .date { font-size: 18px; font-weight: bold; margin-bottom: 10px; }

/* Подвал */
.site-footer { background: var(--dark-bg); color: #fff; padding: 50px 20px; text-align: center; }
.footer-info { max-width: 1200px; margin: 0 auto; display: flex; justify-content: space-around; flex-wrap: wrap; gap: 30px; }
.footer-info p { margin-bottom: 10px; }

/* Адаптивность */
@media (max-width: 768px) {
    .header-inner { flex-direction: column; }
    .about-grid { grid-template-columns: 1fr; }
    .hero-section h1 { font-size: 32px; }
}