/**
 * BA AGSHOP custom scripts – Bundle choice module stílusok
 *
 * A választható bundled itemek kattintható dobozként jelennek meg:
 *   - radio (25, 26, 29): kör alakú jelölő, kitöltött pötty aktív állapotban
 *   - checkbox (27): négyzet alakú jelölő, pipa aktív állapotban
 */

/* A raw number quantity inputot elrejtjük – a kiválasztás kattintással történik,
   így a logika nem törhető meg kézi mennyiség-beírással. */
.bundled_product.ba-choice-item .quantity {
	display: none !important;
}

/* A 21-es és 22-es kötelező alapelemek elrejtése (a bundle-ban qty=1 marad,
   csak a megjelenítésből tűnnek el). */
.bundled_product.bundled_item_21,
.bundled_product.bundled_item_22 {
	display: none !important;
}

/* A termékcím melletti "megnyitás új lapon" link elrejtése. */
h4.bundled_product_title.product_title .bundled_product_title_link {
	display: none !important;
}

/* Kattintható doboz (közös alap) */
.bundled_product.ba-choice-item {
	position: relative;
	cursor: pointer;
	border: 2px solid #bdbdbd;
	border-radius: 6px;
	padding: 15px 15px 15px 52px;
	transition: border-color 0.2s ease, background-color 0.2s ease, opacity 0.2s ease;
}

/* Jelölő alapja (bal oldalon) */
.bundled_product.ba-choice-item::before {
	content: "";
	position: absolute;
	left: 16px;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	border: 2px solid var(--e-global-color-primary, #4d6e26);
	background: #ffffff;
	box-sizing: border-box;
	transition: box-shadow 0.15s ease, background-color 0.15s ease;
}

/* Radio: kör alakú jelölő */
.bundled_product.ba-radio-item::before {
	border-radius: 50%;
}

/* Checkbox: négyzet alakú jelölő */
.bundled_product.ba-checkbox-item::before {
	border-radius: 4px;
}

/* Aktív doboz (közös) */
.bundled_product.ba-choice-item.ba-active {
	border-color: var(--e-global-color-primary, #4d6e26);
	background-color: #ffffff;
	opacity: 1;
}

/* Radio aktív: kitöltött pötty */
.bundled_product.ba-radio-item.ba-active::before {
	box-shadow: inset 0 0 0 4px var(--e-global-color-primary, #4d6e26);
}

/* Checkbox aktív: kitöltött háttér + fehér pipa */
.bundled_product.ba-checkbox-item.ba-active::before {
	background-color: var(--e-global-color-primary, #4d6e26);
}

.bundled_product.ba-checkbox-item.ba-active::after {
	content: "";
	position: absolute;
	left: 23px;
	top: 50%;
	width: 5px;
	height: 10px;
	border: solid #ffffff;
	border-width: 0 2px 2px 0;
	transform: translateY(-60%) rotate(45deg);
	box-sizing: border-box;
}

/* Inaktív doboz (közös) */
.bundled_product.ba-choice-item.ba-inactive {
	opacity: 0.75;
}

.bundled_product.ba-choice-item.ba-inactive:hover {
	opacity: 1;
	border-color: #9c9c9c;
}

/* Alsó él helyreállítása.
 *
 * A WC PB single-product.css-e ugyanerre az elemre (a doboznak `bundled_product`
 * ÉS `bundled_product_summary` ÉS `product` osztálya is van) elválasztó vonalat
 * tesz:
 *   div.bundled_product_summary, .woocommerce div.product.bundled_product_summary
 *   { border-bottom: 1px solid rgba(0,0,0,.05) }
 * A második szelektor (0,3,1) — a `.woocommerce` IS osztálynak számít —, tehát
 * erősebb a fenti doboz-szabályoknál (0,2,0 / 0,3,0), ráadásul később is töltődik
 * (a wc-bundle-css jóval a mi stíluslapunk után) → az alsó él 1px halvány maradt,
 * a másik három 2px helyett.
 *
 * Az alábbi szabályok ezért 4-5 osztályt használnak — (0,4,1) és (0,5,1) —, hogy
 * biztosan verjék a (0,3,1)-et. Döntetlen NEM elég, mert a sorrend a WC PB-nek
 * kedvez. A `.product` és a `.bundled_product_summary` csak a specificitás miatt
 * van a szelektorban: egyiket sem szabad kivenni.
 *
 * Csak a választható dobozokra vonatkozik: a 23-as kötelező elem nem doboz, ott
 * a WC PB halvány elválasztó vonala marad. */
div.product.bundled_product.bundled_product_summary.ba-choice-item {
	border-bottom: 2px solid #bdbdbd;
}

div.product.bundled_product.bundled_product_summary.ba-choice-item.ba-active {
	border-bottom-color: var(--e-global-color-primary, #4d6e26);
}

div.product.bundled_product.bundled_product_summary.ba-choice-item.ba-inactive:hover {
	border-bottom-color: #9c9c9c;
}

/* A 24-es és 27-es checkbox item mindig float:left (nem csak aktív állapotban) */
.bundled_product.bundled_item_24,
.bundled_product.bundled_item_27 {
	float: left;
}