/* Start custom CSS *//* =========================================================
   שלומית מרקט — Checkout Page CSS Clean Final
   חל רק על עמוד התשלום
   מחליף את כל קוד ה-CSS הקודם בעמוד
========================================================= */

/* =========================================================
   1. מעטפת וכותרת עליונה — כותרת וטאבים צמודים
========================================================= */

html body.woocommerce-checkout .smco-checkout-head {
    display: flex !important;
    flex-direction: row !important;
    direction: rtl !important;
    align-items: center !important;
    justify-content: flex-start !important;

    width: 100% !important;
    margin: 0 0 7px !important;
    padding: 9px 12px !important;

    gap: 24px !important;
    border-radius: 14px !important;
}

html body.woocommerce-checkout .smco-checkout-head__copy {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 360px !important;
    max-width: 560px !important;
    text-align: right !important;
}

html body.woocommerce-checkout .smco-checkout-head__eyebrow {
    margin: 0 0 1px !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
}

html body.woocommerce-checkout .smco-checkout-head h1 {
    margin: 0 0 2px !important;
    font-size: clamp(25px, 1.55vw, 31px) !important;
    line-height: 1.05 !important;
}

html body.woocommerce-checkout .smco-checkout-head p {
    margin: 0 !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
}


/* =========================================================
   2. טאבים עליונים — צמודים לכותרת
========================================================= */

html body.woocommerce-checkout .smco-checkout-trust {
    display: flex !important;
    flex-direction: row !important;
    direction: rtl !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;

    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
    gap: 6px !important;
}

html body.woocommerce-checkout .smco-checkout-trust__item {
    flex: 0 0 112px !important;

    width: 112px !important;
    min-width: 112px !important;
    max-width: 112px !important;

    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;

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

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;

    border-radius: 8px !important;
    text-align: center !important;
    overflow: hidden !important;
}

html body.woocommerce-checkout .smco-checkout-trust__icon {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    flex: 0 0 18px !important;
}

html body.woocommerce-checkout .smco-checkout-trust__icon::before {
    width: 10px !important;
    height: 10px !important;
}

html body.woocommerce-checkout .smco-checkout-trust__item strong {
    display: block !important;
    margin: 0 !important;

    color: #10324f !important;
    font-size: 9.6px !important;
    line-height: 1 !important;
    font-weight: 500 !important;

    white-space: nowrap !important;
}

html body.woocommerce-checkout .smco-checkout-trust__item small {
    display: none !important;
}

html body.woocommerce-checkout
.smco-checkout-trust__item--decorative {
    cursor: default !important;
    pointer-events: none !important;
    user-select: none !important;
}


/* =========================================================
   3. כרטיסי פרטי הלקוח — קומפקטיים
========================================================= */

html body.woocommerce-checkout .woocommerce-billing-fields,
html body.woocommerce-checkout .woocommerce-additional-fields,
html body.woocommerce-checkout .woocommerce-account-fields {
    padding: 12px !important;
    margin: 0 0 7px !important;
    border-radius: 13px !important;
}

html body.woocommerce-checkout .woocommerce-billing-fields h3,
html body.woocommerce-checkout .woocommerce-additional-fields h3,
html body.woocommerce-checkout .woocommerce-account-fields h3 {
    margin: 0 0 9px !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
}

html body.woocommerce-checkout form.checkout label {
    margin: 0 0 3px !important;
    font-size: 11.5px !important;
    line-height: 1.3 !important;
}


/* =========================================================
   4. סידור שדות — שתי עמודות אמיתיות במחשב
========================================================= */

html body.woocommerce-checkout
.woocommerce-billing-fields__field-wrapper {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 10px !important;
    row-gap: 7px !important;
    align-items: end !important;
}

/*
 * מאפס את סדרי השדות שנקבעו בסניפט.
 * כך הקופון נשאר מיד אחרי שדה המדינה ולא קופץ למעלה.
 */
html body.woocommerce-checkout
.woocommerce-billing-fields__field-wrapper > .form-row,
html body.woocommerce-checkout
.woocommerce-billing-fields__field-wrapper > .smco-coupon-row {
    order: initial !important;

    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    float: none !important;
    clear: none !important;

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

/* שורה 1 — שם פרטי ושם משפחה */
html body.woocommerce-checkout #billing_first_name_field,
html body.woocommerce-checkout #billing_last_name_field {
    grid-column: auto !important;
}

