/* =========================================================================
   Metal Universe Shop – Shopify-style skin for the WooCommerce block Cart & Checkout
   --oc-accent / --oc-accent-dark are printed inline from the plugin settings.
   ========================================================================= */

body .wp-block-woocommerce-checkout,
body .wp-block-woocommerce-cart {
	--oc-ink: #F4F3F3;
	--oc-muted: #A3A3A3;
	--oc-line: #3A3A3A;
	--oc-line-soft: #2A2A2A;
	--oc-panel: #1C1C1C;
	--oc-tint: rgba(232, 51, 36, .12);
	--oc-page: #111111;
	--oc-paper: #171717;
	--oc-ink-2: #D6D6D6;
	--oc-on-ink: #111111;
	--oc-ok: #4CC38A;
	--oc-ok-bg: rgba(76, 195, 138, .12);
	--oc-err: #FF6B5E;
	--oc-err-bg: rgba(255, 107, 94, .12);
	--oc-warn: #F5B544;
	--oc-warn-bg: rgba(245, 181, 68, .12);
	--oc-info-bg: rgba(120, 160, 255, .12);
	--oc-img: #FFFFFF;
	--oc-well: #F2F2F0; /* behind product photos (white-background shots blend in via multiply) */
	color-scheme: dark;
	--oc-radius: 5px;
	--oc-head: var(--e-global-typography-primary-font-family, "Source Sans Pro"), "Source Sans Pro", "Source Sans 3", "Helvetica Neue", Arial, sans-serif;
	--oc-body: var(--e-global-typography-text-font-family, "Source Sans Pro"), "Source Sans Pro", "Source Sans 3", "Helvetica Neue", Arial, sans-serif;
	color: var(--oc-ink);
	font-family: var(--oc-body);
}

/* ---------- Headings ---------------------------------------------------- */

body .wp-block-woocommerce-checkout .wc-block-components-checkout-step__title,
body .wp-block-woocommerce-checkout .wc-block-components-title,
body .wp-block-woocommerce-cart .wc-block-cart__totals-title {
	font-family: var(--oc-head);
	font-size: 20px;
	font-weight: 600;
	color: var(--oc-ink);
	text-transform: none;
	letter-spacing: 0;
}

body .wp-block-woocommerce-checkout .wc-block-components-checkout-step__description {
	color: var(--oc-muted);
	font-size: 14px;
}

body .wp-block-woocommerce-checkout .wc-block-components-checkout-step {
	margin-bottom: 32px;
}

/* ---------- Inputs ------------------------------------------------------ */

body .wp-block-woocommerce-checkout .wc-block-components-text-input input[type="text"],
body .wp-block-woocommerce-checkout .wc-block-components-text-input input[type="email"],
body .wp-block-woocommerce-checkout .wc-block-components-text-input input[type="tel"],
body .wp-block-woocommerce-checkout .wc-block-components-text-input input[type="number"],
body .wp-block-woocommerce-checkout .wc-block-components-text-input input[type="password"],
body .wp-block-woocommerce-checkout .wc-block-components-textarea,
body .wp-block-woocommerce-checkout .wc-blocks-components-select .wc-blocks-components-select__select,
body .wp-block-woocommerce-checkout .wc-block-components-combobox .components-combobox-control__input,
body .wc-block-components-totals-coupon .wc-block-components-text-input input[type="text"] {
	border: 1px solid var(--oc-line);
	border-radius: var(--oc-radius);
	background-color: var(--oc-paper);
	color: var(--oc-ink);
	font-family: var(--oc-body);
	box-shadow: none;
}

body .wp-block-woocommerce-checkout .wc-block-components-text-input input:focus,
body .wp-block-woocommerce-checkout .wc-block-components-textarea:focus,
body .wp-block-woocommerce-checkout .wc-blocks-components-select .wc-blocks-components-select__select:focus,
body .wp-block-woocommerce-checkout .wc-block-components-combobox .components-combobox-control__input:focus,
body .wc-block-components-totals-coupon .wc-block-components-text-input input:focus {
	border-color: var(--oc-accent);
	box-shadow: 0 0 0 1px var(--oc-accent);
	outline: none;
}

body .wp-block-woocommerce-checkout .wc-block-components-text-input label,
body .wp-block-woocommerce-checkout .wc-blocks-components-select__label {
	color: var(--oc-muted);
}

