/*
Theme Name: Blocksy Child – Batbike
Description: Barntema för Blocksy på batbike.se. Innehåller funktioner och CSS flyttade från Shopkeeper Child.
Author: Batbike
Template: blocksy
Version: 1.0.0
Text Domain: blocksy-child
*/

/* Extra CSS (Utseende → Anpassa → Ytterligare CSS) från Shopkeeper Child på batbike.se, sparad 2026-11-09 före temabyte */

/* ===== Valrubriker på produktsidor ===== */

/* Storlek: Product Add-Ons + variationer (t.ex. Ramstorlek) */
.wc-pao-addon .wc-pao-addon-name,
table.variations th.label,
table.variations th.label label,
table.variations th.label .woo-selected-variation-item-name {
	font-size: 15px;
	line-height: 1.4;
}

@media only screen and (min-width: 768px) {
	.wc-pao-addon .wc-pao-addon-name,
	table.variations th.label,
	table.variations th.label label,
	table.variations th.label .woo-selected-variation-item-name {
		font-size: 17px;
	}
}

/* Add-On-rubriker: samma grå färg som Ramstorlek */
.wc-pao-addon .wc-pao-addon-name {
	color: #545454;
	margin-bottom: 0;
}

/* ===== Tajtare Add-Ons ===== */

/* Luft ovanför varje grupp */
.wc-pao-addon-container {
	margin-top: 1.5em;
}

/* Rubrik → beskrivning/alternativ */
.wc-pao-addon .wc-pao-legend {
	margin-bottom: 2px;
}

/* Beskrivning → alternativ */
.wc-pao-addon .wc-pao-addon-description p:last-child {
	margin-bottom: 4px;
}

/* Ingen extra utfyllnad ovanför alternativen */
.wc-pao-addon .wc-pao-addon-wrap {
	padding-top: 0;
}

/* ===== Variationer ===== */

/* Mindre mellanrum mellan "Nollställ" och lagerstatusen */
.product_layout_classic .product_content_wrapper .product_infos .woocommerce-variation.single_variation,
.product_layout_classic .product_content_wrapper .product_infos .woocommerce-variation-availability {
	margin-top: 10px;
}

/* ===== Relaterade produkter ===== */

/* "Andra har även tittat på..." i samma storlek som h4 */
.related.products > h2 {
	font-size: 13px;
	line-height: 1.4;
	margin-bottom: 0.5em;
}

@media only screen and (min-width: 768px) {
	.related.products > h2 {
		font-size: 23px;
	}
}

/* Luft mellan beskrivningen och "Andra har även tittat på..." */
.related.products {
	margin-top: 3em;
}

/* ===== Sidfot ===== */

/* Luft mellan innehållet och sidfoten – produktsidor och vanliga sidor */
.single-product .content-area,
.page .content-area {
	padding-bottom: 3em;
}

/* SEO-texten på startsidan: H1 i H3-storlek, H2/H3 i H4-storlek */
body .elementor-element-ba328eb h1 {
  font-size: 30.66px;
  line-height: 1.3;
}

body .elementor-element-ba328eb h2,
body .elementor-element-ba328eb h3 {
  font-size: 23px;
  line-height: 1.3;
}

