/* Korpa, plaćanje, potvrda narudžbe, Moj nalog */

.gsm-flow {
	padding: 28px 0 56px;
}

/* Naslov + koraci */
.gsm-flow__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 16px 32px;
	margin-bottom: 28px;
}

.gsm-flow .gsm-flow__title {
	margin: 0;
	color: var(--gsm-text);
	font-family: var(--gsm-font-heading);
	font-size: 32px;
	font-weight: 700;
	line-height: 40px;
	letter-spacing: 0;
	text-transform: none;
}

.gsm-steps {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.gsm-steps__item {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	color: #9aa0a8;
	font-size: 14px;
	font-weight: 600;
}

.gsm-steps__item + .gsm-steps__item::before {
	content: '';
	width: 32px;
	height: 2px;
	margin-right: 8px;
	border-radius: 2px;
	background: #e3e6eb;
}

.gsm-steps__item a {
	display: flex;
	align-items: center;
	gap: 8px;
	color: inherit;
	text-decoration: none;
}

.gsm-steps__num {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border: 2px solid #e3e6eb;
	border-radius: 50%;
	font-size: 13px;
	line-height: 1;
}

.gsm-steps__item.is-current {
	color: var(--gsm-text);
}

.gsm-steps__item.is-current .gsm-steps__num {
	border-color: var(--gsm-orange);
	background: var(--gsm-orange);
	color: var(--gsm-white);
}

.gsm-steps__item.is-done {
	color: var(--gsm-text);
}

.gsm-steps__item.is-done .gsm-steps__num {
	border-color: var(--gsm-orange);
	color: var(--gsm-orange);
}

.gsm-steps__item.is-done + .gsm-steps__item::before {
	background: var(--gsm-orange);
}

/* Traka do besplatne dostave */
.gsm-ship-progress {
	margin-bottom: 20px;
	padding: 16px 20px;
	border-radius: 12px;
	background: #fff6ef;
}

.gsm-ship-progress.is-free {
	background: #eaf7ef;
}

.gsm-flow .gsm-ship-progress__text {
	margin: 0 0 10px;
	color: var(--gsm-text);
	font-size: 14px;
}

.gsm-ship-progress__text .amount {
	color: var(--gsm-orange-dark);
	font-weight: 700;
}

.gsm-ship-progress__bar {
	height: 6px;
	border-radius: 6px;
	background: rgba(255, 105, 0, .18);
	overflow: hidden;
}

.gsm-ship-progress__bar span {
	display: block;
	height: 100%;
	border-radius: 6px;
	background: var(--gsm-orange);
	transition: width .4s;
}

.gsm-ship-progress.is-free .gsm-ship-progress__bar {
	background: rgba(31, 157, 85, .2);
}

.gsm-ship-progress.is-free .gsm-ship-progress__bar span {
	background: #1f9d55;
}

.gsm-flow .gsm-ship-progress__note {
	margin: 10px 0 0;
	color: #6b7079;
	font-size: 12px;
}

/* Zajedničko: kartice, dugmad, tabele */
.gsm-flow .woocommerce .button,
.gsm-flow .woocommerce button.button,
.gsm-flow .woocommerce a.button {
	border-radius: 8px;
	text-transform: none;
	letter-spacing: 0;
}

.gsm-flow .woocommerce a.checkout-button,
.gsm-flow .woocommerce #place_order {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 54px;
	margin: 0;
	padding: 0 24px;
	border: 0;
	border-radius: 10px;
	background: var(--gsm-orange);
	color: var(--gsm-white);
	font-family: var(--gsm-font);
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0;
	text-transform: none;
	transition: background-color .2s;
}

.gsm-flow .woocommerce a.checkout-button:hover,
.gsm-flow .woocommerce #place_order:hover {
	background: var(--gsm-orange-dark);
	color: var(--gsm-white);
}

/* ===== KORPA ===== */
.gsm-flow--cart .gsm-flow__content > .woocommerce {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 380px;
	gap: 0 32px;
	align-items: start;
}

