/*
Theme Name: BJC Child
Theme URI: https://bjc.org.il/
Description: Child theme of Hello Elementor for bjc.org.il.
Author: mmendish
Template: hello-elementor
Version: 0.1.0
Text Domain: bjc-child
*/

/* === Tickets: attendee fields on cart & checkout === */
.bjc-attendees-section {
	margin: 0 0 24px;
}

.bjc-attendees-section > h3 {
	margin: 0 0 8px;
	font-size: 1.15em;
}

/* Per-product group: 2 ticket cards per row on desktop, 1 on smaller screens. */
.bjc-attendees {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	margin: 0 0 12px;
}

.bjc-attendees > h4 {
	grid-column: 1 / -1;
	margin: 8px 0 4px;
	font-size: 1em;
	font-weight: 600;
}

/* Ticket card: 3 fields per row inside the card. */
.bjc-attendee {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 4px 8px;
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 8px 12px;
	margin: 0;
	background: #fafafa;
	min-width: 0;
}

.bjc-attendee legend {
	grid-column: 1 / -1;
	font-weight: 600;
	font-size: 0.9em;
	padding: 0 4px;
	margin: 0;
}

.bjc-attendee .form-row {
	margin: 0;
	padding: 0;
	min-width: 0;
}

.bjc-attendee .form-row label {
	display: block;
	font-size: 0.85em;
	margin: 0 0 1px;
	line-height: 1.3;
}

.bjc-attendee .form-row input,
.bjc-attendee .form-row select {
	padding: 5px 8px;
	font-size: 0.9em;
	width: 100%;
	box-sizing: border-box;
	line-height: 1.3;
	height: auto;
}

.bjc-attendee .form-row .required {
	color: #b00;
	text-decoration: none;
}

/* Stack ticket cards to 1 column on tablet and below. */
@media (max-width: 900px) {
	.bjc-attendees {
		grid-template-columns: 1fr;
	}
}

/* Stack fields inside a card to 1 column on small phones. */
@media (max-width: 480px) {
	.bjc-attendee {
		grid-template-columns: 1fr;
	}
}