/*
 * modals-event.css · the popups that only exist where events are sold or
 * contacted: the ticket and save-search popups, the GetPaid payment popup and
 * the Ninja Forms contact/claim iframe. Split out of modals.css, which keeps
 * the base modal, the location switcher, suggestions and notices that appear
 * on every page. Same !important reasoning as modals.css: the plugin's own
 * Bootstrap rule ties on specificity and loads later.
 */

/* ---------------------------------------------------------------- */
/* Tickets and save-search popups                                     */
/* ---------------------------------------------------------------- */

[id^="geodir-sell-tickets-modal-event-"] .geodir-remove-ticket {
	background-color: var(--wp--preset--color--warning) !important;
	border: 2px solid var(--wp--preset--color--ink) !important;
	color: var(--wp--preset--color--ink) !important;
}

[id^="geodir-sell-tickets-modal-event-"] .geodir-remove-ticket:hover {
	background-color: var(--wp--preset--color--ground) !important;
	color: var(--wp--preset--color--ink) !important;
	outline: 2px solid var(--wp--preset--color--ink) !important;
	outline-offset: -2px !important;
}

.geodir-add-ticket-type-form-cancel {
	color: var(--wp--preset--color--ink) !important;
}

#geodir_save_search_tab ~ .tab-content .table th,
#geodir_save_search_tab ~ .tab-content .table td {
	border-color: var(--wp--preset--color--ink) !important;
	border-bottom-width: 2px !important;
}

#geodir_save_search_tab .geodir-save-search-count {
	background-color: var(--wp--preset--color--ink) !important;
	color: var(--wp--preset--color--white) !important;
}

/* ---------------------------------------------------------------- */
/* Buy tickets (GetPaid payment popup)                                */
/* ---------------------------------------------------------------- */

#getpaid-payment-modal .border,
#getpaid-payment-modal .border-top,
#getpaid-payment-modal .border-bottom,
#getpaid-payment-modal .border-start,
#getpaid-payment-modal .border-end,
#getpaid-payment-modal hr {
	border-color: var(--wp--preset--color--ink) !important;
}

#getpaid-payment-modal .getpaid-payment-form-items-checkbox .form-check {
	align-items: center !important;
	display: flex !important;
	padding-left: 0 !important;
}

#getpaid-payment-modal .getpaid-payment-form-items-checkbox .form-check-input {
	float: none !important;
	margin: 0 8px 0 0 !important;
	position: static !important;
}

#getpaid-payment-modal .getpaid-payment-form-items-checkbox .form-check-label {
	color: var(--wp--preset--color--ink) !important;
	font-family: var(--wp--preset--font-family--shout) !important;
	font-size: var(--wp--preset--font-size--display-m) !important;
	font-weight: 800 !important;
	margin: 0 !important;
	text-transform: uppercase !important;
}

/* ---------------------------------------------------------------- */
/* Contact organiser / claim listing (Ninja Forms in a modal iframe)   */
/* contact-modal.js styles the iframe's own document.                  */
/* ---------------------------------------------------------------- */

.modal:has(#gd-ninja-iframe) .modal-dialog {
	max-width: 44ch !important;
}

@media (max-width: 1023px) {
	.modal:has(#gd-ninja-iframe) .modal-dialog {
		max-width: none !important;
	}
}

.modal:has(#gd-ninja-iframe) .modal-content,
.modal:has(#gd-ninja-iframe) .modal-body {
	background: var(--wp--preset--color--ground) !important;
	padding: 0 !important;
}

.modal:has(#gd-ninja-iframe) .modal-header {
	padding: 16px 24px !important;
}

#gd-ninja-iframe {
	background-color: var(--wp--preset--color--ground) !important;
	/* stylelint-disable-next-line oad/spacing-ladder -- reserves the Ninja Forms iframe's height before it loads */
	min-height: 320px !important;
	opacity: 0 !important;
	transition-duration: 120ms;
	transition-property: opacity;
	transition-timing-function: ease-out;
	width: 100% !important;
}

#gd-ninja-iframe.is-styled {
	opacity: 1 !important;
}