.gsm-flow--cart .woocommerce > * {
	grid-column: 1;
}

.gsm-flow--cart .woocommerce > .cart-collaterals {
	grid-column: 2;
	grid-row: 1 / span 5;
	position: sticky;
	top: 20px;
}

.gsm-flow--cart .woocommerce-notices-wrapper:empty {
	display: none;
}

.gsm-flow--cart table.shop_table.cart {
	margin: 0;
	border: 1px solid #e9ebef;
	border-radius: 14px;
	border-collapse: separate;
	border-spacing: 0;
	overflow: hidden;
}

.gsm-flow--cart table.shop_table.cart thead th {
	padding: 14px 16px;
	border: 0;
	background: var(--gsm-light);
	color: #6b7079;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.gsm-flow--cart table.shop_table.cart td {
	padding: 16px;
	border: 0;
	border-top: 1px solid #e9ebef;
	vertical-align: middle;
}

.gsm-flow--cart table.shop_table.cart tbody tr:first-child td {
	border-top: 0;
}

.gsm-flow--cart td.product-thumbnail img {
	width: 80px;
	max-width: none;
	height: 80px;
	padding: 6px;
	border: 1px solid #e9ebef;
	border-radius: 10px;
	background: var(--gsm-white);
	object-fit: contain;
}

.gsm-flow--cart td.product-name a {
	color: var(--gsm-text);
	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
}

.gsm-flow--cart td.product-name a:hover {
	color: var(--gsm-orange);
}

.gsm-flow--cart td.product-price,
.gsm-flow--cart td.product-subtotal {
	font-size: 15px;
	font-weight: 600;
	white-space: nowrap;
}

.gsm-flow--cart td.product-subtotal .amount {
	color: var(--gsm-orange);
	font-weight: 700;
}

/* Dugme za uklanjanje: X nacrtan sa dvije linije (znak „ד u fontu nije optički u sredini kruga).
   Jak selektor jer OceanWP na mobilnom daje a.remove inline-block. */
.gsm-flow--cart table.shop_table td.product-remove a.remove {
	position: relative;
	display: block;
	box-sizing: border-box;
	width: 30px;
	height: 30px;
	margin: 0;
	padding: 0;
	border: 1px solid #e3e6eb;
	border-radius: 50%;
	color: #9aa0a8 !important;
	font-size: 0;
	line-height: 0;
	transition: all .2s;
}

.gsm-flow--cart table.shop_table td.product-remove a.remove::before,
.gsm-flow--cart table.shop_table td.product-remove a.remove::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 12px;
	height: 1.5px;
	border-radius: 1px;
	background: currentColor;
	transform: translate(-50%, -50%) rotate(45deg);
}

.gsm-flow--cart table.shop_table td.product-remove a.remove::after {
	transform: translate(-50%, -50%) rotate(-45deg);
}

.gsm-flow--cart td.product-remove a.remove:hover {
	border-color: #e5484d;
	background: #fdecec;
	color: #e5484d !important;
}

/* Količina */
.gsm-flow .quantity {
	display: inline-flex;
	align-items: stretch;
	height: 40px;
	border: 1px solid #dfe2e7;
	border-radius: 8px;
	overflow: hidden;
}

.gsm-flow .quantity .minus,
.gsm-flow .quantity .plus {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 100%;
	border: 0;
	background: #f5f6f8;
	color: var(--gsm-text);
}

.gsm-flow .quantity .minus:hover,
.gsm-flow .quantity .plus:hover {
	background: #fff1e6;
	color: var(--gsm-orange);
}

.gsm-flow .woocommerce .quantity input.qty {
	width: 44px;
	max-width: none;
	height: 100%;
	min-height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	font-weight: 600;
	text-align: center;
}

/* Red "Ažuriraj korpu" */
.gsm-flow--cart table.shop_table.cart td.actions {
	padding: 14px 16px;
	background: var(--gsm-light);
	text-align: right;
}

