/**
 * Legal Pages Styles
 * 
 * Styles for Privacy Policy and Terms of Service pages
 *
 * @package YeapNews
 * @since 5.2.0
 */

/* Override the theme's background for legal pages and pages with page_id */
body.legal-page,
body.page-id-3 {
    /* Keep original background */
    background-image: inherit !important;
}

/* Container styles */
.legal-page .container,
.page-id-3 .container {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important; /* Normal bottom margin */
}

/* Content styling */
.legal-page .bg-white,
.page-id-3 .bg-white,
.page-id-3 .col-12 {
    background-color: #ffffff !important;
    padding: 2rem !important;
    border-radius: 8px !important;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

/* Text color for legal pages - but not for footer */
.legal-page .container .col-12:not(.footer-col),
.page-id-3 .container .col-12:not(.footer-col) {
    color: #333333 !important;
}

.legal-page p,
.legal-page li,
.legal-page ul,
.page-id-3 p,
.page-id-3 li,
.page-id-3 ul {
    color: #333333 !important;
}

/* Footer specific text color */
.site-footer .legal-page p,
.site-footer .legal-page li,
.site-footer .legal-page ul,
.site-footer .page-id-3 p,
.site-footer .page-id-3 li,
.site-footer .page-id-3 ul {
    color: #ffffff !important;
}

/* Page title */
.legal-page .page-title,
.page-id-3 .page-title,
.page-id-3 h1 {
    color: #13204A !important;
    margin-bottom: 1.5rem !important;
    padding-bottom: 1rem !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
    font-size: 2.5rem !important;
}

/* Section headings */
.legal-page h2,
.page-id-3 h2 {
    color: #13204A !important;
    margin-top: 2rem !important;
    margin-bottom: 1rem !important;
    font-size: 1.5rem !important;
}

/* Footer specific heading colors */
.site-footer .legal-page .page-title,
.site-footer .page-id-3 .page-title,
.site-footer .page-id-3 h1,
.site-footer .legal-page h2,
.site-footer .page-id-3 h2 {
    color: #ffffff !important;
    border-bottom-color: rgba(255, 255, 255, 0.2) !important;
}

/* Lists */
.legal-page ul,
.page-id-3 ul {
    margin-bottom: 1.5rem !important;
    padding-left: 2rem !important;
}

.legal-page li,
.page-id-3 li {
    margin-bottom: 0.5rem !important;
}

/* Strong text */
.legal-page strong,
.page-id-3 strong {
    color: #13204A !important;
    font-weight: 600 !important;
}

/* Footer specific strong text color */
.site-footer .legal-page strong,
.site-footer .page-id-3 strong {
    color: #ffffff !important;
}

/* Paragraphs */
.legal-page p,
.page-id-3 p {
    margin-bottom: 1rem !important;
    line-height: 1.6 !important;
}

/* Last updated date */
.legal-page .page-content p:first-of-type,
.page-id-3 .page-content p:first-of-type {
    color: #666666 !important;
    font-style: italic !important;
    margin-bottom: 2rem !important;
}

/* Footer specific last updated date color */
.site-footer .legal-page .page-content p:first-of-type,
.site-footer .page-id-3 .page-content p:first-of-type {
    color: rgba(255, 255, 255, 0.7) !important;
}

/* Override any theme background colors */
.legal-page main,
.legal-page .main-content,
.legal-page .site-content,
.legal-page .content-area,
.page-id-3 main,
.page-id-3 .main-content,
.page-id-3 .site-content,
.page-id-3 .content-area {
    background: #f8f9fa !important;
    background-image: none !important;
    padding-bottom: 1rem !important;
}

/* Footer spacing */
.legal-page .site-footer {
    margin-top: 0 !important;
}

/* Bottom margin class */
.legal-page .mb-5 {
    margin-bottom: 2rem !important;
}