/* חברה, אם קיימת */
html body.woocommerce-checkout #billing_company_field {
    grid-column: 1 / -1 !important;
}

/* שורה 2 — מדינה וקופון */
html body.woocommerce-checkout #billing_country_field,
html body.woocommerce-checkout
.smco-coupon-row.smco-coupon-inline {
    grid-column: auto !important;
}

/* כתובת בשורות מלאות */
html body.woocommerce-checkout #billing_address_1_field,
html body.woocommerce-checkout #billing_address_2_field {
    grid-column: 1 / -1 !important;
}

/* שורות זוגיות */
html body.woocommerce-checkout #billing_postcode_field,
html body.woocommerce-checkout #billing_city_field,
html body.woocommerce-checkout #billing_phone_field,
html body.woocommerce-checkout #billing_email_field {
    grid-column: auto !important;
}


/* =========================================================
   5. שדות טופס
========================================================= */

html body.woocommerce-checkout form.checkout input.input-text,
html body.woocommerce-checkout form.checkout select,
html body.woocommerce-checkout form.checkout
.select2-container .select2-selection--single {
    width: 100% !important;
    height: 38px !important;
    min-height: 38px !important;

    padding-right: 11px !important;
    padding-left: 11px !important;

    border-radius: 9px !important;
    font-size: 14px !important;
}

html body.woocommerce-checkout form.checkout
.select2-container .select2-selection__rendered {
    line-height: 36px !important;
}

html body.woocommerce-checkout form.checkout
.select2-container .select2-selection__arrow {
    height: 36px !important;
}

html body.woocommerce-checkout form.checkout textarea {
    width: 100% !important;
    height: 58px !important;
    min-height: 58px !important;

    padding: 10px 11px !important;
    border-radius: 9px !important;
    font-size: 14px !important;
}


/* =========================================================
   6. קופון פעיל ליד שדה המדינה
========================================================= */