.gsm-flow--cart td.actions .button[name="update_cart"] {
	height: 40px;
	padding: 0 18px;
	border: 1px solid #dfe2e7;
	background: var(--gsm-white);
	color: var(--gsm-text);
	font-size: 14px;
	font-weight: 600;
}

.gsm-flow--cart td.actions .button[name="update_cart"]:not(:disabled):hover {
	border-color: var(--gsm-orange);
	color: var(--gsm-orange);
}

/* Pregled iznosa (desno) */
.gsm-flow--cart .cart_totals {
	float: none;
	width: 100%;
	padding: 24px;
	border-radius: 14px;
	background: var(--gsm-light);
}

.gsm-flow--cart .cart_totals > h2 {
	margin: 0 0 16px;
	font-family: var(--gsm-font-heading);
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0;
	text-transform: none;
}

.gsm-flow .woocommerce .cart_totals table.shop_table,
.gsm-flow .woocommerce .woocommerce-checkout-review-order-table {
	margin: 0 0 20px;
	border: 0;
	border-collapse: collapse;
	background: none;
}

.gsm-flow .cart_totals table.shop_table th,
.gsm-flow .cart_totals table.shop_table td {
	padding: 10px 0;
	border: 0;
	border-top: 1px solid #e3e6eb;
	background: none;
	font-size: 14px;
	vertical-align: top;
}

.gsm-flow .cart_totals table.shop_table th {
	width: 40%;
	color: #6b7079;
	font-weight: 500;
}

.gsm-flow .cart_totals table.shop_table td {
	color: var(--gsm-text);
	font-weight: 600;
	text-align: right;
}

.gsm-flow .cart_totals tr:first-child th,
.gsm-flow .cart_totals tr:first-child td {
	border-top: 0;
}

.gsm-flow .cart_totals .order-total th,
.gsm-flow .cart_totals .order-total td,
.gsm-flow .woocommerce-checkout-review-order-table .order-total th,
.gsm-flow .woocommerce-checkout-review-order-table .order-total td {
	padding-top: 14px;
	color: var(--gsm-text);
	font-size: 18px;
	font-weight: 800;
}

.gsm-flow .order-total .amount {
	color: var(--gsm-orange);
}

/* Načini dostave (radio) */
.gsm-flow ul#shipping_method {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: right;
}

.gsm-flow ul#shipping_method li {
	margin: 0 0 4px;
}

.gsm-flow .woocommerce-shipping-destination,
.gsm-flow .woocommerce-shipping-calculator {
	display: none;
}

/* Prazna korpa (woocommerce/cart/cart-empty.php, izgled .gsm-empty iz base.css).
   Mreža korpe ima 2 kolone (artikli + pregled); prazna korpa i poruke idu preko cijele širine. */
.gsm-flow--cart .woocommerce > .gsm-cart-empty,
.gsm-flow--cart .woocommerce:has(> .gsm-cart-empty) > * {
	grid-column: 1 / -1;
}

/* Traka poslije uklanjanja artikla: „X“ uklonjen. Vrati */
.gsm-flow--cart .woocommerce-notices-wrapper {
	margin-bottom: 16px;
}

.gsm-flow--cart .woocommerce-notices-wrapper .woocommerce-message {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0;
	padding: 14px 18px;
	border: 1px solid #cdebd8;
	border-radius: 12px;
	background: #eaf7ef;
	color: var(--gsm-text);
	font-size: 14px;
	font-weight: 500;
}

