/*
 Theme Name:   Kadence Child (Yue Zi Kitchen)
 Theme URI:    https://yuezikitchen.com
 Description:  Child theme for Yue Zi Kitchen. Replaces classico-child; carries over its CSS and the bilingual order email.
 Author:       Yue Zi Kitchen
 Template:     kadence
 Version:      0.1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  kadence-child
*/

/* ---- carried over from classico-child/style.css (Classico-only header rules dropped) ---- */
.heading-medical { text-transform: none; }
.heading-allergy-1 { text-transform: none; }
.heading-allergy-2 { text-transform: none; padding-bottom: 15px; margin-top: 0; font-size: 11px; }

label { padding-left: 10px; }

table.shop_table td.product-name { width: auto; }
.wc_payment_methods.payment_methods.methods li { list-style: none; }

input.input-checkbox,
.woocommerce-form__input-checkbox,
.form-row.place-order .form-row.terms input[type="checkbox"] { margin-right: 10px; top: 4px; }

.wc-force-sells { display: none; }

/* ---- replaces classico-child/woocommerce/checkout/form-checkout.php (col-12): billing and shipping full width ---- */
.woocommerce-checkout .col2-set .col-1,
.woocommerce-checkout .col2-set .col-2 { float: none; width: 100%; max-width: 100%; }

