/*
 * Popis metódy dopravy v košíku a pokladni (inc/doprava.php).
 *
 * 1. Košík a súhrn objednávky — malý sivý text pod názvom metódy.
 * 2. Pokladňa CartFlows (blok „Doprava“ nad „Platbou“) — rovnaký vzhľad ako
 *    platobné metódy: bodka, názov a pod ním sivý box s popisom cez celú
 *    šírku. CartFlows tu dáva položku do flexu a popis by inak stál vpravo
 *    vedľa názvu. Selektory kopírujú špecifickosť CartFlows, inak neprebijú.
 */

/* ------------------------------------------------ 1. Košík a súhrn */

.woocommerce-shipping-methods .hgl-doprava-popis {
	margin: 4px 0 0;
	font-size: 0.875em;
	line-height: 1.4;
	color: #6b6b6b;
	font-weight: normal;
}

/* -------------------------------------- 2. Pokladňa — ako platba */

.wcf-embed-checkout-form .woocommerce form .wcf-shipping-method-options ul#shipping_method li {
	flex-wrap: wrap;
	overflow: hidden;
}

.wcf-embed-checkout-form .woocommerce form .wcf-shipping-method-options ul#shipping_method li:has( > .hgl-doprava-popis ) {
	padding-bottom: 0;
}

/* Písmo a veľkosti ako pri platbe. Poppins je písmo polí z nastavení
   CartFlows (Checkout → Štýl) — CartFlows ho dáva platbe, doprave nie. */
.wcf-embed-checkout-form .woocommerce form .wcf-shipping-method-options ul#shipping_method li label {
	flex: 1;
	width: auto;
	font-family: "Poppins", sans-serif;
	font-size: 14px;
	color: #555 !important;
}

/* Jediná metóda je skrytý input bez rádia — bodku dokreslíme, aby riadok
   vyzeral ako vybraná platba. */
.wcf-embed-checkout-form .woocommerce form .wcf-shipping-method-options ul#shipping_method li:has( > input[type="hidden"] )::before {
	content: "";
	flex: 0 0 18px;
	height: 18px;
	border-radius: 50%;
	background: radial-gradient( circle, #fff 0 3px, var( --wcf-primary-color, #1b4122 ) 3.5px );
}

.wcf-embed-checkout-form .woocommerce form .wcf-shipping-method-options ul#shipping_method li .hgl-doprava-popis {
	flex: 0 0 calc( 100% + 24px );
	margin: 4px -12px 0;
	padding: 20px;
	border-top: 1px solid var( --wcf-primary-color, #1b4122 );
	background-color: var( --wcf-payment-section-desc-bg-color, #f7f7f7 );
	color: var( --wcf-payment-section-desc-text-color, #000 );
	font-family: "Poppins", sans-serif;
	font-size: 13px;
	line-height: 1.5;
}