/* Gólyatábor jelentkezési űrlapok – page-kerdoiv.php wrapper (.golyatabor-form-shell) */

.golyatabor-form-shell {
	padding-bottom: 48px;
}

/* Bootstrap .container szélesség – ne szűkítsük le, maradjon az eredeti (~1140px xl-en) */
.golyatabor-form-shell > .container {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.golyatabor-form-shell h1 {
	font-family: var(--font-display);
	font-size: clamp(1.6rem, 4vw, 2.25rem);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	line-height: 1.1;
	margin: 0 0 12px;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.golyatabor-form-shell h2 {
	font-family: var(--font-display);
	font-size: clamp(1.25rem, 3vw, 1.6rem);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin: 0 0 20px;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.golyatabor-form-shell h3.h5,
.golyatabor-form-shell .fw-semibold.mt-4 {
	font-size: 1.05rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	margin-top: 28px !important;
	padding-top: 20px !important;
	border-top: var(--brutal-border) !important;
}

.golyatabor-form-shell .text-muted {
	color: rgba(6, 43, 51, 0.72) !important;
	font-size: 0.95rem;
	line-height: 1.55;
	margin-bottom: 1rem;
}

.golyatabor-form-shell a {
	color: var(--c-pink);
	font-weight: 600;
	text-underline-offset: 2px;
}

.golyatabor-form-shell a:hover {
	color: var(--c-petrol);
}

.golyatabor-form-shell .form-label {
	font-weight: 600;
	font-size: 0.98rem;
	line-height: 1.35;
	margin-bottom: 6px;
	color: var(--c-petrol);
}

.golyatabor-form-shell .text-danger {
	color: #c62828 !important;
	font-weight: 700;
}

.golyatabor-form-shell .form-control,
.golyatabor-form-shell .form-select {
	border: var(--brutal-border);
	border-radius: 0;
	background: #fff;
	color: var(--c-petrol);
	min-height: 46px;
	font-size: 1rem;
	padding: 10px 12px;
	box-shadow: none;
	max-width: 100%;
}

.golyatabor-form-shell textarea.form-control {
	min-height: 80px;
}

.golyatabor-form-shell .form-control:focus,
.golyatabor-form-shell .form-select:focus {
	outline: 3px solid var(--c-yellow);
	outline-offset: 0;
	border-color: var(--c-petrol);
	box-shadow: none;
}

.golyatabor-form-shell .form-control:disabled,
.golyatabor-form-shell .form-control[readonly] {
	background: #f0ebe0;
	opacity: 1;
	cursor: not-allowed;
}

.golyatabor-form-shell .form-control:user-invalid:not(:placeholder-shown),
.golyatabor-form-shell .form-control.is-invalid {
	border-color: #c62828;
	outline-color: rgba(198, 40, 40, 0.35);
}

.golyatabor-form-shell .form-check {
	padding-left: 1.85em;
	margin-bottom: 10px;
}

.golyatabor-form-shell .form-check-input {
	width: 1.15em;
	height: 1.15em;
	margin-top: 0.2em;
	border: 2px solid var(--c-petrol);
	border-radius: 0;
	flex-shrink: 0;
}

.golyatabor-form-shell .form-check-input:checked {
	background-color: var(--c-petrol);
	border-color: var(--c-petrol);
}

.golyatabor-form-shell .form-check-input:focus {
	box-shadow: 0 0 0 3px var(--c-yellow);
	border-color: var(--c-petrol);
}

.golyatabor-form-shell .form-check-label {
	font-size: 0.95rem;
	line-height: 1.45;
}

.golyatabor-form-shell .form-check-label.small {
	font-size: 0.88rem;
}

.golyatabor-form-shell .bi-info-circle {
	color: rgba(6, 43, 51, 0.55);
	font-size: 0.95rem;
	cursor: help;
	vertical-align: -1px;
}

.golyatabor-form-shell .alert {
	border-radius: 0;
	border: var(--brutal-border);
	box-shadow: var(--brutal-shadow-sm);
	font-size: 0.95rem;
	line-height: 1.5;
}

.golyatabor-form-shell .alert-danger {
	background: #fde8ea;
	color: var(--c-petrol);
}

.golyatabor-form-shell .alert-heading {
	font-size: 1.05rem;
	font-weight: 700;
	margin-bottom: 8px;
}

.golyatabor-form-shell .btn-primary {
	font-family: var(--font-display);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1.2px;
	padding: 14px 28px;
	font-size: 1.05rem;
	border: var(--brutal-border);
	border-radius: 0;
	background: var(--c-yellow);
	color: var(--c-petrol);
	box-shadow: var(--brutal-shadow);
	transition: transform 0.15s, box-shadow 0.15s;
}

.golyatabor-form-shell .btn-primary:hover,
.golyatabor-form-shell .btn-primary:focus-visible {
	background: var(--c-yellow);
	color: var(--c-petrol);
	transform: translate(4px, 4px);
	box-shadow: var(--brutal-shadow-hover, 2px 2px 0 var(--c-petrol));
	outline: none;
}

.golyatabor-form-shell .btn-secondary {
	border: var(--brutal-border);
	border-radius: 0;
	background: var(--c-offwhite);
	color: var(--c-petrol);
	box-shadow: var(--brutal-shadow-sm);
}

.golyatabor-form-shell .btn-secondary:hover,
.golyatabor-form-shell .btn-secondary:focus-visible {
	background: #f0ebe0;
	color: var(--c-petrol);
	outline: none;
}

.golyatabor-form-shell .row.g-3 {
	--bs-gutter-x: 1rem;
	--bs-gutter-y: 1.25rem;
}

.golyatabor-form-shell .row.g-3 > [class*='col-'] {
	min-width: 0;
}

.golyatabor-form-shell .list-group {
	border: var(--brutal-border);
	border-radius: 0;
	box-shadow: var(--brutal-shadow-sm);
	z-index: 20;
}

.golyatabor-form-shell .list-group-item {
	border-radius: 0;
	border-color: rgba(6, 43, 51, 0.15);
	font-size: 0.95rem;
	padding: 10px 12px;
}

.golyatabor-form-shell .list-group-item-action:hover,
.golyatabor-form-shell .list-group-item-action:focus {
	background: var(--bg-yellow, #fff4d6);
	color: var(--c-petrol);
}

.golyatabor-form-shell .p-2.border.rounded {
	border: var(--brutal-border) !important;
	border-radius: 0 !important;
	background: #fff;
	padding: 12px 14px !important;
	overflow: hidden;
}

.golyatabor-form-shell .p-2.border.rounded .form-check {
	margin-bottom: 8px;
}

/* Tablet: ne csusszanak össze a keskeny oszlopok (cím, házszám stb.) */
@media (min-width: 768px) and (max-width: 991.98px) {
	.golyatabor-form-shell .row.g-3 > .col-md-3 {
		flex: 0 0 auto;
		width: 50%;
	}

	.golyatabor-form-shell .row.g-3 > .col-md-2 {
		flex: 0 0 auto;
		width: 33.33333333%;
	}
}

/* Mobil: teljes szélesség, kényelmes padding */
@media (max-width: 767.98px) {
	.golyatabor-form-shell > .container {
		padding-left: 16px;
		padding-right: 16px;
	}

	.golyatabor-form-shell .row.g-3 {
		--bs-gutter-x: 0.75rem;
	}

	.golyatabor-form-shell h1 {
		font-size: 1.5rem;
	}

	.golyatabor-form-shell .btn-primary.btn-lg {
		width: 100%;
	}
}

/* Bootstrap tooltip – egyszerű, olvasható, téma színekkel */
body.kerdoiv-page .tooltip {
	--bs-tooltip-bg: #ffc629;
	--bs-tooltip-color: #000;
	--bs-tooltip-border-radius: 0;
	--bs-tooltip-opacity: 1;
	--bs-tooltip-max-width: 280px;
	z-index: 1090;
}

body.kerdoiv-page .tooltip .tooltip-inner {
	background-color: var(--c-yellow, #ffc629);
	color: #000;
	border: 3px solid #062b33;
	box-shadow: 4px 4px 0 #062b33;
	text-align: left;
	line-height: 1.45;
	font-weight: 500;
	font-size: 0.875rem;
	font-family: var(--font-body);
	padding: 10px 12px;
}

body.kerdoiv-page .tooltip .tooltip-arrow {
	display: none;
}

.golyatabor-form-shell .bi-info-circle:hover,
.golyatabor-form-shell .bi-info-circle:focus-visible {
	color: var(--c-petrol);
}