/* =========================================================================
   06-compatibility-fixes.css
   Loaded LAST, after every other plugin stylesheet AND (usually) after
   the theme's own CSS. WordPress themes and page builders (Elementor,
   Divi, Astra, etc.) frequently ship global styles for headings, links,
   buttons, and form fields — sometimes with very high specificity
   (e.g. Elementor's per-widget ID selectors). The rules below re-assert
   the plugin's own look for the elements it renders, so cards, buttons,
   icons, and the booking form can't silently inherit the theme's default
   styling. Safe to edit or delete this file if your theme doesn't
   conflict — everything still works without it.
   ========================================================================= */

.iskt-grid.iskt-grid,
.iskt-services-grid.iskt-services-grid {
	list-style: none !important;
	margin-left: 0 !important;
	padding-left: 0 !important;
}

.iskt-btn.iskt-btn,
.iskt-link-arrow.iskt-link-arrow {
	font-family: var(--iskt-sans, 'Manrope', sans-serif) !important;
	text-decoration: none !important;
	box-sizing: border-box !important;
	line-height: normal !important;
}
.iskt-btn.iskt-btn { border-radius: 999px !important; }
.iskt-btn-book.iskt-btn-book,
.iskt-btn-contact.iskt-btn-contact {
	background: var(--iskt-gold, #C6A25E) !important;
	border-color: var(--iskt-gold, #C6A25E) !important;
	color: var(--iskt-dark, #24201A) !important;
}
.iskt-btn-outline.iskt-btn-outline {
	background: transparent !important;
	color: var(--iskt-ink, #2B2A25) !important;
}

.iskt-card.iskt-card,
.iskt-service-card.iskt-service-card {
	background: var(--iskt-white, #FFFFFF) !important;
	border-radius: var(--iskt-radius, 14px) !important;
	text-decoration: none !important;
	list-style: none !important;
	margin: 0 !important;
}
.iskt-card-title.iskt-card-title a,
.iskt-service-title.iskt-service-title,
.iskt-link-arrow.iskt-link-arrow {
	text-decoration: none !important;
}
.iskt-card-title.iskt-card-title,
.iskt-service-title.iskt-service-title,
.iskt-single.iskt-single h3 {
	font-family: var(--iskt-serif, 'Fraunces', Georgia, serif) !important;
}
.iskt-eyebrow.iskt-eyebrow,
.iskt-card-eyebrow.iskt-card-eyebrow,
.iskt-card-meta.iskt-card-meta,
.iskt-meta-chip.iskt-meta-chip,
.iskt-price-badge.iskt-price-badge {
	font-family: var(--iskt-sans, 'Manrope', sans-serif) !important;
}
.iskt-price-badge.iskt-price-badge { font-family: var(--iskt-serif, 'Fraunces', serif) !important; }

/* Icons: always pin to their intended pixel size. Belt-and-braces — the
   PHP templates also print width/height attributes + an inline style
   directly on each <svg>, which is what actually wins against a theme's
   `svg { width: 100% }` reset. This rule is a CSS-only backup. */
.iskt-link-arrow.iskt-link-arrow svg,
.iskt-link-arrow > svg {
	width: 13px !important;
	height: 13px !important;
	max-width: 13px !important;
}
.iskt-service-icon > svg {
	width: 19px !important;
	height: 19px !important;
	max-width: 19px !important;
}

.iskt-booking-form.iskt-booking-form {
	background: var(--iskt-dark, #24201A) !important;
	border-radius: var(--iskt-radius, 14px) !important;
	list-style: none !important;
}
.iskt-booking-form input,
.iskt-booking-form select,
.iskt-booking-form textarea {
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
	box-shadow: none !important;
	background: transparent !important;
	border-radius: 0 !important;
	font-family: var(--iskt-sans, 'Manrope', sans-serif) !important;
}
.iskt-booking-form button.iskt-btn {
	background: var(--iskt-gold, #C6A25E) !important;
	color: var(--iskt-dark, #24201A) !important;
	border-radius: 999px !important;
}

.iskt-list.iskt-list { list-style: none !important; margin: 0 !important; padding-left: 0 !important; }
.iskt-gallery.iskt-gallery,
.iskt-inc-exc-grid.iskt-inc-exc-grid,
.iskt-itinerary.iskt-itinerary { list-style: none !important; }

.iskt-card-media img,
.iskt-gallery-item img { border: none !important; box-shadow: none !important; }