/* Legal Pages Specific Styles */



.legal-content {

    padding: 60px 0;

    background: #1a1a1a;

    min-height: 80vh;

}



.legal-header {

    text-align: center;

    margin-bottom: 50px;

    padding-bottom: 30px;

    border-bottom: 2px solid #00ff88;

}



.legal-header h1 {

    font-size: 3rem;

    font-weight: 800;

    color: #00ff88;

    margin-bottom: 15px;

    text-shadow: 0 0 20px rgba(0, 255, 136, 0.3);

}



.last-updated {

    color: #cccccc;

    font-size: 1.1rem;

    font-weight: 500;

}



.legal-body {

    max-width: 900px;

    margin: 0 auto;

    background: #ffffff;

    border-radius: 15px;

    padding: 50px;

    color: #333;

    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);

}



.legal-section {

    margin-bottom: 40px;

    padding-bottom: 30px;

    border-bottom: 1px solid #eee;

}



.legal-section:last-child {

    border-bottom: none;

    margin-bottom: 0;

}



.legal-section h2 {

    font-size: 1.8rem;

    font-weight: 700;

    color: #00ff88;

    margin-bottom: 20px;

    padding-bottom: 10px;

    border-bottom: 2px solid #f0f0f0;

}



.legal-section h3 {

    font-size: 1.4rem;

    font-weight: 600;

    color: #333;

    margin: 25px 0 15px 0;

}



.legal-section p {

    font-size: 1rem;

    line-height: 1.7;

    color: #555;

    margin-bottom: 15px;

}



.legal-section ul {

    margin: 15px 0;

    padding-left: 25px;

}



.legal-section li {

    font-size: 1rem;

    line-height: 1.6;

    color: #555;

    margin-bottom: 8px;

}



.legal-section a {

    color: #00ff88;

    text-decoration: none;

    font-weight: 500;

    transition: color 0.3s ease;

}



.legal-section a:hover {

    color: #00cc6a;

    text-decoration: underline;

}



.legal-section strong {

    color: #333;

    font-weight: 600;

}



/* Table of Contents (if needed) */

.toc {

    background: #f8f9fa;

    border: 1px solid #e9ecef;

    border-radius: 8px;

    padding: 25px;

    margin-bottom: 40px;

}



.toc h3 {

    color: #00ff88;

    margin-bottom: 15px;

    font-size: 1.3rem;

}



.toc ul {

    list-style: none;

    padding-left: 0;

    margin: 0;

}



.toc li {

    margin-bottom: 8px;

}



.toc a {

    color: #555;

    text-decoration: none;

    font-weight: 500;

    transition: color 0.3s ease;

}



.toc a:hover {

    color: #00ff88;

}



/* Highlighted sections */

.highlight-box {

    background: #e8f5e8;

    border: 1px solid #c8e6c8;

    border-radius: 8px;

    padding: 20px;

    margin: 20px 0;

}



.highlight-box h4 {

    color: #2d5a2d;

    margin-bottom: 10px;

    font-size: 1.1rem;

}



.highlight-box p {

    color: #2d5a2d;

    margin: 0;

}



.warning-box {

    background: #fff3cd;

    border: 1px solid #ffeaa7;

    border-radius: 8px;

    padding: 20px;

    margin: 20px 0;

}



.warning-box h4 {

    color: #856404;

    margin-bottom: 10px;

    font-size: 1.1rem;

}



.warning-box p {

    color: #856404;

    margin: 0;

}



/* Contact information styling */

.contact-info {

    background: #f0f8ff;

    border: 1px solid #b3d9ff;

    border-radius: 8px;

    padding: 20px;

    margin: 20px 0;

}



.contact-info h4 {

    color: #0066cc;

    margin-bottom: 15px;

    font-size: 1.1rem;

}



.contact-info ul {

    list-style: none;

    padding-left: 0;

    margin: 0;

}



.contact-info li {

    margin-bottom: 8px;

    color: #0066cc;

}



/* Responsive design */

