/*
Theme Name: Astra Child
Template: astra
Version: 1.0.0
*/

/* =========================
   Astra mobile menu drawer
   ========================= */

.ast-mobile-popup-drawer {
    background: rgba(0, 0, 0, 0.4);
}

.ast-mobile-popup-drawer .ast-mobile-popup-inner {
    width: 85%;
}

.ast-mobile-popup-drawer .menu-toggle-close {
    display: none !important;
}

/* Fix hamburger focus border */
.menu-toggle,
.menu-toggle:hover,
.menu-toggle:focus,
.menu-toggle:active,
.ast-button-wrap .menu-toggle,
.ast-button-wrap .menu-toggle:focus,
.ast-button-wrap .menu-toggle:active,
.ast-mobile-menu-trigger-minimal:focus,
.ast-mobile-menu-trigger-minimal:active,
.ast-mobile-menu-buttons:focus,
.ast-mobile-menu-buttons:active {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* =========================
   Header background
   ========================= */

.site-header,
.ast-primary-header-bar,
.ast-mobile-header-wrap,
.ast-mobile-header-content,
.main-header-bar {
    background-color: #F8FAFC !important;
}

/* Sticky header background */
.ast-sticky-active,
.ast-sticky-active .ast-primary-header-bar,
.ast-sticky-active .main-header-bar {
    background-color: #F8FAFC !important;
}

/* =========================
   General safe sizing
   ========================= */

html,
body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

img,
video,
iframe {
    max-width: 100%;
    height: auto;
}

/* =========================
   MamoTech card background
   ========================= */

.mamotech-card {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    background:
        linear-gradient(rgba(255, 255, 255, 0.20), rgba(255, 255, 255, 0.20)),
        url("https://mamotech.nl/wp-content/uploads/2026/05/MamoTech2138723.png") center/cover no-repeat;
}

/* =========================
   MamoTech custom forms
   ========================= */

.mamotech-nl-form,
.mamotech-ar-form {
    width: 100%;
    max-width: 100%;
}

.mamotech-nl-form input,
.mamotech-nl-form select,
.mamotech-nl-form textarea,
.mamotech-ar-form input,
.mamotech-ar-form select,
.mamotech-ar-form textarea {
    width: 100% !important;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.mamotech-nl-form p,
.mamotech-ar-form p {
    margin-bottom: 18px;
}

/* =========================
   Mobile fixes
   ========================= */

@media (max-width: 767px) {

    html,
    body {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }

    .mamotech-nl-form,
    .mamotech-ar-form {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }

    .mamotech-nl-form input,
    .mamotech-nl-form textarea,
    .mamotech-nl-form select,
    .mamotech-ar-form input,
    .mamotech-ar-form textarea,
    .mamotech-ar-form select {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    .mamotech-nl-form button,
    .mamotech-ar-form button {
        max-width: 100% !important;
    }

    img,
    video,
    iframe {
        max-width: 100% !important;
        height: auto;
    }
}

.mamotech-nl-form select {
    height: 56px !important;
    min-height: 56px !important;
    line-height: 56px !important;
    padding: 0 45px 0 18px !important;
    font-size: 16px !important;
    box-sizing: border-box;
}

/* @media (max-width: 921px) {

    .ast-mobile-menu-trigger-minimal,
    .ast-button-wrap,
    .menu-toggle,
    .main-header-menu-toggle,
    .ast-header-break-point .main-header-bar-navigation {
        display: none !important;
    }
} */