/* Site Kit shared front-end styles. Only layout: colors come from the theme tokens. */
.kit-keyfacts {
	display: grid;
	grid-template-columns: repeat(var(--kit-cols, 2), minmax(0, 1fr));
	gap: 1rem 2rem;
	margin: 1.5rem 0;
}
.kit-keyfacts__item { border-top: 1px solid var(--wp--preset--color--border, rgba(0, 0, 0, 0.14)); padding-top: 0.75rem; }
.kit-keyfacts dt {
	font-size: var(--wp--preset--font-size--xs, 0.8rem);
	letter-spacing: 0.08em;
	text-transform: uppercase;
	opacity: 0.7;
	margin: 0 0 0.2rem;
}
.kit-keyfacts dd { margin: 0; font-weight: 500; }
.kit-ai-facts .kit-keyfacts { --kit-cols: 2; }
@media (max-width: 600px) { .kit-keyfacts { grid-template-columns: 1fr; } }
.kit-form--missing { padding: 1rem; border: 1px dashed currentColor; border-radius: 8px; opacity: 0.8; }
.kit-company { font-style: normal; display: flex; flex-direction: column; gap: 0.35rem; }
.kit-company--inline { flex-direction: row; flex-wrap: wrap; gap: 0.35rem 1.25rem; }

/* Lines block */
.kit-lines { margin: 1rem 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(var(--kit-cols, 2), minmax(0, 1fr)); gap: 0.6rem 2rem; }
.kit-lines--checks li { position: relative; padding-left: 1.6rem; }
.kit-lines--checks li::before { content: ""; position: absolute; left: 0; top: 0.55em; width: 0.55rem; height: 0.3rem; border-left: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(-45deg); opacity: 0.8; }
.kit-lines--stats { gap: 1.5rem; text-align: center; }
.kit-lines--stats .kit-stat { display: flex; flex-direction: column; gap: 0.25rem; }
.kit-lines--table { display: grid; }
@media (max-width: 600px) { .kit-lines { grid-template-columns: 1fr; } .kit-lines--stats { grid-template-columns: repeat(2, 1fr); } }

/* Items block */
.kit-items { display: grid; grid-template-columns: repeat(var(--kit-cols, 3), minmax(0, 1fr)); gap: 1.5rem; margin: 1.5rem 0; }
.kit-items--list, .kit-items--faq { grid-template-columns: 1fr; gap: 1rem; }
.kit-items .kit-card { display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--wp--preset--color--border, rgba(0,0,0,.14)); border-radius: var(--wp--custom--radius--card, 12px); background: var(--wp--preset--color--light, #fff); }
.kit-card__img img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.kit-card__body { padding: 1.25rem 1.4rem 1.4rem; display: flex; flex-direction: column; gap: 0.5rem; }
.kit-card__title { margin: 0; font-size: var(--wp--preset--font-size--large, 1.4rem); }
.kit-card__title a { text-decoration: none; color: inherit; }
.kit-card__text { margin: 0; opacity: 0.85; }
.kit-card__facts { list-style: none; margin: 0.25rem 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0.25rem 1rem; font-size: var(--wp--preset--font-size--small, 0.9rem); }
.kit-card__facts span { opacity: 0.65; }
.kit-items__answer > :first-child { margin-top: 0; }
@media (max-width: 900px) { .kit-items { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .kit-items { grid-template-columns: 1fr; } }

/* Booking bar */
.kit-booking { margin: 1rem 0; }
.kit-booking__form { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 0.75rem 1rem; padding: 1rem 1.25rem; border-radius: var(--wp--custom--radius--card, 12px); background: var(--wp--preset--color--light, #fff); color: var(--wp--preset--color--text, inherit); box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12); }
.kit-booking__field { display: flex; flex-direction: column; gap: 0.25rem; font-size: var(--wp--preset--font-size--small, 0.85rem); }
.kit-booking__field span { text-transform: uppercase; letter-spacing: 0.08em; font-size: 0.7rem; opacity: 0.7; }
.kit-booking__field input, .kit-booking__field select { min-width: 5.5rem; padding: 0.55rem 0.7rem; border: 1px solid var(--wp--preset--color--border, #ccc); border-radius: 8px; background: #fff; font: inherit; }
.kit-booking__simple { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.75rem 1.5rem; padding: 1rem 1.25rem; border-radius: var(--wp--custom--radius--card, 12px); background: var(--wp--preset--color--light, #fff); color: var(--wp--preset--color--text, inherit); box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12); }
.kit-booking__text { margin: 0; }
.kit-booking__submit { margin-left: auto; }
@media (max-width: 600px) { .kit-booking__field { flex: 1 1 40%; } .kit-booking__submit { width: 100%; margin-left: 0; } }

.kit-card__chips { display: flex; flex-wrap: wrap; gap: .4rem; list-style: none; margin: .75rem 0 0; padding: 0; }
.kit-card__chips li { border: 1px solid var(--wp--preset--color--border); border-radius: var(--wp--custom--radius--pill, 999px); padding: .2rem .7rem; font-size: .85em; }
