/* ================================================================
   Kurv: Theme CarsByRiisager 1 — WooCommerce Cart Page Layout
   Copy of cart-future/style.css. All rules scoped to body.wc-cart-theme-carsbyriisager1
   ================================================================ */

/* ── Design Tokens (identical to Theme Future 2) ── */

body.wc-cart-theme-carsbyriisager1 {
	--ft-ink:        #1a2332;
	--ft-ink-2:      #556070;
	--ft-ink-3:      #9aa4ae;
	--ft-gold:       #DCC178;
	--ft-surface:    #ffffff;
	--ft-surface-2:  #f7f8fa;
	--ft-border:     #e4e8ed;
	--ft-radius:     6px;
	--ft-shadow:     0 2px 16px rgba(26, 35, 50, 0.08);
	--ft-transition: all .2s ease;
}

/* ════════════════════════════════════════════════════════════════
   A) FILLED CART — Product Collection block
      Selector root: .wp-block-woocommerce-product-collection
   ════════════════════════════════════════════════════════════════ */

/* ── A1. Section heading ("Du er måske interesseret i…") ── */

body.wc-cart-theme-carsbyriisager1 .wp-block-woocommerce-product-collection > h2.wp-block-heading {
	text-transform: uppercase !important;
	letter-spacing: 0.1em !important;
	font-size: 0.8125rem !important;
	color: var(--ft-gold) !important;
	border-bottom: 1px solid var(--ft-gold);
	padding-bottom: 10px;
	margin-bottom: 28px;
}

/* ── A2. Product grid ── */

body.wc-cart-theme-carsbyriisager1 ul.wc-block-product-template {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 24px !important;
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	float: none !important;
}

body.wc-cart-theme-carsbyriisager1 ul.wc-block-product-template::before,
body.wc-cart-theme-carsbyriisager1 ul.wc-block-product-template::after {
	display: none !important;
}

/* ── A3. Product card ── */

body.wc-cart-theme-carsbyriisager1 li.wc-block-product {
	padding: 18px !important;
	background: var(--ft-surface) !important;
	border: 1px solid var(--ft-border) !important;
	border-radius: var(--ft-radius) !important;
	transition: var(--ft-transition) !important;
	margin: 0 !important;
	width: auto !important;
	float: none !important;
	display: flex !important;
	flex-direction: column !important;
}

body.wc-cart-theme-carsbyriisager1 li.wc-block-product:hover {
	box-shadow: var(--ft-shadow) !important;
	border-color: transparent !important;
	transform: translateY(-3px) !important;
}

/* ── A4. Product image ── */

body.wc-cart-theme-carsbyriisager1 li.wc-block-product .wc-block-components-product-image,
body.wc-cart-theme-carsbyriisager1 li.wc-block-product .wp-block-woocommerce-product-image {
	border-radius: var(--ft-radius);
	overflow: hidden;
	margin-bottom: 12px;
}

/* ── A5. Product title (h2.wp-block-post-title — has inline styles, needs !important) ── */

body.wc-cart-theme-carsbyriisager1 li.wc-block-product h2.wp-block-post-title {
	font-size: clamp(12px, 0.5rem + 0.4vw, 15px) !important;
	font-weight: 600 !important;
	line-height: 1.4 !important;
	text-align: left !important;
	text-transform: uppercase !important;
	letter-spacing: 0.04em !important;
	overflow-wrap: break-word !important;
	margin-top: 0 !important;
	margin-bottom: 8px !important;
}

body.wc-cart-theme-carsbyriisager1 li.wc-block-product h2.wp-block-post-title a {
	color: var(--ft-ink) !important;
	text-decoration: none !important;
}

/* ── A6. Product price ── */

body.wc-cart-theme-carsbyriisager1 li.wc-block-product .wc-block-components-product-price,
body.wc-cart-theme-carsbyriisager1 li.wc-block-product .wc-block-grid__product-price {
	color: var(--ft-ink) !important;
	font-weight: 700 !important;
	font-size: 1em !important;
	text-align: left !important;
	margin-bottom: 4px;
}

body.wc-cart-theme-carsbyriisager1 li.wc-block-product .wc-block-components-product-price .woocommerce-Price-amount {
	color: var(--ft-ink) !important;
}

/* ── A7. Add to cart button ── */

body.wc-cart-theme-carsbyriisager1 li.wc-block-product .wc-block-components-product-button {
	margin-top: auto;
	padding-top: 14px;
	text-align: left !important;
}

body.wc-cart-theme-carsbyriisager1 li.wc-block-product .wc-block-components-product-button button,
body.wc-cart-theme-carsbyriisager1 li.wc-block-product .wc-block-components-product-button a {
	display: block !important;
	width: 100% !important;
	box-sizing: border-box !important;
	text-align: center !important;
	background: var(--ft-ink) !important;
	color: #fff !important;
	border: none !important;
	border-radius: var(--ft-radius) !important;
	padding: 9px 14px !important;
	font-size: 0.76em !important;
	font-weight: 700 !important;
	letter-spacing: 0.09em !important;
	text-transform: uppercase !important;
	text-decoration: none !important;
	transition: background .2s ease !important;
	cursor: pointer !important;
}

