/* ========================================================
   Thema: Pater Ede
   Stijl gebaseerd op https://paterede.nl/nl
   Groen #2e860c, antraciet #343330, lettertype Rubik, hoeken 8px
   ======================================================== */

/* Google Font (Rubik) wordt via de HTML head ingeladen (gewichten 400, 500, 600, 700) */

body.theme-paterede {
    --primary: #2e860c;
    --primary-hover: #246b09;
    --primary-light: #eef6ea;
    --accent-dark: #343330;
    --accent-dark-hover: #1f1e1c;
    --radius: 8px;
    --radius-sm: 6px;
    --radius-md: 8px;
    --radius-lg: 8px;
    --bg-body: #ffffff;
    --text-main: #000000;
    --text-muted: #4b4a46;
    --sticky-nav-bg: rgba(255, 255, 255, 0.97);
    font-family: 'Rubik', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    background-color: #ffffff !important;
    color: #000000 !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
}

body.theme-paterede .site-main,
body.theme-paterede .main-content,
body.theme-paterede .site-wrapper,
body.theme-paterede .page-wrapper,
body.theme-paterede .vacatures-container,
body.theme-paterede .container {
    background-color: #ffffff !important;
}

/* ========================================================
   Typografie
   ======================================================== */

body.theme-paterede h1,
body.theme-paterede .site-header h1,
body.theme-paterede .site-header .header-hero-title {
    font-family: 'Rubik', sans-serif !important;
    font-weight: 600 !important;
    font-size: 36px !important;
    line-height: 1.3 !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    color: #343330 !important;
    text-shadow: initial;
}

