/*
Theme Name: Oneway TT5 Child
Template: twentytwentyfive
Version: 0.1.0
Text Domain: oneway-tt5-child
*/
/* Self-hosted fonts */

/* Keep admin UI intact; only hide the admin bar on the front-end preview */
body:not(.wp-admin) #wpadminbar { display: none !important;}

@font-face {
    font-family: "D-DIN Pro";
    src: url("./assets/js/fonts/D-DIN-PRO-400-Regular.otf") format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "D-DIN Pro";
    src: url("./assets/js/fonts/D-DIN-PRO-500-Medium.otf") format("opentype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "D-DIN Pro";
    src: url("./assets/js/fonts/D-DIN-PRO-600-SemiBold.otf") format("opentype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "D-DIN Pro";
    src: url("./assets/js/fonts/D-DIN-Bold.otf") format("opentype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "D-DIN Pro";
    src: url("./assets/js/fonts/D-DIN-PRO-800-ExtraBold.otf") format("opentype");
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "D-DIN Pro";
    src: url("./assets/js/fonts/D-DIN-PRO-900-Heavy.otf") format("opentype");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
/* Color palette */
:root {
    --color-primary: #ff3300;
    --color-dutch: #f25924;
    --color-outdoor: #d6b570;
    --color-sky-blue: #7a9ca1;
    --color-wolf-grey: #F5F5F5;
    --color-dark: #1a1a1a;
    --color-black: #000000;
    --color-white: #ffffff;
}

.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: 1360px;
}

/* General styles */

/* Remove default bottom spacing on column groups */
:where(.wp-block-columns) {
    margin-bottom: 0;
}

/* Color utility helpers */
.color-primary {
    color: var(--color-dutch) !important;
}

.color-dutch {
    color: var(--color-dutch) !important;
}

.color-outdoor {
    color: var(--color-outdoor) !important;
}

.color-sky-blue {
    color: var(--color-sky-blue) !important;
}

.color-wolf-grey {
    color: var(--color-wolf-grey) !important;
}

/* Add breathing room around highlighted brand names in EN */
html[lang="en"] .has-inline-color.has-dutch-color,
html[lang="en"] .has-inline-color.has-dutch-color a {
    padding-left: 2px;
    padding-right: 2px;
}

.wp-block-group.is-style-bg-white a {
    color: var(--color-dutch);
}

.color-dark {
    color: var(--color-dark) !important;
}

.color-black {
    color: var(--color-black) !important;
}

.color-white {
    color: var(--color-white) !important;
}

.bg-primary {
    background-color: var(--color-dutch) !important;
}

.bg-dutch {
    background-color: var(--color-dutch) !important;
}
 
.bg-outdoor {
    background-color: var(--color-outdoor) !important;
}

.bg-sky-blue {
    background-color: var(--color-sky-blue) !important;
}

.bg-wolf-grey {
    background-color: var(--color-wolf-grey) !important;
}

.bg-dark {
    background-color: var(--color-dark) !important;
}

.bg-black {
    background-color: var(--color-black) !important;
}

.bg-white {
    background-color: var(--color-white) !important;
}

.wp-block-group.alignfull.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.ow-video-block.has-global-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

@media (max-width: 768px) {
    .ow-video-block.has-global-padding {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
}

.ow-cards-wrapper.is-style-bg-dutch,
.wp-block-group.alignfull.ow-cards-wrapper.is-style-bg-dutch {
    background-color: var(--color-dutch);
    color: var(--color-white);
}

/* Only offset the front-end for the sticky header; avoid shifting the admin UI */
body:not(.wp-admin) {
    margin-top: var(--ow-header-height, 90px) !important;
}
@media (min-width: 768px) {
    body:not(.wp-admin) {
        margin-top: 108px !important;
    }
}

@media (min-width: 768px) {
    .lg-hidden {
        display: none !important;
    }
}

@media (min-width: 768px) {
    .page-template-page-vacancies .ow-vacancies .wp-block-button.ow-button--primary {
        display: none !important;
    }
}

body {
    padding-top: 0;
}

/* Typography */
body {
    font-family: var(--wp--preset--font-family--din-pro, "D-DIN Pro", Arial, sans-serif);
    line-height: 1.6;
    color: #222;
    font-size: 16px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--wp--preset--font-family--din-pro, "D-DIN Pro", Arial, sans-serif);
    font-weight: 700;
    margin: 0.5em 0 0.5em;
    line-height: 1.2;
}

h1 {
    font-size: 2.5rem;
}
h2 {
    font-size: 2rem;
}
h3 {
    font-size: 1.75rem;
}
h4 {
    font-size: 1.5rem;
}
h5 {
    font-size: 1.25rem;
}
h6 {
    font-size: 1rem;
}


p {
    margin: 0 0 1.25em;
    font-size: 1rem;
    font-weight: 400;
}

/* Buttons */
button,
.button,
.wp-block-button__link {
    display: inline-block;
    padding: 8px 0.875rem;
    border-radius: 0;
    background-color: var(--color-dutch);
    color: var(--color-white);
    font-family: var(--wp--preset--font-family--din-pro, "D-DIN Pro", Arial, sans-serif);
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    border: 2px solid transparent;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease;
}

button:hover,
.button:hover,
.wp-block-button__link:hover {
    background-color: #ff7f53;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

.wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-open:hover,
.wp-block-navigation__responsive-container-open:focus {
    box-shadow: none;
}

.wp-block-navigation__responsive-container-close,
.wp-block-navigation__responsive-container-close:hover,
.wp-block-navigation__responsive-container-close:focus {
    box-shadow: none;
}

button:active,
.button:active,
.wp-block-button__link:active {
    transform: translateY(0);
}

@media (min-width: 768px) {
    body {
        padding-top: 0;
    }
}
/* Buttons */
.desktop-btn {
    display: none;
    background-color: #ffffff;
    color: var(--color-dutch);
    font-family: var(--wp--preset--font-family--din-pro, "D-DIN Pro", Arial, sans-serif);
    font-weight: 700;
    font-size: 18px;
    padding: 4px 0.875rem;
    border-color: transparent;
}
.desktop-btn:hover,
.desktop-btn:focus {
    background-color: #f25924;
    color: #ffffff !important;
    border-color: #ffffff;
}

/* Header layout adjustments */

:where(.wp-site-blocks *:focus) {
    outline-width: 0!important;
}

.sub-header-container {
    width: 100%;
    background-color: #fff;
}

@media (max-width: 768px) {
    .sub-header-container {
        padding: 0;
    }
}
.sub-navigation {
    display: flex;
}

.sub-navigation .wp-block-navigation__container {
    display: flex;
    gap: 0;
    list-style: none;
    margin: 0;
    padding: 0;
}

.sub-navigation .wp-block-navigation-item {
    margin: 0;
}

.sub-navigation .wp-block-navigation-item + .wp-block-navigation-item::before {
    content: "|";
    color: currentColor;
    margin: 0 8px;
    opacity: 0.6;
}

.placeholder-langselector strong,
.placeholder-langselector__text.is-active {
    font-weight: 600;
}
.placeholder-langselector a,
.placeholder-langselector__text {
    text-transform: uppercase;
}

.placeholder-langselector__text[data-language-url] {
    cursor: pointer;
}

.placeholder-langselector__text[data-language-url]:focus-visible {
    outline: 1px solid currentColor;
    outline-offset: 2px;
}

.sub-header-container-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 8px 0;
    color: var(--color-dutch);
}
@media (min-width: 768px) {
    .sub-header-container-inner {
        .wp-block-navigation-item__content {
            font-size: 16px;   
        }
    }
}

.site-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ow-image-text-inner .wp-block-columns {
    gap: var(--wp--style--block-gap, 2rem);
}

@media (max-width: 768px) {
    .ow-image-text-inner .wp-block-columns {
        gap: 0;
    }

    .wp-block-image {
        margin: 0;
    }
}

.wp-block-columns.is-style-ow-image-right {
    flex-direction: column;
}

@media (min-width: 768px) {
    .wp-block-columns.is-style-ow-image-right {
        flex-direction: row-reverse;
    }
}

.wp-block-button.ow-button--primary .wp-block-button__link {
    background-color: #f25924;
    color: #ffffff;
    border-color: #f25924;
}

.wp-block-button.ow-button--primary .wp-block-button__link:hover,
.wp-block-button.ow-button--primary .wp-block-button__link:focus {
    background-color: #ff7f53;
    border-color: #ff7f53;
    color: #ffffff;
}

.wp-block-button.ow-button--secondary .wp-block-button__link {
    background-color: #ffffff;
    color: #f25924;
    border-color: #f25924;
}

.wp-block-button.ow-button--secondary .wp-block-button__link:hover,
.wp-block-button.ow-button--secondary .wp-block-button__link:focus {
    background-color: #f25924;
    border-color: #f25924;
    color: #ffffff;
}

.wp-block-button.ow-button--tertiary .wp-block-button__link {
    background-color: #ffffff;
    color: #7a9ca1;
    border-color: #7a9ca1;
}

.wp-block-button.ow-button--tertiary .wp-block-button__link:hover,
.wp-block-button.ow-button--tertiary .wp-block-button__link:focus {
    background-color: #7a9ca1;
    border-color: #7a9ca1;
    color: #ffffff;
}

.ow-icon-cards-wrapper {
    position: relative;
    isolation: isolate;
    z-index: 0;
}

.ow-icon-cards-wrapper::before {
    content: "";
    position: absolute;
    inset: 0;
    left: 50%;
    width: 100vw;
    transform: translateX(-50%);
    background: inherit;
    background-color: inherit;
    z-index: -1;
}

.ow-icon-cards-inner {
    display: flex;
    flex-direction: column;
    gap: var(--wp--preset--spacing--40);
}

.ow-icon-card-grid {
    gap: var(--wp--preset--spacing--30);
    flex-wrap: wrap;
}

.ow-icon-card-grid > .wp-block-column {
    display: flex;
}

.ow-icon-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--wp--preset--spacing--20);
    height: 100%;
    color: var(--color-dark);
    padding: 24px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.ow-icon-card-grid > .wp-block-column.is-style-bg-wolf-grey .ow-icon-card {
    color: #2f2f2f;
}

.ow-icon-card__icon {
    width: 96px;
    max-width: 96px;
}

.ow-icon-card__icon img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.ow-heading-image-wrapper {
    position: relative;
    isolation: isolate;
    z-index: 0;
}

.ow-heading-image-wrapper::before {
    content: "";
    position: absolute;
    inset: 0;
    left: 50%;
    width: 100vw;
    transform: translateX(-50%);
    background: inherit;
    background-color: inherit;
    z-index: -1;
}

@supports selector(:has(*)) {
    .ow-heading-image-wrapper:has(.ow-heading-image-inner.has-primary-background-color) {
        background-color: var(--wp--preset--color--primary);
    }

    .ow-heading-image-wrapper:has(.ow-heading-image-inner.has-dutch-background-color) {
        background-color: var(--wp--preset--color--dutch);
    }

    .ow-heading-image-wrapper:has(.ow-heading-image-inner.has-outdoor-background-color) {
        background-color: var(--wp--preset--color--outdoor);
    }

    .ow-heading-image-wrapper:has(.ow-heading-image-inner.has-sky-blue-background-color) {
        background-color: var(--wp--preset--color--sky-blue);
    }

    .ow-heading-image-wrapper:has(.ow-heading-image-inner.has-wolf-grey-background-color) {
        background-color: var(--wp--preset--color--wolf-grey);
    }

    .ow-heading-image-wrapper:has(.ow-heading-image-inner.has-dark-background-color) {
        background-color: var(--wp--preset--color--dark);
    }

    .ow-heading-image-wrapper:has(.ow-heading-image-inner.has-black-background-color) {
        background-color: var(--wp--preset--color--black);
    }

    .ow-heading-image-wrapper:has(.ow-heading-image-inner.has-white-background-color) {
        background-color: var(--wp--preset--color--white);
    }
}

.ow-heading-image-inner {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

@media (max-width: 768px) {
    .ow-heading-image-inner {
        padding-top: 0px !important;
        padding-bottom: 20px !important;
    }
}

.ow-heading-image-columns {
    gap: var(--wp--preset--spacing--50);
    align-items: center;
}

@media (max-width: 768px) {
    .ow-heading-image-columns {
        gap: 0;
    }
}

.ow-heading-image-columns > .wp-block-column {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: var(--wp--preset--spacing--30);
}

.ow-heading-image__subtitle {
    color: var(--color-dutch);
    font-weight: 600;
}

.ow-heading-image__media img {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
}

.ow-heading-image-wrapper .wp-block-buttons {
    margin-top: var(--wp--preset--spacing--20);
}

.ow-slider-wrapper {
    position: relative;
    isolation: isolate;
    z-index: 0;
}

.ow-slider-wrapper::before {
    content: "";
    position: absolute;
    inset: 0;
    left: 50%;
    width: 100vw;
    transform: translateX(-50%);
    background: inherit;
    background-color: inherit;
    z-index: -1;
}

.ow-slider-inner {
    display: flex;
    flex-direction: column;
    gap: var(--wp--preset--spacing--40);
}

.ow-slider-marquee {
    position: relative;
    width: 100%;
    --ow-slider-duration: 25s;
    --ow-slider-loop-width: 50%;
}

.ow-slider-viewport,
.ow-slider-viewport > .wp-block-group__inner-container {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
}

.ow-slider-viewport::-webkit-scrollbar,
.ow-slider-viewport > .wp-block-group__inner-container::-webkit-scrollbar {
    display: none;
}

.ow-slider-viewport.wp-block-group,
.ow-slider-viewport.wp-block-group.is-layout-constrained,
.ow-slider-viewport.wp-block-group.is-layout-flow,
.ow-slider-viewport.wp-block-group.is-layout-flex,
.ow-slider-viewport > .wp-block-group__inner-container {
    display: block !important;
    gap: 0 !important;
    padding: 0;
}

.ow-slider-arrow {
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 999px;
    border: none;
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
    cursor: pointer;
    z-index: 2;
    transition: background-color 0.2s ease, color 0.2s ease, opacity 0.2s ease, transform 0.2s ease;
}

.ow-slider-arrow span {
    font-size: 1.5rem;
    line-height: 1;
    pointer-events: none;
}

.ow-slider-arrow--prev {
    left: var(--wp--preset--spacing--20, 1rem);
}

.ow-slider-arrow--next {
    right: var(--wp--preset--spacing--20, 1rem);
}

.ow-slider-arrow:hover,
.ow-slider-arrow:focus-visible {
    background-color: rgba(0, 0, 0, 0.8);
    outline: none;
}

.ow-slider-arrow:focus-visible {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.75);
}

.ow-slider-arrow:active {
    transform: translateY(-50%) scale(0.96);
}

.ow-slider-arrow[disabled] {
    opacity: 0.35;
    pointer-events: none;
}

.ow-slider-track {
    display: flex;
    gap: 24px;
    width: max-content;
    will-change: transform;
}

.ow-slider-track--static {
    transform: none !important;
}

.ow-slider-item--clone {
    pointer-events: none;
}

.ow-slider-marquee.ow-speed-slow {
    --ow-slider-duration: 40s;
}

.ow-slider-marquee.ow-speed-medium {
    --ow-slider-duration: 25s;
}

.ow-slider-marquee.ow-speed-fast {
    --ow-slider-duration: 15s;
}

.ow-slider-marquee.ow-speed-ultra {
    --ow-slider-duration: 8s;
}

.ow-slider-item {
    flex: 0 0 auto;
    min-width: calc(100% / 3.6);
    scroll-snap-align: start;
    scroll-snap-stop: always;
    max-width: min-content;
}

.ow-slider-item img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

.ow-slider-item a {
    display: block;
}

@media (min-width: 1024px) {
    .ow-slider-item {
        min-width: calc(100% / 6.5);
        min-width: fit-content;
    }
}

.ow-news-wrapper {
    position: relative;
    isolation: isolate;
    z-index: 0;
}

.ow-news-wrapper::before {
    content: "";
    position: absolute;
    inset: 0;
    left: 50%;
    width: 100vw;
    transform: translateX(-50%);
    background: inherit;
    background-color: inherit;
    z-index: -1;
}

.ow-news-inner {
    display: flex;
    flex-direction: column;
    gap: var(--wp--preset--spacing--40);
}

.ow-news-carousel {
    position: relative;
}

.ow-news-viewport {
    overflow: hidden;
}

.ow-news-track {
    display: flex !important;
    gap: var(--wp--preset--spacing--30);
    transition: transform 0.6s ease;
}

.ow-news-card {
    flex: 0 0 100%;
    display: flex;
    flex-direction: column;
    gap: var(--wp--preset--spacing--20);
    scroll-snap-align: start;
}

.ow-news-card__media img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.ow-news-card__meta {
    font-size: 0.85rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--color-dark);
}

.ow-news-card__title {
    font-size: 1.25rem;
}

.ow-news-card__excerpt {
    font-size: 0.95rem;
    color: var(--color-dark);
}

@media (min-width: 768px) {
    .ow-news-card__title {
        font-size: 1.5rem;
    }
}

@media (min-width: 1024px) {
    .ow-news-card {
        flex: 0 0 calc(100% / 3);
    }
}

.ow-news-dots {
    gap: 0.75rem;
}

.ow-news-dots .ow-news-dot {
    width: 12px;
    height: 12px;
    border-radius: 999px;
    border: none;
    background: rgba(0, 0, 0, 0.2);
    padding: 0;
    cursor: pointer;
}

.ow-news-dots .ow-news-dot.is-active {
    background: rgba(0, 0, 0, 0.6);
}

.ow-news-dots .ow-news-dot:focus-visible {
    outline: 2px solid var(--color-dark);
    outline-offset: 2px;
}

.ow-faq-wrapper {
    position: relative;
    isolation: isolate;
    z-index: 0;
    max-width: 810px;
    text-align: center;
    margin: 0 auto;
    margin-top: 70px;
    margin-bottom: 70px;
}

.ow-faq-wrapper::before {
    content: "";
    position: absolute;
    inset: 0;
    left: 50%;
    width: 100vw;
    transform: translateX(-50%);
    background: inherit;
    background-color: inherit;
    z-index: -1;
}

.ow-faq-inner {
    display: flex;
    flex-direction: column;
    gap: var(--wp--preset--spacing--40);
}

.ow-faq-list {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.ow-faq-item {
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    padding: var(--wp--preset--spacing--30) 0;
    text-align: left;
}

.ow-faq-item + .ow-faq-item {
    margin-top: -1px;
}

.ow-faq-item summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--wp--preset--spacing--20);
    font-size: 1.125rem;
    font-weight: 400;
    cursor: pointer;
    list-style: none;
}

