/* Detail reklamného predmetu – vzhľad preberá stránka produktu (štýly child témy #kalkulacka, #kalk_* a WoodMart);
   tu sú len doplnky: fotky, farby, potlač a drobnosti, ktoré produkt nemá. */

/* Menu kategórií vľavo */

.arp-detail-bok .arp-filter--kategorie {
	margin-bottom: 30px;
}

/* Fotky – galéria je z témy Woodmart (ako pri produkte); fotky dodávateľov nemajú rovnaký pomer strán,
   preto štvorec s bielym pozadím a celou fotkou */

.arp-galeria .woocommerce-product-gallery__image img,
.arp-galeria .wd-gallery-thumb img {
	aspect-ratio: 1;
	background: #fff;
	object-fit: contain;
	width: 100%;
}

/* Kód a sklad vedľa poľa Počet kusov (vypĺňajú prázdne miesto vpravo od neho) */

.arp-detail #kalk_vstupne-udaje {
	align-items: flex-end;
	column-gap: 20px;
	display: flex;
	flex-wrap: wrap;
}

.arp-detail #kalk_vstupne-udaje .arp-kratky-popis {
	align-self: flex-end;
	flex: 1 1 200px;
	margin-bottom: 0;
	padding-bottom: 0;
}

.arp-detail #kalk_vstupne-udaje .arp-kratky-popis__udaje {
	margin-bottom: 4px;
}

.arp-detail #kalk_vstupne-udaje .arp-kratky-popis__sklad {
	margin: 0;
}

.arp-kratky-popis__udaje {
	color: var(--arp-tlmena);
	font-size: 14px;
	margin-bottom: 8px;
}

.arp-kratky-popis__text {
	margin-bottom: 0;
}

#arp-sklad {
	color: #2e8b3e;
	font-weight: 600;
}

#arp-sklad i,
.arp-naceste i {
	font-size: 12px;
	margin-right: 2px;
}

#arp-kod {
	color: #333;
	font-weight: 600;
}

.arp-kratky-popis__sklad {
	font-size: 14px;
	margin: -4px 0 8px;
}

/* prichádzajúci tovar je vlastný riadok pod skladom (text je dlhý, preto sa nezalamuje) */
.arp-naceste {
	color: var(--arp-tlmena);
	display: block;
	white-space: nowrap;
}

#arp-sklad.arp-sklad--nie {
	color: var(--arp-tlmena);
	font-weight: 400;
}

/* Špecifikácia – farby (štvorčeky ako vzorkovník farieb v kalkulačke) */

#kalk_varianty .arp-pole-farba > .kalk_value {
	align-items: center;
	gap: 6px;
}

.arp-nazov-farby {
	color: var(--arp-tlmena);
	display: block;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.3;
}

.arp-detail .arp-farba-detail {
	all: unset;
	background: var(--farba);
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 3px;
	box-sizing: border-box;
	cursor: pointer;
	height: 30px;
	transition: box-shadow 0.1s;
	width: 30px;
}

.arp-detail .arp-farba-detail.arp-bodka--viacfarebna {
	background: conic-gradient(#d12a2a, #f5d000, #2e8b3e, #1f5fbf, #7a3fa0, #d12a2a);
}

.arp-detail .arp-farba-detail.arp-bodka--priehladna {
	background: repeating-linear-gradient(45deg, #fff 0 3px, #dde8ee 3px 6px);
}

.arp-detail .arp-farba-detail:hover,
.arp-detail .arp-farba-detail:focus-visible {
	box-shadow: 0 0 0 2px #fff, 0 0 0 3px #999;
}

.arp-detail .arp-farba-detail.arp-zvolena {
	box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--arp-cervena);
}

#kalk_varianty .arp-velkost {
	text-transform: none;
}

#kalk_varianty .arp-velkost:focus-visible {
	outline: 2px dotted #000;
}

/* Špecifikácia – potlač */

.arp-skupina + .arp-skupina {
	border-top: 1px solid rgba(0, 0, 0, 0.08);
	padding-top: 10px;
}

#kalk_varianty .arp-skupina .kalk_select > .kalk_value {
	align-items: center;
	flex-wrap: nowrap;
	gap: 10px;
}

