/**
 * Runnerp — Checkout layout.
 */

.runnerp-checkout-page #qodef-page-inner {
	position: relative;
	padding: 30px 0 100px;
}

.runnerp-checkout-page #qodef-woo-page.qodef--checkout {
	width: 100%;
}

.runnerp-checkout-page #qodef-woo-page.qodef--checkout .woocommerce-form-coupon-toggle,
.runnerp-checkout-page #qodef-woo-page.qodef--checkout .woocommerce-form-coupon,
.runnerp-checkout-page #qodef-woo-page.qodef--checkout form.checkout {
	max-width: 680px;
	margin-left: auto;
	margin-right: auto;
}

.runnerp-checkout-page #qodef-woo-page.qodef--checkout .woocommerce-checkout {
	margin-top: 0;
}

/* Gost / prijava */
.runnerp-checkout-page .runnerp-checkout-auth {
	max-width: 680px;
	margin: 0 auto 32px;
	padding: 28px 32px;
	background: #fff;
	border: 1px solid #e8e8e8;
	box-sizing: border-box;
}

.runnerp-checkout-page .runnerp-checkout-auth__lead {
	margin: 0 0 20px;
	font-size: 15px;
	line-height: 1.5;
	color: #555;
	text-align: center;
}

.runnerp-checkout-page .runnerp-checkout-auth__tabs {
	display: flex;
	gap: 0;
	margin: 0 0 20px;
	border-bottom: 1px solid #e1e1e1;
}

.runnerp-checkout-page .runnerp-checkout-auth__tab {
	flex: 1;
	margin: 0;
	padding: 12px 16px;
	border: none;
	border-bottom: 2px solid transparent;
	background: transparent;
	font-family: "Syne", sans-serif;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #888;
	cursor: pointer;
	transition: color 0.2s ease, border-color 0.2s ease;
}

.runnerp-checkout-page .runnerp-checkout-auth__tab.is-active {
	color: #604235;
	border-bottom-color: #B08968;
}

.runnerp-checkout-page .runnerp-checkout-auth__tab:hover {
	color: #604235;
}

.runnerp-checkout-page .runnerp-checkout-auth__hint {
	margin: 0;
	font-size: 14px;
	line-height: 1.5;
	color: #666;
	text-align: center;
}

.runnerp-checkout-page .runnerp-checkout-auth__panel--login .woocommerce-form-login {
	margin: 0;
	padding: 0;
	border: none;
}

.runnerp-checkout-page .runnerp-checkout-auth__panel--login .woocommerce-form-login > p:first-child {
	margin: 0 0 20px;
	font-size: 14px;
	line-height: 1.5;
	color: #666;
	text-align: center;
}

.runnerp-checkout-page .runnerp-checkout-auth__panel--login .woocommerce-form-login .form-row-first,
.runnerp-checkout-page .runnerp-checkout-auth__panel--login .woocommerce-form-login .form-row-last {
	width: 100%;
	float: none;
}

.runnerp-checkout-page .runnerp-checkout-auth__panel--login .woocommerce-form-login label {
	font-family: "Syne", sans-serif;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.runnerp-checkout-page .runnerp-checkout-auth__panel--login .woocommerce-form-login .input-text {
	border: none;
	border-bottom: 1px solid #cfcfcf;
	border-radius: 0;
	background: transparent;
	padding: 10px 0;
	width: 100%;
	box-sizing: border-box;
}

.runnerp-checkout-page .runnerp-checkout-auth__panel--login .woocommerce-form-login .input-text:focus {
	border-bottom-color: #604235;
	outline: none;
	box-shadow: none;
}

.runnerp-checkout-page .runnerp-checkout-auth__panel--login .woocommerce-form-login p.form-row:not(.form-row-first):not(.form-row-last) {
	display: block;
	width: 100%;
	clear: both;
}

.runnerp-checkout-page .runnerp-checkout-auth__panel--login .woocommerce-form-login .woocommerce-form-login__rememberme {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 14px;
}

.runnerp-checkout-page #qodef-woo-page .runnerp-checkout-auth__panel--login .woocommerce-form-login .woocommerce-form-login__submit,
.runnerp-checkout-page #qodef-woo-page .runnerp-checkout-auth__panel--login .woocommerce-form-login button.button[name="login"] {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box;
	text-align: center;
	margin: 0;
}

.runnerp-checkout-page .runnerp-checkout-auth__panel--login .woocommerce-form-login .lost_password {
	text-align: center;
	margin: 16px 0 0;
}

.runnerp-checkout-page.runnerp-checkout-page--login-mode .woocommerce-form-coupon-toggle,
.runnerp-checkout-page.runnerp-checkout-page--login-mode .woocommerce-form-coupon,
.runnerp-checkout-page.runnerp-checkout-page--login-mode form.checkout {
	display: none !important;
}

/* Bez Ship to a different address */
.runnerp-checkout-page .woocommerce-shipping-fields,
.runnerp-checkout-page #ship-to-different-address,
.runnerp-checkout-page .shipping_address,
.runnerp-checkout-page #customer_details .col-2 {
	display: none !important;
}

.runnerp-checkout-page #customer_details.col2-set {
	display: block;
	margin: 0 auto 0;
	max-width: 680px;
}

.runnerp-checkout-page #customer_details .col-1 {
	width: 100%;
	float: none;
}

