:root {
    --sy-color-cosmos: #202a3d;        /* blauw – tekst & accenten */
    --sy-color-cosmos-rgb: 32, 42, 61;   /* zelfde kleur, voor rgba() */
    --sy-color-spicy-orange: #d8510e;  /* oranje – accent */
    --sy-color-white: #ffffff;         /* kaartachtergrond */
    --sy-color-white-marble: #e6e8ec;  /* kaderlijn van de kaart */
    --sy-color-zircon: #eceef1;        /* fijne scheidingslijn */
    --sy-color-regent-gray: #8a90a0;   /* gedempte labels */
    --sy-color-sea-glass: #dfdfdf;     /* tabelranden (prijs-/bundeltabel) */
}

/*.sy-multibundle__pricing-table tr td { border-left: none; border-right: none; }
.sy-multibundle__pricing-table tr td:first-child { border-left: inherit; }
.sy-multibundle__pricing-table tr td:last-child { border-right: inherit; }*/

.sy-multibundle__pricing-table {
	border-collapse: collapse;
    table-layout: fixed;
}

.sy-multibundle__pricing-table td {
    border: solid 1px var(--sy-color-sea-glass);
    border-left-width: 0px;
    border-right-width: 0px;
    padding: 8px;
    text-align: left;
}

.sy-multibundle__pricing-table tr td:first-child { text-align: left; }
.sy-multibundle__pricing-table tr td:last-child { text-align: right; }

.wdp_bulk_table_content table.sy-multibundle__pricing-table tbody td {
    color: var( --primary-color ) ! important;
}

.fa-check path { color: var(--primary-color); }

body.archive .box-image img { object-fit: contain; }

.product-categories > .cat-item:not(.active) {
    display: none;
}

/* =====================================================================
   Productkaart in de shop-/categorie-overzichten
   - foto links, informatie rechts
   - kaart-look: kader, ronde hoeken, hover-lift
   ===================================================================== */
.products .product-small .col-inner {
    border: 1px solid var(--sy-color-white-marble);
    border-radius: 12px;
    overflow: hidden;
    transition: box-shadow .25s ease, border-color .25s ease, transform .25s ease;
}

.products .product-small:hover .col-inner {
    border-color: var(--sy-color-spicy-orange);
    box-shadow: 0 16px 32px -14px rgba(var(--sy-color-cosmos-rgb), .28);
    transform: translateY(-2px);
}

.products .product-small.box {
    display: flex;
}

.products .product-small.box .box-image {
    flex: 0 0 42%;
    padding: 1em;
}

.products .product-small.box .box-text .name.product-title {
    font-size: 1.05em;
}

.products .product-small.box .box-text .name.product-title a {
    color: var(--sy-color-cosmos);
}

.products .product-small:hover .box-text .name.product-title a {
    color: var(--sy-color-spicy-orange);
}

.products .product-small.box .box-text .sy-loop-attributes {
    display: flex;
    gap: .2em 2em;
}

.products .product-small.box .box-text .sy-loop-attributes__item {
    display: flex;
    flex-direction: column;
    margin: 0;
}

.products .product-small.box .box-text .sy-loop-attributes__label {
    text-transform: uppercase;
    letter-spacing: .04em;
    font-size: .68em;
    font-weight: 600;
    color: var(--sy-color-regent-gray);
}

.products .product-small.box .box-text .sy-loop-attributes__value {
    font-size: .92em;
    font-weight: 600;
}

.products .product-small.box .box-text .sy-loop-from {
    margin-top: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: .85em;
    border-top: 1px solid var(--sy-color-zircon);
}

.products .product-small.box .box-text .sy-loop-from__price {
    font-weight: 700;
}

.products .product-small.box .box-text .sy-loop-from__arrow {
    width: 2em;
    height: 2em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--sy-color-spicy-orange);
    transition: background-color .2s ease, color .2s ease;
    border-radius: 50%;
}

.products .product-small:hover .box-text .sy-loop-from__arrow {
    background: var(--sy-color-spicy-orange);
    color: var(--sy-color-white);
}

@media (max-width: 549px) {
    .products .product-small.box {
        display: block;
    }
    .products .product-small.box .box-image {
        min-height: 190px;
    }
}

/* GLOBAL */
span.orangestrong {
    color: var(--sy-color-spicy-orange);
    font-weight: bold;
}

div#top-bar {
	font-size: 18px;
}

.header-bottom {
    border-bottom: 1px solid #eaeaea;
}

.form-flat input[type=search] {
    background-color: rgb(255 255 255);
    height: 60px;
    border-radius: 10px;
}

/**MENU**/

.ux-menu-link.flex.menu-item.menutitle {
    font-weight: bold;
    color: var(--sy-color-spicy-orange);
}

i.icon-search {
    color: var(--sy-color-spicy-orange);
    font-size: 2em;
}

.nav.header-nav li a:hover {
    color: var(--sy-color-spicy-orange) !important;
}