body .wp-block-woocommerce-checkout .wc-block-components-validation-error {
	color: var(--oc-err);
}

/* ---------- Checkboxes & radios ---------------------------------------- */

body .wp-block-woocommerce-checkout .wc-block-components-checkbox__input[type="checkbox"],
body .wp-block-woocommerce-cart .wc-block-components-checkbox__input[type="checkbox"] {
	border-color: var(--oc-line);
	border-radius: 4px;
}

body .wp-block-woocommerce-checkout .wc-block-components-checkbox__input[type="checkbox"]:checked,
body .wp-block-woocommerce-cart .wc-block-components-checkbox__input[type="checkbox"]:checked {
	background: var(--oc-accent);
	border-color: var(--oc-accent);
}

body .wp-block-woocommerce-checkout .wc-block-components-checkbox__input[type="checkbox"]:checked + .wc-block-components-checkbox__mark,
body .wp-block-woocommerce-cart .wc-block-components-checkbox__input[type="checkbox"]:checked + .wc-block-components-checkbox__mark {
	fill: #fff;
}

body .wp-block-woocommerce-checkout .wc-block-components-radio-control__input:checked,
body .wp-block-woocommerce-cart .wc-block-components-radio-control__input:checked {
	border-color: var(--oc-accent);
}

body .wp-block-woocommerce-checkout .wc-block-components-radio-control__input:checked::before,
body .wp-block-woocommerce-cart .wc-block-components-radio-control__input:checked::before {
	background: var(--oc-accent);
}

/* Shipping rates / pickup options / payment methods: selected card state */
body .wp-block-woocommerce-checkout .wc-block-components-radio-control__option--checked-option-highlighted,
body .wp-block-woocommerce-checkout .wc-block-components-radio-control-accordion-option--checked-option-highlighted {
	background: var(--oc-tint);
	box-shadow: inset 0 0 0 1px var(--oc-accent);
	border-radius: var(--oc-radius);
}

body .wp-block-woocommerce-checkout .wc-block-components-radio-control--highlight-checked,
body .wp-block-woocommerce-checkout .wc-block-checkout__payment-method .wc-block-components-radio-control {
	border-radius: var(--oc-radius);
}

body .wp-block-woocommerce-checkout .wc-block-components-radio-control-accordion-content {
	background: var(--oc-panel);
	font-size: 14px;
	color: var(--oc-ink-2);
}

body .wp-block-woocommerce-checkout .wc-block-components-radio-control__secondary-label,
body .wp-block-woocommerce-checkout .wc-block-components-radio-control__label {
	color: var(--oc-ink);
}

body .wp-block-woocommerce-checkout .wc-block-components-radio-control__description,
body .wp-block-woocommerce-checkout .wc-block-components-radio-control__secondary-description {
	color: var(--oc-muted);
}

/* ---------- Buttons ----------------------------------------------------- */

body .wp-block-woocommerce-checkout .wc-block-components-checkout-place-order-button,
body .wp-block-woocommerce-checkout .wc-block-components-button.wc-block-components-checkout-place-order-button:not(.is-link),
body .wp-block-woocommerce-cart .wc-block-cart__submit-button,
body .wp-block-woocommerce-cart .wc-block-components-button.wc-block-cart__submit-button:not(.is-link) {
	width: 100%;
	min-height: 56px;
	border: 0;
	border-radius: var(--oc-radius);
	background: var(--oc-accent);
	color: #fff;
	font-family: var(--oc-head);
	font-size: 17px;
	font-weight: 600;
	text-transform: none;
	letter-spacing: 0;
	box-shadow: none;
	transition: background-color 0.15s ease;
}

body .wp-block-woocommerce-checkout .wc-block-components-checkout-place-order-button:hover,
body .wp-block-woocommerce-checkout .wc-block-components-checkout-place-order-button:focus,
body .wp-block-woocommerce-cart .wc-block-cart__submit-button:hover,
body .wp-block-woocommerce-cart .wc-block-cart__submit-button:focus {
	background: var(--oc-accent-dark);
	color: #fff;
}

body .wp-block-woocommerce-checkout .wc-block-components-checkout-place-order-button:focus-visible,
body .wp-block-woocommerce-cart .wc-block-cart__submit-button:focus-visible {
	outline: 2px solid var(--oc-accent-dark);
	outline-offset: 2px;
}

