.elementor-kit-4{--e-global-color-primary:#FEEA03;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#000000;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto Condensed";--e-global-typography-primary-font-size:36px;--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Roboto";--e-global-typography-secondary-font-size:16px;--e-global-typography-secondary-font-weight:700;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-4 e-page-transition{background-color:#FFBC7D;}body.e-wc-message-notice .woocommerce-message, body.e-wc-message-notice .wc-block-components-notice-banner.is-success{background-color:#F2F2F2;border-style:none;}body.e-wc-message-notice .woocommerce-message .button, body.e-wc-message-notice .wc-block-components-notice-banner.is-success .button{background-color:#FEEA03 !important;background-image:none !important;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:700;}body.e-wc-info-notice .woocommerce-info, body.e-wc-info-notice .wc-block-components-notice-banner.is-info{background-color:#F2F2F2;border-style:none;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1152px;}.e-con{--container-max-width:1152px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.e-wc-message-notice .woocommerce-message, .e-wc-message-notice .wc-block-components-notice-banner.is-success{--message-message-text-color:#000000;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:900;--message-message-icon-color:#FF0000;--message-box-border-radius:8px 8px 8px 8px;--message-buttons-normal-text-color:#000000;--message-buttons-hover-text-color:#000000;--message-border-type:none;--message-buttons-border-radius:8px 8px 8px 8px;--message-buttons-padding:16px 024px 16px 024px;}.e-wc-info-notice .woocommerce-info, .e-wc-info-notice .wc-block-components-notice-banner.is-info{--info-message-text-color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );--info-box-border-radius:8px 8px 8px 8px;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}.e-wc-info-notice .woocommerce-info, .e-wc-info-notice .wc-block-components-notice-banner.is-info{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}.e-wc-info-notice .woocommerce-info, .e-wc-info-notice .wc-block-components-notice-banner.is-info{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS */.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
    padding: 16px 24px 16px 24px !important; 
    text-align: left; 
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* Updated: 24px top/bottom, auto left/right for centering */
    margin: 24px auto 12px auto !important; 
    max-width: 1152px;
}

.woocommerce-info {
    margin: 0 auto !important;
}

.woocommerce-message::before,
.woocommerce-error::before,
.woocommerce-info::before {
    display: none !important;
}

.woocommerce-message > a,
.woocommerce-message > span {
    order: 1;
}

.woocommerce-message:focus-visible {
    outline: none !important;
}

/* 1. Zorg dat de knop een Flexbox-container wordt voor perfecte uitlijning */
.woocommerce-message .button {
    display: inline-flex !important;
    align-items: center; /* Dit zorgt voor de verticale centrering */
    justify-content: center;
}

/* 2. Je icoon instellingen */
.woocommerce-message .button::before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 18px;
    margin-right: 10px;
    /* vertical-align is nu niet meer nodig door flexbox, maar we laten het voor de zekerheid staan */
    vertical-align: middle; 
    
    background-image: url("https://packagingmaterials.nl/wp-content/uploads/2025/12/Box.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

/* Media query voor tablet en mobiel (schermen smaller dan 1200px) */
@media only screen and (max-width: 1200px) {
    .woocommerce-message,
    .woocommerce-error,
    .woocommerce-info {
        /* Breedte is 100% min 32px (16px links + 16px rechts) */
        width: calc(100% - 32px) !important;
        /* Zorg dat hij gecentreerd blijft */
        margin-left: auto !important;
        margin-right: auto !important;
    }
}/* End custom CSS */