/* Start custom CSS *//* =========================================================
   NOOR GUIDE PAGE — FIXED INLINE BREVO FORM
========================================================= */

.noor-guide-form-section {
    width: 100%;
    padding: 70px 24px 0px;
    background: #f8f3e7;
    font-family: "Karla", Arial, sans-serif;
}


/* INTRO */

.noor-guide-form-inner {
    width: 100%;
    max-width: 760px;
    margin: 0 auto 34px;
    text-align: center;
}

.noor-guide-eyebrow {
    display: inline-block;
    padding: 9px 18px;
    margin-bottom: 20px;

    background: #ecd8cf;
    border-radius: 999px;

    color: #493d37;

    font-size: 13px;
    font-weight: 700;
    letter-spacing: .12em;
    line-height: 1;

    text-transform: uppercase;
}

.noor-guide-form-inner h1 {
    max-width: 760px;
    margin: 0 auto 18px;

    font-family: "Fraunces", Georgia, serif;
    font-size: 46px;
    line-height: 1.12;
    font-weight: 600;

    color: #493d37;
}

.noor-guide-form-inner p {
    max-width: 650px;
    margin: 0 auto;

    font-size: 18px;
    line-height: 1.65;
    font-weight: 400;

    color: #695d56;
}


/* =========================================================
   SHORTCODE WIDGET CARD
========================================================= */

.noor-guide-form-box {
    width: 100% !important;
    max-width: 600px !important;

    margin: 0 auto !important;
}

.noor-guide-form-box > .elementor-widget-container {
    width: 100% !important;

    padding: 34px 36px !important;

    background: #ffffff !important;

    border: 1px solid rgba(73, 61, 55, 0.10) !important;
    border-radius: 20px !important;

    box-shadow: 0 14px 40px rgba(73, 61, 55, 0.08) !important;
}


/* =========================================================
   BREVO / SIB CONTAINER RESET
========================================================= */

.noor-guide-form-box form,
.noor-guide-form-box #sib-container,
.noor-guide-form-box .sib-container--large,
.noor-guide-form-box .sib-container--vertical,
.noor-guide-form-box .sib-form {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;

    box-shadow: none !important;
}


/* REMOVE BREVO EXTRA BLOCK SPACING */

.noor-guide-form-box .sib-form-block {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 0 18px !important;
}

.noor-guide-form-box .sib-input,
.noor-guide-form-box .form__entry,
.noor-guide-form-box .entry__field {
    width: 100% !important;
    max-width: 100% !important;
}


/* =========================================================
   LABEL
========================================================= */

.noor-guide-form-box label,
.noor-guide-form-box .entry__label {
    display: block !important;

    margin: 0 0 7px !important;

    color: #493d37 !important;

    font-family: "Karla", Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;

    letter-spacing: 0 !important;
    text-transform: none !important;
    text-align: left !important;
}


/* =========================================================
   INPUTS
========================================================= */

.noor-guide-form-box input[type="text"],
.noor-guide-form-box input[type="email"],
.noor-guide-form-box input[type="tel"],
.noor-guide-form-box input[type="number"],
.noor-guide-form-box select,
.noor-guide-form-box textarea {

    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    min-height: 54px !important;

    margin: 0 !important;
    padding: 12px 15px !important;

    background: #fffdf9 !important;

    border: 1px solid #d9d0ca !important;
    border-radius: 10px !important;

    outline: none !important;

    color: #493d37 !important;

    font-family: "Karla", Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;

    box-shadow: none !important;
}

.noor-guide-form-box input:focus,
.noor-guide-form-box textarea:focus,
.noor-guide-form-box select:focus {
    border-color: #b98f80 !important;

    box-shadow: 0 0 0 3px rgba(185,143,128,.12) !important;
}


/* =========================================================
   CHECKBOX
========================================================= */

.noor-guide-form-box input[type="checkbox"] {
    width: 17px !important;
    height: 17px !important;
    min-height: 17px !important;

    margin: 2px 8px 0 0 !important;

    accent-color: #cd898c;
}

.noor-guide-form-box .sib-checkbox-block {
    padding: 0 !important;
    margin: 2px 0 18px !important;

    color: #695d56 !important;

    font-size: 13px !important;
    line-height: 1.5 !important;
}


