/* «لنصنع قصتك القادمة» as a short call to action + the request form in a modal (assets/request-modal.js). */
html body .sanam-services-next.has-req-modal {
    min-height: 0 !important;
    padding: clamp(44px, 6vw, 76px) 24px !important;
}
html body .sanam-services-next.has-req-modal .elementor-heading-title {
    font-size: clamp(26px, 3vw, 42px) !important;
}
html body .sanam-services-next.has-req-modal .sanam-request-intro { margin-bottom: 0 !important; }
.sanam-req-open {
    margin: 18px auto 0;
    padding: 13px 34px;
    border: 1px solid #d09442;
    border-radius: 40px;
    background: #e4aa58;
    color: #521e1f;
    font: 600 17px/1.6 var(--sanam-font-ui, 'Lama Sans SemiBold', sans-serif);
    cursor: pointer;
    transition: background .2s ease, transform .2s ease;
}
.sanam-req-open:hover { background: #d09442; transform: translateY(-2px); }
.sanam-req-open:focus-visible { outline: 2px solid #662627; outline-offset: 3px; }

html.sanam-modal-open { overflow: hidden; }
.sanam-req-modal {
    width: min(720px, calc(100% - 32px));
    max-height: min(92svh, 900px);
    margin: auto;
    padding: 0;
    border: 0;
    border-radius: 24px;
    background: #fcf8f3;
    color: #291f1e;
    box-shadow: 0 30px 80px rgb(20 6 8 / .35);
    overflow: auto;
    overscroll-behavior: contain;
}
.sanam-req-modal::backdrop {
    background: rgb(41 31 30 / .6);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
}
.sanam-req-modal[open] { animation: sanam-req-in .35s cubic-bezier(.2, .8, .2, 1); }
.sanam-req-modal[open]::backdrop { animation: sanam-req-fade .3s ease; }
@keyframes sanam-req-in { from { opacity: 0; transform: translateY(18px) scale(.98); } }
@keyframes sanam-req-fade { from { opacity: 0; } }
.sanam-req-modal__box { position: relative; padding: clamp(24px, 4vw, 40px); }
.sanam-req-modal__close {
    position: absolute;
    top: 14px;
    inset-inline-end: 14px;
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #f2e7d9;
    color: #662627;
    cursor: pointer;
}
.sanam-req-modal__close:hover { background: #e3caab; }
.sanam-req-modal__title {
    margin: 0 0 4px;
    padding-inline-end: 48px;
    color: #662627;
    font: 600 clamp(24px, 3vw, 34px)/1.4 'Kufam', var(--sanam-font-heading), sans-serif;
}
.sanam-req-modal__lead { margin: 0 0 18px; color: #61524a; font-size: 16px; }
.sanam-req-modal__lead:empty { display: none; }
.sanam-req-modal .sanam-request-form {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    text-align: start !important;
}
.sanam-req-modal .sanam-request-form .elementor-button {
    width: 100%;
    min-height: 52px;
    justify-content: center;
    padding: 13px 28px;
    border-radius: 36px;
    background: #662627 !important;
    color: #fff !important;
    font: 600 17px/1.6 var(--sanam-font-ui, 'Lama Sans SemiBold', sans-serif);
}
.sanam-req-modal .sanam-request-form .elementor-button:hover { background: #521e1f !important; }
@media (max-width: 767px) {
    .sanam-req-modal { width: calc(100% - 20px); border-radius: 20px; }
}
@media (prefers-reduced-motion: reduce) {
    .sanam-req-modal[open], .sanam-req-modal[open]::backdrop { animation: none; }
}

/* Space between the fields: 16px between the two columns, 20px between rows. */
html body .sanam-req-modal .sanam-request-form .elementor-form-fields-wrapper {
    margin: 0 -8px !important;
    row-gap: 20px !important;
}
html body .sanam-req-modal .sanam-request-form .elementor-field-group {
    padding: 0 8px !important;
    margin-bottom: 0 !important;
}
html body .sanam-req-modal .sanam-request-form .elementor-field-type-submit { margin-top: 6px !important; }
@media (max-width: 767px) {
    html body .sanam-req-modal .sanam-request-form .elementor-form-fields-wrapper { row-gap: 16px !important; }
}

/* «أخبرنا عن مشروعك» is hidden (the text stays in the dashboard). */
html body .sanam-services-next .sanam-request-intro { display: none !important; }