/* Coupon "Apply" */
body .wc-block-components-totals-coupon .wc-block-components-totals-coupon__button,
body .wc-block-components-totals-coupon .wc-block-components-button:not(.is-link) {
	min-height: 48px;
	border: 1px solid var(--oc-line);
	border-radius: var(--oc-radius);
	background: var(--oc-panel);
	color: var(--oc-ink-2);
	font-family: var(--oc-head);
	font-weight: 600;
	box-shadow: none;
}

body .wc-block-components-totals-coupon .wc-block-components-totals-coupon__button:hover {
	background: var(--oc-line);
}

/* Links ("Return to cart", "Add coupon", …) */
body .wp-block-woocommerce-checkout a,
body .wp-block-woocommerce-checkout .wc-block-components-button.is-link,
body .wp-block-woocommerce-cart .wc-block-components-panel__button {
	color: var(--oc-accent);
}

/* ---------- Express payment (Apple Pay / Google Pay) -------------------- */

body .wp-block-woocommerce-checkout .wc-block-components-express-payment--checkout .wc-block-components-express-payment__content {
	border-color: var(--oc-line-soft);
	border-radius: 0 0 var(--oc-radius) var(--oc-radius);
}

body .wp-block-woocommerce-checkout .wc-block-components-express-payment--checkout .wc-block-components-express-payment__title-container::before,
body .wp-block-woocommerce-checkout .wc-block-components-express-payment--checkout .wc-block-components-express-payment__title-container::after {
	border-color: var(--oc-line-soft);
}

body .wp-block-woocommerce-checkout .wc-block-components-express-payment__title {
	font-family: var(--oc-body);
	font-size: 14px;
	font-weight: 400;
	color: var(--oc-muted);
}

body .wp-block-woocommerce-checkout .wc-block-components-express-payment-continue-rule {
	color: var(--oc-muted);
	font-size: 13px;
	text-transform: uppercase;
}

/* ---------- Checkout: two-column Shopify layout ------------------------ */

@media (min-width: 1000px) {
	body .wc-block-checkout.wc-block-components-sidebar-layout {
		flex-wrap: nowrap;
		margin-bottom: 0;
	}

	body .wc-block-checkout .wc-block-components-main {
		width: 56%;
		padding-right: 48px;
		padding-bottom: 48px;
	}

	/* Grey summary panel that runs to the right edge of the screen */
	body .wc-block-checkout .wc-block-components-sidebar.wc-block-checkout__sidebar {
		position: relative;
		top: auto;
		align-self: stretch;
		width: 44%;
		padding: 40px 0 48px 48px;
		background: var(--oc-panel);
		border-left: 1px solid var(--oc-line-soft);
		box-shadow: 0 0 0 100vmax var(--oc-panel);
		clip-path: inset(0 -100vmax 0 0);
	}

	body .wc-block-checkout .wc-block-checkout__sidebar > .wp-block-woocommerce-checkout-order-summary-block {
		position: sticky;
		top: 32px;
	}
}

/* Order summary card */
body .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block {
	border: 0;
	border-radius: 0;
	background: transparent;
}

body .wp-block-woocommerce-checkout .wc-block-components-checkout-order-summary__title-text {
	font-family: var(--oc-head);
	font-weight: 600;
}

/* Mobile: the collapsible summary at the top becomes a full-width grey
   Shopify bar – "Обобщение на поръчката ........ 7 000,00 € ˅" */