/* Batbike – Produktdata (design A). Klistras in under Utseende → Anpassa → Ytterligare CSS */
h4:has(+ ul.bb-spec){margin:28px 0 8px;padding-bottom:6px;border-bottom:2px solid #333333;color:#333333;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px}
ul.bb-spec{list-style:none;margin:0 0 8px;padding:0}
ul.bb-spec li{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px;margin:0;padding:9px 12px;border-bottom:1px solid #e5e5e5;line-height:1.45}
ul.bb-spec li::before{display:none}
ul.bb-spec li:nth-child(odd){background:#f6f6f6}
ul.bb-spec li strong{font-weight:400;color:#666666}
@media (max-width:600px){ul.bb-spec li{grid-template-columns:1fr;gap:2px;padding:8px 10px}}
ul.bb-spec:not(:has(+ h4 + ul.bb-spec)){margin-bottom:32px}

/* Extra-widgets under produkten: bredvid varandra och tätare */
.product_layout_classic .columns:has(> .my-extra-widget){margin-top:24px}
.my-extra-widget{margin-bottom:40px!important}
@media (min-width:64.063em){
  .product_layout_classic .columns:has(> .my-extra-widget){display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));column-gap:56px}
  .product_layout_classic .columns:has(> .my-extra-widget) > .my-extra-widget{margin-bottom:16px!important}
}

/* =====================================================================
   Blocksy-layout för Batbike (tillagt 2026-11-09)
   ===================================================================== */

/* ===== Mega-menyer (desktop): Elcyklar, Elcykeldelar, Batterier & laddare, Cykeltillbehör, Info ===== */
@media (min-width: 1000px) {
	#header-menu-1 .menu-item-4740 > .sub-menu,
	#header-menu-1 .menu-item-40421 > .sub-menu,
	#header-menu-1 .menu-item-41519 > .sub-menu,
	#header-menu-1 .menu-item-4810 > .sub-menu,
	#header-menu-1 .menu-item-4770 > .sub-menu {
		display: grid !important;
		grid-auto-flow: column;
		grid-auto-columns: minmax(0, 1fr);
		column-gap: 40px;
		padding: 26px 30px !important;
		background: #fff !important;
		inset-inline-start: 50% !important;
	}
	#header-menu-1 .menu-item-4740 > .sub-menu { width: 520px !important; margin-inline-start: -260px !important; }
	#header-menu-1 .menu-item-40421 > .sub-menu,
	#header-menu-1 .menu-item-41519 > .sub-menu { width: 680px !important; margin-inline-start: -340px !important; grid-template-columns: 1fr 1.6fr; grid-auto-flow: row; }
	#header-menu-1 .menu-item-4740 > .sub-menu { grid-template-columns: 1fr 1fr; grid-auto-flow: row; width: 440px !important; margin-inline-start: -220px !important; }
	#header-menu-1 .menu-item-4810 > .sub-menu { width: 760px !important; margin-inline-start: -380px !important; }
	#header-menu-1 .menu-item-4770 > .sub-menu { width: 280px !important; inset-inline-start: auto !important; inset-inline-end: 0 !important; margin-inline-start: 0 !important; }
	#header-menu-1 .menu-item-4740 > .sub-menu > li,
	#header-menu-1 .menu-item-40421 > .sub-menu > li,
	#header-menu-1 .menu-item-41519 > .sub-menu > li,
	#header-menu-1 .menu-item-4810 > .sub-menu > li,
	#header-menu-1 .menu-item-4770 > .sub-menu > li {
		display: flex !important;
		flex-direction: column;
		align-items: stretch;
	}
	#header-menu-1 .menu-item-4740 > .sub-menu > li::before,
	#header-menu-1 .menu-item-40421 > .sub-menu > li::before,
	#header-menu-1 .menu-item-41519 > .sub-menu > li::before,
	#header-menu-1 .menu-item-4810 > .sub-menu > li::before,
	#header-menu-1 .menu-item-4770 > .sub-menu > li::before,
	#header-menu-1 .menu-item-4740 > .sub-menu > li::after,
	#header-menu-1 .menu-item-40421 > .sub-menu > li::after,
	#header-menu-1 .menu-item-41519 > .sub-menu > li::after,
	#header-menu-1 .menu-item-4810 > .sub-menu > li::after,
	#header-menu-1 .menu-item-4770 > .sub-menu > li::after {
		display: none !important;
	}
	#header-menu-1 .menu-item-4740 > .sub-menu > li > a,
	#header-menu-1 .menu-item-40421 > .sub-menu > li > a,
	#header-menu-1 .menu-item-41519 > .sub-menu > li > a,
	#header-menu-1 .menu-item-4810 > .sub-menu > li > a,
	#header-menu-1 .menu-item-4770 > .sub-menu > li > a {
		width: 100%;
		font-family: var(--bb-head, inherit);
		font-weight: 600;
		font-size: 13px;
		letter-spacing: 0.05em;
		text-transform: uppercase;
		color: #000 !important;
		padding: 0 0 8px !important;
		margin-bottom: 8px;
		border-bottom: 1px solid var(--theme-palette-color-5);
	}
	#header-menu-1 .menu-item-4740 > .sub-menu > li > a .ct-toggle-dropdown-desktop,
	#header-menu-1 .menu-item-40421 > .sub-menu > li > a .ct-toggle-dropdown-desktop,
	#header-menu-1 .menu-item-41519 > .sub-menu > li > a .ct-toggle-dropdown-desktop,
	#header-menu-1 .menu-item-4810 > .sub-menu > li > a .ct-toggle-dropdown-desktop,
	#header-menu-1 .menu-item-4770 > .sub-menu > li > a .ct-toggle-dropdown-desktop,
	#header-menu-1 .menu-item-4740 > .sub-menu > li > .ct-toggle-dropdown-desktop-ghost,
	#header-menu-1 .menu-item-40421 > .sub-menu > li > .ct-toggle-dropdown-desktop-ghost,
	#header-menu-1 .menu-item-41519 > .sub-menu > li > .ct-toggle-dropdown-desktop-ghost,
	#header-menu-1 .menu-item-4810 > .sub-menu > li > .ct-toggle-dropdown-desktop-ghost,
	#header-menu-1 .menu-item-4770 > .sub-menu > li > .ct-toggle-dropdown-desktop-ghost,
	#header-menu-1 .menu-item-4740 > .sub-menu > li > a > svg,
	#header-menu-1 .menu-item-40421 > .sub-menu > li > a > svg,
	#header-menu-1 .menu-item-41519 > .sub-menu > li > a > svg,
	#header-menu-1 .menu-item-4810 > .sub-menu > li > a > svg,
	#header-menu-1 .menu-item-4770 > .sub-menu > li > a > svg {
		display: none !important;
	}
	#header-menu-1 .menu-item-4740 > .sub-menu > li > .sub-menu,
	#header-menu-1 .menu-item-40421 > .sub-menu > li > .sub-menu,
	#header-menu-1 .menu-item-41519 > .sub-menu > li > .sub-menu,
	#header-menu-1 .menu-item-4810 > .sub-menu > li > .sub-menu,
	#header-menu-1 .menu-item-4770 > .sub-menu > li > .sub-menu {
		position: static !important;
		visibility: visible !important;
		opacity: 1 !important;
		transform: none !important;
		inset: auto !important;
		width: auto !important;
		min-width: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		box-shadow: none !important;
		background: transparent !important;
		display: block !important;
		columns: 1;
		column-gap: 24px;
	}
	/* Två kolumner: Varumärkesspecifik och Cykeltillbehör */
	#header-menu-1 .menu-item-40421 > .sub-menu > li:nth-child(2) > .sub-menu,
	#header-menu-1 .menu-item-41519 > .sub-menu > li:nth-child(2) > .sub-menu,
	#header-menu-1 .menu-item-4810 > .sub-menu > li > .sub-menu { columns: 2; }
	#header-menu-1 .menu-item-4740 > .sub-menu > li > .sub-menu > li,
	#header-menu-1 .menu-item-40421 > .sub-menu > li > .sub-menu > li,
	#header-menu-1 .menu-item-41519 > .sub-menu > li > .sub-menu > li,
	#header-menu-1 .menu-item-4810 > .sub-menu > li > .sub-menu > li,
	#header-menu-1 .menu-item-4770 > .sub-menu > li > .sub-menu > li {
		display: block !important;
		break-inside: avoid;
	}
	#header-menu-1 .menu-item-4740 > .sub-menu > li > .sub-menu > li > a,
	#header-menu-1 .menu-item-40421 > .sub-menu > li > .sub-menu > li > a,
	#header-menu-1 .menu-item-41519 > .sub-menu > li > .sub-menu > li > a,
	#header-menu-1 .menu-item-4810 > .sub-menu > li > .sub-menu > li > a,
	#header-menu-1 .menu-item-4770 > .sub-menu > li > .sub-menu > li > a {
		padding: 5px 0 !important;
		color: #000 !important;
	}
	#header-menu-1 .menu-item-4740 > .sub-menu > li > .sub-menu > li > a:hover,
	#header-menu-1 .menu-item-40421 > .sub-menu > li > .sub-menu > li > a:hover,
	#header-menu-1 .menu-item-41519 > .sub-menu > li > .sub-menu > li > a:hover,
	#header-menu-1 .menu-item-4810 > .sub-menu > li > .sub-menu > li > a:hover,
	#header-menu-1 .menu-item-4770 > .sub-menu > li > .sub-menu > li > a:hover {
		color: var(--bb-accent, #BE6E46) !important;
	}
}
/* Svart text i alla dropdowns */
#header-menu-1 .sub-menu .ct-menu-link { color: #000; }
#header-menu-1 .sub-menu .ct-menu-link:hover { color: var(--bb-accent, #BE6E46); }