#kalk_varianty .arp-skupina .kalk_select > .kalk_value > select {
	flex: 1;
	min-width: 0;
}

#kalk_varianty .arp-pole-rozmer > .kalk_value {
	align-items: center;
	flex-wrap: nowrap;
	gap: 8px;
}

#kalk_varianty .arp-pole-rozmer > .kalk_value > input {
	background-color: var(--e-global-color-b61493d, #fff);
	border: none;
	text-align: center;
	width: 90px;
}

.arp-pole-rozmer--pevny .kalk_value,
.arp-max,
.arp-potlac-ziadna {
	color: var(--arp-tlmena);
	font-size: 14px;
}

.arp-detail .arp-odobrat-potlac {
	all: unset;
	color: var(--arp-cervena);
	cursor: pointer;
	font-size: 14px;
}

.arp-detail .arp-odobrat-potlac:hover {
	text-decoration: underline;
}

/* pridať ďalšiu potlač – na celú šírku vnútra Špecifikácie, nižšie tlačidlo, priehľadné pozadie, celé červené */
.arp-detail .arp-pridat-potlac {
	all: unset;
	background-color: transparent;
	border: 1px solid var(--arp-cervena);
	border-radius: var(--wd-brd-radius, 5px);
	box-sizing: border-box;
	color: var(--arp-cervena);
	cursor: pointer;
	display: block;
	font-size: 14px;
	font-weight: 600;
	margin: 16px 16px 0;
	padding: 7px 12px;
	text-align: center;
	transition: background-color 0.15s;
	width: calc(100% - 32px);
}

.arp-detail .arp-pridat-potlac::before {
	content: '+';
	font-weight: 700;
	margin-right: 8px;
}

.arp-detail .arp-pridat-potlac:hover {
	background-color: rgba(226, 53, 73, 0.06);
}



/* ukážka umiestnenia a rozmer – v stĺpci pod výberom pozície, pod sebou a zarovnané */
#kalk_varianty .arp-pole-ukazka {
	margin-bottom: 6px;
	margin-top: -4px;
}

#kalk_varianty .arp-pole-ukazka > .kalk_value {
	flex-direction: column;
	gap: 2px;
}

.arp-ukazka,
.arp-max {
	align-items: center;
	display: flex;
}

.arp-ukazka i,
.arp-max i {
	flex: none;
	font-size: 13px;
	margin-right: 8px;
	text-align: center;
	width: 16px;
}

.arp-max i {
	color: var(--arp-tlmena);
}

/* dáta na tlač pri každej potlači – rovnaké pole ako pri produktoch */
.arp-subory {
	width: 100%;
}

#kalk_varianty .arp-pole-subory {
	margin-bottom: 4px;
	margin-top: 16px;
}

/* nahrávanie má rovnakú šírku ako pri produktoch (child téma: 90 %, na stred) */
#kalkulacka .arp-pole-subory .wc-dnd-file-upload {
	margin: 0 auto;
	width: 90%;
}

.arp-subory .arp-nahravanie {
	display: none;
}

.arp-subory .codedropz-upload-wrapper {
	margin: 0;
}

.arp-subory .codedropz-upload-inner .codedropz-label {
	font-size: 14px;
}

#kalk_varianty .arp-pole-subory > .kalk_value {
	width: 100%;
}

.arp-detail .arp-odobrat-potlac:focus-visible,
.arp-detail .arp-pridat-potlac:focus-visible {
	outline: 2px dotted #000;
}

.arp-ukazka {
	font-size: 14px;
}

/* Poznámka k objednávke – oddelená od potlače */

#kalk_varianty .arp-pole-poznamka {
	border-top: 1px solid rgba(0, 0, 0, 0.09);
	margin-top: 22px;
	padding-top: 18px;
}


#kalk_varianty .arp-pole-poznamka > .kalk_value > input {
	background-color: var(--e-global-color-b61493d, #fff);
	border: none;
	width: 100%;
}

/* Cena a košík */

#kalk_varianty .kalk_field[hidden],
.arp-detail #arp-cena[hidden],
.arp-detail #arp-dopyt[hidden],
.arp-detail #arp-do-kosika[hidden],
.arp-detail .wc-dnd-file-upload[hidden] {
	display: none !important;
}