@media (max-width: 999px) {
	body .wp-block-woocommerce-checkout .wc-block-checkout__sidebar > .wp-block-woocommerce-checkout-order-summary-block {
		margin: 0 calc(50% - 50vw) 8px;
		padding: 0 16px;
		border: 0;
		border-top: 1px solid var(--oc-line-soft);
		border-bottom: 1px solid var(--oc-line-soft);
		border-radius: 0;
		background: var(--oc-panel);
	}

	body .wp-block-woocommerce-checkout .wc-block-checkout__sidebar .wc-block-components-checkout-order-summary__title {
		align-items: center;
		gap: 10px;
		margin: 0;
		padding: 16px 0;
		border: 0;
		color: var(--oc-accent);
	}

	body .wp-block-woocommerce-checkout .wc-block-checkout__sidebar .wc-block-components-checkout-order-summary__title-text {
		font-family: var(--oc-body);
		font-size: 15px;
		font-weight: 500;
		color: var(--oc-accent);
	}

	body .wp-block-woocommerce-checkout .wc-block-checkout__sidebar .wc-block-components-checkout-order-summary__title-price {
		font-family: var(--oc-head);
		font-size: 17px;
		font-weight: 700;
		color: var(--oc-ink);
	}

	body .wp-block-woocommerce-checkout .wc-block-checkout__sidebar .wc-block-components-checkout-order-summary__title-icon {
		fill: var(--oc-ink);
	}

	body .wp-block-woocommerce-checkout .wc-block-checkout__sidebar .wc-block-components-checkout-order-summary__content {
		padding-bottom: 8px;
		border-top: 1px solid var(--oc-line-soft);
	}

	body.woocommerce-checkout .wc-block-checkout .wc-block-components-main {
		padding-top: 24px;
	}
}

/* Line items with the quantity bubble on the thumbnail */
body .wp-block-woocommerce-checkout .wc-block-components-order-summary-item__image > img {
	width: 64px;
	max-width: 64px;
	border: 1px solid var(--oc-line);
	border-radius: 8px;
	background: var(--oc-well, #F2F2F0);
}

body .wp-block-woocommerce-checkout .wc-block-components-order-summary-item__quantity {
	min-width: 22px;
	height: 22px;
	border: 0;
	border-radius: 11px;
	background: var(--oc-muted);
	color: #fff;
	box-shadow: none;
	font-size: 12px;
	font-weight: 600;
}

body .wp-block-woocommerce-checkout .wc-block-components-order-summary-item__description .wc-block-components-product-name {
	font-weight: 500;
}

body .wp-block-woocommerce-checkout .wc-block-components-product-metadata,
body .wp-block-woocommerce-checkout .wc-block-components-order-summary-item__individual-prices {
	color: var(--oc-muted);
	font-size: 12px;
}

/* Totals */
body .wc-block-components-totals-wrapper {
	border-color: var(--oc-line);
}

body .wc-block-components-totals-item__label,
body .wc-block-components-totals-item__value {
	font-size: 14px;
}

body .wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
	font-family: var(--oc-head);
	font-size: 19px;
	font-weight: 600;
}

body .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
	font-family: var(--oc-head);
	font-size: 24px;
	font-weight: 700;
}

body .wc-block-components-totals-footer-item-tax {
	color: var(--oc-muted);
	font-size: 13px;
}

/* ---------- Cart page -------------------------------------------------- */

body .wp-block-woocommerce-cart .wc-block-cart-items th,
body .wp-block-woocommerce-cart .wc-block-cart-items__header {
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--oc-muted);
}

body .wp-block-woocommerce-cart .wc-block-cart-items td,
body .wp-block-woocommerce-cart .wc-block-cart-items__header {
	border-color: var(--oc-line-soft);
}

