/* ============================================================================
   DRONEBASE — CATEGORIA "SCHEDE PER TIPOLOGIA"
   ----------------------------------------------------------------------------
   Caricato da: inc/category-templates/tabs.php (solo con quel template).
   Tutto è limitato a body.db-cat-tpl-schede: nessuna regola sul resto del sito.
   Blocchi: pagina · hero · sidebar · schede · griglia e card · testi · CTA e form.
   ============================================================================ */

body.db-cat-tpl-schede {
	--dbc-cyan: #009EE3;
	--dbc-blue: #0072A8;
	--dbc-blue-d: #005A86;
	--dbc-dark: #070D14;
	--dbc-dark2: #101B26;
	--dbc-ink: #141B22;
	--dbc-text: #3A4651;
	--dbc-mute: #56626E;
	--dbc-line: #DDE3E8;
	--dbc-line-d: #C6CFD7;
	--dbc-tint: #E1F0F8;
	--dbc-bg: #F4F6F8;
	--dbc-r: 10px;
}


/* ─── PAGINA ──────────────────────────────────────────────────────────────── */
body.db-cat-tpl-schede,
body.db-cat-tpl-schede #page,
body.db-cat-tpl-schede #content { background-color: var(--dbc-bg); }
body.db-cat-tpl-schede #content > .container { max-width: 1320px; }
body.db-cat-tpl-schede .db-cat-description,
body.db-cat-tpl-schede .db-cat-postprodotti { color: var(--dbc-ink); font-size: 15px; line-height: 1.55; }
.db-cat-tpl-schede .dbc-shop [hidden] { display: none !important; }
.db-cat-tpl-schede .dbc-shop *,
.db-cat-tpl-schede .db-cat-description *,
.db-cat-tpl-schede .db-cat-postprodotti * { box-sizing: border-box; }

.dbc-page-title { margin: 24px 0 0; font-size: 30px; line-height: 1.2; font-weight: 700; }


