/* =========================================================================
   Remlinger Shop · rfs-woo.css · 1.0.4
   Skins WooCommerce's own checkout, order-received and My Account markup inside .rfs-woo
   so it matches the shop. Clover for WooCommerce draws its card fields in its own iframe;
   only the box around them is styled here.
   ========================================================================= */

.rfs-checkout,.rfs-account{padding-bottom:24px}
.rfs-checkout h1,.rfs-account h1{padding:40px 20px 14px;font-size:56px !important;border-bottom:1px solid var(--rfs-ink)}
.rfs-account h1{border-bottom:0;padding-bottom:4px}
.rfs-when{padding:18px 20px 0}
.rfs-when .rfs-pickup small.rfs-muted{font-size:13px}
.rfs-woo{padding:8px 20px 0;font-size:15px;line-height:1.45;color:var(--rfs-ink)}

/* Text, headings, links */
.rfs-woo h2,.rfs-woo h3{font-family:var(--rfs-sans) !important;font-size:11px !important;font-weight:700 !important;letter-spacing:.16em !important;text-transform:uppercase !important;line-height:1.2 !important;margin:26px 0 10px !important;color:var(--rfs-ink) !important}
.rfs-woo p,.rfs-woo li,.rfs-woo td,.rfs-woo th,.rfs-woo label,.rfs-woo span{font-family:var(--rfs-sans) !important;color:inherit}
.rfs-woo a{text-decoration:underline;text-underline-offset:3px}
.rfs-woo .woocommerce-form-coupon-toggle,.rfs-woo .woocommerce-form-login-toggle{margin:14px 0}

/* Fields: underline style, 17px (no iOS zoom) */
.rfs-woo .form-row{margin:0 0 14px !important;padding:0 !important;width:100% !important;float:none !important}
.rfs-woo .form-row label{display:block;font-size:11px !important;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--rfs-muted) !important;margin:0 0 2px !important}
.rfs-woo .form-row .required{color:var(--rfs-clay);text-decoration:none;border:0}
.rfs-woo input.input-text,.rfs-woo textarea,.rfs-woo select,.rfs-woo .woocommerce-Input{width:100% !important;min-height:48px;padding:10px 0 !important;border:0 !important;border-bottom:1px solid var(--rfs-ink) !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important;font-family:var(--rfs-sans) !important;font-size:17px !important;color:var(--rfs-ink) !important;outline:none}
.rfs-woo textarea{min-height:80px;resize:vertical}
.rfs-woo input.input-text:focus,.rfs-woo textarea:focus{border-bottom-color:var(--rfs-clay) !important;box-shadow:inset 0 -1px 0 var(--rfs-clay) !important}
.rfs-woo .woocommerce-invalid input.input-text{border-bottom-color:var(--rfs-clay) !important}
.rfs-woo .col2-set,.rfs-woo .col2-set .col-1,.rfs-woo .col2-set .col-2{width:100% !important;float:none !important;max-width:none !important;padding:0 !important}
.rfs-woo .woocommerce-shipping-fields,.rfs-woo #ship-to-different-address{display:none !important}

/* Order review table */
.rfs-woo table.shop_table{width:100%;border:0 !important;border-top:1px solid var(--rfs-ink) !important;border-collapse:collapse;margin:0 0 18px;background:transparent}
.rfs-woo table.shop_table th,.rfs-woo table.shop_table td{border:0 !important;border-bottom:1px solid var(--rfs-line) !important;padding:10px 0 !important;background:transparent !important;font-size:14px;text-align:left;vertical-align:top}
.rfs-woo table.shop_table td:last-child,.rfs-woo table.shop_table th:last-child{text-align:right}
.rfs-woo table.shop_table .order-total th,.rfs-woo table.shop_table .order-total td{font-family:var(--rfs-serif) !important;font-weight:400 !important;font-size:26px;border-bottom:0 !important}
.rfs-woo table.shop_table .order-total td *{font-family:var(--rfs-serif) !important}
.rfs-woo dl.variation{margin:2px 0 0;font-size:12.5px;color:var(--rfs-muted)}
.rfs-woo dl.variation dt,.rfs-woo dl.variation dd{display:inline;margin:0;float:none}
.rfs-woo dl.variation dd p{display:inline}