/* WC/OceanWP ikonica (web font) ispred poruke → zelena kvačica */
.gsm-flow--cart .woocommerce-notices-wrapper .woocommerce-message::before {
	content: '';
	position: static;
	flex: 0 0 18px;
	width: 18px;
	height: 18px;
	margin: 0;
	background-color: #1f9d55;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* "Vrati" kao link na kraju reda, ne kao narandžasto dugme */
.gsm-flow--cart .woocommerce-notices-wrapper .woocommerce-message a.restore-item {
	order: 2;
	margin-left: auto;
	padding: 0;
	border: 0;
	background: none;
	color: var(--gsm-orange);
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0;
	text-transform: none;
	text-decoration: none;
}

.gsm-flow--cart .woocommerce-notices-wrapper .woocommerce-message a.restore-item:hover {
	color: var(--gsm-orange-dark);
	text-decoration: underline;
}

/* ===== PLAĆANJE ===== */
.gsm-flow--checkout form.checkout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 420px;
	gap: 0 40px;
	align-items: start;
}

.gsm-flow--checkout form.checkout > * {
	grid-column: 1;
}

.gsm-flow--checkout form.checkout > .gsm-ship-progress,
.gsm-flow--checkout form.checkout > #order_review_heading,
.gsm-flow--checkout form.checkout > #order_review {
	grid-column: 2;
}

.gsm-flow--checkout form.checkout > #customer_details {
	grid-row: 1 / span 4;
}

.gsm-flow--checkout #customer_details .col-1,
.gsm-flow--checkout #customer_details .col-2 {
	float: none;
	width: 100%;
}

.gsm-flow--checkout #customer_details h3,
.gsm-flow--checkout #order_review_heading {
	margin: 0 0 16px;
	font-family: var(--gsm-font-heading);
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0;
	text-transform: none;
}

.gsm-flow--checkout #customer_details .col-2 {
	margin-top: 28px;
}

/* Polja */
.gsm-flow .woocommerce form .form-row {
	margin: 0 0 14px;
	padding: 0;
}

.gsm-flow .woocommerce form .form-row label {
	margin-bottom: 6px;
	color: var(--gsm-text);
	font-size: 13px;
	font-weight: 600;
	line-height: 1.3;
}

.gsm-flow .woocommerce form .form-row input.input-text,
.gsm-flow .woocommerce form .form-row textarea,
.gsm-flow .woocommerce form .form-row select {
	min-height: 46px;
	padding: 10px 14px;
	border: 1px solid #dfe2e7;
	border-radius: 8px;
	background: var(--gsm-white);
	font-size: 15px;
}

.gsm-flow .woocommerce form .form-row textarea {
	min-height: 96px;
}

.gsm-flow .woocommerce form .form-row input.input-text:focus,
.gsm-flow .woocommerce form .form-row textarea:focus {
	border-color: var(--gsm-orange);
	outline: none;
	box-shadow: 0 0 0 3px rgba(255, 105, 0, .15);
}

.gsm-flow .woocommerce form .form-row.woocommerce-invalid input.input-text {
	border-color: #e5484d;
}

.gsm-flow .woocommerce form .form-row .description {
	margin-top: 4px;
	color: #7a808a;
	font-size: 12px;
}

.gsm-flow .woocommerce form .form-row .required {
	color: var(--gsm-orange);
	text-decoration: none;
}

.gsm-flow--checkout #ship-to-different-address {
	font-size: 15px;
}

/* Pregled narudžbe (desno) */
.gsm-flow--checkout #order_review {
	padding: 24px;
	border-radius: 14px;
	background: var(--gsm-light);
}

.gsm-flow--checkout #order_review_heading {
	margin-top: 0;
}

.gsm-flow .woocommerce-checkout-review-order-table th,
.gsm-flow .woocommerce-checkout-review-order-table td {
	padding: 10px 0;
	border: 0;
	border-top: 1px solid #e3e6eb;
	background: none;
	font-size: 14px;
}

.gsm-flow .woocommerce-checkout-review-order-table thead th {
	border-top: 0;
	color: #6b7079;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.gsm-flow .woocommerce-checkout-review-order-table td.product-total,
.gsm-flow .woocommerce-checkout-review-order-table tfoot td {
	font-weight: 600;
	text-align: right;
}

.gsm-flow .woocommerce-checkout-review-order-table .product-quantity {
	color: #6b7079;
	font-weight: 600;
}

/* Plaćanje */
.gsm-flow .woocommerce-checkout #payment {
	border-radius: 0;
	background: none;
}

