/*
Theme Name:   Neve Child
Theme URI:    https://wheeling.dk
Description:  Neve child theme for Wheeling.dk
Author:       Calio
Template:     neve
Version:      1.0
*/

/* ==========================================================================
   Calio Custom Checkout Restructure — Wheeling.dk

   Elementor Pro's WooCommerce Checkout widget forces:
     - display: flex on the table
     - border + border-radius + margin on every row
   These rules NUKE that styling first, force normal table rendering, and
   then layer our own card / pill / mint-band design on top.
   ========================================================================== */

/* ==========================================================================
   1. NUKE Elementor's per-row card styling and force normal table layout.
   ========================================================================== */

body table.calio-checkout-restructured,
html body table.calio-checkout-restructured {
	display: table !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	flex: 0 1 auto !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	border-collapse: separate !important;
	border-spacing: 0 !important;
	table-layout: auto !important;
	border: none !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: visible !important;
	gap: 0 !important;
}

body .calio-checkout-restructured > thead,
html body .calio-checkout-restructured > thead {
	display: table-header-group !important;
	flex: none !important;
	background: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	box-shadow: none !important;
}

body .calio-checkout-restructured > tbody,
body .calio-checkout-restructured > tfoot,
html body .calio-checkout-restructured > tbody,
html body .calio-checkout-restructured > tfoot {
	display: table-row-group !important;
	flex: none !important;
	background: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	box-shadow: none !important;
	gap: 0 !important;
}

body .calio-checkout-restructured tr,
html body .calio-checkout-restructured tr {
	display: table-row !important;
	flex: none !important;
	flex-direction: row !important;
	width: auto !important;
	background: transparent !important;
	border: none !important;
	border-top: none !important;
	border-bottom: none !important;
	border-left: none !important;
	border-right: none !important;
	border-radius: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	box-shadow: none !important;
	gap: 0 !important;
}