/* =========================================================
   BUTTON
========================================================= */

.noor-guide-form-box button,
.noor-guide-form-box input[type="submit"],
.noor-guide-form-box .sib-form-block__button {

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;

    min-height: 55px !important;

    margin: 4px 0 0 !important;
    padding: 14px 22px !important;

    background: #cd898c !important;

    border: 0 !important;
    border-radius: 10px !important;

    color: #ffffff !important;

    font-family: "Karla", Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;

    letter-spacing: .04em !important;
    text-transform: uppercase !important;

    cursor: pointer !important;

    transition: .2s ease !important;
}

.noor-guide-form-box button:hover,
.noor-guide-form-box input[type="submit"]:hover,
.noor-guide-form-box .sib-form-block__button:hover {
    background: #bc777b !important;
    transform: translateY(-1px);
}


/* =========================================================
   PRIVACY / SMALL TEXT
========================================================= */

.noor-guide-form-box a {
    color: #695d56 !important;
    text-decoration: underline !important;
}

.noor-guide-form-box small,
.noor-guide-form-box .sib-form-block p {
    color: #887b74 !important;

    font-family: "Karla", Arial, sans-serif !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .noor-guide-form-section {
        padding: 50px 18px 60px;
    }

    .noor-guide-form-inner {
        margin-bottom: 28px;
    }

    .noor-guide-form-inner h1 {
        font-size: 36px;
    }

    .noor-guide-form-inner p {
        font-size: 17px;
    }

    .noor-guide-form-box > .elementor-widget-container {
        padding: 26px 22px !important;
        border-radius: 16px !important;
    }
}


@media (max-width: 480px) {

    .noor-guide-form-inner h1 {
        font-size: 31px;
    }

    .noor-guide-form-inner p {
        font-size: 16px;
    }

    .noor-guide-eyebrow {
        font-size: 11px;
    }

    .noor-guide-form-box > .elementor-widget-container {
        padding: 22px 17px !important;
    }

}

/* =========================================
   REDUCE GAP BETWEEN INTRO + FORM
========================================= */

.noor-guide-form-inner {
    margin-bottom: 12px !important;
}

/* Brevo form */
body form#sib_signup_form_2 {
    margin-top: 8px !important;
}

/* Elementor shortcode widget spacing */
.elementor-widget-shortcode:has(#sib_signup_form_2) {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Remove any extra widget/container spacing */
.elementor-widget-shortcode:has(#sib_signup_form_2)
.elementor-widget-container {
    margin-top: 0 !important;
    padding-top: 0 !important;
}


/* =====================================================
   FIX BREVO CONSENT CHECKBOX
===================================================== */

body form#sib_signup_form_2 input[type="checkbox"] {
    display: inline-block !important;

    width: 17px !important;
    height: 17px !important;
    min-width: 17px !important;
    min-height: 17px !important;

    margin: 0 8px 0 0 !important;
    padding: 0 !important;

    position: static !important;

    opacity: 1 !important;
    visibility: visible !important;

    appearance: checkbox !important;
    -webkit-appearance: checkbox !important;
    -moz-appearance: checkbox !important;

    border: 1px solid #bcaea6 !important;
    border-radius: 3px !important;

    background: #ffffff !important;

    box-shadow: none !important;

    clip: auto !important;
    clip-path: none !important;

    transform: none !important;

    vertical-align: middle !important;

    cursor: pointer !important;

    accent-color: #cd898c !important;
}


/* Keep checkbox + text aligned */

body form#sib_signup_form_2 .sib-multi-lists-area,
body form#sib_signup_form_2 .sib-checkbox-area,
body form#sib_signup_form_2 p:has(input[type="checkbox"]) {
    display: flex !important;
    align-items: center !important;

    gap: 0 !important;

    width: 100% !important;

    margin: 0 0 18px !important;
    padding: 0 !important;

    text-align: left !important;
}


/* Consent text */

body form#sib_signup_form_2 input[type="checkbox"] + label {
    display: inline !important;

    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #695d56 !important;

    font-family: "Karla", Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;

    cursor: pointer !important;
}/* End custom CSS */