.gsm-flow .woocommerce-checkout #payment ul.payment_methods {
	padding: 0 0 16px;
	border: 0;
}

.gsm-flow .woocommerce-checkout #payment ul.payment_methods li {
	margin: 0;
	padding: 14px 16px;
	border: 2px solid var(--gsm-orange);
	border-radius: 10px;
	background: var(--gsm-white);
	font-weight: 600;
}

.gsm-flow .woocommerce-checkout #payment div.payment_box {
	margin: 8px 0 0;
	padding: 0;
	background: none;
	color: #6b7079;
	font-size: 13px;
	font-weight: 400;
}

.gsm-flow .woocommerce-checkout #payment div.payment_box::before {
	display: none;
}

.gsm-flow .woocommerce-checkout #payment div.form-row.place-order {
	margin: 0;
	padding: 0;
}

.gsm-flow .woocommerce-privacy-policy-text p,
.gsm-flow .woocommerce-terms-and-conditions-wrapper {
	color: #6b7079;
	font-size: 12px;
}

/* ===== POTVRDA NARUDŽBE ===== */
.gsm-flow--received .woocommerce-order {
	max-width: 900px;
}

.gsm-flow--received .woocommerce-thankyou-order-received {
	position: relative;
	margin: 0 0 24px;
	padding: 20px 20px 20px 72px;
	border-radius: 14px;
	background: #eaf7ef;
	color: var(--gsm-text);
	font-size: 16px;
	font-weight: 600;
}

.gsm-flow--received .woocommerce-thankyou-order-received::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 20px;
	width: 36px;
	height: 36px;
	margin-top: -18px;
	border-radius: 50%;
	background: #1f9d55 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center / 20px no-repeat;
}

.gsm-flow--received ul.woocommerce-order-overview {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
	gap: 12px;
	margin: 0 0 32px;
	padding: 0;
}

.gsm-flow--received ul.woocommerce-order-overview li {
	margin: 0;
	padding: 14px 16px;
	border: 1px solid #e9ebef;
	border-radius: 12px;
	color: #6b7079;
	font-size: 12px;
	text-transform: none;
}

.gsm-flow--received ul.woocommerce-order-overview li strong {
	display: block;
	margin-top: 4px;
	color: var(--gsm-text);
	font-size: 15px;
}

:is(.gsm-flow--received, .gsm-flow--account) .woocommerce-order-details__title,
:is(.gsm-flow--received, .gsm-flow--account) .woocommerce-column__title {
	font-family: var(--gsm-font-heading);
	font-size: 20px;
	font-weight: 700;
	text-transform: none;
}

.gsm-flow .woocommerce-form-login .button,
.gsm-flow .woocommerce-form-register .button,
.gsm-flow--account .woocommerce-MyAccount-content .button {
	height: 46px;
	padding: 0 24px;
	background: var(--gsm-orange);
	color: var(--gsm-white);
	font-weight: 700;
}

/* ===== Tablet / mobilni ===== */
@media (max-width: 1023px) {
	.gsm-flow--cart .gsm-flow__content > .woocommerce,
	.gsm-flow--checkout form.checkout {
		grid-template-columns: minmax(0, 1fr);
	}

	.gsm-flow--cart .woocommerce > .cart-collaterals,
	.gsm-flow--checkout form.checkout > .gsm-ship-progress,
	.gsm-flow--checkout form.checkout > #order_review_heading,
	.gsm-flow--checkout form.checkout > #order_review {
		position: static;
		grid-column: 1;
		grid-row: auto;
	}

	.gsm-flow--cart .woocommerce > .cart-collaterals {
		margin-top: 24px;
	}

	.gsm-flow--checkout form.checkout > #customer_details {
		grid-row: auto;
		margin-bottom: 28px;
	}
}

