/* Paoloni – Consegna e reso. Colori personalizzabili sovrascrivendo le variabili nel CSS del tema. */
.pdr-wrap {
	--pdr-ok-bg: #e9f4e3;
	--pdr-ok-fg: #2b6a1c;
	--pdr-n-bg: #f3f2ef;
	--pdr-n-fg: #4a4945;
	--pdr-text: inherit;
	--pdr-muted: #77766f;
	--pdr-line: #e6e4dd;
	--pdr-tip-bg: #ffffff;
	--pdr-card-bg: #f6f5f2;
	--pdr-out-fg: #b42318;
	--pdr-radius: 8px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin: 14px 0 18px;
	font-size: 14px;
	line-height: 1.45;
	clear: both;
}
.pdr-slot:empty { display: none; }
.pdr-test-badge { align-self: flex-start; padding: 2px 8px; border: 1px dashed #c48a00; border-radius: 4px; background: #fff8e5; color: #7a5300; font-size: 12px; }

/* Scheda */
.pdr-card {
	background: var(--pdr-card-bg);
	border-radius: 10px;
	padding: 12px 14px;
}
.pdr-head { display: flex; align-items: flex-start; gap: 8px; }
.pdr-head > .pdr-ico { margin-top: 1px; }
.pdr-headtext { flex: 1 1 auto; min-width: 0; line-height: 1.45; }
.pdr-headtext > * { vertical-align: middle; }
.pdr-sep { margin: 0 7px; color: var(--pdr-muted); }
.pdr-headtext .pdr-help { display: inline-flex; margin-left: 6px; vertical-align: baseline; }
.pdr-wrap .pdr-status-icon { color: var(--pdr-muted); }
.pdr-title { font-weight: 600; font-size: 14px; color: var(--pdr-n-fg); white-space: nowrap; }
.pdr-wrap .pdr-delivery--stock .pdr-status-icon,
.pdr-delivery--stock .pdr-title { color: var(--pdr-ok-fg); }
.pdr-wrap .pdr-delivery--out .pdr-status-icon,
.pdr-delivery--out .pdr-title { color: var(--pdr-out-fg); }
.pdr-is-out .pdr-extra { display: none; }
.pdr-line { font-size: 14px; color: var(--pdr-text); }
.pdr-factory { display: flex; align-items: flex-start; gap: 6px; margin: 6px 0 0 25px; font-size: 13px; color: var(--pdr-muted); }
.pdr-factory .pdr-ico { margin-top: 2px; }
.pdr-ask-link,
.pdr-factory a { color: var(--pdr-n-fg); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; }

/* Punto interrogativo */
.pdr-help { position: relative; display: inline-flex; }
.pdr-wrap .pdr-q {
	-webkit-appearance: none;
	appearance: none;
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	min-width: 0;
	min-height: 0;
	margin: 0;
	padding: 0;
	border: 1px solid #c9c7bf;
	border-radius: 50%;
	background: transparent;
	color: var(--pdr-muted);
	font-size: 11px;
	font-weight: 600;
	line-height: 1;
	text-transform: none;
	letter-spacing: 0;
	box-shadow: none;
	cursor: pointer;
	float: none;
	position: static;
	transform: none;
}
.pdr-wrap .pdr-q::before,
.pdr-wrap .pdr-q::after { content: none !important; display: none !important; }
.pdr-wrap .pdr-q:not(.pdr-q--text) { width: 18px !important; height: 18px !important; padding: 0 !important; font-size: 11px !important; line-height: 1 !important; border-radius: 50% !important; }
.pdr-wrap .pdr-q:hover,
.pdr-help.is-open > .pdr-q { border-color: var(--pdr-muted); color: var(--pdr-n-fg); background: transparent; }
.pdr-wrap .pdr-q:focus-visible { outline: 2px solid var(--pdr-muted); outline-offset: 2px; }

/* Testo che apre le info (reso possibile) */
.pdr-wrap .pdr-q--text {
	width: auto;
	height: auto;
	border: 0;
	border-bottom: 1px dotted #b9b7ae;
	border-radius: 0;
	padding: 0 0 1px;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.4;
	color: var(--pdr-muted);
}
.pdr-wrap .pdr-q--text:hover,
.pdr-help.is-open > .pdr-q--text { border-bottom-color: var(--pdr-muted); }

/* Tooltip */
.pdr-tip {
	display: none;
	position: absolute;
	z-index: 50;
	top: calc(100% + 8px);
	left: -8px;
	width: 300px;
	max-width: calc(100vw - 32px);
	box-sizing: border-box;
	padding: 12px 14px;
	background: var(--pdr-tip-bg);
	color: var(--pdr-n-fg);
	border: 1px solid var(--pdr-line);
	border-radius: var(--pdr-radius);
	box-shadow: 0 8px 24px rgba(0, 0, 0, .10);
	font-size: 13px;
	font-weight: 400;
	line-height: 1.55;
	text-align: left;
}
.pdr-help--end .pdr-tip { left: auto; right: -8px; }
.pdr-tip::before { content: ""; position: absolute; left: 0; right: 0; top: -10px; height: 10px; }
@media (hover: hover) {
	.pdr-help:hover .pdr-tip { display: block; }
}
.pdr-help.is-open .pdr-tip { display: block; }
.pdr-tip p { margin: 0 0 8px; }
.pdr-tip > :last-child,
.pdr-tip-text > :last-child { margin-bottom: 0; }
.pdr-tip-text { margin-bottom: 8px; }
.pdr-tip-label { font-weight: 600; margin: 10px 0 4px !important; color: var(--pdr-n-fg); }
.pdr-countries { list-style: none; margin: 0 0 10px; padding: 0; }
.pdr-countries li { display: flex; justify-content: space-between; gap: 12px; padding: 3px 0; margin: 0; border-bottom: 1px dashed var(--pdr-line); }
.pdr-countries li.is-current { font-weight: 600; }
.pdr-select-row { display: flex; align-items: center; gap: 8px; margin: 0; font-weight: 400; }
.pdr-wrap .pdr-country { flex: 1; min-width: 0; height: 32px; min-height: 0; padding: 0 8px; font-size: 13px; }
.pdr-link { margin: 10px 0 0 !important; }
.pdr-link a { color: var(--pdr-n-fg); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.pdr-debug { margin-top: 10px !important; padding-top: 8px; border-top: 1px solid var(--pdr-line); color: #8a5a00; font-size: 12px; }

/* Reso e assicurazione */
.pdr-extra { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 18px; margin-top: 10px; padding-top: 9px; border-top: 1px solid var(--pdr-line); font-size: 12.5px; color: var(--pdr-muted); }
.pdr-slot:empty + .pdr-extra { margin-top: 0; padding-top: 0; border-top: 0; }
.pdr-extra-item { display: inline-flex; align-items: center; gap: 6px; }
.pdr-extra-text { line-height: 1.4; }
.pdr-wrap .pdr-extra .pdr-q--text { font-size: 12.5px; }

/* Icone come maschere CSS: il colore segue il testo e il tema non può alterarle */
.pdr-wrap .pdr-ico {
	display: inline-block !important;
	flex: 0 0 auto;
	width: 17px;
	height: 17px;
	background-color: currentColor !important;
	-webkit-mask: var(--pdr-ico) center / contain no-repeat;
	mask: var(--pdr-ico) center / contain no-repeat;
	vertical-align: middle;
}
.pdr-wrap .pdr-extra .pdr-ico,
.pdr-wrap .pdr-factory .pdr-ico { width: 14px; height: 14px; }
.pdr-ico--ask { --pdr-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 5h16v11H9l-5 4V5z%22/%3E%3Cpath d=%22M8.5 10.5h.01M12 10.5h.01M15.5 10.5h.01%22/%3E%3C/svg%3E"); }
.pdr-ico--out { --pdr-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%228.5%22/%3E%3Cpath d=%22M9 9l6 6M15 9l-6 6%22/%3E%3C/svg%3E"); }
.pdr-ico--info { --pdr-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229%22/%3E%3Cpath d=%22M12 11v5M12 8h.01%22/%3E%3C/svg%3E"); }
.pdr-ico--factory { --pdr-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 21V10l5 3V10l5 3V5h4l1 16%22/%3E%3Cpath d=%22M3 21h18%22/%3E%3C/svg%3E"); }
.pdr-ico--stock { --pdr-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%227%22 cy=%2217%22 r=%222%22/%3E%3Ccircle cx=%2217%22 cy=%2217%22 r=%222%22/%3E%3Cpath d=%22M5 17H3V6a1 1 0 0 1 1-1h9v12M9 17h6M19 17h2v-6h-8M13 6h5l3 5%22/%3E%3C/svg%3E"); }
.pdr-ico--order { --pdr-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%228.5%22/%3E%3Cpath d=%22M12 7.5V12l3 2%22/%3E%3C/svg%3E"); }
.pdr-ico--pause { --pdr-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%228.5%22/%3E%3Cpath d=%22M10 9v6M14 9v6%22/%3E%3C/svg%3E"); }
.pdr-ico--over { --pdr-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 4l8 4-8 4-8-4 8-4z%22/%3E%3Cpath d=%22M4 12l8 4 8-4M4 16l8 4 8-4%22/%3E%3C/svg%3E"); }
.pdr-ico--return { --pdr-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M9 14l-4-4 4-4%22/%3E%3Cpath d=%22M5 10h11a4 4 0 1 1 0 8h-1%22/%3E%3C/svg%3E"); }
.pdr-ico--ban { --pdr-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229%22/%3E%3Cpath d=%22M5.7 5.7l12.6 12.6%22/%3E%3C/svg%3E"); }
.pdr-ico--shield { --pdr-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 3l7 3v5c0 4.5-3 8.3-7 10-4-1.7-7-5.5-7-10V6l7-3z%22/%3E%3Cpath d=%22M9 12l2 2 4-4%22/%3E%3C/svg%3E"); }

@media (max-width: 480px) {
	.pdr-tip { width: 270px; }
}
.pdr-ret-slot { display: contents; }
/* Tooltip della riga principale: ancorato all'intera riga, così non esce dallo schermo */
.pdr-head { position: relative; }
.pdr-headtext .pdr-help { position: static; }
.pdr-headtext .pdr-tip { left: 0; right: auto; width: min(320px, 100%); max-width: none; }
.pdr-headtext .pdr-help:hover .pdr-tip { display: none; }
@media (hover: hover) { .pdr-headtext .pdr-help:hover .pdr-tip { display: block; } }
/* Schermi piccoli: due righe, etichetta e "?" sopra, tempi sotto */
@media (max-width: 600px) {
	.pdr-headtext { display: flex; flex-wrap: wrap; align-items: center; }
	.pdr-headtext .pdr-sep { display: none; }
	.pdr-headtext .pdr-title { order: 1; }
	.pdr-headtext .pdr-help { order: 2; }
	.pdr-headtext .pdr-line { order: 3; flex: 0 0 100%; margin-top: 3px; }
}
/* Quantità disponibile, a destra sulla riga di reso e assicurazione */
.pdr-qty-slot { margin-left: auto; }
.pdr-qty-slot:empty { display: none; }
.pdr-qty {
	display: inline-block;
	padding: 2px 9px;
	border-radius: 999px;
	background: var(--pdr-ok-bg, #e9f4e3);
	color: var(--pdr-ok-fg);
	font-size: 11.5px;
	font-weight: 500;
	line-height: 1.5;
	white-space: nowrap;
}
/* Disponibile: sempre su due righe (testo più lungo), etichetta e "?" sopra, tempi sotto */
.pdr-delivery--stock .pdr-headtext { display: flex; flex-wrap: wrap; align-items: center; }
.pdr-delivery--stock .pdr-headtext .pdr-sep { display: none; }
.pdr-delivery--stock .pdr-headtext .pdr-title { order: 1; }
.pdr-delivery--stock .pdr-headtext .pdr-help { order: 2; }
.pdr-delivery--stock .pdr-headtext .pdr-line { order: 3; flex: 0 0 100%; margin-top: 3px; }
