/* =============================================
   COOKIES PAGE SPECIFIC STYLES
   ============================================= */

/* Cookie Category Boxes */
.cookie-category {
    background: linear-gradient(135deg, rgba(52, 152, 219, 0.1) 0%, rgba(52, 152, 219, 0.05) 100%);
    border-left: 4px solid #3498db;
    padding: 1.5rem;
    border-radius: var(--radius-md);
    margin: 1.5rem 0;
    box-shadow: var(--shadow-sm);
}

body.light-mode .cookie-category {
    background: rgba(52, 152, 219, 0.08);
}

.cookie-category h3 {
    color: #3498db !important;
    margin-top: 0 !important;
}

.cookie-category p {
    margin-bottom: 0.75rem;
}

.cookie-category p:last-child {
    margin-bottom: 0;
}

.cookie-category strong {
    color: var(--text-primary);
}

/* Enhanced table styling for cookies page */
.legal-wrapper table {
    font-size: 0.9rem;
}

.legal-wrapper table th {
    white-space: nowrap;
    font-size: 0.9rem;
}

.legal-wrapper table td {
    vertical-align: top;
}

/* Mobile table scroll hint */
@media (max-width: 768px) {
    .legal-wrapper table::after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 30px;
        height: 100%;
        background: linear-gradient(to left, var(--dark-card), transparent);
        pointer-events: none;
    }
    
    body.light-mode .legal-wrapper table::after {
        background: linear-gradient(to left, var(--light), transparent);
    }
}

/* Table container for better mobile experience */
.legal-wrapper > div:has(table) {
    position: relative;
}

/* Links in cookie policy - enhanced styling */
.legal-wrapper a[href^="http"] {
    color: #3498db;
    font-weight: 500;
}

.legal-wrapper a[href^="http"]:hover {
    color: var(--primary);
    border-bottom-color: var(--primary);
}

/* Special styling for list items in cookie categories */
.cookie-category ul {
    margin-top: 1rem;
    margin-bottom: 0;
}

.cookie-category ul li {
    margin-bottom: 0.5rem;
}

.cookie-category ul li:last-child {
    margin-bottom: 0;
}

/* Responsive adjustments for cookie categories */
@media (max-width: 768px) {
    .cookie-category {
        padding: 1.25rem;
    }
    
    .cookie-category h3 {
        font-size: 1.15rem;
    }
}

@media (max-width: 480px) {
    .cookie-category {
        padding: 1rem;
    }
}