.runnerp-checkout-page #customer_details h3,
.runnerp-checkout-page #order_review_heading {
	font-family: "Syne", sans-serif;
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: -0.01em;
	text-align: center;
}

.runnerp-checkout-page .woocommerce-billing-fields__field-wrapper {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: 20px;
}

.runnerp-checkout-page .woocommerce-billing-fields__field-wrapper .form-row-wide,
.runnerp-checkout-page .woocommerce-billing-fields__field-wrapper #billing_address_1_field,
.runnerp-checkout-page .woocommerce-billing-fields__field-wrapper #billing_address_2_field,
.runnerp-checkout-page .woocommerce-billing-fields__field-wrapper #billing_company_field,
.runnerp-checkout-page .woocommerce-billing-fields__field-wrapper #order_comments_field {
	grid-column: 1 / -1;
}

.runnerp-checkout-page .woocommerce-billing-fields__field-wrapper .form-row {
	margin-bottom: 18px;
}

.runnerp-checkout-page .woocommerce-billing-fields__field-wrapper label {
	font-family: "Syne", sans-serif;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.runnerp-checkout-page .woocommerce-billing-fields__field-wrapper input.input-text,
.runnerp-checkout-page .woocommerce-billing-fields__field-wrapper select,
.runnerp-checkout-page .woocommerce-billing-fields__field-wrapper textarea {
	border: none;
	border-bottom: 1px solid #cfcfcf;
	border-radius: 0;
	background: transparent;
	padding: 10px 0;
}

.runnerp-checkout-page .woocommerce-billing-fields__field-wrapper input.input-text:focus,
.runnerp-checkout-page .woocommerce-billing-fields__field-wrapper select:focus,
.runnerp-checkout-page .woocommerce-billing-fields__field-wrapper textarea:focus {
	border-bottom-color: #604235;
	outline: none;
	box-shadow: none;
}

/* Country (select2) — isti izgled kao ostala polja */
.runnerp-checkout-page .woocommerce-billing-fields__field-wrapper #billing_country_field {
	grid-column: 1 / -1;
}

.runnerp-checkout-page .woocommerce-billing-fields__field-wrapper #billing_state_field {
	display: none !important;
}

.runnerp-checkout-page .woocommerce-billing-fields__field-wrapper .select2-container--default {
	display: block;
	width: 100% !important;
	margin: 0;
}

.runnerp-checkout-page .woocommerce-billing-fields__field-wrapper .select2-container--default .select2-selection--single {
	display: block;
	height: auto;
	min-height: 42px;
	padding: 10px 28px 10px 0;
	margin: 0;
	font-family: inherit;
	font-size: 16px;
	line-height: 1.4;
	font-weight: 400;
	color: #604235;
	background-color: transparent;
	border: none;
	border-bottom: 1px solid #cfcfcf;
	border-radius: 0;
	outline: none;
	box-shadow: none;
}

.runnerp-checkout-page .woocommerce-billing-fields__field-wrapper .select2-container--default.select2-container--focus .select2-selection--single,
.runnerp-checkout-page .woocommerce-billing-fields__field-wrapper .select2-container--default.select2-container--open .select2-selection--single {
	border-bottom-color: #604235;
}

.runnerp-checkout-page .woocommerce-billing-fields__field-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered {
	padding: 0;
	line-height: inherit;
	color: inherit;
}

.runnerp-checkout-page .woocommerce-billing-fields__field-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow {
	width: 20px;
	height: 100%;
	right: 0;
	font-size: 14px;
	color: #604235;
}

.runnerp-checkout-page .woocommerce-billing-fields__field-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow:before {
	font-size: 14px;
	color: #604235;
}

.runnerp-checkout-page .woocommerce-billing-fields__field-wrapper select.country_select {
	width: 100%;
	appearance: none;
	background-image: none;
}

.runnerp-checkout-page #order_review_heading {
	max-width: 680px;
	margin-left: auto;
	margin-right: auto;
}

.runnerp-checkout-page #order_review {
	max-width: 680px;
	margin: 0 auto 24px;
	padding: 28px 32px;
	background: #fff;
	border: 1px solid #e8e8e8;
	box-sizing: border-box;
}

.runnerp-checkout-page #order_review .shop_table {
	margin-bottom: 0;
}

.runnerp-checkout-page #order_review .woocommerce-checkout-payment {
	margin-top: 24px;
	padding-top: 24px;
	border-top: 1px solid #e8e8e8;
}

.runnerp-checkout-page #place_order {
	width: 100%;
	margin-top: 8px;
}

@media only screen and (max-width: 680px) {
	.runnerp-checkout-page #qodef-page-inner {
		padding: 24px 0 72px;
	}

	.runnerp-checkout-page .runnerp-checkout-auth {
		padding: 20px 18px;
	}

	.runnerp-checkout-page #qodef-woo-page .runnerp-checkout-auth__panel--login .woocommerce-form-login .woocommerce-form-login__submit,
	.runnerp-checkout-page #qodef-woo-page .runnerp-checkout-auth__panel--login .woocommerce-form-login button.button[name="login"] {
		padding: 14px 20px !important;
	}

	.runnerp-checkout-page .woocommerce-billing-fields__field-wrapper {
		grid-template-columns: 1fr;
	}

	.runnerp-checkout-page #order_review {
		padding: 20px 18px;
	}
}