html body.woocommerce-checkout
.smco-coupon-row.smco-coupon-inline {
    display: block !important;
    align-self: end !important;

    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body.woocommerce-checkout
.smco-coupon-inline .smco-coupon-box {
    width: 100% !important;
    max-width: none !important;

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

    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

html body.woocommerce-checkout
.smco-coupon-inline .smco-coupon-box__head {
    display: block !important;
    margin: 0 0 3px !important;
}

html body.woocommerce-checkout
.smco-coupon-inline .smco-coupon-box__head strong {
    display: block !important;

    color: #40586b !important;
    font-size: 11.5px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
}

html body.woocommerce-checkout
.smco-coupon-inline .smco-coupon-box__head span {
    display: none !important;
}

html body.woocommerce-checkout
.smco-coupon-inline .smco-coupon-form {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 92px !important;
    align-items: center !important;

    width: 100% !important;
    margin: 0 !important;
    gap: 6px !important;
}

html body.woocommerce-checkout
.smco-coupon-inline .smco-coupon-input {
    width: 100% !important;
    height: 38px !important;
    min-height: 38px !important;

    padding: 0 10px !important;

    border-radius: 9px !important;
    font-size: 14px !important;
}

html body.woocommerce-checkout
.smco-coupon-inline .smco-coupon-submit {
    width: 100% !important;
    height: 38px !important;
    min-height: 38px !important;

    padding: 0 7px !important;

    border-radius: 9px !important;
    font-size: 11px !important;
    white-space: nowrap !important;
}

html body.woocommerce-checkout
.smco-coupon-inline .smco-coupon-message {
    grid-column: 1 / -1 !important;
    margin-top: 4px !important;
}


/* =========================================================
   7. כרטיסים תחתונים בצד ימין
========================================================= */

html body.woocommerce-checkout .woocommerce-account-fields {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

html body.woocommerce-checkout .woocommerce-additional-fields {
    padding-top: 11px !important;
    padding-bottom: 11px !important;
}


/* =========================================================
   8. מחשב נייד וטאבלט רחב
========================================================= */

@media (max-width: 1180px) and (min-width: 981px) {

    html body.woocommerce-checkout .smco-checkout-head {
        gap: 16px !important;
    }

    html body.woocommerce-checkout .smco-checkout-head__copy {
        min-width: 330px !important;
    }

    html body.woocommerce-checkout .smco-checkout-trust {
        gap: 5px !important;
    }

    html body.woocommerce-checkout .smco-checkout-trust__item {
        flex-basis: 102px !important;

        width: 102px !important;
        min-width: 102px !important;
        max-width: 102px !important;
    }

    html body.woocommerce-checkout
    .smco-checkout-trust__item strong {
        font-size: 9px !important;
    }
}


/* =========================================================
   9. טאבלט
========================================================= */

@media (max-width: 980px) {

    html body.woocommerce-checkout .smco-checkout-head {
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        gap: 7px !important;
        padding: 7px 9px !important;
    }

    html body.woocommerce-checkout .smco-checkout-head__copy {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
    }

    html body.woocommerce-checkout .smco-checkout-trust {
        width: 100% !important;
        justify-content: stretch !important;
        gap: 5px !important;
    }

    html body.woocommerce-checkout .smco-checkout-trust__item {
        flex: 1 1 0 !important;

        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
    }
}


/* =========================================================
   10. מובייל
========================================================= */

@media (max-width: 700px) {

    html body.woocommerce-checkout .smco-checkout-head {
        margin-bottom: 5px !important;
        padding: 6px !important;
        gap: 5px !important;
    }

    html body.woocommerce-checkout .smco-checkout-head__eyebrow {
        display: none !important;
    }

    html body.woocommerce-checkout .smco-checkout-head h1 {
        font-size: 22px !important;
    }

    html body.woocommerce-checkout .smco-checkout-head p {
        font-size: 11.5px !important;
    }

    html body.woocommerce-checkout .smco-checkout-trust {
        gap: 4px !important;
    }

    html body.woocommerce-checkout .smco-checkout-trust__item {
        height: 29px !important;
        min-height: 29px !important;
        max-height: 29px !important;

        padding: 0 3px !important;
        gap: 3px !important;

        border-radius: 7px !important;
    }

    html body.woocommerce-checkout .smco-checkout-trust__icon {
        width: 17px !important;
        height: 17px !important;
        min-width: 17px !important;
        flex-basis: 17px !important;
    }

    html body.woocommerce-checkout
    .smco-checkout-trust__icon::before {
        width: 9px !important;
        height: 9px !important;
    }

    html body.woocommerce-checkout
    .smco-checkout-trust__item strong {
        font-size: 8.6px !important;
    }

    /* כל שדות הלקוח בעמודה אחת */
    html body.woocommerce-checkout
    .woocommerce-billing-fields__field-wrapper {
        grid-template-columns: 1fr !important;
        row-gap: 7px !important;
    }

    html body.woocommerce-checkout
    .woocommerce-billing-fields__field-wrapper > .form-row,
    html body.woocommerce-checkout
    .woocommerce-billing-fields__field-wrapper > .smco-coupon-row {
        grid-column: 1 / -1 !important;
    }

    /*
     * במובייל הקופון נשאר שדה + כפתור באותה שורה.
     */
    html body.woocommerce-checkout
    .smco-coupon-inline .smco-coupon-form {
        grid-template-columns: minmax(0, 1fr) 100px !important;
    }

    /*
     * 16px מונע Zoom אוטומטי באייפון.
     */
    html body.woocommerce-checkout form.checkout input.input-text,
    html body.woocommerce-checkout form.checkout select,
    html body.woocommerce-checkout form.checkout textarea,
    html body.woocommerce-checkout
    .smco-coupon-inline .smco-coupon-input {
        font-size: 16px !important;
    }

    html body.woocommerce-checkout form.checkout input.input-text,
    html body.woocommerce-checkout form.checkout select,
    html body.woocommerce-checkout form.checkout
    .select2-container .select2-selection--single {
        height: 43px !important;
        min-height: 43px !important;
    }
}


/* =========================================================
   11. מובייל צר
========================================================= */

@media (max-width: 430px) {

    html body.woocommerce-checkout .smco-checkout-trust__item {
        height: 28px !important;
        min-height: 28px !important;
        max-height: 28px !important;
    }

    html body.woocommerce-checkout
    .smco-checkout-trust__item strong {
        font-size: 8px !important;
    }

    html body.woocommerce-checkout
    .smco-coupon-inline .smco-coupon-form {
        grid-template-columns: 1fr !important;
    }

    html body.woocommerce-checkout
    .smco-coupon-inline .smco-coupon-input,
    html body.woocommerce-checkout
    .smco-coupon-inline .smco-coupon-submit {
        height: 42px !important;
        min-height: 42px !important;
        font-size: 16px !important;
    }
}


/* =========================================================
   12. סדר סופי לשדות Checkout
========================================================= */

html body.woocommerce-checkout
.woocommerce-billing-fields__field-wrapper {
    direction: rtl !important;
    grid-auto-flow: row !important;
}

/* שורה 1 */
html body.woocommerce-checkout #billing_first_name_field {
    order: 10 !important;
    grid-column: auto !important;
}

html body.woocommerce-checkout #billing_last_name_field {
    order: 20 !important;
    grid-column: auto !important;
}

/* שורה 2 */
html body.woocommerce-checkout #billing_country_field {
    order: 30 !important;
    grid-column: auto !important;
}