.ow-faq-item summary::-webkit-details-marker {
    display: none;
}

.ow-faq-item summary::after {
    content: "+";
    font-size: 1.5rem;
    line-height: 1;
    transition: transform 0.2s ease;
    color: var(--color-dark);
}

.ow-faq-item[open] summary::after {
    content: "−";
}

.ow-faq-item summary:focus-visible {
    outline: 2px solid var(--color-dark);
    outline-offset: 4px;
}

.ow-faq-item > :not(summary) {
    margin-top: var(--wp--preset--spacing--20);
}

.ow-image-text-wrapper {
    position: relative;
    isolation: isolate;
    z-index: 0;
    margin: 0 auto !important;
}

.ow-image-text-wrapper::before {
    content: "";
    position: absolute;
    inset: 0;
    left: 50%;
    width: 100vw;
    transform: translateX(-50%);
    background: inherit;
    background-color: inherit;
    z-index: -1;
}

.ow-card {
    position: relative;
}

.ow-card__label {
    position: absolute;
    top: 24px;
    left: 24px;
    background-color: #fff;
    padding: 6px 10px;
    color: #000;
}

.ow-cards-wrapper {
    position: relative;
    isolation: isolate;
    z-index: 0;
}

.ow-cards-wrapper::before {
    content: "";
    position: absolute;
    inset: 0;
    left: 50%;
    width: 100vw;
    transform: translateX(-50%);
    background: inherit;
    background-color: inherit;
    z-index: -1;
}