body .wp-block-woocommerce-cart .wc-block-cart-item__image img {
	border: 1px solid var(--oc-line-soft);
	border-radius: 8px;
	background: var(--oc-well, #F2F2F0);
}

body .wp-block-woocommerce-cart .wc-block-cart-item__product .wc-block-components-product-name {
	color: var(--oc-ink);
	font-size: 16px;
	font-weight: 500;
	text-decoration: none;
}

body .wp-block-woocommerce-cart .wc-block-cart-item__remove-link {
	color: var(--oc-muted);
	font-size: 13px;
}

body .wp-block-woocommerce-cart .wc-block-cart-item__total .wc-block-components-product-price__value {
	font-weight: 600;
}

body .wp-block-woocommerce-cart .wc-block-components-quantity-selector {
	border-radius: var(--oc-radius);
}

body .wp-block-woocommerce-cart .wc-block-components-quantity-selector::after {
	border-color: var(--oc-line);
	border-radius: var(--oc-radius);
}

body .wp-block-woocommerce-cart .wc-block-components-quantity-selector__button:hover {
	background: var(--oc-panel);
}

@media (min-width: 1000px) {
	body .wc-block-cart .wc-block-cart__sidebar {
		padding: 28px;
		border-radius: 10px;
		background: var(--oc-panel);
		align-self: flex-start;
	}
}

/* ---------- Free-shipping bar (cart + checkout) ------------------------- */

body .oc-freeship {
	margin: 16px 0 4px;
	padding: 14px 16px;
	border-radius: 8px;
	background: var(--oc-tint);
}

body .oc-freeship__text {
	margin: 0 0 10px;
	font-size: 14px;
	line-height: 1.4;
	color: var(--oc-ink);
}

body .oc-freeship__track {
	height: 8px;
	border-radius: 4px;
	background: var(--oc-ok-bg);
	overflow: hidden;
}

body .oc-freeship__fill {
	height: 100%;
	border-radius: 4px;
	background: var(--oc-accent);
	transition: width 0.3s ease;
}

body .oc-freeship.is-done .oc-freeship__text {
	font-weight: 600;
	color: var(--oc-accent-dark);
}

/* ---------- Trust list (checkout sidebar) ------------------------------- */

body .oc-trust {
	list-style: none;
	margin: 20px 0 0;
	padding: 20px 0 0;
	border-top: 1px solid var(--oc-line);
	display: flex;
	flex-direction: column;
	gap: 12px;
}

body .oc-trust li {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0;
	font-size: 14px;
	color: var(--oc-ink-2);
}

body .oc-trust svg {
	flex-shrink: 0;
	color: var(--oc-accent);
}


/* ---------- Clean line items: name + variation only (like Shopify) ------ */

body .wc-block-components-order-summary-item .wc-block-components-product-metadata__description,
body .wc-block-components-order-summary-item .wc-block-components-order-summary-item__individual-prices,
body .wc-block-cart-item__wrap .wc-block-components-product-metadata__description {
	display: none;
}

body .wp-block-woocommerce-checkout .wc-block-components-order-summary-item__quantity span {
	color: #fff;
}

/* =========================================================================
   BG Couriers delivery block
   Elementor's global button style leaks onto its tabs and Map buttons,
   so everything here resets padding / colour / text-transform first.
   ========================================================================= */

body .wp-block-woocommerce-checkout .bgc-fields {
	font-family: var(--oc-body);
	color: var(--oc-ink);
}

body .wp-block-woocommerce-checkout .bgc-tabs {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	margin: 14px 0 18px;
}

body .wp-block-woocommerce-checkout .bgc-tabs .bgc-tab {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	height: auto;
	min-height: 52px;
	margin: 0;
	padding: 12px 16px;
	border: 1px solid var(--oc-line);
	border-radius: var(--oc-radius);
	background: var(--oc-paper);
	color: var(--oc-ink);
	box-shadow: none;
	font-family: var(--oc-body);
	font-size: 15px;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: 0;
	text-transform: none;
	transition: border-color 0.15s ease, background-color 0.15s ease;
}

body .wp-block-woocommerce-checkout .bgc-tabs .bgc-tab:hover {
	border-color: var(--oc-line);
	background: var(--oc-paper);
	color: var(--oc-ink);
}

body .wp-block-woocommerce-checkout .bgc-tabs .bgc-tab.active,
body .wp-block-woocommerce-checkout .bgc-tabs .bgc-tab.active:hover {
	border-color: var(--oc-accent);
	background: var(--oc-tint);
	color: var(--oc-accent-dark);
	box-shadow: inset 0 0 0 1px var(--oc-accent);
}

body .wp-block-woocommerce-checkout .bgc-tabs .bgc-tab:focus-visible,
body .wp-block-woocommerce-checkout .bgc-map-btn:focus-visible {
	outline: 2px solid var(--oc-accent);
	outline-offset: 2px;
}

body .wp-block-woocommerce-checkout .bgc-field {
	margin-bottom: 14px;
}

body .wp-block-woocommerce-checkout .bgc-field > label,
body .wp-block-woocommerce-checkout .bgc-office-label {
	display: block;
	margin: 0 0 6px;
	font-family: var(--oc-body);
	font-size: 14px;
	font-weight: 500;
	line-height: 1.3;
	color: var(--oc-muted);
}

/* select2 dropdowns (city, office, street) */
body .wp-block-woocommerce-checkout .bgc-fields .select2-container .select2-selection--single {
	display: flex;
	align-items: center;
	height: 48px;
	border: 1px solid var(--oc-line);
	border-radius: var(--oc-radius) !important; /* BG Couriers forces 8px !important */
	background: var(--oc-paper);
}

body .wp-block-woocommerce-checkout .bgc-fields .select2-container .select2-selection--single .select2-selection__rendered {
	padding-left: 14px;
	line-height: 46px;
	color: var(--oc-ink);
	font-size: 15px;
}

body .wp-block-woocommerce-checkout .bgc-fields .select2-container .select2-selection__placeholder {
	color: var(--oc-muted);
}

body .wp-block-woocommerce-checkout .bgc-fields .select2-container .select2-selection--single .select2-selection__arrow {
	height: 46px;
}

body .wp-block-woocommerce-checkout .bgc-fields .select2-container--focus .select2-selection--single,
body .wp-block-woocommerce-checkout .bgc-fields .select2-container--open .select2-selection--single {
	border-color: var(--oc-accent);
	box-shadow: 0 0 0 1px var(--oc-accent);
}

body .wp-block-woocommerce-checkout .bgc-fields .select2-container--disabled .select2-selection--single {
	background: var(--oc-panel);
}

body .select2-container--default .select2-results__option--highlighted[aria-selected],
body .select2-container--default .select2-results__option--highlighted[data-selected] {
	background: var(--oc-accent);
	color: #fff;
}

/* plain text inputs (street no., block, floor…) */
body .wp-block-woocommerce-checkout .bgc-fields input[type="text"] {
	box-sizing: border-box;
	width: 100%;
	height: 48px;
	padding: 0 14px;
	border: 1px solid var(--oc-line);
	border-radius: var(--oc-radius);
	background: var(--oc-paper);
	color: var(--oc-ink);
	font-family: var(--oc-body);
	font-size: 15px;
	box-shadow: none;
}

body .wp-block-woocommerce-checkout .bgc-fields input[type="text"]:focus {
	border-color: var(--oc-accent);
	box-shadow: 0 0 0 1px var(--oc-accent);
	outline: none;
}

/* Map buttons */
body .wp-block-woocommerce-checkout .bgc-map-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	height: 48px;
	min-width: 48px;
	margin: 0;
	padding: 0 16px;
	border: 1px solid var(--oc-line);
	border-radius: var(--oc-radius);
	background: var(--oc-paper);
	color: var(--oc-accent);
	box-shadow: none;
	font-family: var(--oc-body);
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0;
	text-transform: none;
	white-space: nowrap;
}