/* ===== Produktsida: bekväm radlängd i beskrivningen ===== */
.woocommerce-tabs .woocommerce-Tabs-panel--description {
	max-width: 860px;
	margin-inline: auto;
}

/* ===== Mobil ===== */
@media (max-width: 689.98px) {
	.bb-hide-sm { display: none; }
	/* Filter överst på mobil: kompakta och rullbara listor */
	.ct-sidebar .ct-widget ul {
		max-height: 168px;
		overflow-y: auto;
	}
	.ct-sidebar .ct-widget { margin-bottom: 20px; }
}

/* =====================================================================
   SHOPKEEPER-UTSEENDE (som batbike.se) – tillagt 2026-11-10
   ===================================================================== */

/* ===== Typsnitt från Shopkeeper-temat ===== */
@font-face { font-family: 'NeueEinstellung'; font-weight: 500; font-style: normal; font-display: swap;
	src: url('fonts/NeueEinstellung-Regular.woff2') format('woff2'), url('fonts/NeueEinstellung-Regular.woff') format('woff'); }
@font-face { font-family: 'NeueEinstellung'; font-weight: 700; font-style: normal; font-display: swap;
	src: url('fonts/NeueEinstellung-Bold.woff2') format('woff2'), url('fonts/NeueEinstellung-Bold.woff') format('woff'); }
@font-face { font-family: 'Radnika'; font-weight: 500; font-style: normal; font-display: swap;
	src: url('fonts/Radnika-Regular.woff2') format('woff2'), url('fonts/Radnika-Regular.woff') format('woff'); }
@font-face { font-family: 'Radnika'; font-weight: 700; font-style: normal; font-display: swap;
	src: url('fonts/Radnika-Bold.woff2') format('woff2'), url('fonts/Radnika-Bold.woff') format('woff'); }