.ow-pattern-instructions {
    font-size: 0.85rem;
    opacity: 0.7;
    margin-top: var(--wp--preset--spacing--30);
}

.ow-cards-inner {
    display: flex;
    flex-direction: column;
    gap: var(--wp--preset--spacing--40);
}

.ow-card-grid {
    gap: var(--wp--preset--spacing--30);
    flex-wrap: wrap;
}

.ow-card-grid > .wp-block-column {
    display: flex;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.ow-card {
    background: var(--color-white);
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: var(--wp--preset--spacing--30);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--wp--preset--spacing--20);
    height: 100%;
    width: 100%;
    color: var(--color-black);
    --ow-card-image-height: 260px;
}

.ow-card .wp-block-list {
    list-style-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='13' height='14' viewBox='0 0 13 14'><g fill='none' fill-rule='evenodd'><g fill='%23FF4601' transform='translate(-161 -56)'><polygon points='167.080031 56 173.37 63.8658695 161 69.8695592'/></g></g></svg>");
    padding-left: 1.2em;
}

.ow-card .wp-block-list li {
    padding-left: 0;
}

/* Vacancy content lists: use the same triangle marker */
.ow-vacancies-paragraph .wp-block-list,
.ow-vacancies-page .wp-block-list {
    list-style-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='13' height='14' viewBox='0 0 13 14'><g fill='none' fill-rule='evenodd'><g fill='%23FF4601' transform='translate(-161 -56)'><polygon points='167.080031 56 173.37 63.8658695 161 69.8695592'/></g></g></svg>");
    padding-left: 1.2em;
}

.ow-vacancies-paragraph .wp-block-list li,
.ow-vacancies-page .wp-block-list li {
    padding-left: 0;
}

/* Apply triangle bullets to any ul in the vacancies content (excluding social links) */
.oneway,
.wp-site-blocks main ul:not(.wp-block-social-links):not(.wp-block-navigation__container),
.ow-vacancies-paragraph ul:not(.wp-block-social-links),
.ow-vacancies-page ul:not(.wp-block-social-links) {
    list-style-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='13' height='14' viewBox='0 0 13 14'><g fill='none' fill-rule='evenodd'><g fill='%23FF4601' transform='translate(-161 -56)'><polygon points='167.080031 56 173.37 63.8658695 161 69.8695592'/></g></g></svg>");
    padding-left: 1.2em;
}

.oneway li,
.wp-site-blocks main ul:not(.wp-block-social-links):not(.wp-block-navigation__container) li,
.ow-vacancies-paragraph ul:not(.wp-block-social-links) li,
.ow-vacancies-page ul:not(.wp-block-social-links) li {
    padding-left: 0;
}

.ow-card__image {
    width: 100%;
    margin: 0;
    overflow: hidden;
}

.ow-card__image img {
    width: 100%;
    height: var(--ow-card-image-height, auto);
    max-height: var(--ow-card-image-height, none);
    object-fit: cover;
    display: block;
}

.ow-card__image[style*="aspect-ratio"],
.ow-card__image img[style*="aspect-ratio"] {
    --ow-card-image-height: auto;
}

.ow-card__image[style*="aspect-ratio"] img,
.ow-card__image img[style*="aspect-ratio"] {
    height: auto;
    max-height: none;
}

.ow-card--image-square .ow-card__image,
.ow-card--image-square .ow-card__image img {
    aspect-ratio: 1;
    height: auto;
    max-height: none;
}

.ow-card--image-horizontal .ow-card__image,
.ow-card--image-horizontal .ow-card__image img {
    aspect-ratio: 16 / 9;
    height: auto;
    max-height: none;
}

.ow-card--image-vertical .ow-card__image,
.ow-card--image-vertical .ow-card__image img {
    aspect-ratio: 3 / 4;
    height: auto;
    max-height: none;
}

.ow-card__label {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin: 0;
}

.ow-card__cta {
    margin-top: auto;
    font-weight: 600;
}

.ow-card__cta a {
    color: inherit;
    text-decoration: none;
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.ow-card__cta a::after {
    content: '\2192';
    transition: transform 0.2s ease;
}

.ow-card__cta a:hover::after,
.ow-card__cta a:focus::after {
    transform: translateX(4px);
}

.ow-image-text-inner.has-dark-background-color,
.ow-image-text-inner.has-black-background-color,
.ow-image-text-wrapper.has-dark-background-color,
.ow-image-text-wrapper.has-black-background-color,
.ow-heading-image-inner.has-dark-background-color,
.ow-heading-image-inner.has-black-background-color,
.ow-heading-image-wrapper.has-dark-background-color,
.ow-heading-image-wrapper.has-black-background-color,
.ow-slider-inner.has-dark-background-color,
.ow-slider-inner.has-black-background-color,
.ow-slider-wrapper.has-dark-background-color,
.ow-slider-wrapper.has-black-background-color,
.ow-news-inner.has-dark-background-color,
.ow-news-inner.has-black-background-color,
.ow-news-wrapper.has-dark-background-color,
.ow-news-wrapper.has-black-background-color,
.ow-faq-inner.has-dark-background-color,
.ow-faq-inner.has-black-background-color,
.ow-faq-wrapper.has-dark-background-color,
.ow-faq-wrapper.has-black-background-color,
.ow-cards-inner.has-dark-background-color,
.ow-cards-inner.has-black-background-color,
.ow-cards-wrapper.has-dark-background-color,
.ow-cards-wrapper.has-black-background-color,
.ow-icon-cards-inner.has-dark-background-color,
.ow-icon-cards-inner.has-black-background-color,
.ow-icon-cards-wrapper.has-dark-background-color,
.ow-icon-cards-wrapper.has-black-background-color,
.ow-history-inner.has-dark-background-color,
.ow-history-inner.has-black-background-color,
.ow-history-wrapper.has-dark-background-color,
.ow-history-wrapper.has-black-background-color {
    color: #2f2f2f;
}

.ow-image-text-inner.has-dark-background-color a,
.ow-image-text-inner.has-black-background-color a,
.ow-heading-image-inner.has-dark-background-color a,
.ow-heading-image-inner.has-black-background-color a,
.ow-slider-inner.has-dark-background-color a,
.ow-slider-inner.has-black-background-color a,
.ow-news-inner.has-dark-background-color a,
.ow-news-inner.has-black-background-color a,
.ow-faq-inner.has-dark-background-color a,
.ow-faq-inner.has-black-background-color a,
.ow-cards-inner.has-dark-background-color a,
.ow-cards-inner.has-black-background-color a,
.ow-icon-cards-inner.has-dark-background-color a,
.ow-icon-cards-inner.has-black-background-color a,
.ow-history-inner.has-dark-background-color a,
.ow-history-inner.has-black-background-color a {
    color: inherit;
}

@supports selector(:has(*)) {
    .ow-image-text-wrapper:has(.has-dark-background-color),
    .ow-image-text-wrapper:has(.has-black-background-color),
    .ow-heading-image-wrapper:has(.has-dark-background-color),
    .ow-heading-image-wrapper:has(.has-black-background-color),
    .ow-slider-wrapper:has(.has-dark-background-color),
    .ow-slider-wrapper:has(.has-black-background-color),
    .ow-news-wrapper:has(.has-dark-background-color),
    .ow-news-wrapper:has(.has-black-background-color),
    .ow-faq-wrapper:has(.has-dark-background-color),
    .ow-faq-wrapper:has(.has-black-background-color),
    .ow-cards-wrapper:has(.has-dark-background-color),
    .ow-cards-wrapper:has(.has-black-background-color),
    .ow-icon-cards-wrapper:has(.has-dark-background-color),
    .ow-icon-cards-wrapper:has(.has-black-background-color),
    .ow-history-wrapper:has(.has-dark-background-color),
    .ow-history-wrapper:has(.has-black-background-color) {
        color: #2f2f2f;
    }
}

.ow-history-wrapper {
    position: relative;
    isolation: isolate;
    z-index: 0;
}

.ow-history-inner {
    display: flex;
    flex-direction: column;
}

.ow-history-list {
    --ow-history-line-position: 50%;
    --ow-history-dot-size: 12px;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--wp--preset--spacing--40);
    padding-bottom: var(--wp--preset--spacing--40);
}

