/* AYIN_CHECKOUT_UI_POLISH_R30C5A_START */

/* Align the order summary with the delivery card instead of pushing it down. */
body.ayin-page.checkout-page .checkout-layout {
    align-items: start !important;
}

body.ayin-page.checkout-page .checkout-summary {
    position: static !important;
    top: auto !important;
    align-self: start !important;
    margin-top: 0 !important;
}

/* Make delivery fields more compact without harming touch usability. */
body.ayin-page.checkout-page .checkout-form-grid {
    column-gap: 14px !important;
    row-gap: 12px !important;
}

body.ayin-page.checkout-page .checkout-form-grid > label {
    gap: 6px !important;
}

body.ayin-page.checkout-page .checkout-form-grid input:not([type="checkbox"]):not([type="radio"]),
body.ayin-page.checkout-page .checkout-form-grid select {
    min-height: 46px !important;
    height: 46px !important;
    padding: 9px 13px !important;
}

body.ayin-page.checkout-page .checkout-form-grid textarea {
    min-height: 88px !important;
    padding: 10px 13px !important;
}

/* Restore a complete field frame for the governorate select. */
body.ayin-page.checkout-page .checkout-form-grid select[name="governorate"] {
    display: block !important;
    width: 100% !important;
    min-height: 46px !important;
    height: 46px !important;
    padding: 0 13px !important;
    border: 1px solid #d9dee7 !important;
    border-radius: 14px !important;
    background-color: #fbfcfe !important;
    color: #0d2a46 !important;
    box-shadow: none !important;
    appearance: auto !important;
    -webkit-appearance: auto !important;
}

body.ayin-page.checkout-page .checkout-form-grid select[name="governorate"]:focus {
    border-color: #8fb1ea !important;
    box-shadow: 0 0 0 4px rgba(11, 77, 179, .08) !important;
}

/* Keep the saved-address area compact and balanced. */
body.ayin-page.checkout-page .checkout-form-grid > label:has(input[name="address_label"]) {
    grid-column: 1 / -1 !important;
}

body.ayin-page.checkout-page .checkout-form-grid > label.checkout-agreement {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    min-height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.5 !important;
}

body.ayin-page.checkout-page .checkout-form-grid > label.checkout-agreement input[type="checkbox"] {
    flex: 0 0 18px !important;
    width: 18px !important;
    height: 18px !important;
    min-height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.ayin-page.checkout-page .checkout-form-grid > label.checkout-agreement > span {
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
}

@media (max-width: 700px) {
    body.ayin-page.checkout-page .checkout-form-grid > label:has(input[name="address_label"]),
    body.ayin-page.checkout-page .checkout-form-grid > label.checkout-agreement {
        grid-column: 1 / -1 !important;
    }
}

/* AYIN_CHECKOUT_UI_POLISH_R30C5A_END */