:root {
	--bb-body: 'Radnika', -apple-system, BlinkMacSystemFont, Arial, Helvetica, sans-serif;
	--bb-head: 'NeueEinstellung', -apple-system, BlinkMacSystemFont, Arial, Helvetica, sans-serif;
	--bb-accent: #BE6E46;
	--bb-text: #545454;
	--bb-muted: rgba(84, 84, 84, 0.55);
	--theme-font-family: var(--bb-body);
}
body { font-family: var(--bb-body); color: var(--bb-text); }
h1, h2, h3, h4, h5, h6,
.page-title, .product_title, .widget-title, .woocommerce-loop-product__title + .price,
.ct-menu-link, .button, button, input[type="submit"], .woocommerce-tabs .tabs a {
	font-family: var(--bb-head);
	--theme-font-family: var(--bb-head);
}
h1, h2, h3, h4, h5, h6 { color: #000; font-weight: 600; }

/* ===== Knappar som Shopkeeper: raka hörn, versaler ===== */
.button, button.button, input[type="submit"], .single_add_to_cart_button, .checkout-button, .wc-block-components-button {
	border-radius: 0 !important;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 13px;
	letter-spacing: 0;
}

/* ===== Toppremsa ===== */
#header [data-row="top"] { font-family: var(--bb-body); }
#header [data-row="top"] .ct-header-text a { text-decoration: none; }
#header [data-row="top"] .ct-header-account,
#header [data-row="top"] .ct-header-account .ct-label {
	font-family: var(--bb-head);
	font-weight: 700;
	font-size: 13px;
	text-transform: uppercase;
	color: #fff;
}
.bb-show-sm { display: none; }

/* ===== Huvudrad: logotyp, sökfält, meny ===== */
#header [data-row="middle"] [data-column="start"] > [data-items] { gap: 0; }
#header [data-row="middle"] [data-id="logo"] { margin-inline-end: 34px; }
#header [data-row="middle"] [data-id="menu-secondary"] { margin-inline-end: 6px; }
#header-menu-1 > ul > li > a.ct-menu-link {
	font-family: var(--bb-head);
	font-weight: 600;
	font-size: 13px;
	text-transform: uppercase;
	padding-inline: 15px;
}
/* Sökfältet: vit "pille" med ljus kant som på live */
[data-id="menu-secondary"] .menu > li { width: auto; }
[data-id="menu-secondary"] .dgwt-wcas-search-wrapp { width: 255px; max-width: none; }
[data-id="menu-secondary"] .dgwt-wcas-search-input {
	height: 48px !important;
	border-radius: 30px !important;
	border: 2px solid rgba(84, 84, 84, 0.1) !important;
	background: #fff !important;
	font-size: 14px !important;
	padding-inline-start: 48px !important;
}
/* Varukorg: ikon + antal */
#header [data-id="cart"] .ct-cart-item { color: #000; }

/* Mörk header på produktsidor (som Shopkeeper) */
body.single-product #header [data-row="middle"] { background: #333 !important; }
body.single-product #header-menu-1 > ul > li > .ct-menu-link,
body.single-product #header [data-row="middle"] [data-id="cart"] a,
body.single-product #header [data-row="middle"] [data-id="search"] a,
body.single-product #header-menu-1 > ul > li > .ct-menu-link .ct-toggle-dropdown-desktop svg,
body.single-product #header [data-row="middle"] [data-id="cart"] .ct-icon,
body.single-product #header [data-row="middle"] [data-id="search"] .ct-icon { color: #fff !important; fill: currentColor; }
body.single-product #header [data-row="middle"] [data-id="logo"] img {
	content: url('/wp-content/uploads/2025/12/BatBike-cykelkungen-logo-white.png');
}
body.single-product #header [data-row="middle"] .dgwt-wcas-search-input { border-color: transparent !important; }

/* Klistrig header: mörk rad när man scrollar (klassen sätts i functions.php) */
@media (min-width: 1000px) {
	body.bb-sticky #header [data-device="desktop"] { padding-bottom: 94px; }
	body.bb-sticky #header [data-device="desktop"] [data-row="middle"] {
		position: fixed; top: var(--admin-bar, 0px); left: 0; right: 0; z-index: 60;
		background: #333 !important;
		--height: 70px;
		box-shadow: 0 2px 12px rgba(0,0,0,0.15);
		animation: bbSlide .25s ease-out;
	}
	body.bb-sticky #header-menu-1 > ul > li > .ct-menu-link,
	body.bb-sticky #header [data-row="middle"] [data-id="cart"] a,
	body.bb-sticky #header [data-row="middle"] [data-id="search"] a,
	body.bb-sticky #header [data-row="middle"] [data-id="cart"] .ct-icon,
	body.bb-sticky #header [data-row="middle"] [data-id="search"] .ct-icon { color: #fff !important; fill: currentColor; }
	body.bb-sticky #header [data-row="middle"] [data-id="logo"] img {
		content: url('/wp-content/uploads/2025/12/BatBike-cykelkungen-logo-white.png');
		max-height: 40px;
	}
	body.bb-sticky #header [data-row="middle"] .dgwt-wcas-search-input { height: 40px !important; border-color: transparent !important; }
}
@keyframes bbSlide { from { transform: translateY(-100%); } to { transform: none; } }