.ow-history-list::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 10px;
    bottom: 0;
    width: 2px;
    background: #000;
    transform: translateX(-50%);
}

@media (max-width: 768px) {
    .ow-history-list::before {
        left: calc(100% - var(--ow-history-dot-size));
        transform: translateX(0);
    }
}

.ow-history-item {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--wp--preset--spacing--40);
    align-items: start;
}

.ow-history-item:last-child {
    padding-bottom: 0;
}

.ow-history-item::before {
    content: "";
    position: absolute;
    left: calc(50% - (var(--ow-history-dot-size) / 2));
    top: 0.45rem;
    width: var(--ow-history-dot-size);
    height: var(--ow-history-dot-size);
    border-radius: 999px;
    background: currentColor;
}

.ow-history-year {
    font-weight: 700;
    margin: 0;
    color: inherit;
}

.ow-history-item .ow-history-year,
.ow-history-item .ow-history-card {
    grid-row: 1;
}

.ow-history-item:nth-child(odd) .ow-history-year {
    grid-column: 2;
    text-align: left;
    justify-self: start;
    padding-left: var(--wp--preset--spacing--20);
}

.ow-history-item:nth-child(odd) .ow-history-card {
    grid-column: 1;
}

.ow-history-item:nth-child(even) .ow-history-year {
    grid-column: 1;
    text-align: right;
    justify-self: end;
    padding-right: var(--wp--preset--spacing--20);
}

.ow-history-item:nth-child(even) .ow-history-card {
    grid-column: 2;
}

.ow-history-item:nth-child(odd) .ow-history-card {
    --ow-history-offset: -60px;
}

.ow-history-item:nth-child(even) .ow-history-card {
    --ow-history-offset: 60px;
}

.ow-history-card.is-visible {
    opacity: 1;
    transform: translateX(0);
}

.ow-history-card {
    background: var(--color-white);
    color: var(--color-dark);
    padding: 16px !important;
    border-radius: 0 !important;
    display: flex;
    flex-direction: column;
    gap: var(--wp--preset--spacing--20);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08) !important;
    margin-top: 32px;
    opacity: 0;
    transform: translateX(var(--ow-history-offset, 0));
    transition: opacity 0.6s ease, transform 0.6s ease;
}

.block-editor-page .ow-history-card,
body.wp-admin .ow-history-card {
    /* Keep cards visible while editing; frontend animation stays unchanged */
    opacity: 1;
    transform: none;
}

.ow-history-card.has-background {
    box-shadow: none;
}

.block-editor-page .ow-history-card,
body.wp-admin .ow-history-card,
.editor-styles-wrapper .ow-history-card {
    /* Keep cards visible while editing; frontend animation stays unchanged */
    opacity: 1 !important;
    transform: none !important;
}

.ow-history-card .wp-block-image {
    margin: 0;
}

.ow-history-card .wp-block-image img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}


@media (max-width: 768px) {
    .ow-history-year {
        left: auto;
        right: 11px;
        top: 1px;
        position: absolute;
        padding-right: 10px;
    }
    .ow-history-item::before {
        left: auto !important;
        right: 5px;
    }
    .ow-history-card {
        margin-right: 24px;
    }
    .ow-history-list {
        gap: 0;
    }

    .ow-history-item {
        grid-template-columns: minmax(0, 1fr);
        gap: var(--wp--preset--spacing--20);
    }

    .ow-history-item .ow-history-card {
        grid-column: 1;
    }

    .ow-history-item::before {
        left: calc(var(--ow-history-dot-size) / 2);
        top: 0.35rem;
    }

    .ow-history-list::before {
        left: calc(100% - var(--ow-history-dot-size));
        transform: translateX(0);
    }
}

@media (max-width: 768px) {
    .ow-card-grid {
        gap: var(--wp--preset--spacing--20);
    }
}

.wp-block-navigation.items-justified-right
  .wp-block-navigation__container
  .has-child
  .wp-block-navigation__submenu-container {
    left: 50%;
    transform: translateX(-50%);
    right: auto;
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
    border: none;
}

.wp-block-navigation__submenu-container.has-text-color.has-contrast-color.has-background.has-base-background-color.wp-block-navigation-submenu {
    padding: 8px 4px;
}

.navigation .has-child .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content,
.wp-block-navigation .has-child .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content {
    display: flex;
    flex-grow: 1;
    padding: 2px 0.5em;
}
.header-primary {
    max-height: 70px;
}
@media (min-width: 768px) {
    .header-container div {
        margin: 0 auto;
        max-width: 1360px !important;
        gap: 60px;
    }

    .wp-block-navigation__responsive-close {
        margin-top: 0;
    }
    
    .header__logo-link {
        order: 0;
        margin-right: auto;
    }

    .wp-block-group.is-content-justification-right.is-nowrap.is-layout-flex {
        order: 2;
        margin-left: auto;
        margin-right: auto;
        margin-left: 0;
    }
    .wp-block-group.is-content-justification-space-between.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-8165f36a.wp-block-group-is-layout-flex {
        margin-top: 14px;
    }
    .language-switch {
        order: 3;
        margin-left: 20px;
    }
    .desktop-btn {
        order: 4;
        display: block;
        margin-left: auto !important;
    }
    .wp-block-group.is-content-justification-space-between.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-8165f36a.wp-block-group-is-layout-flex {
        margin-top: 0px;
    }
    .header-primary > *:first-child {
        margin: 0;
    }
    .header-primary {
        justify-content: flex-start;
    }
}

@media (max-width: 768px) {
}

/* Header mobile */
.header-container,
.header-container a:not(.desktop-btn),
.header-container .wp-block-navigation a,
.header-container .header__logo-link {
    color: #fff !important;
    fill: #fff !important;
    transition: color 0.3s ease, background-color 0.3s ease, fill 0.3s ease;
}
.header-container .desktop-btn {
    background-color: #ffffff;
    color: #f25924;
}
.header-container .desktop-btn:hover,
.header-container .desktop-btn:focus {
    background-color: #f25924;
    color: #ffffff !important;
    border-color: #ffffff;
}
.header-container .wp-block-navigation-item__content:hover,
.header-container .wp-block-navigation-item__content:focus {
    background-color: rgba(255, 255, 255, 0.1);
    color: var(--color-dutch) !important;
    font-weight: 700;
    text-decoration: none;
}
.header-container .main-nav-item:hover,
.header-container .main-nav-item:focus {
    background-color: rgba(255, 255, 255, 0.2);
    font-weight: 400;
    color: #fff !important;
    outline: none;
}
.header-container .wp-block-navigation__submenu-container {
    position: relative;
    margin-top: 14px;
}
body {
    overflow-x: hidden;
}