/* ─── HERO ────────────────────────────────────────────────────────────────── */
.db-cat-tpl-schede .dbc-hero {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 28px;
	padding: 32px 36px;
	border-radius: var(--dbc-r);
	background: var(--dbc-dark);
	color: #fff;
}
.db-cat-tpl-schede .dbc-hero-txt { flex: 1 1 560px; min-width: 0; }
.db-cat-tpl-schede .dbc-hero h1 { margin: 0 0 12px; color: #fff; font-size: 30px; line-height: 1.2; font-weight: 700; }
.db-cat-tpl-schede .dbc-hero h1 .l1 { display: block; }
.db-cat-tpl-schede .dbc-hero h1 .l2 { display: block; margin-top: 6px; color: #C9D3DC; font-size: .68em; font-weight: 500; }
.db-cat-tpl-schede .dbc-hero h1 .accent { color: var(--dbc-cyan); }
.db-cat-tpl-schede .dbc-hero p { margin: 0 0 18px; color: #C9D3DC; font-size: 15.5px; }
.db-cat-tpl-schede .dbc-hero p strong { color: #fff; font-weight: 700; }
.db-cat-tpl-schede .dbc-badges { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.db-cat-tpl-schede .dbc-badges li {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 5px 12px;
	border: 1px solid #2A3A49;
	border-radius: 99px;
	color: #E3EAF0;
	font-size: 12.5px;
}
.db-cat-tpl-schede .dbc-badges li::before { content: '\2713'; color: var(--dbc-cyan); font-weight: 700; }
.db-cat-tpl-schede .dbc-hero-box {
	flex: 0 1 320px;
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 22px;
	border: 1px solid #22313F;
	border-radius: var(--dbc-r);
	background: var(--dbc-dark2);
}
.db-cat-tpl-schede .dbc-hero-box .k { color: #9FB0BF; font-size: 12px; text-transform: uppercase; letter-spacing: .08em; }
.db-cat-tpl-schede .dbc-hero-box .v { color: #fff; font-size: 26px; font-weight: 900; }
.db-cat-tpl-schede .dbc-hero-box .s { color: #C9D3DC; font-size: 13px; }

.db-cat-tpl-schede a.dbc-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 46px;
	padding: 4px 20px;
	border: 0;
	border-radius: 8px;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.25;
	text-align: center;
	text-decoration: none;
}
.db-cat-tpl-schede a.dbc-btn-p { background: var(--dbc-cyan); color: var(--dbc-dark); }
.db-cat-tpl-schede a.dbc-btn-p:hover { background: #33B4EB; color: var(--dbc-dark); }
.db-cat-tpl-schede a.dbc-btn-g { border: 1px solid #3A4C5D; background: transparent; color: #fff; }
.db-cat-tpl-schede a.dbc-btn-g:hover { border-color: var(--dbc-cyan); color: #fff; }
.db-cat-tpl-schede a.dbc-btn-dark { background: var(--dbc-dark); color: #fff; }
.db-cat-tpl-schede a.dbc-btn-dark:hover { background: #1B2A38; color: #fff; }


/* ─── AREA PRODOTTI E SIDEBAR ─────────────────────────────────────────────── */
.dbc-shop {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 28px;
	margin: 32px 0 0;
	color: var(--dbc-ink);
	font-size: 15px;
	line-height: 1.55;
}
.dbc-shop .dbc-side {
	position: sticky;
	top: 110px;
	flex: 1 1 260px;
	max-width: 270px;
	max-height: calc(100vh - 130px);
	overflow-y: auto;
	scrollbar-width: thin;
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 16px 18px;
	border: 1px solid var(--dbc-line);
	border-radius: var(--dbc-r);
	background: #fff;
}
.dbc-shop .dbc-side form { margin: 0; }
.dbc-shop .dbc-side fieldset { min-width: 0; margin: 0 0 8px; padding: 0; border: 0; }
.dbc-shop .dbc-side legend,
.dbc-shop .dbc-sbox h3 {
	margin: 0 0 6px;
	padding: 0;
	color: var(--dbc-text);
	font-size: 12px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: .08em;
	text-transform: uppercase;
}
.dbc-shop .dbc-check { display: flex; align-items: center; gap: 10px; margin: 0; padding: 3px 0; font-size: 14px; font-weight: 400; cursor: pointer; }
.dbc-shop .dbc-check input { width: 18px; height: 18px; margin: 0; accent-color: var(--dbc-blue); }

.dbc-shop .dbc-sbox { display: flex; flex-direction: column; gap: 6px; padding-top: 12px; border-top: 1px solid var(--dbc-line); }
.dbc-shop .dbc-sbox-h { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }
.dbc-shop .dbc-sbox-h h3 { margin: 0; }
.dbc-shop .dbc-slink { color: var(--dbc-blue); font-size: 13px; font-weight: 500; }

.dbc-shop .dbc-courses { display: flex; flex-direction: column; gap: 6px; margin: 0; padding: 0; list-style: none; }
.dbc-shop .dbc-courses li { margin: 0; }
.dbc-shop .dbc-courses a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 8px;
	min-height: 36px;
	padding: 7px 10px;
	border: 1px solid var(--dbc-line);
	border-radius: 8px;
	background: #F7F9FB;
	color: var(--dbc-ink);
	text-decoration: none;
}
.dbc-shop .dbc-courses a:hover { border-color: var(--dbc-blue); }
.dbc-shop .dbc-courses b { font-size: 13.5px; font-weight: 500; }
.dbc-shop .dbc-courses span { color: var(--dbc-mute); font-size: 12px; white-space: nowrap; }

.dbc-shop .dbc-conf {
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: center;
	gap: 2px 8px;
	padding: 8px 10px;
	border: 1px solid var(--dbc-line);
	border-radius: 8px;
	background: #F7F9FB;
}
.dbc-shop .dbc-conf-h,
.dbc-shop .dbc-conf-i { grid-column: 1; }
.dbc-shop .dbc-conf-h { display: flex; flex-direction: column; gap: 1px; }
.dbc-shop .dbc-conf-h b { font-size: 13px; line-height: 1.3; }
.dbc-shop .dbc-conf-h span { color: var(--dbc-blue); font-size: 13px; font-weight: 700; }
.dbc-shop .dbc-conf-i { margin: 0; color: var(--dbc-mute); font-size: 11.5px; line-height: 1.4; }
.dbc-shop button.dbc-conf-btn {
	grid-column: 2;
	grid-row: 1 / span 2;
	width: 72px;
	min-height: 36px;
	margin: 0;
	padding: 2px 8px;
	border: 1px solid var(--dbc-blue);
	border-radius: 6px;
	background: #fff !important;
	color: var(--dbc-blue) !important;
	font-family: inherit;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.2;
	cursor: pointer;
	box-shadow: none;
}
.dbc-shop button.dbc-conf-btn:hover { background: #EAF4FA !important; }

.dbc-shop a.dbc-lease { display: grid; gap: 2px; padding: 10px 14px; border-radius: 8px; background: var(--dbc-dark); color: #fff; text-decoration: none; }
.dbc-shop a.dbc-lease:hover { background: #13202D; color: #fff; }
.dbc-shop .dbc-lease span { color: #9FB0BF; font-size: 11.5px; letter-spacing: .06em; text-transform: uppercase; }
.dbc-shop .dbc-lease b { color: var(--dbc-cyan); font-size: 18px; font-weight: 900; }
.dbc-shop .dbc-lease em { font-size: 13px; font-style: normal; font-weight: 500; }

.dbc-shop .dbc-sbtns { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.dbc-shop a.dbc-sbtn {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	border-radius: 8px;
	background: var(--dbc-blue);
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
}
.dbc-shop a.dbc-sbtn:hover { background: var(--dbc-blue-d); color: #fff; }
.dbc-shop a.dbc-sbtn.wa { border: 1px solid #2E8B57; background: #fff; color: #1A5A34; }
.dbc-shop a.dbc-sbtn.wa:hover { background: #EEF8F1; color: #1A5A34; }


/* ─── SCHEDE ──────────────────────────────────────────────────────────────── */
.dbc-shop .dbc-main { flex: 999 1 600px; min-width: 0; }
.dbc-shop .dbc-tabs { display: flex; gap: 4px; border-bottom: 2px solid var(--dbc-dark); overflow-x: auto; scrollbar-width: none; }
.dbc-shop .dbc-tabs::-webkit-scrollbar { display: none; }
.dbc-shop button.dbc-tab {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	gap: 8px;
	min-height: 48px;
	margin: 0;
	padding: 0 18px;
	border: 1px solid var(--dbc-line);
	border-bottom: 0;
	border-radius: 8px 8px 0 0;
	background: #fff !important;
	color: var(--dbc-ink) !important;
	font-family: inherit;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.2;
	cursor: pointer;
	box-shadow: none;
}
.dbc-shop .dbc-tab .c { color: var(--dbc-mute); font-size: 12px; font-weight: 400; }
.dbc-shop button.dbc-tab:hover { border-color: #B8C3CC; }
.dbc-shop button.dbc-tab[aria-selected="true"] { border-color: var(--dbc-dark); background: var(--dbc-dark) !important; color: #fff !important; }
.dbc-shop .dbc-tab[aria-selected="true"] .c { color: #9FB0BF; }
.dbc-shop button.dbc-tab:disabled { opacity: .45; cursor: not-allowed; }

.dbc-shop .dbc-subs { display: flex; flex-wrap: wrap; gap: 8px; padding: 14px 0 0; }
.dbc-shop button.dbc-chip {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 40px;
	margin: 0;
	padding: 0 16px;
	border: 1px solid var(--dbc-line-d);
	border-radius: 99px;
	background: #fff !important;
	color: var(--dbc-ink) !important;
	font-family: inherit;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.2;
	cursor: pointer;
	box-shadow: none;
}
.dbc-shop .dbc-chip .c { color: var(--dbc-mute); font-size: 12px; font-weight: 400; }
.dbc-shop button.dbc-chip:hover { border-color: var(--dbc-blue); }
.dbc-shop button.dbc-chip[aria-pressed="true"] { border-color: var(--dbc-blue); background: var(--dbc-tint) !important; color: #00476B !important; }
.dbc-shop .dbc-chip[aria-pressed="true"] .c { color: #00476B; }

.dbc-shop .dbc-bar { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; padding: 16px 0; }
.dbc-shop .dbc-count { color: var(--dbc-text); font-size: 14px; }
.dbc-shop .dbc-sort { display: flex; align-items: center; gap: 8px; margin: 0; color: var(--dbc-text); font-size: 14px; font-weight: 400; }
.dbc-shop .dbc-sort select {
	width: auto;
	min-height: 42px;
	padding: 9px 12px;
	border: 1px solid var(--dbc-line-d);
	border-radius: 8px;
	background-color: #fff;
	font-family: inherit;
	font-size: 14px;
}


/* ─── GRIGLIA E CARD ──────────────────────────────────────────────────────── */
.dbc-shop .dbc-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 16px; margin: 0; padding: 0; list-style: none; }
.dbc-shop .dbc-grid.is-drones { grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); }
.dbc-shop .dbc-card {
	display: flex;
	flex-direction: column;
	gap: 9px;
	margin: 0;
	padding: 14px;
	border: 1px solid var(--dbc-line);
	border-radius: var(--dbc-r);
	background: #fff;
	transition: border-color .15s, box-shadow .15s;
}
.dbc-shop .dbc-card:hover { border-color: #B8C3CC; box-shadow: 0 4px 16px rgba(7, 13, 20, .07); }
.dbc-shop .dbc-img {
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 4 / 3;
	padding: 6%;
	overflow: hidden;
	border-radius: 8px;
	background: #EEF2F5;
}
/* Il plugin WebP avvolge l'img in <picture>: i limiti vanno su entrambi.
   multiply: il fondo bianco delle foto si fonde con il riquadro grigio. */
.dbc-shop .dbc-img picture { display: contents; }
.dbc-shop .dbc-img img { display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; margin: 0; object-fit: contain; mix-blend-mode: multiply; }

.dbc-shop .dbc-compat { display: flex; flex-wrap: wrap; gap: 5px; }
.dbc-shop .dbc-compat span { padding: 2px 7px; border-radius: 5px; background: #DCEBF5; color: #17435E; font-size: 11px; font-weight: 500; }
.dbc-shop .dbc-name { min-height: 39px; margin: 0; color: var(--dbc-ink); font-size: 14.5px; font-weight: 500; line-height: 1.35; }
.dbc-shop .dbc-name a { color: inherit; text-decoration: none; }
.dbc-shop .dbc-name a:hover { color: var(--dbc-blue); }

/* Badge esistente (dronebase_availability_badge) con l'aspetto della reference. */
.dbc-shop .db-avail-badge { align-self: flex-start; margin: 0; padding: 0; border-radius: 0; background: none; font-size: 12.5px; font-weight: 400; letter-spacing: 0; }
.dbc-shop .db-avail-badge--ready { color: #1A7A3A; }
.dbc-shop .db-avail-badge--low,
.dbc-shop .db-avail-badge--order { color: #8A5300; }

.dbc-shop .dbc-price { margin-top: auto; color: var(--dbc-ink); font-size: 19px; font-weight: 900; line-height: 1.25; }
.dbc-shop .dbc-price .amount,
.dbc-shop .dbc-price ins { background: none; color: var(--dbc-ink); font-size: 19px; font-weight: 900; text-decoration: none; }
.dbc-shop .dbc-price del,
.dbc-shop .dbc-price del .amount { color: var(--dbc-mute); font-size: 13px; font-weight: 400; }
.dbc-shop .dbc-price small,
.dbc-shop .dbc-price .woocommerce-price-suffix,
.dbc-shop .dbc-price .iva-esc { color: var(--dbc-mute); font-size: 12px; font-weight: 400; }
.dbc-shop .dbc-rate { margin-top: -6px; color: var(--dbc-mute); font-size: 12.5px; }

.dbc-shop .dbc-cta { display: grid; grid-template-columns: 1fr; gap: 8px; }
.dbc-shop .is-drones .dbc-cta { grid-template-columns: 1fr 1fr; }
.dbc-shop a.dbc-add,
.dbc-shop a.dbc-add2 {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 4px 8px;
	border-radius: 8px;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
}
.dbc-shop a.dbc-add { border: 0; background: var(--dbc-blue) !important; color: #fff !important; }
.dbc-shop a.dbc-add:hover { background: var(--dbc-blue-d) !important; }
.dbc-shop a.dbc-add.loading { opacity: .6; }
.dbc-shop a.dbc-add2 { border: 1px solid var(--dbc-blue); background: transparent; color: var(--dbc-blue); }
.dbc-shop a.dbc-add2:hover { background: #EAF4FA; color: var(--dbc-blue); }
.dbc-shop .dbc-cta .added_to_cart { color: var(--dbc-blue); font-size: 13px; text-align: center; }

.dbc-shop .dbc-empty { padding: 40px; border: 1px dashed var(--dbc-line-d); border-radius: var(--dbc-r); background: #fff; color: var(--dbc-mute); text-align: center; }

.dbc-shop .dbc-xsell { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 20px; }
.dbc-shop .dbc-xsell button {
	flex: 1 1 200px;
	display: flex;
	flex-direction: column;
	gap: 4px;
	min-height: 44px;
	margin: 0;
	padding: 16px 18px;
	border: 1px solid var(--dbc-line);
	border-radius: var(--dbc-r);
	background: #fff !important;
	font-family: inherit;
	text-align: left;
	cursor: pointer;
	box-shadow: none;
}
.dbc-shop .dbc-xsell button:hover { border-color: var(--dbc-blue); }
.dbc-shop .dbc-xsell b { color: var(--dbc-ink); font-size: 15px; }
.dbc-shop .dbc-xsell span { color: var(--dbc-blue); font-size: 13px; font-weight: 400; }


/* ─── TESTI SOTTO I PRODOTTI ──────────────────────────────────────────────── */
.db-cat-tpl-schede .dbc-toc { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 48px 0 0; font-size: 13.5px; }
.db-cat-tpl-schede .dbc-toc span { margin-right: 4px; color: var(--dbc-mute); }
.db-cat-tpl-schede .dbc-toc a {
	display: inline-flex;
	align-items: center;
	min-height: 36px;
	padding: 0 14px;
	border: 1px solid var(--dbc-line);
	border-radius: 99px;
	background: #fff;
	color: var(--dbc-ink);
	text-decoration: none;
}
.db-cat-tpl-schede .dbc-toc a:hover { border-color: var(--dbc-blue); color: var(--dbc-blue); }

.db-cat-tpl-schede .dbc-content { display: flex; flex-direction: column; gap: 44px; margin: 52px 0 0; }
.db-cat-tpl-schede .dbc-content section { scroll-margin-top: 120px; }
.db-cat-tpl-schede .dbc-content h2 { margin: 0 0 16px; color: var(--dbc-ink); font-size: 24px; font-weight: 700; line-height: 1.25; }
.db-cat-tpl-schede .dbc-content p { margin: 0 0 12px; }
/* Il sito carica Roboto solo a 400: sotto 600 il grassetto non si vedrebbe. */
.db-cat-tpl-schede .dbc-content strong { color: var(--dbc-ink); font-weight: 700; }
.db-cat-tpl-schede .dbc-content a:not(.dbc-btn) {
	color: var(--dbc-blue);
	text-decoration: underline;
	text-underline-offset: 2px;
}
.db-cat-tpl-schede .dbc-content a:not(.dbc-btn):hover { color: var(--dbc-blue-d); }

.db-cat-tpl-schede .dbc-split { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 28px; }
.db-cat-tpl-schede .dbc-prose { flex: 999 1 520px; min-width: 0; }
.db-cat-tpl-schede .dbc-callout {
	flex: 1 1 280px;
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 24px;
	border: 1px solid #C5DFEE;
	border-radius: var(--dbc-r);
	background: #EAF4FA;
}
.db-cat-tpl-schede .dbc-callout strong { font-size: 17px; }
.db-cat-tpl-schede .dbc-callout p { margin: 0; color: #2C3A46; font-size: 14.5px; }
.db-cat-tpl-schede .dbc-callout-tel { font-size: 14px; }

.db-cat-tpl-schede .dbc-kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px; margin: 4px 0 18px; }
.db-cat-tpl-schede .dbc-kpis div { padding: 18px; border-radius: var(--dbc-r); background: var(--dbc-dark); color: #fff; }
.db-cat-tpl-schede .dbc-kpis b { display: block; color: var(--dbc-cyan); font-size: 22px; font-weight: 900; }
.db-cat-tpl-schede .dbc-kpis span { color: #C9D3DC; font-size: 13px; }
.db-cat-tpl-schede .dbc-kpis.light div { border: 1px solid var(--dbc-line); background: #fff; color: var(--dbc-ink); }
.db-cat-tpl-schede .dbc-kpis.light b { color: var(--dbc-blue); }
.db-cat-tpl-schede .dbc-kpis.light span { color: var(--dbc-mute); }

.db-cat-tpl-schede .dbc-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; margin-top: 8px; }
.db-cat-tpl-schede .dbc-cards > div {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 22px;
	border: 1px solid var(--dbc-line);
	border-radius: var(--dbc-r);
	background: #fff;
}
.db-cat-tpl-schede .dbc-cards h3 { margin: 0; color: var(--dbc-ink); font-size: 17px; font-weight: 700; line-height: 1.3; }
.db-cat-tpl-schede .dbc-cards p { margin: 0; color: var(--dbc-text); font-size: 14.5px; }
.db-cat-tpl-schede .dbc-cards .tag {
	align-self: flex-start;
	padding: 3px 8px;
	border-radius: 5px;
	background: #E1F0F8;
	color: #00557F;
	font-size: 11.5px;
	font-weight: 700;
	letter-spacing: .05em;
	text-transform: uppercase;
}
.db-cat-tpl-schede .dbc-more { margin-top: 6px; font-size: 14px; font-weight: 500; }
.db-cat-tpl-schede .dbc-steps .num {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: var(--dbc-dark);
	color: #fff;
	font-weight: 700;
}
.db-cat-tpl-schede .dbc-highlight { padding: 22px 24px; border: 1px solid #C5DFEE; border-radius: var(--dbc-r); background: #EAF4FA; }
.db-cat-tpl-schede .dbc-highlight p { margin: 0; }
.db-cat-tpl-schede .dbc-highlight p + p { margin-top: 10px; }

/* Elenchi e tabelle dei testi convertiti dalle pagine vecchie (Agras, Delivery). */
.db-cat-tpl-schede .dbc-content ul { margin: 0 0 12px; padding-left: 20px; }
.db-cat-tpl-schede .dbc-content li { margin: 0 0 8px; }
.db-cat-tpl-schede .dbc-table { margin: 4px 0 12px; overflow-x: auto; border: 1px solid var(--dbc-line); border-radius: var(--dbc-r); background: #fff; }
.db-cat-tpl-schede .dbc-table table { width: 100%; margin: 0; border: 0; border-collapse: collapse; font-size: 14.5px; }
.db-cat-tpl-schede .dbc-table th,
.db-cat-tpl-schede .dbc-table td { padding: 11px 14px; border: 0; border-bottom: 1px solid var(--dbc-line); text-align: left; vertical-align: top; }
.db-cat-tpl-schede .dbc-table th { background: var(--dbc-dark); color: #fff; font-weight: 700; white-space: nowrap; }
.db-cat-tpl-schede .dbc-table tbody tr:last-child td { border-bottom: 0; }
.db-cat-tpl-schede .dbc-table td:first-child { color: var(--dbc-ink); font-weight: 700; }

.db-cat-tpl-schede .dbc-acc { display: flex; flex-direction: column; gap: 10px; }
.db-cat-tpl-schede .dbc-acc details { border: 1px solid var(--dbc-line); border-radius: var(--dbc-r); background: #fff; }
.db-cat-tpl-schede .dbc-acc summary {
	position: relative;
	min-height: 44px;
	padding: 16px 52px 16px 20px;
	font-size: 16px;
	font-weight: 600;
	list-style: none;
	cursor: pointer;
}
.db-cat-tpl-schede .dbc-acc summary::-webkit-details-marker { display: none; }
.db-cat-tpl-schede .dbc-acc summary::after {
	content: '+';
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	color: var(--dbc-blue);
	font-size: 22px;
	font-weight: 300;
}
.db-cat-tpl-schede .dbc-acc details[open] summary::after { content: '\2212'; }
.db-cat-tpl-schede .dbc-acc .b { padding: 0 20px 18px; color: var(--dbc-text); font-size: 15px; }
.db-cat-tpl-schede .dbc-acc .b p { margin: 0 0 8px; }


/* ─── CTA FINALE E FORM ───────────────────────────────────────────────────── */
.db-cat-tpl-schede .dbc-final {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	gap: 36px;
	margin: 52px 0;
	padding: 40px 36px;
	border-radius: var(--dbc-r);
	background: var(--dbc-dark);
	color: #fff;
	scroll-margin-top: 120px;
}
.db-cat-tpl-schede .dbc-final h2 { margin: 0 0 8px; color: #fff; font-size: 26px; font-weight: 700; line-height: 1.25; }
.db-cat-tpl-schede .dbc-final p { margin: 0; color: #C9D3DC; }
.db-cat-tpl-schede .dbc-final-txt { flex: 1 1 300px; min-width: 0; }
.db-cat-tpl-schede .dbc-final-list { display: flex; flex-direction: column; gap: 10px; margin: 20px 0; padding: 0; color: #E3EAF0; list-style: none; }
.db-cat-tpl-schede .dbc-final-list li { display: flex; gap: 10px; }
.db-cat-tpl-schede .dbc-final-list li::before { content: '\2713'; color: var(--dbc-cyan); font-weight: 700; }
.db-cat-tpl-schede .dbc-final-tel { padding-top: 16px; border-top: 1px solid #22313F; color: #9FB0BF; font-size: 14px; }
.db-cat-tpl-schede .dbc-final-tel a { color: #fff; font-size: 22px; font-weight: 700; text-decoration: none; }
.db-cat-tpl-schede .dbc-form { flex: 2 1 560px; min-width: 0; padding: 26px; border-radius: var(--dbc-r); background: #fff; color: var(--dbc-ink); }

/* Form WPForms solo in questa pagina: !important per battere css/components/wpforms.css. */
.db-cat-tpl-schede .dbc-form .wpforms-container { max-width: none !important; margin: 0 !important; padding: 0; }
.db-cat-tpl-schede .dbc-form .wpforms-field-container { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 16px; }
.db-cat-tpl-schede .dbc-form .wpforms-field { grid-column: 1 / -1; min-width: 0; padding: 0 !important; }
.db-cat-tpl-schede .dbc-form .wpforms-field-text,
.db-cat-tpl-schede .dbc-form .wpforms-field-email,
.db-cat-tpl-schede .dbc-form .wpforms-field-phone { grid-column: auto; }
.db-cat-tpl-schede .dbc-form .wpforms-field-divider,
.db-cat-tpl-schede .dbc-form .wpforms-field-hidden { display: none !important; }
.db-cat-tpl-schede .dbc-form .wpforms-field-label {
	margin: 0 0 6px !important;
	color: var(--dbc-text) !important;
	font-size: 13.5px !important;
	font-weight: 600 !important;
}
.db-cat-tpl-schede .dbc-form .wpforms-field input[type=text],
.db-cat-tpl-schede .dbc-form .wpforms-field input[type=email],
.db-cat-tpl-schede .dbc-form .wpforms-field input[type=tel],
.db-cat-tpl-schede .dbc-form .wpforms-field textarea {
	width: 100% !important;
	max-width: 100% !important;
	padding-top: 11px !important;
	padding-bottom: 11px !important;
	border-color: var(--dbc-line-d) !important;
	border-radius: 8px !important;
	font-size: 15px !important;
}
.db-cat-tpl-schede .dbc-form .wpforms-field textarea { height: 96px; min-height: 96px; }

/* Scelte multiple come riquadri; consensi (una sola scelta) come riga semplice, senza titolo doppio. */
.db-cat-tpl-schede .dbc-form .wpforms-field-checkbox ul {
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important;
	gap: 8px !important;
}
.db-cat-tpl-schede .dbc-form .wpforms-field-checkbox li {
	align-items: center;
	gap: 8px;
	margin: 0 !important;
	padding: 8px 10px !important;
	border: 1px solid var(--dbc-line);
	border-radius: 8px;
	background: #F7F9FB;
}
.db-cat-tpl-schede .dbc-form .wpforms-field-checkbox li:has(input:checked) { border-color: var(--dbc-blue); background: var(--dbc-tint); }
.db-cat-tpl-schede .dbc-form .wpforms-field-checkbox input[type=checkbox] { margin: 0 !important; accent-color: var(--dbc-blue); }
.db-cat-tpl-schede .dbc-form .wpforms-field-checkbox label.wpforms-field-label-inline { color: var(--dbc-ink) !important; font-size: 13.5px !important; line-height: 1.3 !important; }
.db-cat-tpl-schede .dbc-form .wpforms-field-checkbox li:only-child { grid-column: 1 / -1; align-items: flex-start; padding: 0 !important; border: 0; background: none; }
.db-cat-tpl-schede .dbc-form .wpforms-field-checkbox li:only-child label.wpforms-field-label-inline { color: var(--dbc-text) !important; font-size: 13px !important; }
.db-cat-tpl-schede .dbc-form .wpforms-field-checkbox fieldset:has(li:only-child) legend {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip-path: inset(50%);
}

.db-cat-tpl-schede .dbc-form .wpforms-recaptcha-container { margin: 14px 0 0; padding: 0; }
.db-cat-tpl-schede .dbc-form .wpforms-submit-container { margin: 14px 0 0; padding: 0; }
.db-cat-tpl-schede .dbc-form button.wpforms-submit {
	width: 100%;
	min-height: 50px;
	padding: 10px 20px !important;
	border-radius: 8px !important;
	background: var(--dbc-cyan) !important;
	color: var(--dbc-dark) !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	transform: none !important;
}
.db-cat-tpl-schede .dbc-form button.wpforms-submit:hover { background: #33B4EB !important; }


/* ─── RESPONSIVE ──────────────────────────────────────────────────────────── */
/* Schede a capo invece dello scorrimento: su più righe diventano pulsanti. */
@media (max-width: 1100px) {
	.dbc-shop .dbc-tabs { flex-wrap: wrap; gap: 6px; overflow: visible; border-bottom: 0; }
	.dbc-shop button.dbc-tab { flex: 1 1 auto; justify-content: center; padding: 0 14px; white-space: nowrap; border: 1px solid var(--dbc-line-d); border-radius: 8px; }
}
/* Dove non stanno su una riga: sempre 3 + 2, larghezze in proporzione alle etichette. */
@media (max-width: 780px), (min-width: 861px) and (max-width: 1070px) {
	.dbc-shop .dbc-tabs { row-gap: 0; }
	.dbc-shop .dbc-tabs::after { content: ""; flex-basis: 100%; order: 1; }
	.dbc-shop button.dbc-tab { flex: 3 1 0; white-space: normal; }
	.dbc-shop button.dbc-tab:nth-child(2) { flex-grow: 4; }
	.dbc-shop button.dbc-tab:nth-child(n+4) { order: 2; margin-top: 6px; }
	.dbc-shop button.dbc-tab:nth-child(4) { flex-grow: 2; }
}
@media (max-width: 860px) {
	.dbc-shop .dbc-side { position: static; flex-basis: 100%; max-width: none; max-height: none; overflow: visible; }
	.dbc-shop .dbc-side .dbc-sbox,
	.dbc-shop .dbc-side .dbc-lease { display: none; }
}
@media (max-width: 640px) {
	.dbc-page-title { font-size: 24px; }
	.db-cat-tpl-schede .dbc-hero { padding: 24px 20px; }
	.db-cat-tpl-schede .dbc-hero h1 { font-size: 24px; }
	.db-cat-tpl-schede .dbc-hero-box { flex-basis: 100%; }
	.db-cat-tpl-schede .dbc-final { padding: 28px 20px; }
	.db-cat-tpl-schede .dbc-form { padding: 18px; }
	.db-cat-tpl-schede .dbc-form .wpforms-field-container { grid-template-columns: 1fr; }
	.dbc-shop button.dbc-tab { gap: 5px; min-height: 44px; padding: 0 8px; font-size: 13px; }
	.dbc-shop .dbc-subs { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
	.dbc-shop button.dbc-chip { flex: 0 0 auto; }
	.dbc-shop .dbc-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
	.dbc-shop .dbc-grid.is-drones { grid-template-columns: 1fr; }
	.dbc-shop .dbc-card { padding: 10px; }
	.dbc-shop .dbc-name { font-size: 13.5px; }
}
