/* NUCLEAR THEME OVERRIDE - Twenty Twenty One */
/* This file loads AFTER theme CSS to force our styling */

/* Single Pin Icon - Remove CSS duplicates */
.sas-location-icon::before,
.sas-location-icon::after {
    display: none !important;
    content: none !important;
}

/* Force Button Styling - All possible selectors */
.sas-form-submit,
input.sas-form-submit,
button.sas-form-submit,
input[type="submit"].sas-form-submit,
.sas-application-form input[type="submit"],
.sas-application-form button,
.wp-site-blocks .sas-form-submit,
body .sas-form-submit,
html body .sas-form-submit {
    background: var(--sas-primary, #2563eb) !important;
    background-color: var(--sas-primary, #2563eb) !important;
    color: white !important;
    border: none !important;
    border-color: transparent !important;
    padding: 0.6rem 1.5rem !important;
    border-radius: 6px !important;
    font-weight: 500 !important;
    font-family: inherit !important;
    font-size: 0.9rem !important;
    cursor: pointer !important;
    text-decoration: none !important;
    display: inline-block !important;
    min-width: 160px !important;
    text-align: center !important;
    line-height: 1.2 !important;
    box-shadow: 0 2px 8px rgba(244, 153, 43, 0.3) !important;
    transition: all 0.3s ease !important;
}

.sas-form-submit:hover,
input.sas-form-submit:hover,
button.sas-form-submit:hover,
input[type="submit"].sas-form-submit:hover,
.sas-application-form input[type="submit"]:hover,
.sas-application-form button:hover,
.wp-site-blocks .sas-form-submit:hover,
body .sas-form-submit:hover,
html body .sas-form-submit:hover {
    background: var(--sas-primary-dark, #1d4ed8) !important;
    background-color: var(--sas-primary-dark, #1d4ed8) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(244, 153, 43, 0.4) !important;
}

/* Force Vacature Headers - Correct selectors based on debug */
.single-vacature article h1,
.single-vacature article h2,
.single-vacature article h3,
.single-vacature article h4,
.single-vacature article h5,
.single-vacature article h6,
body.single-vacature article h1,
body.single-vacature article h2,
body.single-vacature article h3,
body.single-vacature article h4,
body.single-vacature article h5,
body.single-vacature article h6,
.single-vacature .sas-flexible-label,
body.single-vacature .sas-flexible-label,
html body.single-vacature .sas-flexible-label {
    color: var(--sas-primary, #2563eb) !important;
    font-weight: 600 !important;
    margin-top: 1.2rem !important;
    margin-bottom: 0.6rem !important;
}

/* Font sizes - Correct selectors based on debug */
.single-vacature article h1,
body.single-vacature article h1,
html body.single-vacature article h1 { 
    font-size: 1.4rem !important; 
}

.single-vacature article h2,
body.single-vacature article h2,
html body.single-vacature article h2 { 
    font-size: 1.2rem !important; 
}

.single-vacature article h3,
body.single-vacature article h3,
html body.single-vacature article h3,
.single-vacature .sas-flexible-label,
body.single-vacature .sas-flexible-label { 
    font-size: 1rem !important; 
}

.single-vacature article h4,
body.single-vacature article h4,
html body.single-vacature article h4 { 
    font-size: 0.95rem !important; 
}

.single-vacature article h5,
body.single-vacature article h5,
html body.single-vacature article h5 { 
    font-size: 0.9rem !important; 
}

.single-vacature article h6,
body.single-vacature article h6,
html body.single-vacature article h6 { 
    font-size: 0.85rem !important; 
}

/* Content text sizing */
.single-vacature .entry-content p,
body.single-vacature .entry-content p,
html body.single-vacature .entry-content p,
.wp-site-blocks .single-vacature .entry-content p {
    font-size: 0.85rem !important;
    line-height: 1.5 !important;
}

.single-vacature .entry-content ul,
.single-vacature .entry-content ol,
body.single-vacature .entry-content ul,
body.single-vacature .entry-content ol,
html body.single-vacature .entry-content ul,
html body.single-vacature .entry-content ol,
.wp-site-blocks .single-vacature .entry-content ul,
.wp-site-blocks .single-vacature .entry-content ol {
    font-size: 0.85rem !important;
}

/* Remove horizontal line/border on contact page */
.page-id-contact::before,
.page-id-contact::after,
.page-template-contact::before,
.page-template-contact::after,
body.page .entry-header::after,
body.page .entry-title::after,
body.page article::before,
body.page article::after,
.wp-site-blocks .entry-header::after,
.wp-site-blocks .entry-title::after,
.entry-header .entry-title::after,
.page .entry-header::after {
    display: none !important;
    content: none !important;
    border: none !important;
    border-bottom: none !important;
    border-top: none !important;
}

/* Remove any horizontal borders from page elements */
body.page .entry-header,
body.page .entry-title,
body.page article,
.page .entry-header,
.page .entry-title,
.page article,
.wp-site-blocks .entry-header,
.wp-site-blocks .entry-title {
    border: none !important;
    border-bottom: none !important;
    border-top: none !important;
}

/* Fix excessive spacing on contact page */
body.page .entry-header,
.page .entry-header {
    margin-bottom: 1rem !important;
    padding-bottom: 0 !important;
}

body.page .entry-content,
.page .entry-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Reduce spacing in Twenty Twenty One theme */
.site-main > article {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.content-area {
    margin-top: 0 !important;
    padding-top: 1rem !important;
}

/* Astra Theme Customizations */

/* Move menu closer to logo */
.main-header-bar .main-header-bar-navigation {
    margin-left: 2rem !important;
}

.site-header .main-header-bar {
    justify-content: flex-start !important;
}

.site-branding {
    margin-right: 2rem !important;
}

/* Menu hover orange color */
.main-header-menu a:hover,
.main-header-menu .current-menu-item > a,
.main-header-menu .current-menu-ancestor > a {
    color: var(--sas-primary, #2563eb) !important;
}

.main-header-menu .sub-menu a:hover {
    color: var(--sas-primary, #2563eb) !important;
    background-color: rgba(244, 153, 43, 0.1) !important;
}

/* Breadcrumbs grey styling */
.ast-breadcrumbs-wrapper,
.astra-breadcrumb,
.breadcrumb-trail {
    color: #666 !important;
}

.ast-breadcrumbs-wrapper a,
.astra-breadcrumb a,
.breadcrumb-trail a {
    color: #666 !important;
    text-decoration: none !important;
}

.ast-breadcrumbs-wrapper a:hover,
.astra-breadcrumb a:hover,
.breadcrumb-trail a:hover {
    color: var(--sas-primary, #2563eb) !important;
}

/* Breadcrumb separators */
.ast-breadcrumbs-wrapper .trail-items li::after,
.breadcrumb-trail .trail-items li::after {
    color: #999 !important;
}

/* Fix contactpagina breedte - forceer volledige breedte */
body.page-id-91 .entry-content {
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 20px !important;
}

body.page-id-91 .site-main,
body.page-id-91 #primary,
body.page-id-91 .content-area {
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;
}

body.page-id-91 .entry-header.alignwide {
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;
}

body.page-id-91 table {
    width: 100% !important;
    max-width: none !important;
}

