/* Стили для правовых страниц - Политика конфиденциальности и Пользовательское соглашение */

/* ===== КОНТЕЙНЕР ПРИЛОЖЕНИЯ ===== */
.app-container-full {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

/* ===== ОСНОВНАЯ ОБЛАСТЬ КОНТЕНТА ===== */
.legal-content {
    flex: 1;
    overflow-y: auto;
    padding: 40px 20px;
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f1419 100%);
}

.legal-container {
    max-width: 1000px;
    margin: 0 auto;
    background: rgba(31, 41, 55, 0.6);
    backdrop-filter: blur(10px);
    border: 4px solid var(--color-purple);
    padding: 40px;
    box-shadow: 0 0 30px rgba(139, 92, 246, 0.3);
}

/* ===== МЕТА ИНФОРМАЦИЯ ===== */
.legal-meta {
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 3px solid var(--color-cyan);
}

.legal-meta p {
    font-size: 9px;
    line-height: 1.8;
    color: var(--color-gray);
    margin-bottom: 8px;
}

.legal-meta .highlight {
    color: var(--color-cyan);
    font-weight: bold;
}

.legal-meta .link-highlight {
    color: var(--color-pink);
    text-decoration: none;
    transition: color 0.3s ease;
}

.legal-meta .link-highlight:hover {
    color: var(--color-cyan);
}

/* ===== ВВОДНАЯ СЕКЦИЯ ===== */
.legal-intro {
    margin-bottom: 35px;
    padding: 25px;
    background: rgba(139, 92, 246, 0.1);
    border-left: 4px solid var(--color-purple);
}

.legal-intro p {
    font-size: 9px;
    line-height: 2;
    color: var(--color-light);
    margin-bottom: 15px;
}

.legal-intro p:last-child {
    margin-bottom: 0;
}

.legal-intro .highlight {
    color: var(--color-cyan);
    font-weight: bold;
}

/* ===== СЕКЦИИ ДОКУМЕНТА ===== */
.legal-section {
    margin-bottom: 35px;
    padding: 25px;
    background: rgba(31, 41, 55, 0.4);
    border: 2px solid var(--color-border);
    transition: all 0.3s ease;
}

.legal-section:hover {
    border-color: var(--color-cyan);
    box-shadow: 0 0 15px rgba(6, 182, 212, 0.2);
}

.legal-section h2 {
    font-size: 12px;
    color: var(--color-cyan);
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--color-purple);
    text-transform: uppercase;
}

.legal-section h3 {
    font-size: 10px;
    color: var(--color-pink);
    margin-bottom: 15px;
    margin-top: 10px;
}

.legal-section p {
    font-size: 9px;
    line-height: 2;
    color: var(--color-light);
    margin-bottom: 15px;
}

.legal-section p:last-child {
    margin-bottom: 0;
}

/* ===== СПИСКИ ===== */
.legal-list {
    margin-top: 15px;
}

.legal-list p {
    font-size: 9px;
    line-height: 2;
    color: var(--color-light);
    margin-bottom: 15px;
}

.legal-list ul {
    list-style: none;
    padding-left: 0;
}

.legal-list li {
    font-size: 9px;
    line-height: 2;
    color: var(--color-light);
    margin-bottom: 12px;
    list-style: none;
}

.legal-list strong {
    color: var(--color-pink);
}

/* ===== КОНТАКТНАЯ ИНФОРМАЦИЯ ===== */
.legal-contact {
    margin-top: 20px;
    padding: 15px;
    background: rgba(6, 182, 212, 0.1);
    border-left: 3px solid var(--color-cyan);
}

.legal-contact a {
    color: var(--color-cyan);
    text-decoration: none;
    transition: color 0.3s ease;
}

.legal-contact a:hover {
    color: var(--color-pink);
}

/* ===== ТАРИФНЫЕ БЛОКИ ===== */
.tariff-block {
    margin-bottom: 25px;
    padding: 20px;
    background: rgba(139, 92, 246, 0.1);
    border: 2px solid var(--color-purple);
    transition: all 0.3s ease;
}

.tariff-block:hover {
    background: rgba(139, 92, 246, 0.2);
    border-color: var(--color-pink);
    box-shadow: 0 0 15px rgba(236, 72, 153, 0.2);
}

.tariff-block h3 {
    font-size: 10px;
    color: var(--color-purple);
    margin-bottom: 15px;
}

/* ===== ПРЕДУПРЕЖДАЮЩАЯ СЕКЦИЯ ===== */
.warning-section {
    background: rgba(239, 68, 68, 0.1);
    border: 3px solid #EF4444;
}

.warning-section h2 {
    color: #EF4444;
    border-bottom-color: #EF4444;
}

.warning-text {
    color: #FCA5A5;
    font-weight: bold;
}

.warning-list li::before {
    color: #EF4444;
}

/* ===== СКРОЛЛБАР ===== */
.legal-content::-webkit-scrollbar {
    width: 12px;
}

.legal-content::-webkit-scrollbar-track {
    background: var(--color-dark);
    border-left: 2px solid var(--color-purple);
}

.legal-content::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, var(--color-purple), var(--color-pink));
    border-radius: 0;
}

.legal-content::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, var(--color-cyan), var(--color-blue));
}

/* ===== АДАПТИВНОСТЬ ===== */
@media (max-width: 768px) {
    .legal-content {
        padding: 20px 10px;
    }

    .legal-container {
        padding: 20px;
        border-width: 3px;
    }

    .legal-meta p,
    .legal-intro p,
    .legal-section p,
    .legal-list p,
    .legal-list li {
        font-size: 8px;
        line-height: 1.8;
    }

    .legal-section h2 {
        font-size: 10px;
    }

    .legal-section h3 {
        font-size: 9px;
    }

    .legal-section {
        padding: 15px;
        margin-bottom: 25px;
    }

    .legal-intro {
        padding: 15px;
    }

    .tariff-block {
        padding: 15px;
    }
}

@media (max-width: 480px) {
    .legal-container {
        padding: 15px;
    }

    .legal-meta p,
    .legal-intro p,
    .legal-section p,
    .legal-list p,
    .legal-list li {
        font-size: 7px;
    }

    .legal-section h2 {
        font-size: 9px;
    }

    .legal-section h3 {
        font-size: 8px;
    }
}