/* =========================================================
   CHRISTI CARLO - SITE-SPECIFIEKE CSS
   ========================================================= */

/* =========================================================
   NEWSLETTER FORM BUTTON STYLING
   ---------------------------------------------------------
   Site-specifieke styling voor Squarespace newsletter block:
   #block-a92a0e0bbd3d02c2a050

   - transparante achtergrond
   - witte rand
   - witte tekst
   - witte hover met zwarte tekst
   - Squarespace overlays uitschakelen
   ========================================================= */

/* Normale toestand */
#block-a92a0e0bbd3d02c2a050 .newsletter-form-button-wrapper,
#block-a92a0e0bbd3d02c2a050 .newsletter-form-button-wrapper.submit-wrapper {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

/* De knop zelf */
#block-a92a0e0bbd3d02c2a050 button.newsletter-form-button,
#block-a92a0e0bbd3d02c2a050 .newsletter-form-button.sqs-system-button,
#block-a92a0e0bbd3d02c2a050 .newsletter-form-button.sqs-button-element--primary {
    background: transparent !important;
    background-color: transparent !important;

    border: 1px solid #ffffff !important;
    color: #ffffff !important;

    box-shadow: none !important;
    opacity: 1 !important;
}

/* Tekst in normale toestand */
#block-a92a0e0bbd3d02c2a050 .newsletter-form-button-label {
    color: #ffffff !important;
}

/* Hover op wrapper én button */
#block-a92a0e0bbd3d02c2a050 .newsletter-form-button-wrapper:hover button.newsletter-form-button,
#block-a92a0e0bbd3d02c2a050 .newsletter-form-button-wrapper:focus-within button.newsletter-form-button,
#block-a92a0e0bbd3d02c2a050 button.newsletter-form-button:hover,
#block-a92a0e0bbd3d02c2a050 button.newsletter-form-button:focus,
#block-a92a0e0bbd3d02c2a050 button.newsletter-form-button:active {
    background: #ffffff !important;
    background-color: #ffffff !important;

    border-color: #ffffff !important;
    color: #000000 !important;

    box-shadow: none !important;
    opacity: 1 !important;
}

/* Tekst bij hover/focus/active */
#block-a92a0e0bbd3d02c2a050 .newsletter-form-button-wrapper:hover .newsletter-form-button-label,
#block-a92a0e0bbd3d02c2a050 .newsletter-form-button-wrapper:focus-within .newsletter-form-button-label,
#block-a92a0e0bbd3d02c2a050 button.newsletter-form-button:hover .newsletter-form-button-label,
#block-a92a0e0bbd3d02c2a050 button.newsletter-form-button:focus .newsletter-form-button-label,
#block-a92a0e0bbd3d02c2a050 button.newsletter-form-button:active .newsletter-form-button-label {
    color: #000000 !important;
}

/* Mogelijke Squarespace pseudo-overlays uitschakelen */
#block-a92a0e0bbd3d02c2a050 .newsletter-form-button::before,
#block-a92a0e0bbd3d02c2a050 .newsletter-form-button::after,
#block-a92a0e0bbd3d02c2a050 .newsletter-form-button-wrapper::before,
#block-a92a0e0bbd3d02c2a050 .newsletter-form-button-wrapper::after,
#block-a92a0e0bbd3d02c2a050 .submit-wrapper::before,
#block-a92a0e0bbd3d02c2a050 .submit-wrapper::after {
    background: transparent !important;
    background-color: transparent !important;
    opacity: 0 !important;
    box-shadow: none !important;
}

/* Hover pseudo-overlays ook neutraliseren */
#block-a92a0e0bbd3d02c2a050 .newsletter-form-button:hover::before,
#block-a92a0e0bbd3d02c2a050 .newsletter-form-button:hover::after,
#block-a92a0e0bbd3d02c2a050 .newsletter-form-button-wrapper:hover::before,
#block-a92a0e0bbd3d02c2a050 .newsletter-form-button-wrapper:hover::after,
#block-a92a0e0bbd3d02c2a050 .submit-wrapper:hover::before,
#block-a92a0e0bbd3d02c2a050 .submit-wrapper:hover::after {
    background: transparent !important;
    background-color: transparent !important;
    opacity: 0 !important;
    box-shadow: none !important;
}