.header-container .wp-block-navigation__submenu-container::before {
    content: "";
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 12px 10px;
    border-color: transparent transparent var(--color-white) transparent;
    pointer-events: none;
}
.header-primary {
    background-color: var(--color-dutch);
    position: relative;
    overflow: visible;
    width: 100%;
    max-width: 100%;
    flex: 1 1 auto;
}
.header-primary::before,
.header-primary::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 100vw;
    transform: translateX(-50%);
    background-color: var(--color-dutch);
    z-index: -1;
    pointer-events: none;
}
.header-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.oneway-brands-header {
    padding: 12px 10px 12px 10px;
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    background: #fff;
}
/* Ensure brand bar keeps its padding even when header container divs are zeroed */
.header-container .oneway-brands-header {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}
.oneway-brands-header::before,
.oneway-brands-header::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 100vw;
    transform: translateX(-50%);
    background: #fff;
    z-index: -1;
    pointer-events: none;
}
.oneway-brands-slider {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    padding: 0 16px 0 0;
    margin-left: 0 !important;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none; /* IE/Edge */
    scrollbar-width: none; /* Firefox */
}
.oneway-brands-slider::-webkit-scrollbar {
    display: none;
}
.oneway-brand-item {
    flex: 0 0 auto;
    scroll-snap-align: start;
    width: var(--ow-brand-wd, 100px);
    display: flex;
    align-items: center;
}
.header-container .header-primary .wp-block-group.is-content-justification-flex-end {
    margin-left: 0 !important;
}
.oneway-brand-item.acid,
.oneway-brand-item.sqlab {
    width: var(--ow-brand-wd, 70px);
}
@media (max-width: 1023px) {
    .oneway-brand-item {
        width: var(--ow-brand-wm, var(--ow-brand-wd, 100px));
    }
    .oneway-brand-item.acid,
    .oneway-brand-item.sqlab {
        width: var(--ow-brand-wm, var(--ow-brand-wd, 70px));
    }
}
.oneway-brand-item svg {
    width: 100%;
    height: auto;
}
.oneway-brand-link {
    display: block;
    line-height: 0;
}
.oneway-brand-link:focus-visible {
    outline: 2px solid #000;
    outline-offset: 2px;
}
.oneway-brands-label {
    display: none;
    align-items: center;
    gap: 10px !important;
    font-weight: 300;
    color: #222;
    white-space: nowrap;
    margin: 0 !important;
}
.oneway-brands-label__arrow {
    display: inline-flex;
    line-height: 0;
}
.oneway-brands-label__link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #000 !important;
    text-decoration: none;
}
.oneway-brands-label__link:focus-visible {
    outline: 2px solid #000;
    outline-offset: 2px;
}
.header-container .oneway-brands-label__link,
.header-container .oneway-brands-label__link *,
.header-container .oneway-brands-label__link:visited {
    color: #000 !important;
    fill: #000 !important;
}
.oneway-brands-label__arrow svg,
.oneway-brands-label__arrow svg polygon {
    fill: #FF4601 !important;
}
.header-container .oneway-brands-label__arrow svg,
.header-container .oneway-brands-label__arrow svg polygon,
.oneway-brands-label__link .oneway-brands-label__arrow svg,
.oneway-brands-label__link .oneway-brands-label__arrow svg polygon {
    fill: #FF4601 !important;
}
.header-container .oneway-brands-header .oneway-brand-item svg,
.header-container .oneway-brands-header .oneway-brand-item svg * {
    fill: #7A9CA1 !important;
}
.header-container .oneway-brands-header .oneway-brand-item.active svg,
.header-container .oneway-brands-header .oneway-brand-item.active svg * {
    fill: #000 !important;
}
.header-container .oneway-brands-header .oneway-brand-item:hover svg,
.header-container .oneway-brands-header .oneway-brand-item:hover svg * {
    fill: #000 !important;
}
.oneway-brands-label__arrow-svg {
    width: 10px;
    height: 16px;
}
.oneway-brand-item.active rect {
    fill: #000;
}
.oneway-brand-item.active text {
    fill: #fff;
}
.oneway-brands-chevron {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    background: linear-gradient(90deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,1) 100%);
    display: flex;
}
@media (min-width: 1024px) {
    .oneway-brands-chevron {
        display: none;
    }
    .oneway-brands-label {
        display: inline-flex;
    }
    .oneway-brands-header {
        justify-content: center;
        gap: 16px !important;
    }
    .oneway-brands-slider {
        overflow: visible;
        scroll-snap-type: none;
        gap: 30px !important;
    }
}
.oneway-brands-header--hidden {
    transform: translateY(-100%);
    opacity: 0;
    pointer-events: none;
}
.header-container .wp-block-navigation__submenu-container::after {
    content: "";
    position: absolute;
    top: -14px;
    left: 0;
    width: 100%;
    height: 12px;
    background: transparent;

}
.header-container .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover,
.header-container .wp-block-navigation__submenu-container .wp-block-navigation-item__content:focus {
    font-weight: 600;
}

@media (max-width: 768px) {
    .header-container .wp-block-navigation > .wp-block-navigation__container {
        display: none !important;
    }

    .header-container .wp-block-navigation__submenu-container::before {
        content: none !important;
    }
}
header {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 100;
}

/* Prevent alignfull negative margins from widening the header template part */
header.wp-block-template-part .alignfull {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.wp-block-navigation__responsive-container {
    padding: 0.75rem 0;
}
.header-container {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0);
    height: 70px;
    z-index: 1000;
}

.header-primary {
    max-height: none;
    min-height: 70px;
    gap: clamp(16px, 2vw, 32px);
}

.header__nav {
    flex: 1 1 auto;
    min-width: 0;
}

.header__nav .wp-block-navigation {
    margin: 0;
}

.header__nav .wp-block-navigation__responsive-container-open,
.header-primary > .wp-block-group .wp-block-navigation__responsive-container-open {
    display: none;
}

.header__nav .wp-block-navigation__container,
.header-primary > .wp-block-group .wp-block-navigation > .wp-block-navigation__container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0;
}

/* Dedicated mobile overlay menu */
#ow-mobile-nav {
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
}

#ow-desk-nav {
    display: block;
}

#ow-desk-nav .wp-block-navigation__container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0;
    list-style: none;
    margin: 0;
    padding: 0;
}

#ow-desk-nav .wp-block-navigation-item,
#ow-mobile-nav .wp-block-navigation-item {
    list-style: none;
}

@media (max-width: 768px) {
    .desktop-btn {
        display: none !important;
    }

    .header__nav .wp-block-navigation__container,
    .header-primary > .wp-block-group .wp-block-navigation > .wp-block-navigation__container {
        display: none !important;
    }

    .header__nav .wp-block-navigation__responsive-container-open,
    .header-primary > .wp-block-group .wp-block-navigation__responsive-container-open {
        display: inline-flex;
        align-items: center;
    }

    #ow-mobile-nav {
        display: block;
        width: 100%;
    }

    #ow-desk-nav {
        display: none !important;
    }

    .header__nav {
        flex: 0 1 auto;
    }
}

@media (min-width: 769px) {
    .header__nav .wp-block-navigation__responsive-container,
    .header-primary > .wp-block-group .wp-block-navigation__responsive-container {
        position: static;
        display: block !important;
        width: auto;
        height: auto;
        min-width: 0;
        padding: 0;
        background: transparent !important;
        color: inherit !important;
        border: 0;
        overflow: visible;
        inset: auto;
        transform: none;
        box-shadow: none;
        visibility: visible;
        opacity: 1;
        pointer-events: auto;
    }

    .header__nav .wp-block-navigation__responsive-close,
    .header__nav .wp-block-navigation__responsive-dialog,
    .header-primary > .wp-block-group .wp-block-navigation__responsive-close,
    .header-primary > .wp-block-group .wp-block-navigation__responsive-dialog {
        position: static;
        display: block;
        width: auto;
        height: auto;
        margin: 0;
        padding: 0;
        background: transparent;
        overflow: visible;
        transform: none;
    }

    .header__nav .wp-block-navigation__responsive-container-content,
    .header-primary > .wp-block-group .wp-block-navigation__responsive-container-content {
        display: block;
        padding: 0 !important;
    }

    .header__nav .wp-block-navigation__responsive-container-close,
    .header-primary > .wp-block-group .wp-block-navigation__responsive-container-close {
        display: none !important;
    }

    #ow-mobile-nav {
        display: none !important;
    }

    .desktop-btn {
        display: inline-flex;
        align-items: center;
    }
}
@media (max-width: 768px) {
    .wp-block-navigation__responsive-close {
        padding-top: 26px;
    }

    .wp-block-navigation__responsive-container {
        height: 100vh;
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-top: 0 !important;
    }

    /* Account for WP admin bar when overlay is open */
    .has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog {
        margin-top: 26.59px;
    }

    /* Mobile menu: force full width stack and left alignment */
    .wp-block-navigation__responsive-container .wp-block-navigation__container.is-responsive.items-justified-right.wp-block-navigation {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    /* Ensure swapped mobile nav spans full width */
    #ow-mobile-nav {
        width: 100%;
    }

    /* Left-align items in the mobile overlay */
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item {
        align-items: flex-start;
    }
    .wp-block-navigation__responsive-container .main-nav-item,
    .wp-block-navigation__responsive-container .wp-block-navigation-item__label {
        color: #000000 !important;
    }
    .wp-block-navigation__responsive-container .wp-block-navigation-item__content {
        color: #000000 !important;
    }

    /* Mobile overlay item layout */
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item {
        align-items: flex-start;
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-height: 40px;
        border-bottom: 1px solid #7A9CA1;
    }
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content {
        padding: 0;
        margin: 8px 10px;
        font-weight: 600;
    }

    /* Mobile overlay header bar + close button styling */
    .wp-block-navigation__responsive-container {
        padding-top: 0;
    }
    .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-close {
        background-color: var(--color-dutch);
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        gap: 12px;
        min-height: 70px;
        align-items: center;
        padding: 16px;
        border: none;
    }
    .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-close .oneway-icon--close {
        color: #fff;
    }
    .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-close .ow-close-logo {
        display: inline-flex;
        align-items: center;
        height: 28px;
        width: 124px;
    }
    .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-close .ow-close-logo svg {
        height: 28px;
        width: auto;
        fill: currentColor;
        color: #fff;
    }
    .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {
        padding-top: 70px !important;
    }
}
@media (min-width: 768px) {
    .header-container .wp-block-navigation__submenu-container {
        margin-top: 12px;
        border: none;
        box-shadow: 0 -2px 20px rgba(0, 0, 0, 0.2);
    }
    .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
        padding: 10px 20px;
        border: none !important;
    }
    .header-container {
        height: fit-content;
        padding: 10px 0;
        max-width: 100% !important;
    }
    .header-container div {
        max-width: 100%;
    }
    .header-container .wp-block-navigation-item__content {
        padding: 15px 20px;
    }
    .header-container .wp-block-navigation-item__content:hover {
        text-transform: none;
    }
    .header-container div {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}
.header__logo-link {
    width: 124px;
}

@media (max-width: 768px) {
    .header__logo-link {
        padding-top: 6px;
    }
}