/* ===== Kategorisidor ===== */
.hero-section[data-type="type-2"] {
	background: none !important;
	min-height: 0 !important;
	--min-height: 0;
	padding-block: 24px 0;
}
.hero-section[data-type="type-2"] .ct-image-container,
.hero-section[data-type="type-2"] figure { display: none !important; }
.hero-section[data-type="type-2"] .entry-header { max-width: 1680px; }
.hero-section[data-type="type-2"] .page-title {
	font-family: var(--bb-head);
	font-weight: 600;
	font-size: clamp(36px, 5vw, 72px);
	line-height: 1;
	color: #000;
}
.hero-section[data-type="type-2"] .page-description {
	max-width: 830px;
	margin-inline: auto;
	font-size: 16px;
	line-height: 1.5;
	color: var(--bb-text);
}
/* Mindre luft mellan rubrikdelen och produkterna, som på live */
.hero-section[data-type="type-2"] + .ct-container { padding-top: 36px !important; }

/* Underkategorier som länkar under beskrivningen */
.bb-subcats {
	display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 24px;
	list-style: none; margin: 26px 0 0; padding: 0;
}
.bb-subcats a {
	font-family: var(--bb-head);
	font-weight: 600;
	font-size: 13px;
	text-transform: uppercase;
	color: #000;
	padding: 5px 0;
	border-bottom: 2px solid rgba(84, 84, 84, 0.12);
	text-decoration: none;
}
.bb-subcats a:hover { border-bottom-color: #000; }

/* Rad med brödsmulor och sortering */
.woo-listing-top { align-items: center; margin-bottom: 30px; }
.woo-listing-top .woocommerce-result-count { display: none; }
.woo-listing-top .woocommerce-breadcrumb,
.single-product .woocommerce-breadcrumb,
.ct-breadcrumbs {
	font-family: var(--bb-head);
	font-size: 10px;
	text-transform: uppercase;
	color: var(--bb-muted);
	margin: 0 auto 0 0;
}
.woocommerce-breadcrumb a, .ct-breadcrumbs a { color: var(--bb-muted); }
.woocommerce-ordering select {
	border: 0 !important;
	background-color: transparent !important;
	font-family: var(--bb-head);
	font-size: 12px;
	text-transform: uppercase;
	color: #000;
	padding-inline-end: 22px;
	box-shadow: none !important;
}

/* Filter i sidopanelen: rutor och räknare som på live */
.ct-sidebar .widget-title {
	font-family: var(--bb-head);
	font-weight: 600;
	font-size: 13px;
	text-transform: uppercase;
	color: #000;
	margin-bottom: 18px;
}
.ct-sidebar .ct-widget { margin-bottom: 44px; }
.woocommerce-widget-layered-nav-list__item {
	display: flex !important;
	align-items: center;
	justify-content: space-between;
	padding: 4px 0 !important;
	margin: 0 0 6px !important;
	font-size: 13px;
}
.woocommerce-widget-layered-nav-list__item a {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	color: #000 !important;
	text-transform: capitalize;
}
.woocommerce-widget-layered-nav-list__item a::before {
	content: '';
	flex: none;
	width: 12px; height: 12px;
	border: 1px solid rgba(84, 84, 84, 0.45);
	border-radius: 2px;
	background: #fff;
}
.woocommerce-widget-layered-nav-list__item.chosen a::before,
.woocommerce-widget-layered-nav-list__item--chosen a::before {
	background: var(--bb-accent);
	border-color: var(--bb-accent);
	box-shadow: inset 0 0 0 2px #fff;
}
.woocommerce-widget-layered-nav-list__item .count {
	font-size: 11px;
	font-weight: 600;
	line-height: 1;
	color: rgba(84, 84, 84, 0.8);
	background: rgba(84, 84, 84, 0.05);
	padding: 6px 10px;
	border-radius: 10px;
	min-width: 33px;
	text-align: center;
}

/* Produktkort: fem i bredd, enkla kort, knappen visas vid hover */
[data-products] { --grid-columns-gap: 26px; }
[data-products] .product figure,
[data-products] .product .ct-media-container { background: transparent; border-radius: 0; }
[data-products] .product .woocommerce-loop-product__title,
[data-products] .product .woocommerce-loop-category__title {
	font-family: var(--bb-body);
	font-weight: 400;
	font-size: 13px;
	line-height: 1.4;
	color: #000;
	margin-bottom: 2px;
}
[data-products] .product .price {
	font-family: var(--bb-head);
	font-weight: 600;
	font-size: 13px;
	color: rgba(84, 84, 84, 0.8);
}
[data-products] .product .price del { opacity: .6; }
[data-products] .product .ct-woo-card-actions .button,
[data-products] .product .ct-woo-card-actions .added_to_cart {
	background: none !important;
	color: var(--bb-accent) !important;
	padding: 0 !important;
	min-height: 0;
	height: auto;
	font-size: 13px;
	font-weight: 600;
	box-shadow: none !important;
}
@media (hover: hover) and (min-width: 1000px) {
	[data-products] .product { position: relative; }
	[data-products] .product .ct-woo-card-actions {
		position: absolute; left: 0; right: 0; bottom: 0;
		opacity: 0; transition: opacity .2s;
	}
	[data-products] .product .price { transition: opacity .2s; }
	[data-products] .product:hover .ct-woo-card-actions { opacity: 1; }
	[data-products] .product:hover .price { opacity: 0; }
}
/* REA- och Nyhet-etiketter */
[data-products] .onsale, .single-product .onsale {
	border-radius: 0;
	background: var(--bb-accent);
	font-family: var(--bb-head);
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
}
/* Ladda fler */
.ct-load-more {
	background: none !important;
	color: #000 !important;
	font-family: var(--bb-head);
	text-transform: uppercase;
	border-bottom: 2px solid rgba(84,84,84,.12) !important;
	padding: 6px 0 !important;
}

/* ===== Produktsida ===== */
/* Smalare, centrerad produktsida som på live */
body.single-product .site-main { --theme-normal-container-max-width: 1260px; }
.single-product .product_title {
	font-family: var(--bb-head);
	font-weight: 600;
	font-size: clamp(28px, 3vw, 41px);
	line-height: 1.13;
	color: #000;
}
.single-product .summary > .price,
.single-product .summary .price {
	font-family: var(--bb-head);
	font-weight: 600;
	font-size: 22px;
	color: var(--bb-accent);
}
.single-product .woocommerce-product-details__short-description { font-size: 16px; line-height: 1.5; }
.single-product .single_add_to_cart_button {
	padding: 18px 16px 15px !important;
	min-height: 51px;
	background: var(--bb-accent) !important;
}
.single-product .wc-pao-addon-name,
.single-product table.variations th.label { font-family: var(--bb-head); color: #000; }
.single-product .wc-pao-addon-wrap label,
.single-product .wc-pao-addon-wrap .wc-pao-addon-radio + label,
.single-product .wc-pao-addon-wrap p.form-row label {
	font-family: var(--bb-head);
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--bb-text);
}
.single-product input[type="radio"], .single-product input[type="checkbox"] { accent-color: var(--bb-accent); }
.single-product .product-addon-totals,
.single-product .wc-pao-addons-container + .product-addon-totals { font-family: var(--bb-head); text-transform: uppercase; }
.single-product .product-addon-totals .wc-pao-subtotal-line { color: var(--bb-accent); }
.single-product .woocommerce-tabs .tabs a {
	font-family: var(--bb-head);
	font-weight: 700;
	font-size: 13px;
	text-transform: uppercase;
}

/* ===== Startsidan: ingen sidrubrik och ingen extra luft (som live) ===== */
body.home .hero-section { display: none; }
body.home .site-main > .ct-container-full,
body.home .site-main > .ct-container { padding-top: 0 !important; }
/* Elementor-sidor: samma innehållsbredd som live (1500 px) */
.elementor { --container-max-width: 1500px; }
.elementor .e-con { --content-width: min(100%, 1500px); }
/* Live lägger startsidans första rad tätt under headern */
@media (min-width: 1025px) {
	body.home .elementor > .e-con:first-child { margin-top: -94px; }
}


/* Överstruket pris före det nya, grått och mindre (som på live) */
.single-product .summary .price,
[data-products] .product .price {
	display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px;
}
.single-product .summary .price del,
[data-products] .product .price del {
	order: -1;
	color: var(--bb-muted);
	font-weight: 400;
	opacity: 1;
}
.single-product .summary .price del { font-size: 16px; }
.single-product .summary .price ins,
[data-products] .product .price ins { text-decoration: none; }

/* Nedre delen: rekommendationer och infowidgetar i samma bredd som produkten */
body.single-product .ct-container-full .product > .related,
body.single-product .ct-container-full .product > .upsells,
body.single-product .ct-container-full .product > .up-sells,
body.single-product .ct-container-full article > .my-extra-widget {
	width: min(1260px, calc(100% - 10vw));
	margin-inline: auto;
}
body.single-product .ct-container-full .product > .related { margin-top: 70px; }
body.single-product .ct-container-full .product > .related > h2 {
	font-family: var(--bb-head);
	font-size: 23px;
	font-weight: 600;
	color: #000;
	margin-bottom: 24px;
}
body.single-product .ct-container-full article > .my-extra-widget {
	margin-top: 50px;
	margin-bottom: 0 !important;
	padding-top: 40px;
	border-top: 1px solid var(--theme-palette-color-5);
}
body.single-product .ct-container-full article > .my-extra-widget:last-of-type { margin-bottom: 70px !important; }
body.single-product .my-extra-widget h4 { font-family: var(--bb-head); font-size: 23px; color: #000; }

/* ===== Footer som live (#333) ===== */
#footer [data-row] { background-color: #333 !important; }
#footer, #footer .ct-widget, #footer a { color: #fff; font-family: var(--bb-body); }
#footer .widget-title {
	font-family: var(--bb-head);
	font-weight: 600;
	font-size: 13px;
	text-transform: uppercase;
	color: #fff;
}
#footer [data-row="bottom"] { border-top: 1px solid rgba(255,255,255,.1); }

/* ===== Mobil ===== */
@media (max-width: 689.98px) {
	.bb-show-sm { display: inline; }
	.hero-section[data-type="type-2"] { padding-block: 36px 16px; }
	.hero-section[data-type="type-2"] .page-title { font-size: 34px; }
}


/* ===== Sidfot: tjockare länkar + hover som på batbike.se ===== */
#footer .ct-widget a, #footer .widget a, #footer .menu a {
	font-family: var(--bb-head, inherit);
	font-weight: 600;
	transition: opacity .3s ease;
}
#footer a { transition: opacity .3s ease; }
#footer a:hover { opacity: .7; }