/* ---- [testimonials] grid: speech-bubble cards, as on the Classico site ---- */
.yz-testimonials { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px 32px; align-items: start; margin: 1.5em 0; }
.yz-testimonial blockquote { position: relative; margin: 0 0 18px; padding: 20px 23px; border: 1px solid #e6e6e6; background: #fff; color: #737373; font-size: 13px; line-height: 1.6; }
.yz-testimonial blockquote p { margin: 0 0 .8em; }
.yz-testimonial blockquote p:last-child { margin-bottom: 0; }
.yz-testimonial blockquote::before,
.yz-testimonial blockquote::after { content: ""; position: absolute; left: 30px; border: solid transparent; }
.yz-testimonial blockquote::before { bottom: -17px; border-width: 9px 11px; border-top-color: #e6e6e6; }
.yz-testimonial blockquote::after  { bottom: -15px; border-width: 8px 10px; border-top-color: #fff; margin-left: 1px; }
.yz-testimonial cite { display: block; font-style: normal; font-weight: 700; font-size: 14px; color: #333; }
@media (max-width: 1024px) { .yz-testimonials { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px)  { .yz-testimonials { grid-template-columns: 1fr; } }

/* ---- Classico component CSS lives in assets/classico-components.css (extracted, see redesign/extract_classico_css.py) ---- */
/* [title] prints an <h2> (Classico printed an <h1>); give it the same look. */
.title h2.title-text { font-size: 2.571em; color: #3d3d3d; letter-spacing: 1px; font-weight: 500; text-transform: uppercase; line-height: 1.1; margin: 20px 0 10px; }
.title h3 { font-weight: 400; }
.icon-box.mb30 { margin-bottom: 30px; }

/* ---- Pages: Classico hid the page-title banner (the <h1> stays in the markup for SEO and screen readers) ---- */
body.page .entry-header.page-title,
body.page .entry-hero-container-inner .entry-header {
	position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
body.page .entry-header.page-title + .entry-content,
body.page .content-area { margin-top: 0; }
.yz-page-slider { width: 100%; }

/* ---- Paragraph rhythm as on the Classico site (Bootstrap 3: p margin 0 0 10px; theme line-height 1.8) ---- */
.entry-content p, .vc_column_text p, .wpb_text_column p, .wpb_wrapper p { margin: 0 0 10px; line-height: 1.8; }
.entry-content ul, .entry-content ol, .wpb_text_column ul, .wpb_text_column ol { margin-top: 0; margin-bottom: 10px; }

/* ---- Shop / product listings, as on the Classico site ---- */
.post-type-archive-product .entry-hero.product-archive-hero-section {   /* banner hidden, <h1> kept for SEO */
	position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
.woocommerce-result-count { display: none; }
.woocommerce ul.products li.product, ul.products li.product { text-align: center; }
.woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 13px; line-height: 1.5; font-weight: 400; text-transform: none; color: #333; }
.woocommerce ul.products li.product .price { color: #333; font-size: 14px; }
.woocommerce ul.products li.product .price del { color: #8a8a8a; opacity: 1; }
.woocommerce ul.products li.product .price ins { text-decoration: none; background: none; font-weight: 400; }
.woocommerce span.onsale, ul.products li.product .onsale {
	top: 12px; left: 12px; right: auto; min-width: 0; min-height: 0; width: 46px; height: 46px; padding: 0; line-height: 46px;
	border-radius: 50%; background: #8a8a8a; color: #fff; font-size: 12px; font-weight: 400; text-transform: none; text-align: center;
}
.woocommerce ul.products li.product .button, .woocommerce ul.products li.product .added_to_cart {
	background: #e6e6e6; color: #333; border: 0; border-radius: 0; font-size: 11px; font-weight: 400; letter-spacing: .5px; text-transform: uppercase; padding: 9px 15px;
}
.woocommerce ul.products li.product .button:hover { background: #d5d5d5; color: #333; }

/* ---- Single product page, as on the Classico site (values measured on the live page) ---- */
.single-product .woocommerce-breadcrumb, .single-product .kadence-breadcrumbs, .single-product nav.woocommerce-breadcrumb { display: none; }
.single-product .woocommerce-tabs, .single-product .related.products, .single-product .up-sells { display: none; }   /* live page has neither */
.single-product .summary .product_title, .single-product .product_title.entry-title { font-size: 24px; line-height: 1.1; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; margin: 0 0 10px; color: #333; }
.single-product .summary .price { font-size: 24px; color: #3d3d3d; font-weight: 400; margin: 0 0 25px; }
.single-product .summary p, .single-product .woocommerce-product-details__short-description { font-size: 14px; line-height: 1.8; }
.woocommerce div.product form.cart .quantity input.qty, .woocommerce .quantity input.qty { width: 70px; height: 38px; font-size: 16px; }

/* Primary buttons (Add to cart on product page, checkout, cart): dark, square, uppercase */
.woocommerce .single_add_to_cart_button, .woocommerce button.button.alt, .woocommerce a.button.alt, .woocommerce #place_order, .woocommerce a.checkout-button, .woocommerce-page button.button.alt {
	background: #262626; color: #fff; border: 0; border-radius: 0; font-size: 13px; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; padding: 0 28px; line-height: 38px; height: 38px;
}
.woocommerce .single_add_to_cart_button:hover, .woocommerce button.button.alt:hover, .woocommerce a.button.alt:hover, .woocommerce #place_order:hover { background: #3d3d3d; color: #fff; }
.woocommerce #place_order, .woocommerce a.checkout-button { height: auto; line-height: 1.4; padding: 14px 28px; }

/* ---- Empty cart (Classico's empty-cart-block) ---- */
.empty-cart-block { text-align: center; margin: 30px 0 40px; }
.empty-cart-block h2 { font-size: 30px; text-transform: uppercase; margin: 0 0 12px; }
.empty-cart-block p { margin: 0 0 12px; }
.woocommerce .empty-cart-block .button, .woocommerce a.button.wc-backward { background: #e6e6e6; color: #333; border: 0; border-radius: 0; font-size: 13px; letter-spacing: 1px; text-transform: uppercase; padding: 14px 30px; }
.woocommerce-info, .woocommerce-message, .woocommerce-error { border-radius: 0; }

/* ---- Dropdown menus: thin light border, as on the Classico site ---- */
.header-navigation .header-menu-container ul ul.sub-menu, .header-navigation ul ul.sub-menu { border: 1px solid #e6e6e6; padding: 15px 0; border-radius: 0; }
.header-navigation ul ul li.menu-item > .link-drop-wrap > a, .header-navigation ul ul li.menu-item > a { padding-left: 20px; padding-right: 20px; }
.header-navigation ul ul.sub-menu { box-shadow: none; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

/* ---- Ultimate VC Addons stand-ins: [ultimate_info_banner] [bsf-info-box] [ultimate_google_map] (values measured on the live home page) ---- */
.ultb3-box { background-color: #f2f2f2; margin-bottom: 35px; }
.ultb3-info { padding: 25px; text-align: center; }
.ultb3-title { font-size: 40px; line-height: 54px; font-weight: 400; color: #252525; margin-bottom: 5px; }
.ultb3-desc { font-size: 20px; line-height: 30px; color: #333; }
.aio-icon-description { margin: 0; }
.yz-map { width: 100%; margin: 0 0 20px; }
.yz-map iframe { display: block; width: 100%; }
@media (max-width: 767px) { .ultb3-title { font-size: 30px; line-height: 40px; } .ultb3-desc { font-size: 17px; line-height: 26px; } }

/* Sliders (Kadence Blocks gallery slider replacing Slider Revolution): the old text layers become captions */
.yz-page-slider,.yz-slider-wrap{margin:0 0 20px}
.yz-slider-wrap .kadence-blocks-gallery-item__caption{background:none!important}
.yz-slider-wrap-1 .kadence-blocks-gallery-item .kadence-blocks-gallery-item__caption{position:absolute;left:44px;top:302px;bottom:auto;right:auto;padding:0;font:700 50px/1.1 Arial,sans-serif!important;color:#e00000!important;text-shadow:0 0 6px #fff,0 0 3px #fff;text-align:left;max-width:calc(100% - 88px)}
.yz-slider-wrap-2 .kadence-blocks-gallery-item .kadence-blocks-gallery-item__caption{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:0;font:400 60px/1.1 Arial,sans-serif!important;color:#fff!important;text-align:center}
@media(max-width:1024px){.yz-slider-wrap-1 .kadence-blocks-gallery-item .kadence-blocks-gallery-item__caption{left:12px;right:12px;top:auto;bottom:10px;max-width:none;font-size:18px!important;line-height:1.35!important;font-weight:700!important;text-align:center;background:rgba(255,255,255,.85)!important;padding:6px 10px!important;text-shadow:none;white-space:normal;box-sizing:border-box;width:auto}.yz-slider-wrap-2 .kadence-blocks-gallery-item .kadence-blocks-gallery-item__caption{font-size:30px!important}}
/* Sliders span the full browser width, like Slider Revolution did */
.yz-page-slider,.yz-slider-wrap{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
.yz-page-slider .yz-slider-wrap{margin-left:0;margin-right:0}
.yz-slider-wrap .wp-block-kadence-advancedgallery,.yz-slider-wrap .kt-blocks-carousel{max-width:none;width:100%}
.yz-slider-wrap .kb-slide-item img{width:100%;object-fit:cover}
html,body{overflow-x:clip}

/* Checkout on phones: one field per row. The two-column pairs (Checkout Manager fields) wrapped unevenly (email alone and offset, delivery-preference select indented). */
@media(max-width:640px){
  .woocommerce-checkout .form-row,.woocommerce-checkout .form-row-first,.woocommerce-checkout .form-row-last,.woocommerce-checkout .form-row-wide{width:100%!important;float:none!important;clear:both!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}
  .woocommerce-checkout .form-row select,.woocommerce-checkout .form-row input.input-text,.woocommerce-checkout .form-row .select2-container{width:100%!important;max-width:100%}
  .woocommerce-checkout .wooccm-type-heading h1,.woocommerce-checkout .wooccm-type-heading h2,.woocommerce-checkout .wooccm-type-heading h3,.woocommerce-checkout .wooccm-type-heading h4{font-size:18px;line-height:1.3}
}

/* "Added to cart" popup on product pages (replaces Classico's) */
.yz-atc{position:fixed;inset:0;z-index:100000;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;padding:16px}
.yz-atc__box{position:relative;background:#fff;border:1px solid #ddd;max-width:520px;width:100%;padding:28px 28px 24px}
.yz-atc__x{position:absolute;top:-1px;right:-1px;transform:translate(0,-100%);width:40px;height:40px;background:#999;color:#fff;border:0;font-size:28px;line-height:1;cursor:pointer}
.yz-atc__head{display:flex;gap:20px;align-items:flex-start}
.yz-atc__head img{width:80px;height:auto;flex:none}
.yz-atc__txt strong{display:block;font-size:20px;line-height:1.25;margin-bottom:8px;color:#252525}
.yz-atc__txt p{margin:0;font-size:16px}
.yz-atc__btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.yz-atc__btn{display:inline-block;padding:12px 24px;color:#fff!important;text-transform:uppercase;letter-spacing:1.5px;font-size:14px;text-decoration:none}
.yz-atc__btn--dark{background:#252525}.yz-atc__btn--red{background:#8b1f1f}
/* Slider height like Slider Revolution: fixed height at full size (home: 550px, shrinking in proportion below 1240px), image cropped to fill */
.yz-slider-wrap-1{--yzh:min(550px,44.35vw)}
.yz-slider-wrap-2{--yzh:min(350px,28vw)}
.yz-slider-wrap-3{--yzh:min(450px,36vw)}
.yz-slider-wrap-4,.yz-slider-wrap-yuezi-milk{--yzh:min(550px,44.35vw)}
.yz-slider-wrap[class*="yz-slider-wrap-"]:not(.yz-slider-wrap-slide6):not(.yz-slider-wrap-miscarriage):not(.yz-slider-wrap-english-article){overflow:hidden}
.yz-slider-wrap[class*="yz-slider-wrap-"] .kb-gallery-ul,.yz-slider-wrap[class*="yz-slider-wrap-"] .kt-blocks-carousel,.yz-slider-wrap[class*="yz-slider-wrap-"] .splide__track,.yz-slider-wrap[class*="yz-slider-wrap-"] .splide__list,.yz-slider-wrap[class*="yz-slider-wrap-"] .kb-slide-item,.yz-slider-wrap[class*="yz-slider-wrap-"] .kadence-blocks-gallery-item,.yz-slider-wrap[class*="yz-slider-wrap-"] .kadence-blocks-gallery-item-inner,.yz-slider-wrap[class*="yz-slider-wrap-"] .kb-gallery-figure,.yz-slider-wrap[class*="yz-slider-wrap-"] .kb-gal-image-radius,.yz-slider-wrap[class*="yz-slider-wrap-"] .kb-gallery-image-contain{height:var(--yzh,auto)!important;padding-bottom:0!important}
.yz-slider-wrap .kb-slide-item img,.yz-slider-wrap .kadence-blocks-gallery-item img{height:100%!important;width:100%!important;object-fit:cover!important}
@media(max-width:640px){.yz-slider-wrap-1{--yzh:240px}.yz-slider-wrap-2{--yzh:160px}.yz-slider-wrap-3{--yzh:200px}.yz-slider-wrap-4,.yz-slider-wrap-yuezi-milk{--yzh:240px}}

/* Checkout (desktop): lay the billing fields out on a grid. The old float pairs snagged on taller labels ("Expected Due Date", "Delivery Preference") and left the email / delivery boxes offset. */
@media(min-width:641px){
  .woocommerce-billing-fields__field-wrapper{display:grid;grid-template-columns:1fr;align-items:start}
  .woocommerce-billing-fields__field-wrapper .form-row{float:none!important;width:auto!important;margin:0 0 14px!important;padding:0!important;clear:none!important}
  .woocommerce-billing-fields__field-wrapper .form-row-wide{grid-column:1 / -1}
  .woocommerce-billing-fields__field-wrapper .form-row label{display:block;line-height:1.4;margin-bottom:4px}
  .woocommerce-billing-fields__field-wrapper .form-row input.input-text,.woocommerce-billing-fields__field-wrapper .form-row select{width:100%;max-width:100%}
  .woocommerce-checkout .wooccm-type-heading h1,.woocommerce-checkout .wooccm-type-heading h2,.woocommerce-checkout .wooccm-type-heading h3,.woocommerce-checkout .wooccm-type-heading h4{font-size:20px;line-height:1.3;margin:10px 0 4px}
}

/* Checkout is ONE column, as on the old site (classico-child form-checkout.php): billing details, then "Your order", then payment. WooCommerce 11 / Kadence float these into two columns. */
.woocommerce-checkout form.checkout #customer_details,
.woocommerce-checkout form.checkout #order_review_heading,
.woocommerce-checkout form.checkout #order_review{float:none!important;width:100%!important;max-width:100%!important;clear:both}
.woocommerce-checkout form.checkout #order_review_heading{margin-top:30px}
.woocommerce-checkout form.checkout #customer_details,.woocommerce-checkout form.checkout #order_review_heading,.woocommerce-checkout form.checkout #order_review{margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}
.woocommerce-checkout form.checkout #customer_details .col-1,.woocommerce-checkout form.checkout #customer_details .col-2{padding-left:0;padding-right:0}

/* Checkout/cart: hide the "Shipment - Price based on your location" row. The $0 flat-rate method stays selected behind the
   scenes (WooCommerce needs one to place the order); delivery fees are handled by the plan balance / trial ZIP fee. */
.woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals,
.cart_totals tr.woocommerce-shipping-totals { display: none; }

/* Plans: per-day delivery note under "Due Today / Future Payments" */
.woocommerce-checkout-review-order-table tr.yz-delivery-estimate td { font-size: 13px !important; line-height: 1.5; font-weight: 400 !important; }

/* Apple Pay / Google Pay now sit right above the credit-card section: tell the customer to finish the form first (shown only when the buttons are). */
#wc-square-digital-wallet { margin: 24px auto; padding: 0; text-align: center; }   /* the plugin caps it at 510px: centre that box */
#wc-square-digital-wallet::before {
	content: "請先填寫上方表格，再使用 Apple Pay / Google Pay 付款 / Please complete the form above first, then pay with Apple Pay / Google Pay.";
	display: block; margin-bottom: 10px; font-size: 13px; line-height: 1.5; color: #555;
}

/* Terms and conditions now sit above Apple Pay / Google Pay and the card form */
.yz-terms-slot { margin: 20px 0 8px; }
.yz-terms-slot .woocommerce-terms-and-conditions-wrapper { margin: 0; }

/* Checkout Manager splits the health questions into two groups with WooCommerce's "Ship to a different address?" block between them.
   Show that block after all the questions and the order notes instead. */
.woocommerce-checkout #customer_details .col-2 { display: flex; flex-direction: column; }
.woocommerce-checkout #customer_details .col-2 .woocommerce-additional-fields { order: 1; }
.woocommerce-checkout #customer_details .col-2 .woocommerce-shipping-fields { order: 2; margin-top: 24px; }

/* Calendar popup for the Expected Due Date field (WordPress ships the datepicker script but no styles). */
#billing_myfield13 { background: #fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23777' stroke-width='2'><rect x='3' y='5' width='18' height='16' rx='2'/><path d='M3 10h18M8 3v4M16 3v4'/></svg>") no-repeat right 12px center; }
#ui-datepicker-div { display: none; z-index: 100000 !important; background: #fff; border: 1px solid #ccc; border-radius: 6px; box-shadow: 0 6px 24px rgba(0,0,0,.18); padding: 10px; width: 290px; font-size: 14px; }
.ui-datepicker .ui-datepicker-header { position: relative; display: flex; align-items: center; justify-content: center; gap: 4px; padding: 4px 34px 10px; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 3px; width: 30px; height: 30px; cursor: pointer; text-align: center; line-height: 28px; border-radius: 4px; }
.ui-datepicker .ui-datepicker-prev { left: 0; } .ui-datepicker .ui-datepicker-next { right: 0; }
.ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover { background: #f1e6e6; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: none; }
.ui-datepicker .ui-datepicker-prev::before { content: "\2039"; font-size: 26px; color: #a31d24; } .ui-datepicker .ui-datepicker-next::before { content: "\203A"; font-size: 26px; color: #a31d24; }
.ui-datepicker select { -webkit-appearance: menulist; appearance: menulist; background-image: none; width: auto; min-width: 70px; height: 32px; padding: 2px 6px; margin: 0 3px; font-size: 14px; line-height: 1.2; border: 1px solid #ccc; border-radius: 4px; background-color: #fff; color: #222; box-shadow: none; }
.ui-datepicker table { width: 100%; border-collapse: collapse; margin: 0; }
.ui-datepicker th { padding: 4px 0; font-size: 12px; color: #777; text-align: center; font-weight: 600; }
.ui-datepicker td { padding: 1px; text-align: center; border: 0; }
.ui-datepicker td a, .ui-datepicker td span { display: block; padding: 6px 0; border-radius: 4px; color: #222; text-decoration: none; }
.ui-datepicker td a:hover { background: #f1e6e6; }
.ui-datepicker td .ui-state-active { background: #a31d24; color: #fff; }
.ui-datepicker td .ui-state-highlight { border: 1px solid #a31d24; }
.ui-datepicker td.ui-state-disabled span { color: #ccc; }

/* ---- Checkout polish (2026-10-11): calmer headings, readable labels, bigger tap targets, sections as cards ---- */
.woocommerce-checkout form.checkout h3,
.woocommerce-checkout form.checkout #order_review_heading { font-size: 22px; line-height: 1.3; text-transform: none; letter-spacing: .01em; border-left: 4px solid #a31d24; padding-left: 12px; margin: 8px 0 18px; }
.woocommerce-checkout form.checkout .woocommerce-billing-fields,
.woocommerce-checkout form.checkout .woocommerce-additional-fields,
.woocommerce-checkout form.checkout .woocommerce-shipping-fields { background: #fff; border: 1px solid #e8e2d9; border-radius: 12px; padding: 22px 24px; margin-bottom: 22px; box-shadow: 0 1px 3px rgba(0,0,0,.04); }
.woocommerce-checkout form.checkout .woocommerce-account-fields { background: #fff; border: 1px solid #e8e2d9; border-radius: 12px; padding: 14px 24px; margin-bottom: 22px; }
.woocommerce-checkout form.checkout .form-row label { color: #2b2b2b; font-weight: 600; font-size: 15px; line-height: 1.5; margin-bottom: 6px; padding-left: 0; display: block; }
.woocommerce-checkout form.checkout .form-row label.checkbox,
.woocommerce-checkout form.checkout .form-row .woocommerce-input-wrapper label { font-weight: 400; font-size: 15px; display: flex; align-items: center; gap: 10px; padding: 4px 0; }
.woocommerce-checkout form.checkout .form-row .required { color: #a31d24; }
.woocommerce-checkout form.checkout .form-row input.input-text,
.woocommerce-checkout form.checkout .form-row textarea,
.woocommerce-checkout form.checkout .form-row select { font-size: 16px; padding: 12px 14px; min-height: 48px; border: 1px solid #cdd3da; border-radius: 8px; background: #fff; box-shadow: none; }
.woocommerce-checkout form.checkout .form-row input.input-text:focus,
.woocommerce-checkout form.checkout .form-row textarea:focus,
.woocommerce-checkout form.checkout .form-row select:focus { border-color: #a31d24; box-shadow: 0 0 0 3px rgba(163,29,36,.15); outline: none; }
.woocommerce-checkout form.checkout input[type="checkbox"],
.woocommerce-checkout form.checkout input[type="radio"] { width: 20px; height: 20px; accent-color: #a31d24; flex: 0 0 auto; margin: 0 !important; }
.woocommerce-checkout form.checkout #order_review { background: #faf7f2; border: 1px solid #e8e2d9; border-radius: 12px; padding: 18px 22px; }
.woocommerce-checkout form.checkout #payment { background: transparent; border-radius: 12px; }
.woocommerce-checkout form.checkout #payment ul.payment_methods { border-bottom: 1px solid #e8e2d9; }
.woocommerce-checkout form.checkout #payment div.payment_box { background: #fff; border: 1px solid #e8e2d9; border-radius: 8px; }
.woocommerce-checkout .woocommerce-checkout-review-order-table th,
.woocommerce-checkout .woocommerce-checkout-review-order-table td { border-color: #e8e2d9; }
.woocommerce-checkout #place_order { width: 100%; font-size: 17px; padding: 16px 24px; border-radius: 10px; background: #a31d24; border-color: #a31d24; letter-spacing: .03em; }
.woocommerce-checkout #place_order:hover { background: #861920; border-color: #861920; }
.woocommerce-checkout .woocommerce-info { border-radius: 8px; }
@media (max-width: 600px) {
  .woocommerce-checkout form.checkout .woocommerce-billing-fields,
  .woocommerce-checkout form.checkout .woocommerce-additional-fields,
  .woocommerce-checkout form.checkout .woocommerce-shipping-fields { padding: 16px 14px; border-radius: 10px; }
  .woocommerce-checkout form.checkout #order_review { padding: 14px 12px; }
}
.woocommerce-checkout form.checkout .select2-container .select2-selection--single { height: 48px; border: 1px solid #cdd3da; border-radius: 8px; }
.woocommerce-checkout form.checkout .select2-container .select2-selection--single .select2-selection__rendered { line-height: 46px; padding-left: 14px; }
.woocommerce-checkout form.checkout .select2-container .select2-selection--single .select2-selection__arrow { height: 46px; }
.woocommerce-checkout form.checkout ::placeholder { color: #9aa3ab; opacity: 1; }
/* Phone: more air between the header / "Returning customer?" bar and Billing details */
@media (max-width: 600px) {
  .woocommerce-checkout form.checkout #customer_details { margin-top: 28px; }
  .woocommerce-checkout .woocommerce-form-login-toggle { margin-bottom: 8px; }
}
/* "Your order": larger text */
.woocommerce-checkout .woocommerce-checkout-review-order-table th,
.woocommerce-checkout .woocommerce-checkout-review-order-table td { font-size: 17px; line-height: 1.5; padding: 12px 10px; }
.woocommerce-checkout .woocommerce-checkout-review-order-table thead th { font-size: 15px; text-transform: uppercase; letter-spacing: .04em; color: #6b6b6b; }
.woocommerce-checkout .woocommerce-checkout-review-order-table .product-name { font-size: 17px; }
.woocommerce-checkout .woocommerce-checkout-review-order-table tr.order-total th,
.woocommerce-checkout .woocommerce-checkout-review-order-table tr.order-total td { font-size: 20px; font-weight: 700; }
.woocommerce-checkout .woocommerce-checkout-review-order-table small,
.woocommerce-checkout .woocommerce-checkout-review-order-table .deposit-details,
.woocommerce-checkout .woocommerce-checkout-review-order-table tr.yz-delivery-estimate td,
.woocommerce-checkout .woocommerce-checkout-review-order-table tr.yz-delivery-unlisted td { font-size: 15px !important; line-height: 1.55; }
.woocommerce-checkout #payment .payment_method_square_credit_card label,
.woocommerce-checkout #payment ul.payment_methods li label { font-size: 17px; }
.woocommerce-checkout #payment div.payment_box,
.woocommerce-checkout .form-row.terms label,
.woocommerce-checkout .woocommerce-privacy-policy-text { font-size: 15px; }