/* Зеленая цветовая схема для сайта */

:root {
    --primary-green: #2d6a4f;
    --light-green: #40916c;
    --lighter-green: #52b788;
    --pale-green: #74c69d;
    --very-light-green: #95d5b2;
    --accent-green: #1b4332;
    --bg-green: #d8f3dc;
    --font-main: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-display: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* Body */
body {
    background: linear-gradient(135deg, var(--bg-green) 0%, #ffffff 100%);
    font-family: var(--font-main);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Заголовки используют display шрифт */
h1, h2, h3, h4, h5, h6,
.header_for_tours_main_page,
.logo-text {
    font-family: var(--font-display);
}

/* Header */
.header_wrapper {
    background: linear-gradient(180deg, var(--primary-green) 0%, var(--light-green) 100%) !important;
    box-shadow: 0 4px 12px rgba(45, 106, 79, 0.2);
}

.header__logo {
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    transition: transform 0.3s ease;
}

.header__logo:hover {
    transform: scale(1.05);
}

.header__menu-item {
    color: white !important;
    padding: 8px 15px;
    border-radius: 6px;
    transition: all 0.3s ease;
}

.header__menu-item:hover {
    background: rgba(255, 255, 255, 0.2);
    transform: translateY(-2px);
}

/* Footer */
.podval {
    background: linear-gradient(180deg, var(--accent-green) 0%, var(--primary-green) 100%);
    box-shadow: 0 -4px 12px rgba(0,0,0,0.1);
}

.img_footer {
    background: linear-gradient(180deg, #ffffff 0%, var(--bg-green) 100%);
    border-top: 3px solid var(--pale-green);
}

.bot_menu a,
.bot_menu span {
    color: white !important;
    padding: 8px 15px;
    border-radius: 6px;
    display: inline-block;
    cursor: pointer;
    transition: all 0.3s ease;
}

.bot_menu a:hover,
.bot_menu span:hover {
    background: rgba(255, 255, 255, 0.2);
}

#email {
    color: white !important;
    text-decoration: none;
    transition: all 0.3s ease;
}

#email:hover {
    transform: translateX(5px);
}

#email span {
    text-decoration: underline;
    color: var(--very-light-green);
}

.bot_copyright,
.bot_footer_year {
    color: white !important;
}

/* Mobile Panel */
.side-panel-mobile {
    background: linear-gradient(180deg, var(--primary-green) 0%, var(--light-green) 100%);
}

.side-panel-mobile hr {
    border-bottom: 2px solid var(--accent-green);
    opacity: 0.5;
}

.side-panel-mobile img {
    border-radius: 8px;
}

.side-panel-mobile .header__menu-item {
    margin: 5px 10px;
}

/* Headings */
.way-page + h1 {
    color: var(--accent-green);
    text-shadow: 2px 2px 4px rgba(0,0,0,0.1);
}

/* Forms */
input,
select,
textarea {
    border-color: var(--pale-green) !important;
    transition: all 0.3s ease;
}

input:focus,
select:focus,
textarea:focus {
    border-color: var(--light-green) !important;
    box-shadow: 0 0 0 3px rgba(45, 106, 79, 0.1);
    outline: none;
}

button,
.btn,
input[type="submit"],
input[type="button"] {
    background: linear-gradient(135deg, var(--primary-green) 0%, var(--light-green) 100%);
    color: white;
    border: none;
    padding: 12px 24px;
    border-radius: 25px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

button:hover,
.btn:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(45, 106, 79, 0.3);
    background: linear-gradient(135deg, var(--light-green) 0%, var(--lighter-green) 100%);
}

/* WhatsApp button */
.whatsapp_button a {
    background: var(--light-green) !important;
    transition: all 0.3s ease;
}

.whatsapp_button a:hover {
    background: var(--lighter-green) !important;
    transform: scale(1.05);
}

/* Texture */
.texture {
    background-image: linear-gradient(135deg, var(--bg-green) 0%, rgba(255, 255, 255, 0.9) 100%);
}

/* Navigation button */
#navigation-button span {
    background: white;
}

.line {
    background: white;
}

/* Анимации */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes pulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
}