body.wc-cart-theme-carsbyriisager1 li.wc-block-product .wc-block-components-product-button button:hover,
body.wc-cart-theme-carsbyriisager1 li.wc-block-product .wc-block-components-product-button a:hover {
	background: #2d3f56 !important;
}

/* ════════════════════════════════════════════════════════════════
   B) EMPTY CART — Legacy product-new block
      Selector root: .wp-block-woocommerce-empty-cart-block
   ════════════════════════════════════════════════════════════════ */

/* ── B1. Section heading ("Ny i webshop") ── */

body.wc-cart-theme-carsbyriisager1 .wp-block-woocommerce-empty-cart-block .wp-block-heading:not(.wc-block-cart__empty-cart__title) {
	text-align: left !important;
	text-transform: uppercase !important;
	letter-spacing: 0.1em !important;
	font-size: 0.8125rem !important;
	color: var(--ft-gold) !important;
	border-bottom: 1px solid var(--ft-gold);
	padding-bottom: 10px;
	margin-bottom: 28px;
}

/* ── B2. Product grid ── */

body.wc-cart-theme-carsbyriisager1 .wc-block-grid__products {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 24px !important;
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	float: none !important;
}

body.wc-cart-theme-carsbyriisager1 .wc-block-grid__products::before,
body.wc-cart-theme-carsbyriisager1 .wc-block-grid__products::after {
	display: none !important;
}

/* ── B3. Product card ── */

body.wc-cart-theme-carsbyriisager1 .wc-block-grid__product {
	padding: 18px !important;
	background: var(--ft-surface) !important;
	border: 1px solid var(--ft-border) !important;
	border-radius: var(--ft-radius) !important;
	transition: var(--ft-transition) !important;
	margin: 0 !important;
	width: auto !important;
	max-width: none !important;
	float: none !important;
	display: flex !important;
	flex-direction: column !important;
}

body.wc-cart-theme-carsbyriisager1 .wc-block-grid__product:hover {
	box-shadow: var(--ft-shadow) !important;
	border-color: transparent !important;
	transform: translateY(-3px) !important;
}

/* ── B4. Product image ── */

body.wc-cart-theme-carsbyriisager1 .wc-block-grid__product-image {
	border-radius: var(--ft-radius);
	overflow: hidden;
	margin-bottom: 12px;
}

/* ── B5. Product title ── */

body.wc-cart-theme-carsbyriisager1 .wc-block-grid__product-title {
	font-size: clamp(12px, 0.5rem + 0.4vw, 15px) !important;
	font-weight: 600 !important;
	line-height: 1.4 !important;
	color: var(--ft-ink) !important;
	text-transform: uppercase !important;
	letter-spacing: 0.04em !important;
	overflow-wrap: break-word !important;
	text-decoration: none !important;
	margin-bottom: 8px;
}

body.wc-cart-theme-carsbyriisager1 .wc-block-grid__product-link {
	text-decoration: none !important;
	color: inherit !important;
}

/* ── B6. Product price ── */

body.wc-cart-theme-carsbyriisager1 .wc-block-grid__product-price {
	color: var(--ft-ink) !important;
	font-weight: 700 !important;
	font-size: 1em !important;
	margin-bottom: 4px;
}

/* ── B7. Add to cart button ── */

body.wc-cart-theme-carsbyriisager1 .wc-block-grid__product-add-to-cart {
	display: block !important;
	width: 100% !important;
	margin-top: auto;
	padding-top: 14px;
}

/* Gutenberg wraps the link in div.wp-block-button which is inline-flex by default — make it full width */
body.wc-cart-theme-carsbyriisager1 .wc-block-grid__product-add-to-cart .wp-block-button {
	display: block !important;
	width: 100% !important;
}

body.wc-cart-theme-carsbyriisager1 .wc-block-grid__product-add-to-cart .wp-block-button__link {
	display: block !important;
	width: 100% !important;
	box-sizing: border-box !important;
	text-align: center !important;
	background: var(--ft-ink) !important;
	color: #fff !important;
	border: none !important;
	border-radius: var(--ft-radius) !important;
	padding: 9px 14px !important;
	font-size: 0.76em !important;
	font-weight: 700 !important;
	letter-spacing: 0.09em !important;
	text-transform: uppercase !important;
	text-decoration: none !important;
	transition: background .2s ease !important;
	cursor: pointer !important;
}

body.wc-cart-theme-carsbyriisager1 .wc-block-grid__product-add-to-cart .wp-block-button__link:hover {
	background: #2d3f56 !important;
}

/* ── Bottom spacing before footer ── */

/* Filled cart */
body.wc-cart-theme-carsbyriisager1 .wp-block-woocommerce-cart {
	padding-bottom: 60px;
}

/* Empty cart */
body.wc-cart-theme-carsbyriisager1 .wp-block-woocommerce-empty-cart-block {
	padding-bottom: 60px;
}

/* ── Responsive (both block types) ── */

@media ( max-width: 900px ) {
	body.wc-cart-theme-carsbyriisager1 ul.wc-block-product-template,
	body.wc-cart-theme-carsbyriisager1 .wc-block-grid__products {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}

@media ( max-width: 480px ) {
	body.wc-cart-theme-carsbyriisager1 ul.wc-block-product-template,
	body.wc-cart-theme-carsbyriisager1 .wc-block-grid__products {
		grid-template-columns: 1fr !important;
	}
}