/*
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)
   ===================================================================== */

/* ===== Sökfält i headern (FiboSearch i Meny 2) ===== */
[data-id="menu-secondary"] .menu > li { width: 100%; }
[data-id="menu-secondary"] .dgwt-wcas-search-wrapp {
	width: min(460px, 38vw);
	max-width: none;
}
[data-id="menu-secondary"] .dgwt-wcas-search-input {
	border-radius: 999px !important;
	background: var(--theme-palette-color-6) !important;
	border-color: transparent !important;
}

/* ===== Mega-meny för Cykeltillbehör (desktop) ===== */
@media (min-width: 1000px) {
	#header-menu-1 .menu-item-4810 > .sub-menu {
		display: grid;
		grid-template-columns: 1fr 1fr;
		column-gap: 40px;
		width: 760px;
		padding: 24px 28px;
		inset-inline-start: 50% !important;
		margin-inline-start: -380px;
	}
	#header-menu-1 .menu-item-4810 > .sub-menu > li {
		display: flex;
		flex-direction: column;
		align-items: stretch;
	}
	#header-menu-1 .menu-item-4810 > .sub-menu > li::before,
	#header-menu-1 .menu-item-4810 > .sub-menu > li::after {
		display: none !important;
	}
	#header-menu-1 .menu-item-4810 > .sub-menu > li > .sub-menu > li {
		display: block;
	}
	#header-menu-1 .menu-item-4810 > .sub-menu > li > a {
		width: 100%;
		font-family: 'Outfit', sans-serif;
		font-weight: 600;
		font-size: 13px;
		letter-spacing: 0.05em;
		text-transform: uppercase;
		color: var(--theme-palette-color-4);
		padding-bottom: 8px;
		margin-bottom: 6px;
		border-bottom: 1px solid var(--theme-palette-color-5);
		pointer-events: auto;
	}
	#header-menu-1 .menu-item-4810 > .sub-menu > li > a .ct-toggle-dropdown-desktop,
	#header-menu-1 .menu-item-4810 > .sub-menu > li > .ct-toggle-dropdown-desktop-ghost,
	#header-menu-1 .menu-item-4810 > .sub-menu > li > a > svg {
		display: none !important;
	}
	#header-menu-1 .menu-item-4810 > .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;
		columns: 2;
		column-gap: 20px;
		display: block;
	}
	#header-menu-1 .menu-item-4810 > .sub-menu > li > .sub-menu > li {
		break-inside: avoid;
	}
	#header-menu-1 .menu-item-4810 > .sub-menu > li > .sub-menu a {
		padding-top: 4px;
		padding-bottom: 4px;
		font-size: 14px;
	}
}

/* ===== Produktkort ===== */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
[data-products] .woocommerce-loop-product__title {
	font-size: 15px;
	font-weight: 500;
	line-height: 1.35;
}

/* ===== 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; }
}