body .calio-checkout-restructured th,
body .calio-checkout-restructured td,
html body .calio-checkout-restructured th,
html body .calio-checkout-restructured td {
	display: table-cell !important;
	flex: none !important;
	background: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	margin: 0 !important;
	color: var(--nv-text-color, #1e2727) !important;
	font-family: var(--e-global-typography-text-font-family, 'DM Sans'), Arial, sans-serif !important;
	font-size: 15px !important;
	line-height: 1.5 !important;
	padding: 12px 18px !important;
	vertical-align: middle !important;
}

body .calio-checkout-restructured th {
	text-align: left !important;
	font-weight: 500 !important;
}

body .calio-checkout-restructured td {
	text-align: right !important;
	white-space: nowrap !important;
}

/* ==========================================================================
   2. Section heading pill (used in thead, tfoot, recurring).
   ========================================================================== */

body .calio-checkout-restructured tr.calio-section-heading th {
	background: transparent !important;
	padding: 18px 18px 12px !important;
	font-weight: normal !important;
	border-bottom: none !important;
}

body .calio-checkout-restructured .calio-section-pill {
	display: inline-block !important;
	background: var(--nv-secondary-accent, #163d42) !important;
	color: var(--nv-text-dark-bg, #ffffff) !important;
	padding: 8px 14px !important;
	border-radius: 6px !important;
	font-family: var(--e-global-typography-text-font-family, 'DM Sans'), sans-serif !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.1em !important;
	line-height: 1.2 !important;
	border: none !important;
	box-shadow: none !important;
	margin: 0 !important;
}

body .calio-checkout-restructured tr.calio-recurring-heading .calio-section-pill {
	background: var(--nv-c-1, #004226) !important;
}

/* ==========================================================================
   3. Cart items (Card 1 — Elementor's tbody auto-card handles the wrapper).
   ========================================================================== */

body .calio-checkout-restructured tr.cart_item td {
	border-top: 1px solid #f0f2f3 !important;
}

body .calio-checkout-restructured tr.cart_item:first-of-type td {
	border-top: none !important;
}

body .calio-checkout-restructured tr.cart_item td.product-name {
	white-space: normal !important;
	font-weight: 500 !important;
	text-align: left !important;
}

body .calio-checkout-restructured .product-quantity {
	display: inline-block !important;
	margin-left: 6px !important;
	color: #818a96 !important;
	font-weight: 400 !important;
}

/* Hide the duplicated variation list (cl-co-item already includes it) */
body .calio-checkout-restructured td.product-name > dl.variation {
	display: none !important;
}

body .calio-checkout-restructured .cl-co-item dl.variation {
	margin: 4px 0 0 !important;
	font-size: 12px !important;
	color: #818a96 !important;
}

body .calio-checkout-restructured .cl-co-item dl.variation dt,
body .calio-checkout-restructured .cl-co-item dl.variation dd {
	display: inline !important;
	margin: 0 4px 0 0 !important;
	font-weight: 400 !important;
}

body .calio-checkout-restructured .cl-co-item dl.variation dd p {
	display: inline !important;
	margin: 0 !important;
}

body .calio-checkout-restructured .cl-co-thumb img {
	border-radius: 6px !important;
	border: 1px solid #f0f2f3 !important;
}

body .calio-checkout-restructured .cl-co-title a {
	color: var(--nv-text-color, #1e2727) !important;
	text-decoration: none !important;
	font-weight: 600 !important;
}

body .calio-checkout-restructured .calio-period {
	color: #818a96 !important;
	font-weight: 400 !important;
	font-size: 0.92em !important;
	margin-left: 2px !important;
}

/* ==========================================================================
   4. Spacer row separating cart items (tbody) from today's card (tfoot).
   ========================================================================== */

body .calio-checkout-restructured tr.calio-tfoot-spacer td {
	padding: 0 !important;
	height: 22px !important;
	border: none !important;
	background: transparent !important;
}

/* ==========================================================================
   5. "I dag betaler du" — bordered card faked via per-cell borders.

   Layout:
   ┌─────────────────────────────────────┐ ← border-top + radius on heading
   │ [I DAG BETALER DU]                  │
   │ Første måneds abonnement   786 kr   │ ← side borders
   │ Oprettelsesgebyr (engangs) 399 kr   │ ← side borders
   │ Rabatkupon: gratisoprettelse -399   │ ← side borders
   │ ┌─────────────────────────────────┐ │
   │ │ I alt i dag         786 kr     │ │ ← mint band, full width
   │ │ Dækker perioden ...            │ │ ← bottom border + radius
   │ └─────────────────────────────────┘ │
   └─────────────────────────────────────┘
   ========================================================================== */

/* Top of card — section heading row */
body .calio-checkout-restructured tfoot tr.calio-section-heading:not(.calio-recurring-heading) th {
	border-top: 1px solid #e6e8ea !important;
	border-left: 1px solid #e6e8ea !important;
	border-right: 1px solid #e6e8ea !important;
	border-top-left-radius: 12px !important;
	border-top-right-radius: 12px !important;
	padding: 18px 18px 12px !important;
}

/* Middle rows — line items + today total */
body .calio-checkout-restructured tr.calio-line > th {
	border-left: 1px solid #e6e8ea !important;
}

body .calio-checkout-restructured tr.calio-line > td {
	border-right: 1px solid #e6e8ea !important;
}

body .calio-checkout-restructured tr.today-total > th {
	border-left: 1px solid #e6e8ea !important;
}

body .calio-checkout-restructured tr.today-total > td {
	border-right: 1px solid #e6e8ea !important;
}

/* Bottom of card — period note (single cell, colspan=2) */
body .calio-checkout-restructured tr.calio-period-note td {
	border-left: 1px solid #e6e8ea !important;
	border-right: 1px solid #e6e8ea !important;
	border-bottom: 1px solid #e6e8ea !important;
	border-bottom-left-radius: 12px !important;
	border-bottom-right-radius: 12px !important;
}

/* If no period note present, today-total becomes the bottom row */
body .calio-checkout-restructured tr.today-total:last-child > th {
	border-bottom: 1px solid #e6e8ea !important;
	border-bottom-left-radius: 12px !important;
}

body .calio-checkout-restructured tr.today-total:last-child > td {
	border-bottom: 1px solid #e6e8ea !important;
	border-bottom-right-radius: 12px !important;
}

/* ==========================================================================
   6. Line items inside the today card.
   ========================================================================== */

body .calio-checkout-restructured tr.calio-line th,
body .calio-checkout-restructured tr.calio-line td {
	border-top: 1px solid #f0f2f3 !important;
}

body .calio-checkout-restructured tr.first-period th {
	font-weight: 500 !important;
}

body .calio-checkout-restructured tr.signup-fee th small {
	font-weight: 400 !important;
	color: #818a96 !important;
	margin-left: 4px !important;
	display: inline !important;
}

body .calio-checkout-restructured tr.cart-discount th,
body .calio-checkout-restructured tr.cart-discount td {
	color: var(--nv-primary-accent, #2ac38e) !important;
	font-weight: 600 !important;
}

body .calio-checkout-restructured .woocommerce-remove-coupon {
	color: #babfc5 !important;
	font-size: 11px !important;
	margin-left: 6px !important;
	text-decoration: none !important;
	font-weight: 400 !important;
}

body .calio-checkout-restructured .woocommerce-remove-coupon:hover {
	color: #dc2626 !important;
}

/* ==========================================================================
   7. Mint band: today total + period note. Full width inside the bordered
   card. The 1px outer borders inherited from rules 5 keep edges clean.
   ========================================================================== */

body .calio-checkout-restructured tr.today-total th,
body .calio-checkout-restructured tr.today-total td,
body .calio-checkout-restructured tr.calio-period-note td {
	background: rgba(42, 195, 142, 0.08) !important;
}

body .calio-checkout-restructured tr.today-total th,
body .calio-checkout-restructured tr.today-total td {
	color: var(--nv-secondary-accent, #163d42) !important;
	padding: 18px 18px 6px !important;
	border-top: 2px solid var(--nv-primary-accent, #2ac38e) !important;
}

body .calio-checkout-restructured tr.today-total th {
	font-family: var(--e-global-typography-primary-font-family, 'DM Serif Display'), Georgia, serif !important;
	font-weight: 400 !important;
	font-size: 22px !important;
	letter-spacing: -0.01em !important;
	width: 50% !important;
}

body .calio-checkout-restructured tr.today-total td {
	font-size: 18px !important;
	font-weight: 700 !important;
	width: 50% !important;
}

body .calio-checkout-restructured tr.today-total .includes_tax {
	display: block !important;
	font-size: 12px !important;
	font-weight: 400 !important;
	font-family: var(--e-global-typography-text-font-family, 'DM Sans'), sans-serif !important;
	color: #818a96 !important;
	margin-top: 3px !important;
	white-space: normal !important;
}

body .calio-checkout-restructured tr.calio-period-note td {
	color: #515962 !important;
	font-size: 13px !important;
	font-style: italic !important;
	font-weight: 400 !important;
	padding: 4px 18px 16px 18px !important;
	text-align: center !important;
	white-space: normal !important;
}

/* ==========================================================================
   8. Recurring section (Card 3 — sits below the today card).
   ========================================================================== */

body .calio-checkout-restructured tr.calio-recurring-heading th {
	padding-top: 28px !important;
}

body .calio-checkout-restructured tr.calio-recurring-total th {
	font-family: var(--e-global-typography-primary-font-family, 'DM Serif Display'), Georgia, serif !important;
	font-weight: 400 !important;
	font-size: 18px !important;
	color: var(--nv-secondary-accent, #163d42) !important;
	border-top: 1px solid #f0f2f3 !important;
}

body .calio-checkout-restructured tr.calio-recurring-total td {
	font-size: 15px !important;
	font-weight: 700 !important;
	padding: 14px 18px !important;
	color: var(--nv-secondary-accent, #163d42) !important;
	border-top: 1px solid #f0f2f3 !important;
}

body .calio-checkout-restructured tr.calio-recurring-total .includes_tax {
	display: block !important;
	font-size: 12px !important;
	font-weight: 400 !important;
	color: #818a96 !important;
	margin-top: 3px !important;
	white-space: normal !important;
}

body .calio-checkout-restructured .first-payment-date {
	display: block !important;
	margin-top: 6px !important;
	font-size: 12px !important;
	color: #818a96 !important;
	font-weight: 400 !important;
	white-space: normal !important;
}

/* ==========================================================================
   9. Mobile.
   ========================================================================== */

@media (max-width: 600px) {
	body .calio-checkout-restructured tr,
	body .calio-checkout-restructured th,
	body .calio-checkout-restructured td {
		padding: 11px 14px !important;
		font-size: 14px !important;
	}

	body .calio-checkout-restructured tr.today-total th,
	body .calio-checkout-restructured tr.today-total td {
		padding: 16px 14px 6px !important;
	}

	body .calio-checkout-restructured tr.today-total th {
		font-size: 18px !important;
	}

	body .calio-checkout-restructured tr.today-total td {
		font-size: 16px !important;
	}

	body .calio-checkout-restructured tr.calio-period-note td {
		padding: 4px 14px 14px 14px !important;
	}

	body .calio-checkout-restructured tr.calio-recurring-total th {
		font-size: 16px !important;
	}

	body .calio-checkout-restructured .calio-section-pill {
		font-size: 11px !important;
		padding: 7px 12px !important;
	}
}