/* Custom styles for Enablement by Advent website */

/* Remove bullets from footer navigation and lists */
.wp-block-footer .footer-navigation-no-bullets ul,
.wp-block-footer .footer-navigation-no-bullets .wp-block-navigation__container,
.wp-block-footer ul.wp-block-list-no-bullets,
.wp-block-footer .wp-block-list-no-bullets,
.wp-block-footer ul.is-style-no-disc,
.wp-block-footer .is-style-no-disc,
.wp-block-footer .wp-block-navigation ul,
.wp-block-footer .wp-block-navigation__container {
    list-style: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

.wp-block-footer .footer-navigation-no-bullets li,
.wp-block-footer .wp-block-navigation li,
.wp-block-footer ul.wp-block-list-no-bullets li,
.wp-block-footer .wp-block-list-no-bullets li,
.wp-block-footer ul.is-style-no-disc li,
.wp-block-footer .is-style-no-disc li {
    margin-bottom: 8px;
    padding-left: 0 !important;
    position: relative;
}

.wp-block-footer .footer-navigation-no-bullets li::before,
.wp-block-footer .wp-block-navigation li::before,
.wp-block-footer ul.wp-block-list-no-bullets li::before,
.wp-block-footer .wp-block-list-no-bullets li::before,
.wp-block-footer ul.is-style-no-disc li::before,
.wp-block-footer .is-style-no-disc li::before {
    display: none !important;
    content: none !important;
}

/* Navigation block specific styling */
.wp-block-footer .wp-block-navigation.footer-navigation-no-bullets {
    flex-direction: column;
}

.wp-block-footer .wp-block-navigation.footer-navigation-no-bullets .wp-block-navigation-item {
    margin: 0 0 8px 0;
}

/* Additional footer styling */
.wp-block-footer .wp-block-footer-widget-area-columns {
    gap: 40px;
}

.wp-block-footer .wp-block-widget h2 {
    color: var(--wp--preset--color--foreground);
    margin-bottom: 20px;
}

/* Responsive design for smaller screens */
@media (max-width: 768px) {
    .enablement-hero h1 {
        font-size: 2rem !important;
    }
    
    .enablement-hero h2 {
        font-size: 1.5rem !important;
    }
}

/* Ensure no header sections show on security control pages */
.page-template-security-control-template .wp-block-header-media-no-image,
.page-template-security-control-template .wp-block-hero-content,
.page-template-security-control-template .wp-block-video-featured {
    display: none !important;
}

/* Hide hero sections on ALL pages except the homepage */
body:not(.home):not(.front-page):not(.page-template-enablement-unified-homepage) .wp-block-hero-content,
body:not(.home):not(.front-page):not(.page-template-enablement-unified-homepage) .wp-block-header-media-no-image,
body:not(.home):not(.front-page):not(.page-template-enablement-unified-homepage) .wp-block-video-featured,
body:not(.home):not(.front-page):not(.page-template-enablement-unified-homepage) .wp-block-cover.wp-block-hero-content,
body:not(.home):not(.front-page):not(.page-template-enablement-unified-homepage) .hero-section,
body:not(.home):not(.front-page):not(.page-template-enablement-unified-homepage) .wp-block-section.wp-block-hero-content,
body:not(.home):not(.front-page):not(.page-template-enablement-unified-homepage) [class*="hero"],
body:not(.home):not(.front-page):not(.page-template-enablement-unified-homepage) .wp-block-media-text.is-stacked-on-mobile:first-child,
body:not(.home):not(.front-page):not(.page-template-enablement-unified-homepage) .wp-block-cover:first-child,
body:not(.home):not(.front-page):not(.page-template-enablement-unified-homepage) .entry-content > .wp-block-cover:first-child,
body:not(.home):not(.front-page):not(.page-template-enablement-unified-homepage) .entry-content > .wp-block-group:first-child.wp-block-hero-content {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* Ensure homepage hero content is still visible */
body.home .wp-block-hero-content,
body.front-page .wp-block-hero-content,
body.home .hero-section,
body.front-page .hero-section,
body.page-template-enablement-unified-homepage .wp-block-hero-content,
body.page-template-enablement-unified-homepage .hero-section {
    display: block !important;
    visibility: visible !important;
    height: auto !important;
    overflow: visible !important;
}

/* Clean layout for security control pages */
.security-control-content {
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 20px;
}

.security-control-content h1 {
    font-size: 2.5rem;
    margin-bottom: 1.5rem;
    color: #333;
}

.security-control-description {
    margin-bottom: 40px;
}

/* Force light theme for security control pages to fix dark background issue */
.page-template-security-control-template,
.page-template-security-control-template body,
.page-template-security-control-template .wp-block-header-dark,
.page-template-security-control-template .wp-block-footer-dark {
    background-color: #ffffff !important;
    color: #333333 !important;
}

/* Force light theme for all header elements on security control pages */
.page-template-security-control-template .wp-block-header-dark,
.page-template-security-control-template .wp-block-header-dark .wp-block-group,
.page-template-security-control-template .wp-block-header-dark .wp-block-main-header,
.page-template-security-control-template .wp-block-header-dark .wp-block-site-title a,
.page-template-security-control-template .wp-block-header-dark .wp-block-site-tagline,
.page-template-security-control-template .wp-block-header-dark .wp-block-navigation .wp-block-navigation-item__content {
    background-color: #ffffff !important;
    color: #333333 !important;
}

/* Force light theme for all footer elements on security control pages */
.page-template-security-control-template .wp-block-footer-dark,
.page-template-security-control-template .wp-block-footer-dark .wp-block-group,
.page-template-security-control-template .wp-block-footer-dark .wp-block-footer,
.page-template-security-control-template .wp-block-footer-dark h1,
.page-template-security-control-template .wp-block-footer-dark h2,
.page-template-security-control-template .wp-block-footer-dark h3,
.page-template-security-control-template .wp-block-footer-dark h4,
.page-template-security-control-template .wp-block-footer-dark h5,
.page-template-security-control-template .wp-block-footer-dark h6,
.page-template-security-control-template .wp-block-footer-dark p,
.page-template-security-control-template .wp-block-footer-dark a {
    background-color: #ffffff !important;
    color: #333333 !important;
}

/* Force light theme for navigation on security control pages */
.page-template-security-control-template .wp-block-header-dark .wp-block-navigation__responsive-container .wp-block-navigation-link a,
.page-template-security-control-template .wp-block-footer-dark .wp-block-navigation .wp-block-navigation-item__content {
    color: #333333 !important;
}

/* Force light theme for social links on security control pages */
.page-template-security-control-template .wp-block-header-dark .wp-block-social-links svg,
.page-template-security-control-template .wp-block-footer-dark .wp-block-social-links svg {
    color: #333333 !important;
    fill: #333333 !important;
}

/* Override hover states to maintain readability */
.page-template-security-control-template .wp-block-header-dark .wp-block-navigation .wp-block-navigation-item__content:hover,
.page-template-security-control-template .wp-block-header-dark .wp-block-navigation__responsive-container .wp-block-navigation-link a:hover,
.page-template-security-control-template .wp-block-footer-dark .wp-block-navigation .wp-block-navigation-item__content:hover {
    color: #0073aa !important;
}

/* Ensure main content area has proper light theme styling */
.page-template-security-control-template main,
.page-template-security-control-template .security-control-content,
.page-template-security-control-template .wp-block-group {
    background-color: #ffffff !important;
    color: #333333 !important;
}

/* Fix any potential issues with table styling in dark theme */
.page-template-security-control-template table,
.page-template-security-control-template .wp-block-table table {
    background-color: #ffffff !important;
    color: #333333 !important;
}

.page-template-security-control-template table th,
.page-template-security-control-template table td {
    background-color: #ffffff !important;
    color: #333333 !important;
    border-color: #2c5aa0 !important;
}

/* CSS Rules for page-compliance.html template */

/* Try to target based on the slug of the template part if body class is unpredictable */
/* Or, if WordPress adds a body class like page-template-templates-page-compliance-html */

body[class*="page-template-templates-page-compliance-html"] .wp-block-site-logo img,
header[class*="header-has-nav-centered"] .wp-block-site-logo img {
    filter: brightness(1) contrast(1) !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: inline-block !important; /* Ensure it's not display: none */
}

body[class*="page-template-templates-page-compliance-html"] .wp-block-footer .wp-block-social-links svg,
footer[class*="footer-with-three-columns"] .wp-block-social-links svg {
    color: #ffffff !important;
    fill: #ffffff !important;
    opacity: 1 !important; /* Ensure visibility */
    visibility: visible !important;
}

/* Ensure the header container within the new template is centered if needed */
body[class*="page-template-templates-page-compliance-html"] .wp-block-main-header-container,
header[class*="header-has-nav-centered"] .wp-block-main-header-container {
    justify-content: center !important; /* Or other alignment as per homepage */
}


/* Force dark theme for compliance pages using the new generic template to match homepage */
.page-template-compliance-page-template,
.page-template-compliance-page-template body,
.page-template-compliance-page-template .wp-block-header-dark,
.page-template-compliance-page-template .wp-block-footer-dark {
    background-color: #0A0C11 !important;
    color: #abadb3 !important;
}

/* Force dark theme for all header elements on compliance pages */
.page-template-compliance-page-template .wp-block-header-dark,
.page-template-compliance-page-template .wp-block-header-dark .wp-block-group,
.page-template-compliance-page-template .wp-block-header-dark .wp-block-main-header,
.page-template-compliance-page-template .wp-block-header-dark .wp-block-site-title a,
.page-template-compliance-page-template .wp-block-header-dark .wp-block-site-tagline,
.page-template-compliance-page-template .wp-block-header-dark .wp-block-navigation .wp-block-navigation-item__content {
    background-color: #0A0C11 !important;
    color: #ffffff !important;
}

/* Force dark theme for all footer elements on compliance pages */
.page-template-compliance-page-template .wp-block-footer-dark,
.page-template-compliance-page-template .wp-block-footer-dark .wp-block-group,
.page-template-compliance-page-template .wp-block-footer-dark .wp-block-footer,
.page-template-compliance-page-template .wp-block-footer-dark h1,
.page-template-compliance-page-template .wp-block-footer-dark h2,
.page-template-compliance-page-template .wp-block-footer-dark h3,
.page-template-compliance-page-template .wp-block-footer-dark h4,
.page-template-compliance-page-template .wp-block-footer-dark h5,
.page-template-compliance-page-template .wp-block-footer-dark h6,
.page-template-compliance-page-template .wp-block-footer-dark p,
.page-template-compliance-page-template .wp-block-footer-dark a {
    background-color: #0A0C11 !important;
    color: #abadb3 !important;
}

/* Force dark theme for navigation on compliance pages */
.page-template-compliance-page-template .wp-block-header-dark .wp-block-navigation__responsive-container .wp-block-navigation-link a,
.page-template-compliance-page-template .wp-block-footer-dark .wp-block-navigation .wp-block-navigation-item__content {
    color: #ffffff !important;
}

/* Force visible social links on compliance pages */
.page-template-compliance-page-template .wp-block-header-dark .wp-block-social-links svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}

.page-template-compliance-page-template .wp-block-footer .wp-block-social-links svg,
.page-template-compliance-page-template .wp-block-footer-dark .wp-block-social-links svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* Override hover states to maintain readability on compliance pages */
.page-template-compliance-page-template .wp-block-header-dark .wp-block-navigation .wp-block-navigation-item__content:hover,
.page-template-compliance-page-template .wp-block-header-dark .wp-block-navigation__responsive-container .wp-block-navigation-link a:hover,
.page-template-compliance-page-template .wp-block-footer-dark .wp-block-navigation .wp-block-navigation-item__content:hover {
    color: #0073aa !important;
}

/* Ensure main content area has proper dark theme styling on compliance pages */
.page-template-compliance-page-template main,
.page-template-compliance-page-template .security-control-content,
.page-template-compliance-page-template .compliance-content,
.page-template-compliance-page-template .wp-block-group {
    background-color: #0A0C11 !important;
    color: #abadb3 !important;
}

/* Make headings white for better contrast in dark theme */
.page-template-compliance-page-template h1,
.page-template-compliance-page-template h2,
.page-template-compliance-page-template h3,
.page-template-compliance-page-template h4,
.page-template-compliance-page-template h5,
.page-template-compliance-page-template h6 {
    color: #ffffff !important;
}

/* Fix any potential issues with table styling in dark theme on compliance pages */
.page-template-compliance-page-template table,
.page-template-compliance-page-template .wp-block-table table {
    background-color: #0A0C11 !important;
    color: #abadb3 !important;
}

.page-template-compliance-page-template table th,
.page-template-compliance-page-template table td {
    background-color: #0A0C11 !important;
    color: #abadb3 !important;
    border-color: #2c5aa0 !important;
}

/* Fix logo visibility in dark theme */
.page-template-compliance-page-template .wp-block-site-logo,
.page-template-compliance-page-template .wp-block-site-logo a,
.page-template-compliance-page-template .wp-block-site-logo img {
    filter: brightness(1) contrast(1) !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
}

/* Ensure logo container is visible */
.page-template-compliance-page-template .site-identity {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Hide hero sections on compliance pages */
.page-template-compliance-page-template .wp-block-header-media-no-image,
.page-template-compliance-page-template .wp-block-hero-content,
.page-template-compliance-page-template .wp-block-video-featured {
    display: none !important;
}

/* Fix logo visibility on compliance pages */
.page-template-compliance-page-template .wp-block-site-logo img,
.page-template-security-control-template .wp-block-site-logo img {
    filter: brightness(1) contrast(1) !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
}

/* Make headings white for better contrast on dark background */
.page-template-compliance-page-template h1,
.page-template-compliance-page-template h2,
.page-template-compliance-page-template h3,
.page-template-compliance-page-template h4,
.page-template-compliance-page-template h5,
.page-template-compliance-page-template h6 {
    color: #ffffff !important;
}

/* Ensure trademark symbol is visible */
.page-template-compliance-page-template .trademark,
.page-template-security-control-template .trademark {
    color: #ffffff !important;
    font-size: 0.7em;
    vertical-align: super;
}

/* Force dark footer styling */
.page-template-compliance-page-template .wp-block-footer-dark {
    background-color: #0A0C11 !important;
    color: #abadb3 !important;
}

.page-template-compliance-page-template .wp-block-footer-dark h1,
.page-template-compliance-page-template .wp-block-footer-dark h2,
.page-template-compliance-page-template .wp-block-footer-dark h3,
.page-template-compliance-page-template .wp-block-footer-dark h4,
.page-template-compliance-page-template .wp-block-footer-dark h5,
.page-template-compliance-page-template .wp-block-footer-dark h6,
.page-template-compliance-page-template .wp-block-footer-dark p,
.page-template-compliance-page-template .wp-block-footer-dark a {
    color: #abadb3 !important;
}

.page-template-compliance-page-template .wp-block-footer-dark .wp-block-navigation .wp-block-navigation-item__content {
    color: #abadb3 !important;
}

/* Trademark symbol styling for footer */
.wp-block-footer .trademark {
    font-size: 0.7em;
    vertical-align: super;
    font-weight: normal;
}

/* Ensure trademark is visible in both light and dark themes */
.wp-block-footer-dark .trademark,
.wp-block-footer .trademark {
    color: inherit !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Special handling for compliance pages */
.page-template-compliance-page-template .wp-block-footer .trademark {
    color: #abadb3 !important;
}

/* Special handling for security pages */  
.page-template-security-control-template .wp-block-footer .trademark {
    color: #333333 !important;
}

/* Fix header layout to match homepage centered layout */
.page-template-compliance-page-template .wp-block-main-header-container {
    justify-content: center !important;
}

.page-template-compliance-page-template .wp-block-main-header-container.is-content-justification-space-between {
    justify-content: center !important;
}

/* Ensure header elements are properly centered */
.page-template-compliance-page-template .site-identity {
    margin: 0 auto !important;
    justify-content: center !important;
}

/* Ensure navigation is also centered when present */
.page-template-compliance-page-template .wp-block-navigation {
    justify-content: center !important;
}