html body.woocommerce-checkout
.smco-coupon-row.smco-coupon-inline {
    order: 40 !important;
    grid-column: auto !important;
}

/* חברה — אם קיים */
html body.woocommerce-checkout #billing_company_field {
    order: 50 !important;
    grid-column: 1 / -1 !important;
}

/* כתובת */
html body.woocommerce-checkout #billing_address_1_field {
    order: 60 !important;
    grid-column: 1 / -1 !important;
}

html body.woocommerce-checkout #billing_address_2_field {
    order: 70 !important;
    grid-column: 1 / -1 !important;
}

/* מיקוד ועיר */
html body.woocommerce-checkout #billing_postcode_field {
    order: 80 !important;
    grid-column: auto !important;
}

html body.woocommerce-checkout #billing_city_field {
    order: 90 !important;
    grid-column: auto !important;
}

/* טלפון ואימייל */
html body.woocommerce-checkout #billing_phone_field {
    order: 100 !important;
    grid-column: auto !important;
}

html body.woocommerce-checkout #billing_email_field {
    order: 110 !important;
    grid-column: auto !important;
}

@media (max-width: 700px) {
    html body.woocommerce-checkout
    .woocommerce-billing-fields__field-wrapper > .form-row,
    html body.woocommerce-checkout
    .woocommerce-billing-fields__field-wrapper > .smco-coupon-row {
        grid-column: 1 / -1 !important;
    }
}


/* =========================================================
   13. משקלי גופן — מראה נקי ולא מבולדן
========================================================= */

/* תוויות השדות */
html body.woocommerce-checkout form.checkout label,
html body.woocommerce-checkout
.smco-coupon-inline .smco-coupon-box__head strong {
    font-weight: 400 !important;
}

/* כותרות משניות */
html body.woocommerce-checkout .woocommerce-billing-fields h3,
html body.woocommerce-checkout .woocommerce-additional-fields h3,
html body.woocommerce-checkout .woocommerce-account-fields h3,
html body.woocommerce-checkout form.checkout #order_review::before {
    font-weight: 600 !important;
}

/* טאבים עליונים */
html body.woocommerce-checkout
.smco-checkout-trust__item strong {
    font-weight: 500 !important;
}

/* טקסטים ושדות */
html body.woocommerce-checkout form.checkout input.input-text,
html body.woocommerce-checkout form.checkout textarea,
html body.woocommerce-checkout form.checkout select,
html body.woocommerce-checkout
.select2-container .select2-selection__rendered,
html body.woocommerce-checkout
.smco-coupon-inline .smco-coupon-input,
html body.woocommerce-checkout
.woocommerce-account-fields,
html body.woocommerce-checkout
.woocommerce-additional-fields {
    font-weight: 400 !important;
}

/* טקסט תנאים ופתיחת חשבון */
html body.woocommerce-checkout
.woocommerce-account-fields label,
html body.woocommerce-checkout
.woocommerce-terms-and-conditions-wrapper,
html body.woocommerce-checkout
.woocommerce-privacy-policy-text {
    font-weight: 400 !important;
}

/* נשאר מודגש רק איפה שצריך */
html body.woocommerce-checkout .smco-checkout-head h1,
html body.woocommerce-checkout
.woocommerce-checkout-review-order-table tfoot tr.order-total th,
html body.woocommerce-checkout
.woocommerce-checkout-review-order-table tfoot tr.order-total td,
html body.woocommerce-checkout
.woocommerce-checkout-review-order-table tfoot tr.order-total .amount,
html body.woocommerce-checkout #payment #place_order {
    font-weight: 700 !important;
}/* End custom CSS */