/* =============================================================================
   Guide — стили контекстных подсказок и разделов
   Конфигуратор статической тренировки тренажера Samson-fit
   ============================================================================= */

/* ── Контекстные подсказки ─────────────────────────────────────────────────── */
.guide-hints-container {
    max-width: 800px;
    margin: 0 auto;
}

.guide-hint {
    border-radius: 0.5rem;
    margin-bottom: 0.75rem;
    padding: 0.85rem 1rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.guide-hint-upgrade {
    background: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 100%);
    border-color: #66bb6a;
    color: #2e7d32;
}

.guide-hint-upgrade .btn-close {
    filter: invert(40%) sepia(90%) saturate(400%) hue-rotate(90deg);
}

.guide-hint-warning {
    background: linear-gradient(135deg, #fff8e1 0%, #ffecb3 100%);
    border-color: #ffa726;
    color: #e65100;
}

.guide-hint-limit {
    background: linear-gradient(135deg, #ffebee 0%, #ffcdd2 100%);
    border-color: #ef5350;
    color: #c62828;
}

.guide-hint-feature {
    background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);
    border-color: #42a5f5;
    color: #1565c0;
}

.guide-hint-success {
    background: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 100%);
    border-color: #66bb6a;
    color: #1b5e20;
}

.guide-hint-expired {
    background: linear-gradient(135deg, #fce4ec 0%, #f8bbd0 100%);
    border-color: #ec407a;
    color: #880e4f;
}

.guide-hint-auth {
    background: linear-gradient(135deg, #ede7f6 0%, #d1c4e9 100%);
    border-color: #7e57c2;
    color: #4527a0;
}

.guide-hint p {
    font-size: 0.9rem;
    line-height: 1.4;
}

/* ── Карточки разделов ──────────────────────────────────────────────────────── */
.guide-section-card {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.guide-section-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);
}

.guide-section-card.border-success {
    border-width: 2px;
}

/* ── Шаги гида ──────────────────────────────────────────────────────────────── */
.guide-step-item {
    transition: background-color 0.2s ease;
}

.guide-step-item:hover {
    background-color: var(--bs-gray-100);
}

[data-theme="dark"] .guide-step-item:hover {
    background-color: var(--bs-gray-800);
}

.guide-step-content p {
    margin-bottom: 0.5rem;
}

.guide-step-content ul,
.guide-step-content ol {
    padding-left: 1.5rem;
}

.guide-step-content code {
    background-color: var(--bs-gray-200);
    padding: 0.15rem 0.35rem;
    border-radius: 0.25rem;
    font-size: 0.85em;
}

[data-theme="dark"] .guide-step-content code {
    background-color: var(--bs-gray-700);
}