/* ===== Sidrubrik på vanliga sidor: stor och centrerad som på batbike.se ===== */
body.page:not(.home) .hero-section[data-type="type-1"] {
	text-align: center;
	margin-block: 30px 10px;
}
body.page:not(.home) .hero-section[data-type="type-1"] .page-title {
	font-family: var(--bb-head, inherit);
	font-size: clamp(32px, 5vw, 66px);
	line-height: 1.1;
	font-weight: 600;
}

/* ===== Prisfilter (reglage) i sidomenyn ===== */
.widget_price_filter .price_slider_wrapper { padding: 6px 8px 0; }
.widget_price_filter .price_slider {
	position: relative;
	height: 3px;
	margin: 14px 0 22px;
	background: var(--theme-palette-color-5, #e6e6e6);
	border: 0;
	border-radius: 3px;
}
.widget_price_filter .ui-slider-range {
	position: absolute;
	top: 0;
	height: 100%;
	background: var(--bb-accent, #BE6E46);
	border-radius: 3px;
}
.widget_price_filter .ui-slider-handle {
	position: absolute;
	top: 50%;
	z-index: 2;
	width: 16px;
	height: 16px;
	margin-left: -8px;
	transform: translateY(-50%);
	background: #fff;
	border: 2px solid var(--bb-accent, #BE6E46);
	border-radius: 50%;
	cursor: grab;
	outline: none;
	touch-action: none;
}
.widget_price_filter .ui-slider-handle:hover,
.widget_price_filter .ui-slider-handle:focus,
.widget_price_filter .ui-slider-handle.ui-state-active { background: var(--bb-accent, #BE6E46); cursor: grabbing; }
.widget_price_filter .price_slider_amount {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}
.widget_price_filter .price_slider_amount .price_label {
	order: -1;
	font-size: 13px;
	color: var(--bb-text, #545454);
}
.widget_price_filter .price_slider_amount .price_label span { color: #000; font-weight: 600; }
.widget_price_filter .price_slider_amount .button {
	padding: 8px 16px;
	min-height: 0;
	font-size: 11px;
	letter-spacing: .05em;
}
.widget_price_filter .price_slider_amount .clear { display: none; }

/* ===== Produktsida: kortare köpknapp och antal utan ram ===== */
.single-product .summary form.cart .single_add_to_cart_button {
	flex: 0 0 auto !important;
	width: auto !important;
	min-width: 220px;
	padding-inline: 36px !important;
}
.single-product .summary .quantity input.qty,
.single-product .summary .quantity input.qty:hover,
.single-product .summary .quantity input.qty:focus {
	border: 0 !important;
	box-shadow: none !important;
	outline: none;
	font-weight: 700;
	font-size: 16px;
	color: #000;
}
.single-product .summary .quantity .ct-increase,
.single-product .summary .quantity .ct-decrease {
	color: #000;
}
.single-product .summary .quantity svg {
	width: 12px;
	height: 12px;
}
.single-product .summary .quantity svg path {
	stroke: currentColor;
	stroke-width: 70;
}

/* ===== Produktsida: Extra-widgets sida vid sida (som på batbike.se) ===== */
body.single-product .bb-extra-widgets {
	width: min(1260px, calc(100% - 10vw));
	margin: 50px auto 60px;
	padding-top: 40px;
	border-top: 1px solid var(--theme-palette-color-5, #e6e6e6);
}
body.single-product .bb-extra-widgets > .my-extra-widget {
	width: auto !important;
	margin: 0 0 32px !important;
	padding-top: 0 !important;
	border-top: 0 !important;
}
@media (min-width: 1000px) {
	body.single-product .bb-extra-widgets {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
		column-gap: 56px;
	}
	body.single-product .bb-extra-widgets > .my-extra-widget { margin-bottom: 0 !important; }
}

/* ===== Minivarukorg i headern: färger som på batbike.se ===== */
.ct-header-cart .ct-cart-content {
	--theme-text-color: #fff;
	--theme-link-initial-color: #fff;
	--theme-link-hover-color: rgba(255,255,255,.75);
	background-color: var(--bb-accent, #BE6E46) !important;
	color: #fff !important;
	box-shadow: 0 10px 30px rgba(0,0,0,.18);
}
.ct-header-cart .ct-cart-content * { color: inherit; }
.ct-header-cart .ct-cart-content .mini_cart_item {
	border-bottom: 1px solid rgba(255,255,255,.15) !important;
}
.ct-header-cart .ct-cart-content .mini_cart_item a:not(.remove) {
	color: #fff !important;
	font-weight: 600;
}
.ct-header-cart .ct-cart-content .mini_cart_item a:not(.remove):hover { opacity: .8; }
.ct-header-cart .ct-cart-content .quantity,
.ct-header-cart .ct-cart-content .variation { color: rgba(255,255,255,.85) !important; }
.ct-header-cart .ct-cart-content .remove { color: #fff !important; opacity: .8; }
.ct-header-cart .ct-cart-content .remove:hover { opacity: 1; }
.ct-header-cart .ct-cart-content .total {
	color: #fff !important;
	border-color: rgba(255,255,255,.15) !important;
	text-transform: uppercase;
}
.ct-header-cart .ct-cart-content .total * { color: #fff !important; }
.ct-header-cart .ct-cart-content .buttons .button {
	background: transparent !important;
	color: #fff !important;
	border: 2px solid #fff !important;
	font-weight: 700;
	text-transform: uppercase;
}
.ct-header-cart .ct-cart-content .buttons .button.checkout {
	background: #fff !important;
	color: var(--bb-accent, #BE6E46) !important;
}
.ct-header-cart .ct-cart-content .buttons .button:hover { opacity: .85; }

/* ===== Varukorg och kassa: smalare på stor skärm ===== */
body.woocommerce-cart .entry-content > .woocommerce,
body.woocommerce-checkout .entry-content > .woocommerce {
	max-width: 1200px;
	margin-inline: auto;
}

/* ===== Varukorg: mindre merförsäljningsrutor ===== */
body.woocommerce-cart .cross-sells { margin-top: 50px; }
body.woocommerce-cart .cross-sells > h2 {
	font-family: var(--bb-head, inherit);
	font-size: 23px;
	margin-bottom: 20px;
}
body.woocommerce-cart .cross-sells ul.products {
	display: grid !important;
	grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
	gap: 26px !important;
}
@media (max-width: 999px) {
	body.woocommerce-cart .cross-sells ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
@media (max-width: 600px) {
	body.woocommerce-cart .cross-sells ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

/* ===== Nyheter: dölj skribent, datum och kategori ===== */
body.blog .entry-meta,
body.single-post .entry-meta,
body.archive:not(.woocommerce) .entry-meta,
body.single-post .author-box,
body.single-post .post-navigation .item-meta {
	display: none !important;
}

/* ===== Sidor och nyheter: smalare innehåll på stora skärmar (ej startsidan) ===== */
body.page:not(.home) .site-main,
body.single-post .site-main {
	--theme-normal-container-max-width: 1140px;
	--theme-narrow-container-max-width: 1140px;
}
body.page:not(.home) .site-main .elementor,
body.single-post .site-main .elementor {
	--container-max-width: 1140px;
}
body.page:not(.home) .site-main .elementor .e-con,
body.single-post .site-main .elementor .e-con {
	--content-width: min(100%, 1140px);
}
body.page:not(.home) .site-main .elementor-section.elementor-section-boxed > .elementor-container,
body.single-post .site-main .elementor-section.elementor-section-boxed > .elementor-container {
	max-width: 1140px;
}
body.blog .site-main,
body.archive:not(.woocommerce) .site-main {
	--theme-normal-container-max-width: 1260px;
}

/* ===== Kassa med Walley (första kassasidan): rimliga bredder ===== */
form.checkout:has(> #collector-wrapper) {
	display: block !important;
}
#collector-wrapper {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr) !important;
	column-gap: 50px;
	align-items: start;
	width: 100% !important;
	max-width: 1200px;
	margin-inline: auto;
}
#collector-wrapper > #collector-order-review,
#collector-wrapper > #collector-iframe {
	width: auto !important;
	max-width: none !important;
	float: none !important;
	margin: 0 !important;
}
#collector-iframe .collector-checkout-iframe { width: 100% !important; }
#collector-order-review .shop_table { width: 100%; }
#collector_change_payment_method {
	margin-top: 20px;
	width: 100%;
	justify-content: center;
	background: transparent !important;
	color: #333 !important;
	border: 2px solid #333 !important;
	box-shadow: none !important;
}
#collector_change_payment_method:hover {
	background: #333 !important;
	color: #fff !important;
}
@media (max-width: 900px) {
	#collector-wrapper { grid-template-columns: minmax(0, 1fr) !important; row-gap: 30px; }
	#collector-wrapper > #collector-iframe { order: -1; }
}