/* Herstijlt WooCommerce's standaard "toegevoegd aan winkelwagen"-melding naar de huisstijl,
   in plaats van de ongestylede grijze standaardbalk. */
.woocommerce-message {
    background: #ffffff;
    border: 1px solid #432918;
    border-top: 3px solid #432918;
    color: #333333;
    border-radius: 6px;
    box-shadow: none;
    padding: 1em 2em 1em 3.5em;
    font-family: 'bebas-neue-pro-semiexpanded', sans-serif;
}

.woocommerce-message a.button.wc-forward {
    background: #432918;
    color: #ffffff;
    border-radius: 4px;
    text-decoration: none;
    font-family: 'bebas-neue-pro-semiexpanded', sans-serif;
    font-weight: 600;
}

.woocommerce-message a.button.wc-forward:hover,
.woocommerce-message a.button.wc-forward:focus {
    background: #e41f1f;
    color: #ffffff;
}

.ezca-continue-shopping {
    display: inline-block;
    background: #432918;
    color: #ffffff;
    padding: 0.7em 1.4em;
    border-radius: 4px;
    font-family: 'bebas-neue-pro-semiexpanded', sans-serif;
    font-weight: 600;
    text-decoration: none;
    margin-bottom: 1.2em;
}

.ezca-continue-shopping:hover,
.ezca-continue-shopping:focus {
    background: #e41f1f;
    color: #ffffff;
}

/*
 * Aanbevelingenblok ("Je bent misschien ook geïnteresseerd in...").
 *
 * Gebruikt UITSLUITEND eigen, nergens anders op de site voorkomende klassenamen
 * (ezca-recommendations, ezca-grid, ezca-card, ...) in plaats van WooCommerce's eigen
 * products/product-klassen. Daardoor is er structureel niets dat hiermee kan botsen — geen
 * !important-oorlogjes met thema- of pluginstyling meer nodig.
 */
.ezca-recommendations {
    margin-top: 2em;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

.ezca-recommendations-title {
    font-family: 'bebas-neue-pro-semiexpanded', sans-serif;
    font-size: 1.3em;
    font-weight: 600;
    color: #432918;
    margin: 0 0 1em;
}

.ezca-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.2em;
}

.ezca-card {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding: 1em;
    text-align: left;
    border: 1px solid #e5e0dc;
    border-radius: 6px;
}

.ezca-card-image-link {
    display: block;
}

.ezca-card-image {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 0.6em;
    border-radius: 4px;
}

.ezca-card-title {
    display: block;
    font-size: 0.95em;
    font-weight: 600;
    color: #333333;
    text-decoration: none;
    margin-bottom: 0.3em;
}

.ezca-card-price {
    font-size: 0.9em;
    margin-bottom: 0.75em;
}

.ezca-card-button {
    display: inline-block;
    background: #432918;
    color: #ffffff;
    padding: 0.55em 1.1em;
    border-radius: 4px;
    font-size: 0.85em;
    font-weight: 600;
    text-decoration: none;
    margin-top: auto;
    align-self: flex-start;
}

.ezca-card-button:hover,
.ezca-card-button:focus {
    background: #e41f1f;
    color: #ffffff;
}

@media (max-width: 780px) {
    .ezca-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .ezca-grid {
        grid-template-columns: 1fr;
    }
}