body.theme-paterede h2,
body.theme-paterede .page-title,
body.theme-paterede .section-title,
body.theme-paterede .category-heading,
body.theme-paterede .form-heading,
body.theme-paterede .home-intro-title,
body.theme-paterede .spotlight-section-title,
body.theme-paterede .content-block h2,
body.theme-paterede .block-content h2,
body.theme-paterede .content-block-faq h2,
body.theme-paterede .content-block-title {
    font-family: 'Rubik', sans-serif !important;
    font-weight: 700 !important;
    font-size: 26px !important;
    line-height: 1.25 !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    color: var(--primary, #2e860c) !important;
    margin-bottom: 18px !important;
}

body.theme-paterede h3,
body.theme-paterede .vacancy-title,
body.theme-paterede .paterede-card-title,
body.theme-paterede .spotlight-title,
body.theme-paterede .block-text-title,
body.theme-paterede .content-block h3,
body.theme-paterede .block-column h3 {
    font-family: 'Rubik', sans-serif !important;
    font-weight: 600 !important;
    font-size: 20px !important;
    line-height: 1.3 !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    color: #343330 !important;
}

body.theme-paterede h4,
body.theme-paterede h5,
body.theme-paterede h6 {
    font-family: 'Rubik', sans-serif !important;
    font-weight: 500 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    color: #343330 !important;
}

body.theme-paterede p,
body.theme-paterede li,
body.theme-paterede .block-body,
body.theme-paterede .section-body,
body.theme-paterede .page-description,
body.theme-paterede .home-intro-desc,
body.theme-paterede .vacature-description,
body.theme-paterede .vacature-content,
body.theme-paterede .vacancy-detail,
body.theme-paterede .content-block-text,
body.theme-paterede .term-desc,
body.theme-paterede .faq-answer {
    font-family: 'Rubik', sans-serif !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    color: #000000 !important;
}

body.theme-paterede .block-eyebrow,
body.theme-paterede .meta-box-label {
    color: var(--primary, #2e860c) !important;
    font-family: 'Rubik', sans-serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    font-size: 0.8rem !important;
}

body.theme-paterede a {
    color: var(--primary, #2e860c);
}

/* ========================================================
   Header / Hero
   ======================================================== */

body.theme-paterede .site-header {
    position: relative !important;
    width: 100% !important;
    min-height: 380px !important;
    height: auto !important;
    max-height: none !important;
    padding: 0 0 40px 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    gap: 24px !important;
    background-size: cover !important;
    background-position: center !important;
    border: none !important;
    margin: 0 auto 40px auto !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

body.theme-paterede.page-overview .site-header,
body.theme-paterede.page-detail .site-header,
body.theme-paterede.page-detail_page .site-header,
body.theme-paterede.page-subpage .site-header {
    min-height: 300px !important;
    margin-bottom: 32px !important;
}

/* Lichte sluier over de foto, zoals de hero op paterede.nl */
body.theme-paterede .site-header .header-overlay {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.72) 0%, rgba(255, 255, 255, 0.55) 60%, rgba(255, 255, 255, 0.35) 100%) !important;
}

body.theme-paterede .site-header .header-top {
    padding: 16px 40px 0 40px !important;
    box-sizing: border-box !important;
    position: relative !important;
    z-index: 2 !important;
}

body.theme-paterede .site-header .header-bottom {
    padding: 0 40px !important;
    box-sizing: border-box !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    position: relative !important;
    z-index: 2 !important;
}

body.theme-paterede .header-logo-box {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

body.theme-paterede .header-logo-box img {
    height: 64px !important;
    width: auto !important;
    max-width: 200px !important;
    object-fit: contain !important;
    filter: none !important;
}

/* Navigatie: zwarte tekst, groene onderstreep bij hover en actief */
body.theme-paterede .nav-button {
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #000000 !important;
    font-family: 'Rubik', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    padding: 8px 14px !important;
    border-bottom: 3px solid transparent !important;
    transform: none !important;
    transition: color 200ms ease, border-color 200ms ease !important;
}

body.theme-paterede .nav-button:hover,
body.theme-paterede .nav-button:focus-visible,
body.theme-paterede .nav-button.active {
    color: var(--primary, #2e860c) !important;
    border-bottom-color: var(--primary, #2e860c) !important;
    background: transparent !important;
    transform: none !important;
}

body.theme-paterede .site-header .header-tags {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 8px 10px !important;
    margin-top: 12px !important;
}

body.theme-paterede .site-header .header-tag {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    background-color: var(--primary, #2e860c) !important;
    color: #ffffff !important;
    font-family: 'Rubik', sans-serif !important;
    font-size: 0.875rem !important;
    font-weight: 400 !important;
    padding: 6px 14px !important;
    border-radius: 8px !important;
    border: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
}

body.theme-paterede .site-header .header-tag .tag-icon {
    width: 16px !important;
    height: 16px !important;
    object-fit: contain !important;
}

/* ========================================================
   Knoppen
   ======================================================== */

body.theme-paterede .btn-primary,
body.theme-paterede .submit-btn,
body.theme-paterede .btn-search-submit,
body.theme-paterede .search-button,
body.theme-paterede .block-button,
body.theme-paterede .button {
    background-color: var(--primary, #2e860c) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    font-family: 'Rubik', sans-serif !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    padding: 12px 22px !important;
    box-shadow: none !important;
    outline: none !important;
    cursor: pointer !important;
    transform: none !important;
    transition: background-color 250ms ease !important;
}

body.theme-paterede .btn-primary:hover,
body.theme-paterede .submit-btn:hover,
body.theme-paterede .btn-search-submit:hover,
body.theme-paterede .search-button:hover,
body.theme-paterede .block-button:hover,
body.theme-paterede .button:hover {
    background-color: var(--accent-dark, #343330) !important;
    color: #ffffff !important;
    transform: none !important;
    box-shadow: none !important;
}

body.theme-paterede .button-back,
body.theme-paterede .back-button {
    color: var(--accent-dark, #343330) !important;
    font-family: 'Rubik', sans-serif !important;
    font-weight: 500 !important;
    border: none !important;
    transition: color 250ms ease !important;
}

body.theme-paterede .button-back:hover,
body.theme-paterede .back-button:hover {
    color: var(--primary, #2e860c) !important;
}

/* ========================================================
   Content blokken
   ======================================================== */

body.theme-paterede .content-block,
body.theme-paterede .content-blocks .content-block {
    box-sizing: border-box !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

body.theme-paterede .content-block-text,
body.theme-paterede .content-block-image,
body.theme-paterede .content-block-faq {
    background-color: #ffffff !important;
    border: 1px solid #e3e3df !important;
}

body.theme-paterede .content-block-text {
    padding: 40px !important;
    margin-bottom: 40px;
}

body.theme-paterede .content-block-image .block-content {
    padding: 40px !important;
}

body.theme-paterede .content-block-columns {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.theme-paterede .home-intro-card {
    background-color: var(--primary-light, #eef6ea) !important;
    border: none !important;
    border-left: 5px solid var(--primary, #2e860c) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    padding: 32px 36px !important;
}

/* Kolommen: groen, antraciet en licht (naar de drie blokken op de homepage) */
body.theme-paterede .block-column {
    border-radius: 8px !important;
    border: none !important;
    box-shadow: none !important;
}

body.theme-paterede .block-column.bg-middle {
    background-color: var(--primary-light, #eef6ea) !important;
}

body.theme-paterede .block-column.bg-dark {
    background-color: #343330 !important;
    color: #ffffff !important;
}

body.theme-paterede .block-column.bg-dark .block-eyebrow {
    color: #8fd16b !important;
}

/* Afbeeldingsblok met volledige achtergrond: witte tekst op donkere sluier */
body.theme-paterede .content-block-image.layout-background {
    position: relative !important;
    overflow: hidden !important;
    min-height: 380px !important;
    display: flex !important;
    align-items: center !important;
    background-size: cover !important;
    background-position: center !important;
    border: none !important;
}

body.theme-paterede .content-block-image.layout-background::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(52, 51, 48, 0.85) 0%, rgba(52, 51, 48, 0.55) 55%, rgba(52, 51, 48, 0.25) 100%);
}

body.theme-paterede .content-block-image.layout-background .block-content {
    position: relative !important;
    z-index: 1 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    max-width: 720px !important;
}

body.theme-paterede .content-block-image.layout-background .block-content h2,
body.theme-paterede .content-block-image.layout-background .block-content h3,
body.theme-paterede .content-block-image.layout-background .block-content p,
body.theme-paterede .content-block-image.layout-background .block-content li,
body.theme-paterede .content-block-image.layout-background .block-content strong,
body.theme-paterede .content-block-image.layout-background .block-content .block-body,
body.theme-paterede .content-block-image.layout-background .block-content .block-eyebrow {
    color: #ffffff !important;
}

body.theme-paterede .content-block-video.video-layout-columns {
    border: 1px solid #e3e3df !important;
    background-color: #ffffff !important;
}

body.theme-paterede .content-block-video.video-layout-columns .block-content {
    padding: 40px !important;
}

/* Quote */
body.theme-paterede .content-block-quote .quote-container {
    background-color: var(--primary-light, #eef6ea) !important;
    border: none !important;
    border-left: 5px solid var(--primary, #2e860c) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

body.theme-paterede .content-block-quote .quote-watermark {
    color: var(--primary, #2e860c) !important;
    opacity: 0.18 !important;
}

body.theme-paterede .content-block-quote .quote-text {
    color: #343330 !important;
}

body.theme-paterede .content-block-quote .quote-author-name {
    color: #343330 !important;
    font-weight: 600 !important;
}

body.theme-paterede .content-block-quote .quote-company {
    color: var(--primary, #2e860c) !important;
}

/* FAQ */
body.theme-paterede .content-block-faq {
    background-color: #f6f6f4 !important;
    padding: 36px !important;
}

body.theme-paterede .faq-item {
    border: 1px solid #e3e3df !important;
    border-radius: 8px !important;
    background-color: #ffffff !important;
}

body.theme-paterede .faq-item.is-open summary {
    color: var(--primary, #2e860c) !important;
}

/* Spotlight */
body.theme-paterede .spotlight-card,
body.theme-paterede .spotlights-grid .spotlight-card {
    background: #ffffff !important;
    border: 1px solid #e3e3df !important;
    border-top: 4px solid var(--primary, #2e860c) !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 10px rgba(52, 51, 48, 0.08) !important;
}

body.theme-paterede .spotlight-card:hover {
    border-top-color: var(--accent-dark, #343330) !important;
    box-shadow: 0 8px 24px rgba(52, 51, 48, 0.14) !important;
}

body.theme-paterede .spotlight-badge {
    background-color: var(--primary, #2e860c) !important;
    color: #ffffff !important;
    border-radius: 6px !important;
}

body.theme-paterede .content-block.content-block-spotlight {
    background-color: transparent !important;
    border: none !important;
    padding: 0 !important;
}

body.theme-paterede .content-block-spotlight .spotlight-card:hover .spotlight-title {
    color: var(--primary, #2e860c) !important;
}

body.theme-paterede .content-block-spotlight .spotlight-section-title svg {
    color: var(--primary, #2e860c);
    fill: var(--primary, #2e860c);
}

body.theme-paterede .content-block-spotlight .spotlight-grid > .spotlight-card:first-child .spotlight-cta {
    background-color: var(--primary, #2e860c) !important;
    color: #ffffff !important;
    border-radius: 8px !important;
}

body.theme-paterede .content-block-spotlight .spotlight-grid > .spotlight-card:first-child:hover .spotlight-cta {
    background-color: var(--accent-dark, #343330) !important;
}

/* Kolomkleuren "Transparant goud" en "Transparant blauw" vertaald naar groen en antraciet */
body.theme-paterede .block-column.bg-transparent_gold {
    background-color: rgba(46, 134, 12, 0.1) !important;
    border-left: 4px solid var(--primary, #2e860c) !important;
}

body.theme-paterede .block-column.bg-transparent_blue {
    background-color: rgba(52, 51, 48, 0.07) !important;
    border-left: 4px solid #343330 !important;
}

/* ========================================================
   Vacaturekaarten
   ======================================================== */

body.theme-paterede .vacatures-list {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)) !important;
    gap: 24px !important;
}

body.theme-paterede .paterede-card-item {
    display: flex !important;
    list-style: none !important;
}

body.theme-paterede .paterede-vacature-card {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    background-color: #ffffff !important;
    border: 1px solid #e3e3df !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 10px rgba(52, 51, 48, 0.08) !important;
    text-decoration: none !important;
    overflow: hidden !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

body.theme-paterede .paterede-vacature-card:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 24px rgba(52, 51, 48, 0.16) !important;
}

body.theme-paterede .paterede-card-image-wrap {
    width: 100% !important;
    height: 180px !important;
    overflow: hidden !important;
    background-color: #f6f6f4 !important;
}

body.theme-paterede .paterede-card-image {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.3s ease !important;
}

body.theme-paterede .paterede-vacature-card:hover .paterede-card-image {
    transform: scale(1.04) !important;
}

body.theme-paterede .paterede-card-image-placeholder {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #9a9a94 !important;
    background-color: #f6f6f4 !important;
}

body.theme-paterede .paterede-card-content {
    padding: 22px !important;
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
    justify-content: space-between !important;
}

body.theme-paterede .paterede-card-title {
    margin: 0 0 10px 0 !important;
}

body.theme-paterede .paterede-card-desc {
    font-size: 0.925rem !important;
    color: #4b4a46 !important;
    margin: 0 0 16px 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

body.theme-paterede .paterede-card-meta {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-bottom: 16px !important;
}

body.theme-paterede .paterede-meta-item {
    background-color: var(--primary-light, #eef6ea) !important;
    color: #246b09 !important;
    border: none !important;
    border-radius: 6px !important;
    font-weight: 400 !important;
    font-size: 0.85rem !important;
    padding: 5px 12px !important;
}

body.theme-paterede .paterede-card-action {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    color: var(--primary, #2e860c) !important;
    font-weight: 600 !important;
    margin-top: auto !important;
    padding-top: 12px !important;
    border-top: 1px solid #ececE8 !important;
    transition: color 0.15s ease !important;
}

body.theme-paterede .paterede-vacature-card:hover .paterede-card-action {
    color: var(--accent-dark, #343330) !important;
}

/* ========================================================
   Formulieren (solliciteren en open sollicitatie)
   ======================================================== */

body.theme-paterede .solliciteer-form-container,
body.theme-paterede .paterede-form-container,
body.theme-paterede .content-block.content-block-open-application,
body.theme-paterede .content-block-open-application {
    background-color: #f6f6f4 !important;
    border: none !important;
    border-top: 4px solid var(--primary, #2e860c) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    padding: 40px !important;
    margin: 32px 0 !important;
    box-sizing: border-box !important;
}

body.theme-paterede .form-label,
body.theme-paterede label:not(.checkbox-label) {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    font-family: 'Rubik', sans-serif !important;
    font-size: 0.925rem !important;
    font-weight: 500 !important;
    color: #343330 !important;
}

body.theme-paterede .form-input {
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 10px 14px !important;
    border: 1px solid #cfcfc9 !important;
    border-radius: 8px !important;
    background-color: #ffffff !important;
    font-family: 'Rubik', sans-serif !important;
    font-size: 0.95rem !important;
    color: #000000 !important;
    box-shadow: none !important;
    outline: none !important;
    transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
}

body.theme-paterede .form-input:focus {
    border-color: var(--primary, #2e860c) !important;
    box-shadow: 0 0 0 3px rgba(46, 134, 12, 0.2) !important;
}

body.theme-paterede .form-input::placeholder {
    color: #8a8a84 !important;
    opacity: 1 !important;
}

body.theme-paterede .file-input-wrap,
body.theme-paterede .content-block-open-application input[type="file"],
body.theme-paterede .solliciteer-form input[type="file"] {
    border: 1px dashed #b5b5ae !important;
    border-radius: 8px !important;
    padding: 12px 14px !important;
    background-color: #ffffff !important;
    box-sizing: border-box !important;
    width: 100% !important;
    cursor: pointer !important;
    transition: border-color 0.15s ease !important;
}

body.theme-paterede .file-input-wrap input[type="file"] {
    border: none !important;
    padding: 0 !important;
    background: transparent !important;
}

body.theme-paterede .file-input-wrap:hover,
body.theme-paterede .solliciteer-form input[type="file"]:hover {
    border-color: var(--primary, #2e860c) !important;
}

body.theme-paterede .checkbox-label,
body.theme-paterede label.checkbox-label {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 10px !important;
    font-size: 0.875rem !important;
    font-weight: 400 !important;
    color: #343330 !important;
    cursor: pointer !important;
    margin: 8px 0 !important;
}

body.theme-paterede .checkbox-label input[type="checkbox"],
body.theme-paterede .solliciteer-form input[type="checkbox"],
body.theme-paterede .content-block-open-application input[type="checkbox"] {
    accent-color: var(--primary, #2e860c) !important;
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
}

body.theme-paterede .solliciteer-form .submit-btn,
body.theme-paterede .content-block-open-application .submit-btn {
    width: fit-content !important;
    align-self: flex-start !important;
    display: inline-block !important;
    padding: 14px 28px !important;
}

body.theme-paterede .solliciteer-form .submit-btn:disabled,
body.theme-paterede .content-block-open-application .submit-btn:disabled {
    background-color: #cfcfc9 !important;
    cursor: not-allowed !important;
}

body.theme-paterede .char-counter,
body.theme-paterede span[id*="char-count"] {
    font-size: 0.75rem !important;
    color: #4b4a46 !important;
    text-align: right !important;
    display: block !important;
}

/* ========================================================
   Zoekfilters
   ======================================================== */

body.theme-paterede .search-section {
    background-color: var(--primary, #2e860c) !important;
    border: none !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    color: #ffffff !important;
}

body.theme-paterede .search-input,
body.theme-paterede .search-select {
    border-radius: 8px !important;
    border: 1px solid #cfcfc9 !important;
    background-color: #ffffff !important;
    color: #000000 !important;
}

body.theme-paterede .search-input:focus,
body.theme-paterede .search-select:focus {
    border-color: var(--accent-dark, #343330) !important;
    box-shadow: 0 0 0 2px rgba(52, 51, 48, 0.25) !important;
}

/* Zoekknop op de groene balk: antraciet, net als "Zoeken" bij Merk/Model op paterede.nl */
body.theme-paterede .search-section .btn-search-submit,
body.theme-paterede .search-section .search-button {
    background-color: var(--accent-dark, #343330) !important;
}

body.theme-paterede .search-section .btn-search-submit:hover,
body.theme-paterede .search-section .search-button:hover {
    background-color: var(--accent-dark-hover, #1f1e1c) !important;
}

body.theme-paterede .filter-pill {
    background-color: var(--primary-light, #eef6ea) !important;
    border: none !important;
    border-radius: 999px !important;
    color: #246b09 !important;
    font-weight: 400 !important;
}

/* ========================================================
   Footer (groen met witte tekst, zoals paterede.nl)
   ======================================================== */

body.theme-paterede .footer {
    background-color: var(--primary, #2e860c) !important;
    color: #ffffff !important;
    border-top: none !important;
    border-radius: 0 !important;
    padding: 56px 24px 32px 24px !important;
    margin-top: 64px !important;
    text-align: center !important;
}

body.theme-paterede .footer .footer-logo {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto 24px auto !important;
}

body.theme-paterede .footer .footer-logo img {
    height: 64px !important;
    width: auto !important;
    max-width: 220px !important;
    object-fit: contain !important;
    filter: none !important;
}

body.theme-paterede .footer h3,
body.theme-paterede .footer h4 {
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 700 !important;
}

body.theme-paterede .footer p,
body.theme-paterede .footer li,
body.theme-paterede .footer address {
    color: #ffffff !important;
}

body.theme-paterede .footer a.footer-link {
    color: #ffffff !important;
    font-family: 'Rubik', sans-serif !important;
    font-weight: 400 !important;
    text-decoration: none !important;
    transition: opacity 0.15s ease !important;
}

body.theme-paterede .footer a.footer-link:hover {
    opacity: 0.8 !important;
    text-decoration: underline !important;
}

body.theme-paterede .footer-copyright {
    color: rgba(255, 255, 255, 0.85) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.25) !important;
    padding-top: 24px !important;
    margin-top: 28px !important;
    font-size: 0.85rem !important;
}

/* ========================================================
   Responsief
   ======================================================== */

@media (max-width: 768px) {
    body.theme-paterede h1,
    body.theme-paterede .site-header h1,
    body.theme-paterede .site-header .header-hero-title {
        font-size: 26px !important;
        line-height: 1.25 !important;
    }

    body.theme-paterede h2,
    body.theme-paterede .page-title,
    body.theme-paterede .section-title,
    body.theme-paterede .form-heading,
    body.theme-paterede .content-block h2,
    body.theme-paterede .block-content h2,
    body.theme-paterede .content-block-title {
        font-size: 21px !important;
        margin-bottom: 14px !important;
    }

    body.theme-paterede h3,
    body.theme-paterede .vacancy-title,
    body.theme-paterede .paterede-card-title,
    body.theme-paterede .spotlight-title,
    body.theme-paterede .content-block h3,
    body.theme-paterede .block-column h3 {
        font-size: 18px !important;
    }

    body.theme-paterede .site-header {
        min-height: 300px !important;
        padding-bottom: 24px !important;
    }

    body.theme-paterede .site-header .header-top {
        padding: 12px 16px 0 16px !important;
    }

    body.theme-paterede .site-header .header-bottom {
        padding: 0 16px !important;
    }

    body.theme-paterede .header-logo-box img {
        height: 52px !important;
    }

    body.theme-paterede .nav-button {
        padding: 6px 10px !important;
        font-size: 14px !important;
    }

    body.theme-paterede .vacatures-list {
        grid-template-columns: 1fr !important;
    }

    body.theme-paterede .content-block-text,
    body.theme-paterede .content-block-image .block-content,
    body.theme-paterede .content-block-video.video-layout-columns .block-content,
    body.theme-paterede .content-block-faq,
    body.theme-paterede .content-block-open-application,
    body.theme-paterede .solliciteer-form-container,
    body.theme-paterede .paterede-form-container {
        padding: 24px 20px !important;
    }

    body.theme-paterede .content-block-image.layout-background {
        min-height: 300px !important;
    }

    body.theme-paterede .content-block-image.layout-background::before {
        background: rgba(52, 51, 48, 0.75);
    }

    body.theme-paterede .solliciteer-form .submit-btn,
    body.theme-paterede .content-block-open-application .submit-btn {
        width: 100% !important;
        align-self: stretch !important;
    }
}