/* ============================================================================
   УНИФИЦИРОВАННЫЕ КНОПКИ - ДЛЯ ВСЕХ СТРАНИЦ
   ============================================================================ */

/* Базовая кнопка */
.btn {
    display: inline-block !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    text-align: center !important;
    text-decoration: none !important;
    vertical-align: middle !important;
    cursor: pointer !important;
    user-select: none !important;
    border: 1px solid var(--primary-color) !important;
    border-radius: 0.375rem !important;
    transition: all 0.15s ease-in-out !important;
    min-height: 44px !important;
    box-sizing: border-box !important;
    padding: 0.5rem 1rem !important;
    font-size: 1rem !important;
}

/* Варианты кнопок */
.btn-primary {
    color: #fff !important;
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.btn-primary:hover {
    color: #fff !important;
    background-color: var(--primary-hover) !important;
    border-color: var(--primary-hover) !important;
}

.btn-outline-primary {
    color: #000000 !important;
    border-color: var(--primary-color) !important;
    background-color: transparent !important;
}

.btn-outline-primary:hover {
    color: #fff !important;
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.btn-success {
    color: #fff;
    background-color: var(--success-color);
    border-color: var(--primary-color) !important;
}

.btn-warning {
    color: #000;
    background-color: var(--warning-color);
    border-color: var(--primary-color) !important;
}

.btn-danger {
    color: #fff;
    background-color: var(--danger-color);
    border-color: var(--primary-color) !important;
}

/* Размеры кнопок */
.btn-sm {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    min-height: 32px;
}

.btn-lg {
    padding: 0.75rem 1.5rem;
    font-size: 1.125rem;
    min-height: 48px;
}

/* Специальные кнопки */
.hero-btn {
    width: 100%;
    min-height: 48px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    padding: 12px 16px;
    border-radius: 8px;
    margin-bottom: 8px;
    display: inline-block;
    text-decoration: none;
    border: 1px solid var(--primary-color) !important;
    cursor: pointer;
}

/* Кнопка Try Now - синяя заливка с оранжевой границей */
.btn-primary.hero-btn {
    background-color: #007bff !important;
    color: #ffffff !important;
    border: 1px solid var(--primary-color) !important;
}

.btn-primary.hero-btn:hover {
    background-color: #0056b3 !important;
    color: #ffffff !important;
    border: 1px solid var(--primary-color) !important;
}

@media (min-width: 769px) {
    .hero-btn {
        width: auto;
        min-width: 160px;
        max-width: none;
        padding: 12px 24px;
        margin-bottom: 0;
    }
}

/* ============================================================================
   СПЕЦИАЛЬНЫЕ КНОПКИ ДЛЯ МОДАЛЬНЫХ ОКОН
   ============================================================================ */

/* Кнопки в модальном окне выбора языка */
#languageModal .btn-outline-primary {
    color: #000000 !important;
    border-color: #dee2e6 !important;
    background-color: #ffffff !important;
}

#languageModal .btn-outline-primary:hover {
    color: #ffffff !important;
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

/* ============================================================================
   ДОПОЛНИТЕЛЬНЫЕ ВАРИАНТЫ КНОПОК
   ============================================================================ */

.btn-outline-info {
    color: #055160 !important;
    border-color: #055160 !important;
    font-weight: 600 !important;
}

.btn-outline-info:hover {
    color: #ffffff !important;
    background-color: #055160 !important;
    border-color: #055160 !important;
}