.arp-detail .arp-dopyt {
	align-self: center;
	margin: 0;
	padding: 10px 20px;
}

.arp-detail .arp-dopyt a {
	font-weight: 600;
	margin-left: 6px;
}

.arp-detail #kalk_preddef-pocet-ks label {
	cursor: pointer;
}

/* ceny pri počtoch – dva riadky po štyroch, tesne pod sebou */
.arp-detail #kalk_preddef-pocet-ks {
	column-gap: 10px;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	justify-content: stretch;
	margin-bottom: 8px;
	row-gap: 6px;
}

.arp-detail #kalk_preddef-pocet-ks label {
	align-items: center;
	display: flex;
	font-size: 12px;
	gap: 4px;
	line-height: 1.4;
	margin-bottom: 0;
	white-space: nowrap;
	width: auto;
}


.arp-detail #kalk_preddef-pocet-ks input[type="radio"] {
	margin: 0;
}

/* rozpis ceny pod cenami za počty */
.arp-rozpis {
	margin: 14px 0 20px;
	order: 4;
	width: 100%;
}

.arp-rozpis__tabulka {
	border-collapse: collapse;
	font-size: 13px;
	margin: 0;
	table-layout: fixed;
	width: 100%;
}

.arp-rozpis__tabulka th,
.arp-rozpis__tabulka td {
	border: 1px solid rgba(0, 0, 0, 0.09);
	padding: 5px 12px;
	white-space: nowrap;
}

/* hodnoty na stred, texty (nadpisy stĺpcov a označenie DPH) vpravo */
.arp-rozpis__tabulka tbody td {
	text-align: center;
}

.arp-rozpis__tabulka thead th {
	text-align: center;
}

.arp-rozpis__tabulka thead th {
	color: #333;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0;
	text-transform: none;
}

.arp-rozpis__tabulka .arp-rozpis__rohy,
.arp-rozpis__tabulka .arp-rozpis__dph {
	border: none;
	padding-left: 0;
	padding-right: 10px;
	text-align: right;
	width: 70px;
}

.arp-rozpis__ikona {
	color: var(--arp-cervena);
	font-size: 12px;
	margin-right: 6px;
}

.arp-rozpis__dph {
	color: #999;
	font-size: 12px;
	font-weight: 300;
	text-transform: uppercase;
}

.arp-rozpis__riadok--hlavny td {
	color: #333;
	font-size: 14px;
	font-weight: 600;
}

.arp-rozpis__tabulka tbody td {
	color: #555;
	font-weight: 600;
}

/* vysvetlivka pri príprave potlače – menšia ako v kalkulačke */
.arp-rozpis #kalk_tooltip-icon {
	font-size: 14px;
	margin: 0 0 0 6px;
}

.arp-rozpis #kalk_tooltip-icon #kalk_tooltip {
	font-size: 13px;
	margin-left: -110px;
	white-space: normal;
	width: 220px;
}

.arp-rozpis .arp-upozornenie {
	color: #b35c00;
	display: block;
	font-size: 13px;
	margin-top: 6px;
}

/* Záložky pod produktom – vzhľad aj čiara sú zo štýlov témy (obaly product-tabs-wrapper), tu len odstup */

.arp-detail .product-tabs-wrapper {
	margin-top: 40px;
}

.arp-detail .woocommerce-Tabs-panel {
	padding-top: 25px;
}

.arp-detail .wc-tab-inner p {
	margin-bottom: 15px;
}

.arp-detail .shop_attributes th {
	width: 35%;
}

/* Mobil */

@media (max-width: 1024px) {
	.arp-detail-bok {
		display: none;
	}
}

/* Záložka Šablóna */

.arp-sablony__uvod {
	margin-bottom: 12px;
}

.arp-sablony {
	list-style: none;
	margin: 0;
	padding: 0;
}

.arp-sablony li + li {
	margin-top: 6px;
}

.arp-sablony a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

/* Technológie: názvy tak, ako ich píše dodávateľ (skratky veľkými – UV LED), nie všetko malými */

.arp-detail #arp-potlac .kalk_radio > .kalk_value > label {
	text-transform: none;
}