@media (min-width: 768px) {
    .header__logo-link {
        width: 164px;
        padding-top: 4px;
    }  
}


.page-width {
    margin: 0 auto;
    padding: 0 12px;
    max-width: 1360px;
}
.ow-image-text-wrapper .wp-block-columns {
    padding-left: 0;
    padding-right: 0;
}
@media (min-width: 768px) {
    .page-width {
        padding: 0;
    }
}

@media (max-width: 768px) {
  .site-header {
    flex-direction: column !important;
    align-items: flex-start;
    gap: 12px;
  }
  .main-nav {
    width: 100%;
  }
  .site-logo {
    margin: 0;
  }
}

/* Full-width desktop submenu */
@media (min-width: 768px) {
  /* Ensure submenu inner list flows horizontally nicely (optional) */
  .header-container .wp-block-navigation__submenu-container a {
    padding: 10px 20px;
  }
}

/* Colors: when header is dark, submenu is dark with white text */
.header-container-dark .wp-block-navigation__submenu-container {
  background-color: #ffffff !important;
}
.header-container-dark .wp-block-navigation__submenu-container,
.header-container-dark .wp-block-navigation__submenu-container a,
.header-container-dark .wp-block-navigation__submenu-container .wp-block-navigation-item__content,
.header-container-dark .wp-block-navigation__submenu-container .wp-block-navigation-item__label {
  color: #000 !important;
  fill: #000 !important;
}

/* Light header defaults so theme color classes don't fight us */
.header-container .wp-block-navigation__submenu-container {
  background-color: #fff;
}
.header-container .wp-block-navigation__submenu-container a,
.header-container .wp-block-navigation__submenu-container .wp-block-navigation-item__content,
.header-container .wp-block-navigation__submenu-container .wp-block-navigation-item__label {
  color: #222;
}

/* Smooth transitions */
.header-container .wp-block-navigation__submenu-container,
.header-container .wp-block-navigation__submenu-container a,
.header-container .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
  transition: color 0.3s ease, background-color 0.3s ease, fill 0.3s ease;
}


/* Footer styles */
footer {
    background-color: #7A9CA1;
    padding: 24px 12px;
}

@media (min-width: 768px) {
    footer h3 {
        font-size: 20px;
    }
    footer {
        padding: 100px 0;   
    }
    footer div, 
    footer p {
        max-width: 1360px;
        margin: 0 auto;
    }
}

/* Footer text colors */
footer,
footer .has-base-color,
footer p,
footer a,
footer h3,
footer h3 strong,
footer span,
footer li,
footer .wp-block-navigation__container,
footer .wp-block-navigation-item__content,
footer .wp-block-navigation-item__label {
    margin: 0;
    color: #ffffff;
    fill: #ffffff;
    gap: 0;
}

footer a:hover {
    color: var(--color-dutch);
}

footer h3,
footer strong {
    color: #ffffff !important;
}

/* Oneway Simple cards */
.ow-cards-wrapper .wp-block-heading {
    margin: 0 auto;
    width: 100%;
    max-width: var(--ow-page-width, 1360px);
}

/* Dealer contact pattern */
.dealer-contact {
    background-color: #f9f9f9;
}

@media (max-width: 991.98px) {
    .dealer-contact.wp-block-group {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
}

.dealer-contact__columns {
    gap: clamp(1.5rem, 4vw, 4rem);
}

.dealer-contact__column {
    background-color: #ffffff;
    border-radius: 0;
    padding: clamp(1.5rem, 4vw, 3rem);
    /* Match card grid shadow per request */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.dealer-contact__column--info {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.dealer-contact__image img {
    width: 100%;
    height: auto;
    border-radius: 12px;
    object-fit: cover;
}

.dealer-contact__heading {
    margin: 0;
    font-size: clamp(1.8rem, 2.3vw, 2.5rem);
}

.dealer-contact__intro {
    font-size: 1.05rem;
    max-width: 36ch;
}

.dealer-contact__details {
    border-top: 1px solid #e7e7e7;
    padding-top: 1.5rem;
}

.dealer-contact__details-label {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 16.8px;
    letter-spacing: 0.08em;
    margin-bottom: 0.5rem;
}

.dealer-contact__details-item {
    margin: 0;
    font-size: 16.8px;
}

.dealer-contact__details-item a {
    color: inherit;
    text-decoration: none;
    font-weight: 600;
}

.dealer-contact__column--form {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.dealer-contact__form-heading {
    margin: 0;
}

.dealer-contact__form-intro {
    margin: 0 0 0.5rem;
    color: #3b3b3b;
}

.dealer-contact__column--form {
    --dealer-form-width: 100%;
}

.dealer-contact .fluentform {
    width: 100%;
    max-width: var(--dealer-form-width);
    margin-inline: auto;
}

.dealer-contact .fluentform,
.dealer-contact .fluentform * {
    box-sizing: border-box;
}

.dealer-contact .fluentform form,
.dealer-contact .fluentform fieldset {
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0;
}

.dealer-contact .ff-btn-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 48px;
    padding: 0.85rem 2.75rem;
    border-radius: 0;
    border: 1px solid #f25924;
    background-color: #f25924;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.dealer-contact .ff-btn-submit:hover,
.dealer-contact .ff-btn-submit:focus-visible {
    background-color: #ff7f53;
    border-color: #ff7f53;
    color: #ffffff;
}

.dealer-contact form.fluent_form_3 .ff-btn-submit:not(.ff_btn_no_style) {
    background-color: #f25924 !important;
    border-color: #f25924 !important;
    color: #ffffff !important;
    border-radius: 0;
}

.dealer-contact .ff-el-form-control {
    border: none;
    border-radius: 0;
    background-color: #f3f3f3;
    padding: 0.85rem 1rem;
    box-shadow: inset 0 0 0 1px transparent;
    transition: box-shadow 0.2s ease, background-color 0.2s ease;
}

.dealer-contact .ff-el-form-control:focus,
.dealer-contact .ff-el-form-control:focus-visible {
    outline: none;
    background-color: #fff;
    box-shadow: inset 0 0 0 1px #000000;
}

/* Fluent Forms layout inside the dealer contact card */
.dealer-contact .fluentform .ff-t-container {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem 1rem;
    margin: 0 !important;
}

@media (max-width: 767px) {
    .dealer-contact .fluentform .ff-t-container {
        grid-template-columns: 1fr;
    }
}

.dealer-contact .fluentform .ff-t-cell {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 0 !important;
}

.dealer-contact .fluentform .ff-el-group {
    margin-bottom: 1rem;
    width: 100%;
    box-sizing: border-box;
    padding: 0;
}

.dealer-contact .fluentform .ff-el-input--label label {
    font-weight: 700;
    color: #1d1d1f;
    letter-spacing: 0.01em;
}

.dealer-contact .fluentform .ff-el-input--content {
    width: 100%;
    max-width: 100%;
}

.dealer-contact .fluentform textarea.ff-el-form-control {
    min-height: 140px;
}

.dealer-contact .fluentform .ff-el-form-control {
    width: 100%;
    max-width: 100%;
}

.dealer-contact .fluentform .ff-el-group.ff-text-left.ff_submit_btn_wrapper {
    margin-top: 0.25rem;
}

/* Oneway Video */
.ow-video {
    --ow-video-radius: 14px;
    --ow-video-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    margin-block: var(--wp--preset--spacing--40);
}

.ow-video--split,
.ow-video--card {
    background: #ffffff;
    box-shadow: var(--ow-video-shadow);
}

.ow-video--split {
    padding: var(--wp--preset--spacing--50) 0;
}

.ow-video--card {
    padding: var(--wp--preset--spacing--40);
}

.ow-video__column {
    display: flex;
    flex-direction: column;
    gap: var(--wp--preset--spacing--20);
    justify-content: center;
}

.ow-video__frame {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: calc(var(--ow-video-radius) - 2px);
    overflow: hidden;
    background: #0f0f0f;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.18);
}

.ow-video__frame .wp-block-embed,
.ow-video__frame .wp-block-video {
    height: 100%;
}

.ow-video__frame .wp-block-embed__wrapper {
    position: absolute;
    inset: 0;
    height: 100%;
}

.ow-video__frame iframe,
.ow-video__frame video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    object-fit: cover;
}

.ow-video__overlay {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: var(--wp--preset--spacing--20);
    padding: var(--wp--preset--spacing--30);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.7) 100%);
    color: #ffffff;
    pointer-events: none;
}

.ow-video__overlay .wp-block-buttons .wp-block-button__link {
    pointer-events: auto;
}

.ow-video-block .wp-block-button__link,
.ow-video-block .wp-block-button.is-style-outline .wp-block-button__link {
    background-color: var(--color-dutch);
    color: var(--color-white);
    border-color: var(--color-dutch);
}

.ow-video--hero {
    --ow-video-radius: 0;
    position: relative;
    overflow: hidden;
    margin-top: var(--wp--preset--spacing--40);
}

.ow-video__frame--hero {
    min-height: 520px;
}

.ow-video--hero .ow-video__overlay {
    justify-content: flex-end;
}

.ow-video--hero .ow-video__overlay .wp-block-buttons {
    margin-top: var(--wp--preset--spacing--10, 10px);
}

@media (max-width: 900px) {
    .ow-video--split {
        padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--20);
    }

    .ow-video__overlay {
        padding: var(--wp--preset--spacing--20);
    }
}