@media (max-width: 767px) {
	.gsm-flow {
		padding-top: 18px;
	}

	.gsm-flow .gsm-flow__title {
		font-size: 26px;
		line-height: 32px;
	}

	.gsm-steps__item {
		font-size: 12px;
	}

	.gsm-steps__item + .gsm-steps__item::before {
		width: 14px;
		margin-right: 2px;
	}

	.gsm-steps__item:not(.is-current) .gsm-steps__label {
		display: none;
	}

	/* Stavka korpe na mobilnom: WooCommerce tabelu pretvara u redove „Proizvod: … / Cijena: …“
	   jedan ispod drugog. Umjesto toga kompaktan red: slika lijevo, naziv i cijena, ispod količina
	   i iznos, X u uglu. */
	/* Samo tabela stavki (i „Pregled narudžbe“ ima klasu shop_table_responsive) */
	.gsm-flow--cart table.shop_table_responsive.cart,
	.gsm-flow--cart table.shop_table_responsive.cart tbody,
	.gsm-flow--cart table.shop_table_responsive.cart tr {
		display: block;
		width: 100%;
	}

	.gsm-flow--cart table.shop_table_responsive tr.cart_item {
		display: grid;
		grid-template-columns: 76px minmax(0, 1fr) auto;
		grid-template-areas:
			"thumb name name"
			"thumb price price"
			"thumb qty subtotal";
		position: relative;
		align-items: center;
		gap: 4px 12px;
		padding: 16px;
		border-top: 1px solid #e9ebef;
	}

	.gsm-flow--cart table.shop_table_responsive tbody tr.cart_item:first-child {
		border-top: 0;
	}

	/* td-ovi su ćelije grida; WooCommerce im daje text-align: right !important i oznake ::before */
	.gsm-flow--cart table.shop_table_responsive tr.cart_item td {
		display: block;
		padding: 0;
		border: 0;
		background: none;
		text-align: left !important;
	}

	.gsm-flow--cart table.shop_table_responsive tr.cart_item td::before {
		display: none;
	}

	.gsm-flow--cart table.shop_table_responsive tr.cart_item td.product-thumbnail {
		display: block;
		grid-area: thumb;
		align-self: start;
	}

	/* Jak selektor: OceanWP na mobilnom smanjuje sliku na 60px */
	.gsm-flow--cart table.shop_table.cart td.product-thumbnail img {
		width: 76px;
		max-width: none;
		height: 76px;
	}

	.gsm-flow--cart table.shop_table_responsive tr.cart_item td.product-name {
		grid-area: name;
		align-self: start;
		padding-right: 36px;
		line-height: 20px;
	}

	.gsm-flow--cart td.product-name a {
		font-size: 14px;
	}

	/* X u uglu, van grida – inače bi dijelio kolonu sa iznosom i suzio naziv */
	.gsm-flow--cart table.shop_table_responsive tr.cart_item td.product-remove {
		position: absolute;
		top: 14px;
		right: 14px;
		left: auto; /* OceanWP ga na mobilnom stavlja lijevo */
		width: auto;
	}

	.gsm-flow--cart td.product-remove a.remove {
		width: 28px;
		height: 28px;
		font-size: 16px;
	}

	/* Cijena po komadu – sitnije, sivo; glavni broj je iznos ispod */
	.gsm-flow--cart table.shop_table_responsive tr.cart_item td.product-price {
		grid-area: price;
		font-size: 13px;
		font-weight: 500;
	}

	.gsm-flow .woocommerce table.shop_table_responsive td.product-price .amount {
		color: #7a808a;
	}

	.gsm-flow--cart table.shop_table_responsive tr.cart_item td.product-quantity {
		grid-area: qty;
		margin-top: 6px;
	}

	.gsm-flow--cart table.shop_table_responsive tr.cart_item td.product-subtotal {
		grid-area: subtotal;
		margin-top: 6px;
		font-size: 16px;
		text-align: right !important;
	}

	/* OceanWP na mobilnom gura količinu udesno (float) – treba da bude poravnata sa nazivom */
	.gsm-flow--cart table.shop_table.cart tr.cart_item td.product-quantity .quantity {
		float: none;
		height: 36px;
		margin: 0;
	}

	.gsm-flow--cart table.shop_table_responsive tr td.actions {
		display: block;
		padding: 12px 16px;
	}
}

