/* البوصلة – ادعُ البوصلة لتغطية حدثك
   Uses the theme's tokens (main.css) with fallbacks, so dark mode follows the theme. */

/* ---------- Homepage band ---------- */
.albs-cov-band {
	border-color: var(--gold-300, #d4b46a);
	background: var(--surface-paper, #fcfaf5);
	border-inline-start: 4px solid var(--gold-300, #d4b46a);
}
.verify-band + .albs-cov-band { margin-top: var(--space-12, 12px); }
.albs-cov-band .albs-cov-band__icon {
	background: var(--gold-300, #d4b46a);
	color: var(--brand-navy, #0d1b3d);
}
.albs-cov-band .albs-cov-band__btn {
	background: var(--gold-300, #d4b46a);
	color: var(--brand-navy, #0d1b3d);
	white-space: nowrap;
	text-decoration: none;
}
.albs-cov-band .albs-cov-band__btn:hover,
.albs-cov-band .albs-cov-band__btn:focus-visible {
	background: var(--brand-navy, #0d1b3d);
	color: var(--on-brand, #fff);
}
@media (max-width: 760px) {
	.albs-cov-band .albs-cov-band__btn {
		grid-column: 1 / -1;
		justify-self: stretch;
		box-sizing: border-box;
		width: auto;
		min-width: 0;
		white-space: normal;
		text-align: center;
	}
}

/* ---------- Contact form (the theme ships no styles for .albs-cf) ---------- */
.wpcf7 .albs-cf {
	display: grid;
	gap: var(--space-16, 16px);
	max-width: var(--measure, 680px);
	margin-block: var(--space-16, 16px);
	font-family: inherit;
}
.wpcf7 .albs-cf p { margin: 0; }
.wpcf7 .albs-cf br { display: none; }
.wpcf7 .albs-cf__row p {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--space-16, 16px);
}
.wpcf7 .albs-cf label {
	display: flex;
	flex-wrap: wrap;
	align-content: start;
	gap: 6px 4px;
	font-size: 15px;
	font-weight: 600;
	color: var(--headline, #0d1b3d);
}
.wpcf7 .albs-cf label > .wpcf7-form-control-wrap { flex: 1 0 100%; }
.wpcf7 .albs-cf .req { color: var(--signal-urgent, #c1272d); }
.wpcf7 .albs-cf input[type="text"],
.wpcf7 .albs-cf input[type="email"],
.wpcf7 .albs-cf input[type="tel"],
.wpcf7 .albs-cf input[type="date"],
.wpcf7 .albs-cf input[type="time"],
.wpcf7 .albs-cf select,
.wpcf7 .albs-cf textarea {
	box-sizing: border-box;
	width: 100%;
	min-height: var(--tap-min, 44px);
	padding: 10px 12px;
	border: 1px solid var(--line, #e7e2d6);
	border-radius: var(--radius-md, 10px);
	background: var(--surface-card, #fff);
	color: var(--ink, #1d2433);
	font: inherit;
	font-size: 16px; /* no iOS zoom */
	font-weight: 400;
	line-height: 1.5;
}
.wpcf7 .albs-cf textarea { min-height: 160px; resize: vertical; }
.wpcf7 .albs-cf input::placeholder,
.wpcf7 .albs-cf textarea::placeholder { color: var(--muted, #5b6475); opacity: .8; }
.wpcf7 .albs-cf input:focus,
.wpcf7 .albs-cf select:focus,
.wpcf7 .albs-cf textarea:focus {
	outline: 2px solid var(--focus, #8a6424);
	outline-offset: 1px;
	border-color: var(--gold-500, #b4904f);
}
.wpcf7 .albs-cf [aria-invalid="true"] { border-color: var(--signal-urgent, #c1272d); }
.wpcf7 .albs-cf .wpcf7-not-valid-tip { margin-top: 4px; font-size: 13px; font-weight: 400; color: var(--signal-urgent, #c1272d); }

.wpcf7 .albs-cf__consent label,
.wpcf7 .albs-cf__consent .wpcf7-list-item label {
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	gap: 8px;
	font-weight: 400;
	font-size: 14px;
	color: var(--ink, #1d2433);
}
.wpcf7 .albs-cf__consent .wpcf7-list-item { margin: 0; }
.wpcf7 .albs-cf__consent input[type="checkbox"] { width: 18px; height: 18px; margin-top: 3px; flex: none; accent-color: var(--brand-navy, #0d1b3d); }

.wpcf7 .albs-cf .albs-cf__btn {
	min-height: var(--tap-min, 44px);
	padding: 0 var(--space-24, 24px);
	border: 0;
	border-radius: var(--radius-pill, 999px);
	background: var(--brand-navy, #0d1b3d);
	color: var(--on-brand, #fff);
	font: inherit;
	font-weight: 700;
	font-size: 15px;
	cursor: pointer;
}
.wpcf7 .albs-cf .albs-cf__btn:disabled { opacity: .5; }
.wpcf7 form .wpcf7-response-output {
	margin: var(--space-16, 16px) 0 0;
	padding: 12px 14px;
	border-radius: var(--radius-md, 10px);
	font-size: 15px;
	max-width: var(--measure, 680px);
}

/* ---------- Event block ---------- */
.albs-cov-js .wpcf7 .albs-cov:not(.is-open) { display: none; }
.wpcf7 .albs-cov {
	display: grid;
	gap: var(--space-12, 12px);
	padding: var(--space-16, 16px);
	border: 1px solid var(--gold-300, #d4b46a);
	border-inline-start-width: 4px;
	border-radius: var(--radius-md, 10px);
	background: var(--surface-paper, #fcfaf5);
	scroll-margin-top: calc(var(--ticker-height, 44px) + 72px);
}
.wpcf7 .albs-cov.is-open { animation: albs-cov-in .22s ease-out; }
@keyframes albs-cov-in { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .wpcf7 .albs-cov.is-open { animation: none; } }

.wpcf7 .albs-cov__head { display: grid; gap: 2px; }
/* CF7's autop wraps the labels in one <p>: let them sit in the grid directly. */
.wpcf7 .albs-cov__head > p,
.wpcf7 .albs-cov__grid > p { display: contents; }
.wpcf7 .albs-cov__head > p { display: grid; gap: 2px; }
.wpcf7 .albs-cov__title { font-size: 16px; color: var(--headline, #0d1b3d); }
.wpcf7 .albs-cov__lead { font-size: 14px; color: var(--muted, #5b6475); }
.wpcf7 .albs-cov__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--space-12, 12px) var(--space-16, 16px);
}
.wpcf7 .albs-cov__f--wide { grid-column: 1 / -1; }
.wpcf7 .albs-cov__file input[type="file"] {
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	padding: 10px;
	border: 1px dashed var(--gold-500, #b4904f);
	border-radius: var(--radius-md, 10px);
	background: var(--surface-card, #fff);
	font-weight: 400;
	font-size: 14px;
}
.wpcf7 .albs-cov__hint {
	margin: 0;
	padding: 8px 12px;
	border-radius: var(--radius-sm, 4px);
	font-size: 14px;
	line-height: 1.7;
	background: var(--surface-card, #fff);
	color: var(--ink, #1d2433);
}
.wpcf7 .albs-cov__hint.is-warn { background: #fdf3e1; color: #7a4a00; }
.wpcf7 .albs-cov__sub { font-weight: 400; font-size: 13px; color: var(--muted, #5b6475); }
.wpcf7 .albs-cov__note { margin: 0; font-size: 13px; line-height: 1.7; color: var(--muted, #5b6475); }

@media (max-width: 760px) {
	.wpcf7 .albs-cf__row p,
	.wpcf7 .albs-cov__grid { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-color-scheme: dark) {
	:root:not([data-theme="light"]) .wpcf7 .albs-cov__hint.is-warn { background: #3a2a0c; color: #f5d9a6; }
}