/* Payment (Clover) */
.rfs-woo #payment{background:#fff !important;border:1px solid var(--rfs-ink) !important;border-radius:0 !important;padding:0 !important}
.rfs-woo #payment ul.payment_methods{list-style:none;margin:0 !important;padding:16px !important;border-bottom:1px solid var(--rfs-line) !important}
.rfs-woo #payment ul.payment_methods li{margin:0;line-height:1.4}
.rfs-woo #payment ul.payment_methods li > label{font-size:12px !important;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--rfs-ink) !important}
.rfs-woo #payment div.payment_box{background:transparent !important;padding:12px 0 0 !important;margin:0 !important;color:var(--rfs-ink) !important;font-size:14px}
.rfs-woo #payment div.payment_box::before{display:none !important}
/* 1.0.4: the boxes Clover's card iframes sit in (Clover's own CSS sets 3em; the shop makes them 52px, tap-friendly) */
.rfs-woo #payment .js-sv-wc-payment-gateway-credit-card-form-input{display:block;height:52px !important;min-height:52px;background:#fff !important;border:1px solid var(--rfs-line) !important;border-radius:0 !important;box-sizing:border-box;overflow:hidden}
.rfs-woo #payment .js-sv-wc-payment-gateway-credit-card-form-input iframe{display:block;width:100% !important;height:100% !important}
.rfs-woo #payment .payment_box .form-row{margin:0 0 12px !important}
.rfs-woo #payment [class*="hosted-input-error"]{color:var(--rfs-clay);font-size:13px}
.rfs-woo #payment .place-order{padding:16px !important;margin:0 !important}
.rfs-woo .woocommerce-terms-and-conditions-wrapper{font-size:13px;color:var(--rfs-muted)}
.rfs-woo #place_order,.rfs-woo .button,.rfs-woo button[type="submit"]{display:flex !important;align-items:center;justify-content:center;width:100%;min-height:56px;margin:0;padding:0 20px !important;border:0 !important;border-radius:0 !important;background:var(--rfs-ink) !important;color:var(--rfs-paper) !important;font-family:var(--rfs-sans) !important;font-size:13px !important;font-weight:700 !important;letter-spacing:.12em !important;text-transform:uppercase !important;text-decoration:none !important;box-shadow:none !important;cursor:pointer}
.rfs-woo #place_order{background:var(--rfs-clay) !important;color:#fff !important}
.rfs-woo .button:disabled,.rfs-woo #place_order:disabled{opacity:.5}

/* Notices */
.rfs-woo .woocommerce-error,.rfs-woo .woocommerce-message,.rfs-woo .woocommerce-info,.rfs-woo .woocommerce-NoticeGroup li{list-style:none;margin:14px 0 !important;padding:12px 14px !important;border:0 !important;border-left:0 !important;background:#fff !important;box-shadow:inset 0 0 0 1px var(--rfs-line) !important;color:var(--rfs-ink) !important;font-size:14px}
.rfs-woo .woocommerce-error{box-shadow:inset 0 0 0 1px var(--rfs-clay) !important;color:var(--rfs-clay) !important}
.rfs-woo .woocommerce-error::before,.rfs-woo .woocommerce-message::before,.rfs-woo .woocommerce-info::before{display:none !important}
.rfs-woo .blockUI.blockOverlay{background:rgba(243,239,231,.7) !important}

/* My Account */
.rfs-woo .woocommerce-MyAccount-navigation{margin:6px -20px 18px;padding:0 20px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--rfs-line)}
.rfs-woo .woocommerce-MyAccount-navigation ul{display:flex;gap:4px;margin:0;padding:0;list-style:none;width:max-content}
.rfs-woo .woocommerce-MyAccount-navigation a{display:flex;align-items:center;min-height:44px;padding:0 14px;border-radius:999px;text-decoration:none;font-size:14px;font-weight:600}
.rfs-woo .woocommerce-MyAccount-navigation .is-active a{background:rgba(184,70,30,.13);color:var(--rfs-clay)}
.rfs-woo .woocommerce-MyAccount-navigation,.rfs-woo .woocommerce-MyAccount-content{float:none !important;width:auto !important}
.rfs-woo .woocommerce-orders-table__cell-order-actions .button{display:inline-flex !important;width:auto;min-height:44px;margin:4px 6px 0 0;font-size:11px !important}
.rfs-woo .woocommerce-orders-table__cell-order-actions .rfs-reorder{background:var(--rfs-clay) !important}
.rfs-woo .woocommerce-form-login,.rfs-woo .woocommerce-form-register{border:0 !important;padding:0 !important;margin:0 0 20px !important}
.rfs-woo .woocommerce-form-login__rememberme{display:flex !important;align-items:center;gap:8px;min-height:44px;font-size:14px}
.rfs-woo .u-columns{display:block}
@media (max-width:640px){
  .rfs-woo table.shop_table_responsive tr{display:block;border-bottom:1px solid var(--rfs-ink);padding:8px 0}
  .rfs-woo table.shop_table_responsive td{display:flex;justify-content:space-between;border:0 !important;padding:4px 0 !important}
  .rfs-woo table.shop_table_responsive td::before{content:attr(data-title);font-weight:600;margin-right:12px}
  .rfs-woo table.shop_table_responsive thead{display:none}
}
@media (min-width:900px){
  .rfs-checkout h1,.rfs-account h1{font-size:72px !important}
}