/* Cesta nad názvom: menšie písmo, aby sa dlhšia cesta zmestila do jedného riadka */

.arp-detail .single-breadcrumbs-wrapper .wd-breadcrumbs {
	font-size: 11px;
}

/* Mobil: rýchle prekliky po dvoch v riadku a menší rozpis cien, nech sa zmestí */

@media (max-width: 575px) {
	.arp-detail #kalk_preddef-pocet-ks {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	/* na mobile zostávajú kód a sklad vedľa počtu kusov, len menším písmom, aby sa zmestili */
	.arp-detail #kalk_vstupne-udaje {
		column-gap: 12px;
	}

	.arp-detail #kalk_vstupne-udaje .arp-kratky-popis,
	.arp-detail #kalk_vstupne-udaje .arp-kratky-popis__udaje,
	.arp-detail #kalk_vstupne-udaje .arp-kratky-popis__sklad {
		font-size: 12px;
		line-height: 1.35;
	}

	/* riadok s prichádzajúcim tovarom je dlhší, preto ešte o kúsok menší */
	.arp-detail #kalk_vstupne-udaje .arp-naceste {
		font-size: 11px;
	}

	/* nahrávanie súborov využije celú šírku špecifikácie */
	.arp-detail .arp-pole-subory > .kalk_value {
		width: 100%;
	}

	/* hláška má na mobile vlastné miesto pod riadkom s počtom kusov (nesmie sa prekryť so skladom) */
	.arp-detail .arp-hlasky {
		margin: 4px 0 12px;
	}

	.arp-detail #kalk_vstupne-udaje .arp-kratky-popis {
		flex: 1 1 150px;
	}

	.arp-rozpis__tabulka,
	.arp-rozpis__tabulka thead th {
		font-size: 11px;
	}

	.arp-rozpis__tabulka th,
	.arp-rozpis__tabulka td {
		padding: 4px 5px;
	}

	.arp-rozpis__tabulka .arp-rozpis__rohy,
	.arp-rozpis__tabulka .arp-rozpis__dph {
		padding-right: 5px;
		width: 54px;
	}

	.arp-rozpis__dph {
		font-size: 10px;
	}

	.arp-rozpis__riadok--hlavny td {
		font-size: 12px;
	}

	.arp-rozpis__ikona {
		font-size: 10px;
		margin-right: 3px;
	}

	/* vysvetlivka sa drží pri pravom okraji rozpisu, nech nevyčnieva mimo obrazovky */
	.arp-rozpis #kalk_tooltip-icon {
		position: static;
	}

	.arp-rozpis {
		position: relative;
	}

	.arp-rozpis #kalk_tooltip-icon #kalk_tooltip {
		bottom: auto;
		left: auto;
		margin-left: 0;
		max-width: none;
		right: 0;
		top: 100%;
		width: 100%;
	}
}

/* Hlášky pri počte kusov a druhý riadok v tlačidle Do košíka */

/* hláška ide hneď pod riadok s počtom kusov a nad cenový blok (poradie ako v kalkulačke) */
.arp-hlasky {
	margin: -18px 0 14px;
	order: 1;
	width: 100%;
}

.arp-hlasky .arp-upozornenie {
	color: #b35c00;
	font-size: 12px;
	line-height: 1.35;
}

.arp-detail .arp-do-kosika {
	display: block;
	line-height: 1.2;
	text-align: center;
}

.arp-do-kosika__text {
	display: block;
}

.arp-do-kosika__potlac {
	display: block;
	font-size: 11px;
	font-weight: 400;
	opacity: 0.85;
	text-transform: none;
}

/* Vypredaná farba – tlačidlo je neaktívne */

.arp-detail .arp-do-kosika--vypredane,
.arp-detail .arp-do-kosika[disabled] {
	cursor: not-allowed;
	opacity: 0.55;
}

/* Predpokladaný termín expedície (rovnaký zápis ako pri bežných produktoch) */

.arp-expedicia {
	color: #767676;
	font-size: 15px;
	font-weight: 500;
	margin: 0 0 14px;
}

.arp-expedicia i {
	font-size: 15px;
}

.arp-expedicia #arp-expedicia {
	color: #e23549;
	font-weight: 400;
}