body .wp-block-woocommerce-checkout .bgc-map-btn:hover:not(:disabled) {
	border-color: var(--oc-accent);
	background: var(--oc-tint);
	color: var(--oc-accent-dark);
}

body .wp-block-woocommerce-checkout .bgc-map-btn:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

body .wp-block-woocommerce-checkout .bgc-addr-map-btn {
	padding: 0;
	width: 48px;
}

/* =========================================================================
   Cart page layout
   The Elementor header overlaps the page by 113px on desktop (made for the
   homepage hero), and Hello's .alignwide pulls the cart 80px off-screen.
   ========================================================================= */

body.woocommerce-cart .site-main > .page-header,
body.woocommerce-cart .site-main > .page-content {
	box-sizing: border-box;
	max-width: 1248px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 24px;
	padding-right: 24px;
}

/* Room for an overlay (transparent) header: Metal Universe settings → Отстъп под хедъра */
body.woocommerce-cart .site-main,
body.woocommerce-checkout .site-main {
	padding-top: var(--oc-hdr-m, 0px);
}

@media (min-width: 1025px) {
	body.woocommerce-cart .site-main,
	body.woocommerce-checkout .site-main {
		padding-top: var(--oc-hdr-d, 0px);
	}
}


/* Checkout has no page title, so give the form some room under the header */
body.woocommerce-checkout .wc-block-checkout .wc-block-components-main {
	padding-top: 40px;
}

@media (max-width: 767px) {
	body.woocommerce-cart .site-main > .page-header .entry-title {
		margin: 28px 0 20px;
		font-size: 30px;
	}
}

body.woocommerce-cart .site-main > .page-header .entry-title {
	margin: 48px 0 28px;
	font-family: var(--e-global-typography-primary-font-family, "Source Sans Pro"), "Source Sans Pro", "Source Sans 3", "Helvetica Neue", Arial, sans-serif;
	font-size: 36px;
	font-weight: 600;
	line-height: 1.2;
	color: var(--oc-ink);
}