@media (max-width: 768px) {

    .legal-content {

        padding: 40px 0;

    }

    

    .legal-header h1 {

        font-size: 2.5rem;

    }

    

    .legal-body {

        padding: 30px 20px;

        margin: 0 15px;

    }

    

    .legal-section h2 {

        font-size: 1.5rem;

    }

    

    .legal-section h3 {

        font-size: 1.2rem;

    }

    

    .legal-section p,

    .legal-section li {

        font-size: 0.95rem;

    }

}



@media (max-width: 480px) {

    .legal-header h1 {

        font-size: 2rem;

    }

    

    .legal-body {

        padding: 20px 15px;

        margin: 0 10px;

    }

    

    .legal-section h2 {

        font-size: 1.3rem;

    }

    

    .legal-section h3 {

        font-size: 1.1rem;

    }

    

    .legal-section ul {

        padding-left: 20px;

    }

}



/* Print styles */

@media print {

    .legal-content {

        background: white;

        padding: 0;

    }

    

    .legal-body {

        box-shadow: none;

        border-radius: 0;

        padding: 0;

    }

    

    .legal-section {

        page-break-inside: avoid;

    }

    

    .legal-section h2 {

        color: #000;

        border-bottom: 1px solid #000;

    }

    

    .legal-section a {

        color: #000;

        text-decoration: underline;

    }

}



/* Accessibility improvements */

.legal-section h2:focus,

.legal-section h3:focus {

    outline: 2px solid #00ff88;

    outline-offset: 2px;

}



.legal-section a:focus {

    outline: 2px solid #00ff88;

    outline-offset: 2px;

    background: rgba(0, 255, 136, 0.1);

}



/* Smooth scrolling for anchor links */

html {

    scroll-behavior: smooth;

}



/* Back to top button */

.back-to-top {

    position: fixed;

    bottom: 30px;

    right: 30px;

    background: #00ff88;

    color: #000;

    border: none;

    border-radius: 50%;

    width: 50px;

    height: 50px;

    font-size: 1.2rem;

    cursor: pointer;

    opacity: 0;

    visibility: hidden;

    transition: all 0.3s ease;

    z-index: 1000;

}



.back-to-top.show {

    opacity: 1;

    visibility: visible;

}



.back-to-top:hover {

    background: #00cc6a;

    transform: translateY(-2px);

}



/* Legal notice specific styles */

.legal-notice-warning {

    background: #ffebee;

    border: 2px solid #f44336;

    border-radius: 8px;

    padding: 20px;

    margin: 20px 0;

    text-align: center;

}



.legal-notice-warning h3 {

    color: #d32f2f;

    margin-bottom: 10px;

    font-size: 1.2rem;

}



.legal-notice-warning p {

    color: #d32f2f;

    margin: 0;

    font-weight: 500;

}



/* Terms specific styles */

.terms-highlight {

    background: #e3f2fd;

    border-left: 4px solid #2196f3;

    padding: 15px 20px;

    margin: 20px 0;

}



.terms-highlight p {

    margin: 0;

    color: #1976d2;

    font-weight: 500;

}



/* Privacy policy specific styles */

.privacy-section {

    border: 1px solid #e0e0e0;

    border-radius: 8px;

    padding: 20px;

    margin: 20px 0;

    background: #fafafa;

}



.privacy-section h4 {

    color: #00ff88;

    margin-bottom: 10px;

    font-size: 1.1rem;

}



.privacy-section p {

    margin: 0;

    color: #666;

}



/* Cookie policy specific styles */

.cookie-types {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: 20px;

    margin: 20px 0;

}



.cookie-type {

    background: #f8f9fa;

    border: 1px solid #e9ecef;

    border-radius: 8px;

    padding: 15px;

    text-align: center;

}



.cookie-type h5 {

    color: #00ff88;

    margin-bottom: 10px;

    font-size: 1rem;

}



.cookie-type p {

    margin: 0;

    font-size: 0.9rem;

    color: #666;

}