/* Na samoj korpi dugme „Pregled korpe“ u poruci vodi na istu stranicu */
.gsm-flow--cart .woocommerce-message a.wc-forward {
	display: none;
}

/* Zemlja (samo BiH) ostaje u formi, ali se ne prikazuje */
/* !important: WooCommerce JS (address-i18n) ga pri učitavanju prikaže inline stilom */
.gsm-flow .woocommerce form .form-row.gsm-hidden-field {
	display: none !important;
}

/* ===== OceanWP: jači selektori (kutija iznosa 48%, uppercase naslovi, zelene cijene, okviri tabela) ===== */
.gsm-flow--cart .woocommerce .cart-collaterals {
	float: none;
	width: 100%;
}

.gsm-flow--cart .woocommerce .cart-collaterals .cart_totals {
	float: none;
	width: 100%;
	padding: 24px;
	border: 0;
}

.gsm-flow .woocommerce .cart_totals > h2,
.gsm-flow .woocommerce .woocommerce-checkout h3#order_review_heading,
.gsm-flow .woocommerce form.checkout #customer_details h3 {
	margin: 0 0 16px;
	padding: 0;
	border: 0;
	color: var(--gsm-text);
	font-family: var(--gsm-font-heading);
	font-size: 20px !important;
	font-weight: 700;
	line-height: 26px;
	letter-spacing: 0 !important;
	text-align: left;
	text-transform: none !important;
}

.gsm-flow .woocommerce .cart_totals table.shop_table,
.gsm-flow .woocommerce .cart_totals table.shop_table th,
.gsm-flow .woocommerce .cart_totals table.shop_table td,
.gsm-flow .woocommerce table.woocommerce-checkout-review-order-table,
.gsm-flow .woocommerce table.woocommerce-checkout-review-order-table th,
.gsm-flow .woocommerce table.woocommerce-checkout-review-order-table td {
	border-right: 0;
	border-left: 0;
	background: none;
}

.gsm-flow .woocommerce .cart_totals table.shop_table tr:first-child th,
.gsm-flow .woocommerce .cart_totals table.shop_table tr:first-child td,
.gsm-flow .woocommerce table.woocommerce-checkout-review-order-table thead th {
	border-top: 0;
}

.gsm-flow .woocommerce table.woocommerce-checkout-review-order-table th,
.gsm-flow .woocommerce table.woocommerce-checkout-review-order-table td {
	padding: 10px 0;
	color: var(--gsm-text);
	font-weight: 600;
	letter-spacing: 0;
	text-transform: none;
}

.gsm-flow .woocommerce table.woocommerce-checkout-review-order-table td.product-name {
	font-weight: 500;
}

/* Cijene tamne; narandžasto samo ukupno i ukupno po stavci */
.gsm-flow .woocommerce table.shop_table .amount {
	color: var(--gsm-text);
}

.gsm-flow .woocommerce table.shop_table td.product-subtotal .amount,
.gsm-flow .woocommerce table.shop_table .order-total .amount {
	color: var(--gsm-orange);
}

.gsm-flow .woocommerce .cart_totals .order-total th,
.gsm-flow .woocommerce .cart_totals .order-total td,
.gsm-flow .woocommerce table.woocommerce-checkout-review-order-table .order-total th,
.gsm-flow .woocommerce table.woocommerce-checkout-review-order-table .order-total td {
	padding-top: 14px;
	font-size: 18px;
	font-weight: 800;
}

.gsm-flow .woocommerce .wc-proceed-to-checkout {
	padding: 0;
}