/* Oneway Vacancies */
.ow-vacancies__search .wp-block-search__inside-wrapper {
    border: none;
    border-radius: 0;
    background: transparent;
    padding: 0;
}

.ow-vacancies__search .wp-block-search__input {
    border: none;
    border-radius: 0;
    padding: 0.85rem 1rem;
}

.ow-vacancies__search .wp-block-search__input::-webkit-search-cancel-button {
    filter: grayscale(1) brightness(0);
}

.ow-vacancies__search .wp-block-search__button {
    display: none;
}

.ow-vacancies__inner {
    display: grid !important;
    grid-template-columns: 320px 1fr;
    align-items: start;
    gap: 4rem;
    justify-content: start;
}

.ow-vacancies__filters {
    background-color: var(--color-wolf-grey);
    padding: 1.5rem 1.75rem;
    gap: 1rem;
    min-width: 0;
}

.ow-vacancies__filters h3 {
    margin: 0;
}

.ow-vacancies__filter-group {
    gap: 0.35rem;
}
.ow-vacancies__filter-group h4 {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
    cursor: pointer;
}
.ow-vacancies__filter-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: none;
    border-radius: 999px;
    background: transparent;
    box-shadow: none;
    color: #000;
    cursor: pointer;
    padding: 0;
}
.ow-vacancies__filter-toggle svg {
    width: 14px;
    height: 14px;
    transition: transform 0.2s ease;
}
.ow-vacancies__filter-group.is-collapsed .ow-vacancies__filter-select {
    display: none !important;
}
.ow-vacancies__filter-group.is-collapsed .ow-vacancies__filter-toggle svg {
    transform: rotate(180deg);
}

@media (max-width: 767px) {
    .ow-vacancies__filters {
        gap: 0.5rem;
    }
    .ow-vacancies__filter-group h4 {
        margin-top: 0;
    }
    /* Mobile spacing for primary header row */
    .header-primary.alignwide {
        padding-left: 16px;
        padding-right: 16px;
    }
    /* Mobile: keep filters closed until user expands */
    .ow-vacancies__filter-group .ow-vacancies__filter-select {
        display: none;
    }
    .ow-vacancies__filter-group:not(.is-collapsed) .ow-vacancies__filter-select {
        display: grid;
    }
}

@media (min-width: 768px) {
    /* Desktop: filters always open even if class lingers from resize */
    .ow-vacancies__filter-group .ow-vacancies__filter-select {
        display: grid !important;
    }
    /* Desktop: hide mobile toggle button */
    .ow-vacancies__filter-toggle {
        display: none !important;
    }
}

.ow-vacancies__filter-group .ow-vacancies__checkbox {
    display: none;
}

.ow-vacancies__filter-select {
    display: grid;
    gap: 0.35rem;
}

.ow-vacancies__filter-input:not([type="checkbox"]) {
    width: 100%;
    border: 1px solid #cccccc;
    border-radius: 0;
    padding: 0.65rem 0.75rem;
    background-color: #ffffff;
    font-size: 1rem;
}

.ow-vacancies__filter-input:not([type="checkbox"]):focus {
    outline: 2px solid #000;
    outline-offset: 2px;
}

.ow-vacancy__cta {
    display: none !important;
}

.ow-vacancies__filter-group h4 {
    margin: 0.45rem 0 0.05rem;
    font-size: 0.98rem;
}

.ow-vacancies__count {
    margin: 0.75rem 0 0;
    font-weight: 600;
    font-size: 0.95rem;
}

.ow-vacancies__filter-checkbox,
.ow-vacancies__checkbox {
    margin: 0;
    display: flex;
    gap: 0.5rem;
    align-items: center;
    font-size: 0.95rem;
}

.ow-vacancies__checkbox label {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.ow-vacancies__filter-checkbox input[type="checkbox"],
.ow-vacancies__checkbox input[type="checkbox"] {
    width: 18px;
    height: 18px;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #777777;
    border-radius: 2px;
    display: inline-block;
    position: relative;
    cursor: pointer;
}

.ow-vacancies__filter-checkbox input[type="checkbox"]:checked,
.ow-vacancies__checkbox input[type="checkbox"]:checked {
    background-color: #f25924;
    border-color: #f25924;
}

.ow-vacancies__filter-checkbox input[type="checkbox"]:checked::after,
.ow-vacancies__checkbox input[type="checkbox"]:checked::after {
    content: '';
    position: absolute;
    left: 4px;
    top: 1px;
    width: 6px;
    height: 10px;
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.ow-vacancies__filter-checkbox input[type="checkbox"]:focus-visible,
.ow-vacancies__checkbox input[type="checkbox"]:focus-visible {
    outline: 2px solid #000000;
    outline-offset: 2px;
}

.ow-vacancies-paragraph {
    display: grid;
    gap: var(--wp--preset--spacing--30);
}

.ow-vacancies-paragraph h2 {
    margin-bottom: 0;
}

@media (max-width: 991.98px) {
    .ow-vacancies-paragraph h2 {
        margin-top: 0;
    }
}

.ow-vacancies-paragraph__list {
    gap: var(--wp--preset--spacing--10, 10px);
}

.ow-vacancies-paragraph__bullets {
    margin: 0;
    padding-left: 1.2em;
    display: grid;
    gap: 6px;
}

@media (max-width: 768px) {
    .media_and_text {
        padding: 24px 0;
    }
}

.ow-vacancies-steps {
    display: grid;
    gap: var(--wp--preset--spacing--30);
}

.ow-vacancies-steps__columns {
    gap: var(--wp--preset--spacing--30);
}

.ow-vacancies-step__card {
    background: linear-gradient(135deg, #7a9ca1 0%, #4c7d86 100%);
    color: #ffffff;
    border-radius: 6px;
    padding: 18px 16px 20px;
    min-height: 200px;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);
}

.ow-vacancies-step__number {
    font-size: 2.25rem;
    font-weight: 800;
    margin: 0 0 6px;
}

.ow-vacancies-step__title {
    margin: 0 0 6px;
    color: inherit;
}

.ow-vacancies-step__text {
    margin: 0;
    color: inherit;
    font-size: 0.98rem;
}

.ow-vacancies-header {
    position: relative;
    min-height: 650px !important;
    overflow: visible;
}

@media (max-width: 991.98px) {
    .ow-vacancies-header {
        min-height: 430px !important;
    }
}

@media (min-width: 992px) {
    .ow-vacancies-header {
        max-width: 1400px;
        margin: 0 auto;
    }
}

.ow-vacancies-header .wp-block-cover__image-background {
    object-fit: cover;
    position: absolute;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    inset: auto !important;
    left: 50% !important;
    top: 40% !important;
    transform: translate(-50%, -50%) rotate(-3deg);
    border-radius: 21px;
}

@media (max-width: 991.98px) {
    .ow-vacancies-header .wp-block-cover__image-background {
        transform: translate(-50%, -50%) rotate(0deg);
        border-radius: 0;
    }
}

.ow-vacancies-header__back {
    text-decoration: none;
    color: #000000;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    z-index: 2;
}

.ow-vacancies-header__back {
    position: absolute;
    top: -20px;
    left: 0;
}

.ow-vacancies-header__back a {
    text-decoration: none;
    color: inherit;
}

.ow-vacancies-header__back::before {
    content: "<";
    font-size: 1.1em;
    line-height: 1;
}

@media (min-width: 992px) {
    .ow-vacancies-header .wp-block-cover__image-background {
        width: 1078px !important;
        height: 574px !important;
        max-width: none !important;
        left: 0 !important;
        transform: translate(0, -50%) rotate(-3deg);
    }
}

.ow-vacancies-header__container {
    min-height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: clamp(1.5rem, 4vw, 3rem) 0;
}

@media (min-width: 992px) {
    .ow-vacancies-header__container {
        justify-content: flex-end;
        padding-bottom: 0;
        margin-bottom: -230px;
    }
}

.ow-vacancies-header__card {
    background-color: #ffffff;
    color: #111111;
    padding: clamp(1.75rem, 2.8vw, 2.9rem);
    width: min(92%, 980px);
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.12);
    border-radius: 0;
}

@media (min-width: 992px) {
    .ow-vacancies-header__card {
        max-width: 496px;
    }
}

.ow-vacancies-header__title {
    margin: 0 0 1rem;
}

.ow-vacancies-header__meta {
    gap: clamp(0.8rem, 2vw, 1.75rem);
    padding: 0;
}

.ow-vacancies-header .ow-vacancies-header__meta {
    flex-direction: column !important;
    align-items: flex-start !important;
}

.ow-vacancies-header__card--fixed .ow-vacancies-header__meta {
    flex-direction: row !important;
    align-items: center !important;
}

.ow-vacancies-header__meta .ow-vacancy__meta-item {
    font-size: 1.05rem;
}

.ow-vacancy__contract,
.ow-vacancy__education {
    display: none !important;
}

.ow-vacancy--open-sollicitatie {
    background-color: var(--color-sky-blue) !important;
    color: #ffffff;
}

.ow-vacancy--open-sollicitatie a,
.ow-vacancy--open-sollicitatie .ow-vacancy__meta,
.ow-vacancy--open-sollicitatie .ow-vacancy__meta-item,
.ow-vacancy--open-sollicitatie .ow-vacancy__title {
    color: #ffffff;
}

.ow-vacancies-header__card--fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: auto;
    width: 100%;
    max-width: none;
    padding: 12px 16px;
    border-radius: 0;
    box-shadow: 0 -12px 32px rgba(0, 0, 0, 0.18);
    z-index: 20;
}

