/* ========================= PREMIUM CHECKOUT HEADINGS ========================= */ /* PREMIUM SECTIONS CARDS */ body.woocommerce-checkout .wc-block-checkout__contact-fields, body.woocommerce-checkout .wc-block-checkout__billing-fields, body.woocommerce-checkout .wc-block-checkout__payment-method{ background:#fff !important; border:none !important; border-radius:22px !important; padding:16px !important; box-shadow: 0 8px 24px rgba(176,63,107,0.08) !important; } /* PRODUCT NAME */ body.woocommerce-checkout .wc-block-components-product-name{ font-size:16px !important; font-weight:700 !important; line-height:1.4; color:#111 !important; } /* COUNTRY + STATE DROPDOWN */ body.woocommerce-checkout .wc-block-components-address-form__state select, body.woocommerce-checkout .wc-block-components-address-form__state .wc-block-components-select__select, body.woocommerce-checkout .wc-block-components-address-form__state .wc-block-components-select__container{ border:1px solid #ead7df !important; border-radius:16px !important; } /* ========================= PREMIUM INPUTS ========================= */ body.woocommerce-checkout .wc-block-components-text-input input, body.woocommerce-checkout .wc-block-components-select select{ min-height:56px !important; padding-top:16px !important; padding-bottom:8px !important; border:1px solid #ecd9e1 !important; border-radius:16px !important; background:#fff !important; box-shadow: 0 2px 10px rgba(176,63,107,0.04) !important; } body.woocommerce-checkout .wc-block-checkout h2{ font-size:22px !important; font-weight:700 !important; line-height:1.2 !important; letter-spacing:-0.6px !important; color:#2f1721 !important; } /* PREMIUM INPUT FOCUS */ body.woocommerce-checkout .wc-block-components-text-input input:focus, body.woocommerce-checkout .wc-block-components-select select:focus{ border-color:#980000 !important; box-shadow: 0 0 0 3px rgba(152,0,0,0.08) !important; } /* HIDE COUNTRY FIELD */ body.woocommerce-checkout .wc-block-components-country-input{ display:none !important; } /* ========================= PREMIUM CHECKOUT HEADINGS ========================= */ /* CONTACT INFORMATION */ body.woocommerce-checkout .wc-block-checkout__contact-fields{ margin-bottom:12px !important; } /* CONTACT INFORMATION TITLE BOTTOM SPACE */ body.woocommerce-checkout .wc-block-checkout__contact-fields .wc-block-components-title{ margin-bottom:-10px !important; } /* BILLING ADDRESS */ body.woocommerce-checkout .wc-block-checkout__billing-fields{ margin-bottom:12px !important; } /* BILLING ADDRESS TITLE BOTTOM SPACE */ body.woocommerce-checkout .wc-block-checkout__billing-fields .wc-block-components-title{ margin-bottom:-12px !important; } /* PAYMENT OPTIONS TITLE BOTTOM SPACE */ body.woocommerce-checkout .wc-block-checkout__payment-method .wc-block-components-title{ } /* ========================= ORDER SUMMARY CARD ========================= */ /* ORDER SUMMARY IMAGES BORDER RADIUS */ body.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block img{ border-radius:10px; } /* ORDER SUMMARY TOTALS */ body.woocommerce-checkout .wc-block-components-totals-item__label, body.woocommerce-checkout .wc-block-components-totals-item__value{ color:#555 !important; font-weight:500 !important; } /* ========================= PREMIUM CARD STYLE =========================*/ body.woocommerce-checkout .wp-block-woocommerce-checkout{ background:#fff7fa; border:none !important; border-radius:14px; box-shadow: 0 10px 35px rgba(176,63,107,0.10); } /* SELECTED SLOT TEXT */ body.woocommerce-checkout .wc-block-components-product-metadata{ color:#b03f6b !important; font-weight:600 !important; } /* PLACE ORDER BUTTON HEIGHT */ body.woocommerce-checkout .wc-block-components-checkout-place-order-button{ min-height:40px !important; padding:3px 0 !important; background:linear-gradient( 135deg, #980000, #c2185b ) !important; box-shadow: 0 8px 18px rgba(194,24,91,0.22) !important; color:#fff !important; border:none !important; border-radius:999px !important; font-size:16px !important; font-weight:700 !important; letter-spacing:1px; } /* SMOOTH PREMIUM ANIMATION */ body.woocommerce-checkout .wc-block-components-text-input input, body.woocommerce-checkout .wc-block-components-select select, body.woocommerce-checkout .wc-block-components-checkout-place-order-button{ transition:all 0.25s ease !important; } /* PAYMENT SECTION CLEANUP */ body.woocommerce-checkout .wc-block-checkout__payment-method{ border:none !important; } /* LIGHT RAZORPAY BORDER */ body.woocommerce-checkout .wc-block-components-radio-control-accordion-option{ border:1px solid #ead7df !important; border-radius:10px !important; overflow:visible !important; box-shadow:none !important; background:#fff !important; } /* MOBILE SPACE BETWEEN ORDER SUMMARY + PLACE ORDER */ body.woocommerce-checkout .wc-block-checkout__actions{ margin-bottom:0 !important; } /* BILLING ADDRESS CLOSED STATE */ body.woocommerce-checkout .wc-block-components-address-card{ margin-top:12px !important; border-radius:18px !important; padding:20px !important; border:1px solid #ead7df !important; background:#fff !important; box-shadow:none !important; } /* FINAL RAZORPAY DOUBLE BORDER FIX */ body.woocommerce-checkout .wc-block-components-radio-control-accordion-option::before, body.woocommerce-checkout .wc-block-components-radio-control-accordion-option::after, body.woocommerce-checkout .wc-block-components-radio-control::before, body.woocommerce-checkout .wc-block-components-radio-control::after{ display:none !important; border:none !important; box-shadow:none !important; } /* REMOVE ALL EXTRA WRAPPER BORDERS */ body.woocommerce-checkout .wc-block-components-radio-control, body.woocommerce-checkout .wc-block-components-radio-control__option, body.woocommerce-checkout .wc-block-components-radio-control-accordion-content{ border:none !important; outline:none !important; box-shadow:none !important; background:transparent !important; } /* ========================= DESKTOP CHECKOUT STYLES ========================= */ @media(min-width:769px){ /* PLACE ORDER BUTTON - HOVER */ body.woocommerce-checkout .wc-block-components-checkout-place-order-button:hover{ opacity: 0.88; transform: translateY(-1px); box-shadow: 0 12px 24px rgba(194,24,91,0.30) !important; } /* PAYMENT OPTIONS SPACING */ body.woocommerce-checkout .wc-block-checkout__payment-method{ margin-bottom:10px !important; } body.woocommerce-checkout .wp-block-woocommerce-checkout{ max-width:1280px !important; margin-left:auto !important; margin-right:auto !important; margin-top:0 !important; margin-bottom:0 !important; padding:10px !important; } body.woocommerce-checkout .wc-block-checkout{ align-items:start !important; } body.woocommerce-checkout .wc-block-checkout__sidebar{ position:sticky; top:20px; } body.woocommerce-checkout .wc-block-components-checkout-place-order-button{ width:100% !important; } /* SAME HEIGHT FOR ALL ADDRESS FIELDS */ body.woocommerce-checkout .wc-block-checkout__billing-fields input, body.woocommerce-checkout .wc-block-checkout__billing-fields select, body.woocommerce-checkout .wc-block-checkout__billing-fields .wc-block-components-text-input, body.woocommerce-checkout .wc-block-checkout__billing-fields .wc-block-components-select{ min-height:56px !important; } /* FIX STATE DROPDOWN ALIGNMENT */ body.woocommerce-checkout .wc-block-checkout__billing-fields .wc-block-components-address-form__state .wc-block-components-select__container{ min-height:56px !important; display:flex !important; align-items:center !important; } /* HIDE TOP RIGHT PRODUCT PRICE */ body.woocommerce-checkout .wc-block-components-order-summary-item__total-price{ display:none !important; } /* TOTAL TEXT */ body.woocommerce-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__label{ font-size:16px !important; font-weight:700 !important; } /* TOTAL VALUE */ body.woocommerce-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__value{ font-size:16px !important; font-weight:700 !important; } /* SUBTOTAL TEXT */ body.woocommerce-checkout .wc-block-components-totals-item:not(.wc-block-components-totals-footer-item) .wc-block-components-totals-item__label{ font-size:15px !important; font-weight:500 !important; } /* SUBTOTAL VALUE */ body.woocommerce-checkout .wc-block-components-totals-item:not(.wc-block-components-totals-footer-item) .wc-block-components-totals-item__value{ font-size:15px !important; font-weight:500 !important; } /* REMOVE OUTER WRAPPER */ body.woocommerce-checkout .wc-block-checkout__sidebar{ background:transparent !important; border:none !important; box-shadow:none !important; padding:0 !important; } /* KEEP ONLY INNER ORDER SUMMARY CARD */ body.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block{ background:#fff !important; border:1px solid #f1dbe3 !important; border-radius:18px !important; overflow:hidden !important; box-shadow: 0 4px 18px rgba(176,63,107,0.05) !important; } } /* ========================= MOBILE CHECKOUT STYLES ========================= */ @media(max-width:768px){ /* PLACE ORDER BUTTON - TAP/CLICK */ body.woocommerce-checkout .wc-block-components-checkout-place-order-button:active{ opacity: 0.82; transform: scale(0.98); } body.woocommerce-checkout .wc-block-checkout h2{ font-size:22px !important; line-height:1.2 !important; } body.woocommerce-checkout .wc-block-checkout__payment-method{ margin-bottom:10px !important; } body.woocommerce-checkout .wp-block-woocommerce-checkout{ margin-top:0 !important; margin-bottom:0 !important; padding-top:10px !important; } body.woocommerce-checkout .wc-block-checkout__sidebar{ display:none !important; } /* HIDE RETURN TO CART BUTTON - MOBILE */ body.woocommerce-checkout .wc-block-components-checkout-return-to-cart-button{ display:none !important; } /* ========================= MOBILE ORDER SUMMARY ========================= */ /* MOBILE ORDER SUMMARY OUTER BOX */ body.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block{ background:#fff !important; border:none !important; border-radius:24px !important; padding:18px !important; margin-bottom:10px !important; box-shadow:none !important; } /* ORDER SUMMARY TITLE */ body.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-title{ margin:0 0 10px 0 !important; padding:0 !important; background:transparent !important; border:none !important; box-shadow:none !important; } /* MOBILE PRODUCT SPACING */ body.woocommerce-checkout .wc-block-components-product-name{ line-height:1.4 !important; margin-bottom:-4px !important; } body.woocommerce-checkout .wc-block-components-product-price{ margin-bottom:-1px !important; } body.woocommerce-checkout .wc-block-components-product-metadata{ margin-top:-1px !important; } /* BILLING ADDRESS TWO FIELDS IN ONE ROW - MOBILE */ /* FIRST + LAST NAME */ body.woocommerce-checkout .wc-block-checkout__billing-fields .wc-block-components-address-form__first_name, body.woocommerce-checkout .wc-block-checkout__billing-fields .wc-block-components-address-form__last_name{ width:48% !important; display:inline-block !important; vertical-align:top !important; box-sizing:border-box !important; } body.woocommerce-checkout .wc-block-checkout__billing-fields .wc-block-components-address-form__first_name{ margin-right:4% !important; } /* CITY + STATE */ body.woocommerce-checkout .wc-block-checkout__billing-fields .wc-block-components-address-form__city, body.woocommerce-checkout .wc-block-checkout__billing-fields .wc-block-components-address-form__state{ width:48% !important; display:inline-block !important; vertical-align:top !important; box-sizing:border-box !important; } body.woocommerce-checkout .wc-block-checkout__billing-fields .wc-block-components-address-form__city{ margin-right:4% !important; } /* PIN + PHONE */ body.woocommerce-checkout .wc-block-checkout__billing-fields .wc-block-components-address-form__postcode, body.woocommerce-checkout .wc-block-checkout__billing-fields .wc-block-components-address-form__phone{ width:48% !important; display:inline-block !important; vertical-align:top !important; box-sizing:border-box !important; } body.woocommerce-checkout .wc-block-checkout__billing-fields .wc-block-components-address-form__postcode{ margin-right:4% !important; } /* SAME HEIGHT FOR ALL BILLING FIELDS */ body.woocommerce-checkout .wc-block-checkout__billing-fields input, body.woocommerce-checkout .wc-block-checkout__billing-fields select{ min-height:52px !important; } }