/* Traka dostave u kutiji pregleda narudžbe */
.gsm-flow--checkout #order_review .gsm-ship-progress {
	margin: 0 0 16px;
	background: var(--gsm-white);
}

/* "Već kupujete kod nas?" */
.gsm-flow .woocommerce-form-login-toggle .woocommerce-info {
	margin: 0 0 24px;
	padding: 14px 18px;
	border: 1px solid #e9ebef;
	border-radius: 10px;
	background: var(--gsm-white);
	color: var(--gsm-text);
	font-size: 14px;
	letter-spacing: 0;
	text-align: left;
	text-transform: none;
}

.gsm-flow .woocommerce-form-login-toggle .woocommerce-info a {
	color: var(--gsm-orange);
	font-weight: 600;
	text-transform: none;
}

.gsm-flow .woocommerce-form-login-toggle .woocommerce-info::before {
	display: none;
}

/* OceanWP daje dugmetu display: block, pa flex centriranje iznad ne radi */
.gsm-flow .woocommerce a.checkout-button {
	display: flex !important;
	align-items: center;
	justify-content: center;
	padding: 0 24px !important;
	line-height: 1 !important;
}

.gsm-flow ul#shipping_method label,
.gsm-flow .woocommerce-shipping-totals td {
	text-transform: none;
}

.gsm-flow .woocommerce table.shop_table tr.woocommerce-shipping-totals th,
.gsm-flow .woocommerce table.shop_table tr.woocommerce-shipping-totals td {
	vertical-align: middle;
}

.gsm-flow ul#shipping_method li label {
	margin: 0;
	font-weight: 600;
}

/* Potvrda narudžbe (i narudžba u Mom nalogu): OceanWP okvir oko pregleda, uppercase oznake, zelene cijene */
.gsm-flow--received .woocommerce .woocommerce-order ul.woocommerce-order-overview {
	padding: 0;
	border: 0;
}

.gsm-flow--received ul.woocommerce-order-overview li.total .amount {
	color: var(--gsm-orange);
}

:is(.gsm-flow--received, .gsm-flow--account) .woocommerce table.woocommerce-table--order-details {
	border: 1px solid #e9ebef;
	border-radius: 14px;
	border-collapse: separate;
	border-spacing: 0;
	overflow: hidden;
}

:is(.gsm-flow--received, .gsm-flow--account) .woocommerce table.woocommerce-table--order-details th,
:is(.gsm-flow--received, .gsm-flow--account) .woocommerce table.woocommerce-table--order-details td {
	padding: 12px 16px;
	border: 0;
	border-top: 1px solid #e9ebef;
	background: none;
	color: var(--gsm-text);
	font-size: 14px;
	letter-spacing: 0;
	text-transform: none;
}

:is(.gsm-flow--received, .gsm-flow--account) .woocommerce table.woocommerce-table--order-details thead th {
	border-top: 0;
	background: var(--gsm-light);
	color: #6b7079;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .04em;
	text-transform: uppercase;
}

:is(.gsm-flow--received, .gsm-flow--account) .woocommerce table.woocommerce-table--order-details tfoot th {
	color: #6b7079;
	font-weight: 500;
}

:is(.gsm-flow--received, .gsm-flow--account) .woocommerce table.woocommerce-table--order-details tfoot tr:last-child th,
:is(.gsm-flow--received, .gsm-flow--account) .woocommerce table.woocommerce-table--order-details tfoot tr:last-child td {
	color: var(--gsm-text);
	font-size: 16px;
	font-weight: 800;
}

:is(.gsm-flow--received, .gsm-flow--account) .woocommerce table.woocommerce-table--order-details tfoot tr:last-child .amount {
	color: var(--gsm-orange);
}

:is(.gsm-flow--received, .gsm-flow--account) .woocommerce-customer-details address {
	padding: 16px 20px;
	border: 1px solid #e9ebef;
	border-radius: 12px;
	font-style: normal;
	line-height: 1.7;
}