@media (max-width: 991.98px) {
    .ow-vacancies-header__card--fixed {
        padding: 12px;
    }
}

.ow-vacancies-header__card--fixed .ow-vacancies-header__title {
    font-size: 24px;
    margin-bottom: 0.35rem;
}

.ow-vacancies-header__card--fixed .ow-vacancies-header__meta {
    gap: 0.75rem;
}

.ow-vacancies-header__actions {
    margin-top: 1.25rem;
}

.ow-vacancies__list {
    display: flex;
    flex-direction: column;
    gap: clamp(1.25rem, 2vw, 1.9rem);
    padding: 0;
    width: 100%;
}

.ow-vacancies__list.is-layout-constrained,
.ow-vacancies__list.has-global-padding {
    max-width: none;
    padding: 0;
}

@media (max-width: 960px) {
    .ow-vacancies__inner {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
}

.ow-vacancy {
    position: relative;
    width: 100%;
    color: #ffffff;
    background-color: #f25924;
    text-decoration: none;
    padding: 0 !important;
    gap: 0 !important;
    box-shadow: none;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
    overflow: hidden;
    cursor: pointer;
}

@media (max-width: 768px) {
    .ow-vacancy {
        padding: 20px !important;
    }
}

.ow-vacancy__content {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: clamp(96px, 12vw, 120px) 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    column-gap: 1.25rem;
    row-gap: 0.5rem;
    width: 100%;
    flex-direction: row;
}

.ow-vacancy__image {
    margin: 0;
    width: 100%;
    max-width: clamp(96px, 12vw, 120px);
    aspect-ratio: 1 / 1;
    grid-row: 1 / span 2;
    align-self: start;
    overflow: hidden;
}

.ow-vacancy__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.ow-information {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.ow-information > .wp-block-group.is-layout-flex.is-vertical {
    flex-direction: row;
    align-items: center;
    gap: 0.6rem;
}

.ow-vacancy--neutral {
    background-color: var(--color-wolf-grey);
    color: #111111;
}

.ow-vacancy__title {
    margin: 0;
    font-size: clamp(1.25rem, 2vw, 1.55rem);
    grid-column: 1;
    grid-row: 1;
    font-weight: 700;
}

.ow-vacancy__meta {
    gap: clamp(0.75rem, 1.8vw, 1.4rem);
    margin: 0;
    grid-column: 1;
    grid-row: 2;
    align-items: center;
    flex-direction: row;
}

.ow-vacancy__meta.is-layout-flex.is-vertical {
    flex-direction: row;
}

.ow-vacancy__meta-item {
    margin: 0;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.98rem;
    white-space: nowrap;
}

.ow-vacancy__icon {
    width: 1.2em;
    height: 1.2em;
    display: inline-block;
    object-fit: contain;
    padding-bottom: 3px;
}

.ow-vacancy__education::before {
    content: "🏫";
    display: inline-block;
    margin-right: 0.35rem;
}

.ow-vacancy__hours::before {
    content: none;
}

.ow-vacancy__cta {
    margin: 0;
    align-self: center;
    position: absolute;
    right: 24px;
    bottom: 24px;
    z-index: 2;
}

.ow-vacancy__cta-button {
    margin: 0;
}

.ow-vacancy__cta-circle {
    width: 54px;
    height: 54px;
    border-radius: 999px;
    background-color: #ffffff;
    color: #000000;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.ow-vacancy--neutral .ow-vacancy__cta-circle {
    background-color: #000000;
    color: #ffffff;
}

.ow-vacancy:hover,
.ow-vacancy:focus-visible {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.ow-vacancy:hover .ow-vacancy__cta-circle,
.ow-vacancy:focus-visible .ow-vacancy__cta-circle {
    transform: translateX(3px);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.16);
}

.ow-vacancy .ow-vacancy__cta-circle svg {
    display: block;
    width: 36px;
    height: 36px;
}

.ow-vacancies__no-results {
    margin: 0;
    padding: 1rem 1.25rem;
    background-color: #fff7f2;
    color: #b33a0c;
    border-left: 4px solid #f25924;
    font-weight: 600;
    display: none;
}

/* Ensure UAGB image block fills its container on desktop */
@media (min-width: 1025px) {
    .uagb-block-a25758d1.wp-block-uagb-image .wp-block-uagb-image__figure img {
        width: 100%;
        height: 100% !important;
        object-fit: cover;
    }
}

@media (max-width: 1024px) {
    .ow-vacancies__inner {
        grid-template-columns: 1fr;
    }

    .ow-vacancies__filters {
        width: 100%;
    }

    .ow-vacancy__meta {
        gap: 0.75rem;
    }
}

@media (max-width: 720px) {
    .ow-vacancies-header {
        min-height: 360px;
    }

    .ow-vacancies-header__card {
        padding: 1.5rem;
    }

    .ow-vacancies-header__meta {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.65rem;
    }

    .ow-vacancies-header__actions {
        width: 100%;
    }

    .ow-vacancies__filters {
        padding: 1.25rem;
    }

    .ow-vacancy__content {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
    }

    .ow-vacancy__cta {
        grid-column: 1;
        grid-row: 3;
        justify-self: flex-start;
    }

    .ow-vacancy__image {
        max-width: 160px;
        grid-row: 1;
    }

    .ow-vacancy__meta-item {
        white-space: normal;
    }

    .ow-vacancies__list {
        width: 100%;
    }
}

@media (min-width: 1025px) {
    /* Keep consistent horizontal padding on desktop */
    .ow-vacancy {
        padding: 0 !important;
    }

    .ow-vacancy__cta {
        right: 48px;
        bottom: 48px;
    }
}

@media (min-width: 960px) {
    /* Form width helpers (add to the form column or FluentForm block as an extra class) */
    .dealer-contact__column--form.form-width-25,
    .dealer-contact__column--form .form-width-25 {
        --dealer-form-width: 25%;
    }

    .dealer-contact__column--form.form-width-50,
    .dealer-contact__column--form .form-width-50 {
        --dealer-form-width: 50%;
    }

    .dealer-contact__column--form.form-width-75,
    .dealer-contact__column--form .form-width-75 {
        --dealer-form-width: 75%;
    }
}

@media (max-width: 959px) {
    /* Always full width on smaller viewports */
    .dealer-contact__column--form {
        --dealer-form-width: 100%;
    }
}

/* Field width utilities (apply via "Element Class" in Fluent Forms) */
.dealer-contact .fluentform .ff-el-group.field-w-25,
.dealer-contact .fluentform .ff-el-group.field-w-50,
.dealer-contact .fluentform .ff-el-group.field-w-75 {
    box-sizing: border-box;
    padding-right: clamp(0.75rem, 2vw, 1.25rem);
}

@media (min-width: 960px) {
    .dealer-contact .fluentform .ff-el-group.field-w-25 {
        width: 25%;
        float: left;
        clear: none;
    }

    .dealer-contact .fluentform .ff-el-group.field-w-50 {
        width: 50%;
        float: left;
        clear: none;
    }

    .dealer-contact .fluentform .ff-el-group.field-w-75 {
        width: 75%;
        float: left;
        clear: none;
    }
}

@media (max-width: 959px) {
    .dealer-contact .fluentform .ff-el-group.field-w-25,
    .dealer-contact .fluentform .ff-el-group.field-w-50,
    .dealer-contact .fluentform .ff-el-group.field-w-75 {
        width: 100%;
        float: none;
        clear: both;
        padding-right: 0;
    }
}

.dealer-contact .fluentform::after {
    content: "";
    display: block;
    clear: both;
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-instagram,
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-youtube {
    background-color: transparent !important;
}

/* Oneway vacancies: Instagram icon list without bullets */
.ow-vacancies-page .wp-block-social-links.has-large-icon-size.has-icon-color.is-layout-flex {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    list-style: none;
    padding: 0;
    margin: 8px 0 0;
}
.ow-vacancies-page .wp-block-social-links.has-large-icon-size.has-icon-color.is-layout-flex .wp-social-link {
    margin: 0;
    list-style: none;
}
.ow-vacancies-page .wp-block-social-link-anchor {
    padding: 0 !important;
}

/* Footer social icons: remove extra anchor padding */
.footer-socials .wp-block-social-link-anchor {
    padding: 0;
}

/* Oneway vacancies: about section layout */
.ow-vacancies-page .wp-block-media-text.alignwide.is-image-fill-element {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--wp--preset--spacing--40);
    align-items: center;
}
.ow-vacancies-page .wp-block-media-text__content {
    height: 100%;
}
.ow-vacancies-page .wp-block-media-text__media {
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
}
.ow-vacancies-page .wp-block-media-text__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 1 / 1;
}
@media (max-width: 781px) {
    .ow-vacancies-page .wp-block-media-text.alignwide.is-image-fill-element {
        grid-template-columns: 1fr !important;
    }
    .ow-vacancies-page .wp-block-media-text__media {
        order: 1;
    }
    .ow-vacancies-page .wp-block-media-text__content {
        order: 2;
    }
}