body.woocommerce-cart .wp-block-woocommerce-cart.alignwide {
	width: auto;
	max-width: none;
	margin: 0 0 72px;
}

/* Line items */
body .wp-block-woocommerce-cart .wc-block-cart-items .wc-block-cart-item__image {
	width: 96px;
	padding-right: 20px;
}

body .wp-block-woocommerce-cart .wc-block-cart-items .wc-block-cart-item__image img {
	width: 96px;
	height: 96px;
	object-fit: contain;
	padding: 6px;
	box-sizing: border-box;
	background: var(--oc-well, #F2F2F0);
}

body .wp-block-woocommerce-cart .wc-block-cart-items td {
	padding-top: 24px;
	padding-bottom: 24px;
}

body .wp-block-woocommerce-cart .wc-block-cart-item__prices {
	margin: 4px 0 12px;
	color: var(--oc-muted);
	font-size: 14px;
}

body .wp-block-woocommerce-cart .wc-block-cart-item__remove-link {
	color: var(--oc-muted);
}

body .wp-block-woocommerce-cart .wc-block-cart-item__remove-link:hover {
	color: var(--oc-err);
}

/* Summary: shipping is chosen at checkout, so don't show a misleading 0 € rate */
body .wp-block-woocommerce-cart .wc-block-components-totals-shipping {
	display: none;
}

body .wp-block-woocommerce-cart .wc-block-cart__submit-button {
	text-decoration: none;
}

body .wp-block-woocommerce-cart .wc-block-cart__submit-container {
	margin-top: 8px;
}

.oc-cart-note {
	margin: 12px 0 0;
	font-size: 13px;
	color: var(--oc-muted);
}

/* ---------- Notices (dark) ---------------------------------------------- */
body .wp-block-woocommerce-checkout .wc-block-components-notice-banner,
body .wp-block-woocommerce-cart .wc-block-components-notice-banner {
	border-radius: var(--oc-radius);
	background: var(--oc-panel);
	color: var(--oc-ink);
	border-color: var(--oc-line);
}
body .wp-block-woocommerce-checkout .wc-block-components-notice-banner.is-error,
body .wp-block-woocommerce-cart .wc-block-components-notice-banner.is-error { background: var(--oc-err-bg); border-color: var(--oc-err); }
body .wp-block-woocommerce-checkout .wc-block-components-notice-banner.is-success,
body .wp-block-woocommerce-cart .wc-block-components-notice-banner.is-success { background: var(--oc-ok-bg); border-color: var(--oc-ok); }
body .wp-block-woocommerce-checkout .wc-block-components-notice-banner.is-warning,
body .wp-block-woocommerce-cart .wc-block-components-notice-banner.is-warning { background: var(--oc-warn-bg); border-color: var(--oc-warn); }
body .wp-block-woocommerce-checkout .wc-block-components-notice-banner > svg,
body .wp-block-woocommerce-cart .wc-block-components-notice-banner > svg { fill: currentColor; background: transparent; }

/* ---------- Cart rows on phones ----------------------------------------
   WooCommerce's phone layout uses fixed columns (80px + 132px) and adds the price after them,
   so a long sale label pushed the row past the screen. Photo | name (flexible) | price. */
body .wp-block-woocommerce-cart .wc-block-cart-items__row { grid-template-columns: 80px minmax(0, 1fr) auto !important; column-gap: 14px; }
body .wp-block-woocommerce-cart .wc-block-cart-items__row .wc-block-cart-item__product { grid-column: 2 / 3 !important; min-width: 0; overflow-wrap: anywhere; }
body .wp-block-woocommerce-cart .wc-block-cart-items__row .wc-block-cart-item__total { grid-column: 3 / 4 !important; grid-row: 1; justify-self: end; max-width: 96px; }
body .wp-block-woocommerce-cart .wc-block-cart-item__total-price-and-sale-badge-wrapper { align-items: flex-end; text-align: right; }
body .wp-block-woocommerce-cart .wc-block-cart-item__total .wc-block-components-sale-badge { white-space: normal; margin-top: 6px; padding: 3px 6px; font-size: 11px; line-height: 1.3; text-align: right; }