/* ==========================================================================
   WooCommerce pages: basket / checkout (Fluid Checkout) / my account
   Reproduces the original Hello-Elementor look (system font, gold links, green buttons)
   ========================================================================== */
.ssc-woo-classic { font-family: -apple-system, "system-ui", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 16px; line-height: 24px; color: #333; font-weight: 400; }
.ssc-woo--cart { padding: 9vw 5vw calc(4.5vw + 20px); }
.ssc-woo--account { max-width: 1140px; margin: 0 auto; padding: 8px 0 0; }
.ssc-woo-classic.ssc-woo-classic .ssc-woo__title { font-size: 40px; line-height: 52px; margin: 0 0 16px; }
.ssc-woo--checkout { padding: 5% 1%; background: #fff; }
.ssc-woo--cart > .wp-block-shortcode, .ssc-woo--account > .wp-block-shortcode { margin: 0; }
.ssc-woo-classic a { color: #eec687; text-decoration: none; }
.ssc-woo-classic a:hover { color: #eec687; text-decoration: none; }
.ssc-woo-classic h1, .ssc-woo-classic h2, .ssc-woo-classic h3, .ssc-woo-classic h4 { font-family: "PT Serif", sans-serif; color: #333; font-weight: 400; text-transform: none; letter-spacing: normal; }
.ssc-woo-classic h1 { font-size: 48px; line-height: 62px; margin: 8px 0 16px; }
.ssc-woo-classic h2 { font-size: 40px; line-height: 52px; margin: 8px 0 16px; }
.ssc-woo-classic h3 { font-size: 32px; line-height: 41px; margin: 8px 0 16px; }

/* buttons (Hello/Woo .button) */
.ssc-woo-classic.ssc-woo-classic .button, .ssc-woo-classic.ssc-woo-classic button.button, .ssc-woo-classic.ssc-woo-classic a.button, .ssc-woo-classic.ssc-woo-classic input[type=submit], .ssc-woo-classic.ssc-woo-classic #place_order,
.ssc-woo-classic.ssc-woo-classic .woocommerce-Button, .ssc-woo-classic.ssc-woo-classic button[type=submit] {
	font-family: inherit; font-size: 1em; font-weight: 700; line-height: 1; text-transform: none; letter-spacing: normal;
	background: #204f4b; color: #fff; border: 0; border-radius: 3px; padding: 12px 1em 11px; cursor: pointer; text-decoration: none;
}
.ssc-woo-classic.ssc-woo-classic .button:hover, .ssc-woo-classic.ssc-woo-classic button.button:hover, .ssc-woo-classic.ssc-woo-classic a.button:hover { background: #204f4b; color: #fff; opacity: .9; }
.ssc-woo-classic.ssc-woo-classic .button.disabled, .ssc-woo-classic.ssc-woo-classic .button:disabled, .ssc-woo-classic.ssc-woo-classic button.button:disabled[disabled] { opacity: .5; cursor: not-allowed; padding: 12px 14.4px 11px; }
.ssc-woo-classic.ssc-woo-classic .wc-proceed-to-checkout a.checkout-button { font-size: 20px; line-height: 20px; padding: 20px; margin: 0 0 20px; display: block; text-align: center; }

/* inputs */
.ssc-woo-classic.ssc-woo-classic input[type=text], .ssc-woo-classic.ssc-woo-classic input[type=email], .ssc-woo-classic.ssc-woo-classic input[type=tel], .ssc-woo-classic.ssc-woo-classic input[type=password], .ssc-woo-classic.ssc-woo-classic input[type=number],
.ssc-woo-classic.ssc-woo-classic textarea, .ssc-woo-classic.ssc-woo-classic select {
	font-family: inherit; font-size: 16px; line-height: 24px; color: #000; background: #fff; border: 1px solid #cfc8d8; border-radius: 3px; padding: 6px 6px 5px; margin: 0; box-shadow: none;
}
.ssc-woo-classic.ssc-woo-classic .quantity input.qty { border-color: #666; padding: 8px 16px; width: 58px; height: auto; }
.ssc-woo-classic.ssc-woo-classic .coupon input.input-text { margin: 0 4px 0 0; width: auto; }

/* tables */
.ssc-woo-classic.ssc-woo-classic table.shop_table { font-size: 14.4px; line-height: 21.6px; color: #333; border-radius: 5px; margin: 0 -1px 24px 0; }
.ssc-woo-classic.ssc-woo-classic table.shop_table th, .ssc-woo-classic.ssc-woo-classic table.shop_table td { font-size: 14.4px; line-height: 21.6px; padding: 9px 12px; color: #333; }
.ssc-woo-classic.ssc-woo-classic table.shop_table th { font-weight: 700; }
.ssc-woo-classic.ssc-woo-classic .cart_totals table.shop_table { margin: 0 0 6px; }
.ssc-woo-classic.ssc-woo-classic .cart_totals th { background: rgba(128,128,128,.07); }
.ssc-woo-classic.ssc-woo-classic table.shop_table a { color: #eec687; text-decoration: none; }
.ssc-woo-classic.ssc-woo-classic .product-remove a.remove { color: #a00; font-size: 21.6px; font-weight: 700; line-height: 21.6px; }
.ssc-woo-classic.ssc-woo-classic .woocommerce-shipping-calculator a { color: #eec687; }

/* Hello reset parity */
.ssc-woo-classic.ssc-woo-classic p { font-family: inherit; font-size: inherit; line-height: inherit; margin: 0 0 14.4px; color: inherit; }
.ssc-woo-classic.ssc-woo-classic table tbody > tr:nth-child(odd) > td, .ssc-woo-classic.ssc-woo-classic table tbody > tr:nth-child(odd) > th { background-color: rgba(128,128,128,.07); }
.ssc-woo-classic.ssc-woo-classic table tbody > tr:nth-child(even) > td, .ssc-woo-classic.ssc-woo-classic table tbody > tr:nth-child(even) > th { background-color: transparent; }
.ssc-woo-classic.ssc-woo-classic table.cart img, .ssc-woo-classic.ssc-woo-classic table.shop_table .product-thumbnail img { width: 32px; height: auto; max-width: none; }
.ssc-woo-classic.ssc-woo-classic .cart_totals h2, .ssc-woo-classic.ssc-woo-classic .cross-sells h2 { font-size: 40px; line-height: 52px; margin: 8px 0 16px; font-family: "PT Serif", sans-serif; color: #333; }
.ssc-woo-classic.ssc-woo-classic table.cart td.actions .coupon .input-text { font-size: 16px; line-height: 24px; padding: 6px 6px 5px; height: auto; width: auto; }

/* content width */
main .ssc-woo--cart > .woocommerce, main .ssc-woo--account > .woocommerce { max-width: 1140px; margin-left: auto; margin-right: auto; }

/* Hello reset: global border-box */
.ssc-woo-classic, .ssc-woo-classic *, .ssc-woo-classic *::before, .ssc-woo-classic *::after { box-sizing: border-box; }

/* Original (Elementor text widget + wpautop) injected <br> tags: reproduce their vertical space */
.ssc-woo-classic.ssc-woo-classic .quantity { padding-top: 21.6px; }
.ssc-woo-classic.ssc-woo-classic .wc-proceed-to-checkout a.checkout-button::before { content: ""; display: block; height: 20px; }
/* cart table column widths */
.ssc-woo-classic.ssc-woo-classic table.cart th.product-remove { width: 7.4%; }
.ssc-woo-classic.ssc-woo-classic table.cart th.product-thumbnail { width: 9%; }
.ssc-woo-classic.ssc-woo-classic table.cart th.product-price { width: 11.4%; }
.ssc-woo-classic.ssc-woo-classic table.cart th.product-quantity { width: 13.6%; }
.ssc-woo-classic.ssc-woo-classic table.cart th.product-subtotal { width: 13.4%; }
.ssc-woo-classic.ssc-woo-classic .coupon .input-text { font-size: 16px; line-height: 24px; padding: 6px 6px 5px; height: auto; }
.ssc-woo-classic.ssc-woo-classic .woocommerce-cart-form #coupon_code { font-size: 16px; line-height: 24px; padding: 6px 6px 5px; height: auto; }
.ssc-woo-classic.ssc-woo-classic .woocommerce-shipping-calculator { margin: 0 0 14.4px; }

.ssc-woo-classic.ssc-woo-classic table.cart td.actions { padding-bottom: 25px; }
@media (max-width: 1024px) { .ssc-woo--cart { padding-top: 13.5vw; } }
@media (max-width: 767px) { .ssc-woo--cart { padding-top: 22.5vw; } }
.ssc-woo-classic.ssc-woo-classic .woocommerce-cart-form #coupon_code { margin: 0 4px 0 0; }
@media (min-width: 769px) { .ssc-woo-classic.ssc-woo-classic .woocommerce-cart-form #coupon_code { width: 175px; } }
.ssc-woo-classic.ssc-woo-classic .coupon { display: block; }

/* Fluid Checkout page: original body text = Poppins (Elementor text widget typography) */
.ssc-woo--checkout, .ssc-woo--checkout *, .ssc-woo--checkout *::before, .ssc-woo--checkout *::after { box-sizing: border-box; }
.ssc-woo--checkout { font-family: var(--wp--preset--font-family--poppins), Poppins, sans-serif; font-size: 14px; line-height: 24px; color: #333; }

.ssc-woo--checkout button.button, .ssc-woo--checkout .fc-step__next-step, .ssc-woo--checkout #place_order, .ssc-woo--checkout button[type=submit] {
	font-family: inherit; font-size: 14px; font-weight: 700; line-height: 14px; color: #fff; background: #204f4b; border: 0; border-radius: 3px; padding: 12px 14px 11px; text-transform: none; cursor: pointer;
}
.ssc-woo--checkout #place_order { padding: 8.652px 14px; }
body.woocommerce-checkout .ssc-woo--checkout form .form-row input.input-text, body.woocommerce-checkout .ssc-woo--checkout form .form-row select, body.woocommerce-checkout .ssc-woo--checkout form .form-row textarea { font-family: inherit; font-size: 16px; line-height: normal; padding: 8px; }
/* original Elementor text widget (wpautop) injected <br>/<p> spacing inside the Fluid Checkout markup */
.ssc-woo--checkout .fc-progress-bar { padding-bottom: 29px; }
.ssc-woo--checkout .fc-checkout-notices { padding-bottom: 9px; }
.ssc-woo--checkout .fc-wrapper .fc-step__substep-fields-inner { padding-top: 24px; }
.ssc-woo--checkout .fc-contact-fields { padding-bottom: 20px; }
.ssc-woo--checkout .fc-step__substep-fields { padding-bottom: 14.4px; }
.ssc-woo--checkout .fc-checkout-steps .fc-step__substep { padding-bottom: 59px; }
.ssc-woo--checkout .fc-checkout-order-review__head { min-height: 44px; }
.ssc-woo--checkout .fc-checkout-order-review__head .fc-checkout-order-review-title { margin-top: 7px; }
.ssc-woo--checkout .fc-checkout-order-review__head .fc-checkout-order-review__header-link { margin-top: -10px; }

body.woocommerce-page .ssc-woo-classic form .form-row input.input-text, body.woocommerce-page .ssc-woo-classic form .form-row input[type=password], body.woocommerce-page .ssc-woo-classic form .form-row select, body.woocommerce-page .ssc-woo-classic form .form-row textarea { font-family: inherit; font-size: 16px; line-height: normal; padding: 8px; height: auto; }
body.woocommerce-page .ssc-woo-classic form .form-row input.input-text[type=password] { padding-right: 40px; }
.ssc-woo-classic.ssc-woo-classic .woocommerce-form-login__submit { margin: 0 16px 0 0; }
.ssc-woo-classic.ssc-woo-classic input[type=checkbox] { font-family: inherit; font-size: 16px; line-height: 24px; }
main .ssc-woo--account > .woocommerce { margin-top: 0; }
.ssc-woo-classic.ssc-woo-classic form .form-row { margin: 0 0 6px; }
.ssc-woo-classic.ssc-woo-classic form .form-row label, .ssc-woo-classic.ssc-woo-classic form label.woocommerce-form__label { margin: 0; }
.ssc-woo-classic.ssc-woo-classic input[type=checkbox], .ssc-woo-classic.ssc-woo-classic input[type=radio] { margin: 0; }
@media (max-width: 767px) {
	.ssc-woo--checkout .fc-checkout-notices { padding-bottom: 0; margin-bottom: 14px; }
	.ssc-woo--checkout form.checkout { padding-bottom: 14px; }
}

/* My account = plain Hello page: .site-main responsive max-widths */
.ssc-woo--account.ssc-woo--account { max-width: 1140px; }
@media (max-width: 1199px) { .ssc-woo--account.ssc-woo--account { max-width: 800px; } }
@media (max-width: 991px)  { .ssc-woo--account.ssc-woo--account { max-width: 600px; } }
@media (max-width: 767px)  { .ssc-woo--account.ssc-woo--account { max-width: 500px; } }
@media (max-width: 575px)  { .ssc-woo--account.ssc-woo--account { max-width: none; padding-left: 10px; padding-right: 10px; } }
.ssc-woo--title-only.ssc-woo--title-only { padding-top: 8px; }
.ssc-woo--title-only .ssc-woo__title { margin-bottom: 16px; }
.ssc-main > .ssc-woo--title-only + .ssc-woo--checkout { margin-block-start: 0; }
main .ssc-woo--checkout > .woocommerce { max-width: none; }
.ssc-woo--checkout.ssc-woo--checkout p.woocommerce-notice, .ssc-woo--checkout.ssc-woo--checkout .woocommerce-thankyou-order-received { font-size: inherit; font-weight: 400; line-height: inherit; }
.ssc-woo--checkout.ssc-woo--checkout p.woocommerce-notice a, .ssc-woo--checkout.ssc-woo--checkout .woocommerce-info a { color: #eec687; }
main .ssc-woo--title-only + .ssc-woo--checkout > .woocommerce { margin-top: -14px; }
.ssc-woo--title-only + .ssc-woo--checkout .woocommerce-order a:not(.button), .ssc-woo--title-only + .ssc-woo--checkout .woocommerce > p a { color: #eec687; }
