/* Custom theme fixes for dark theme with white content */

/* Override: new-hero-title should be white in dark theme, even inside light-section */
#clapat-page-content.light-content .new-hero-title,
#clapat-page-content.light-content .new-hero-title > span,
#clapat-page-content.light-content .light-section .new-hero-title,
#clapat-page-content.light-content .light-section .new-hero-title > span {
	color: #fff !important;
}

/* Override: paragraphs should be white in dark theme, even inside light-section */
#clapat-page-content.light-content .light-section p,
#clapat-page-content.light-content .light-section p.has-opacity {
	color: #fff !important;
}

/* Ensure hero-title is white (override any conflicting rules) */
#clapat-page-content.light-content #hero .hero-title,
#clapat-page-content.light-content .hero-title {
	color: #fff !important;
}

#clapat-page-content.light-content #hero .hero-subtitle,
#clapat-page-content.light-content .hero-subtitle {
	color: #fff !important;
}

/* Ensure hero-footer text is white */
#clapat-page-content.light-content #hero-footer,
#clapat-page-content.light-content #hero-footer .button-text span,
#clapat-page-content.light-content #hero-footer #info-text span {
	color: #fff !important;
}

/* Override h2 inside light-section when parent is light-content */
#clapat-page-content.light-content .light-section h2 {
	color: #fff !important;
}

/* Ensure navigation links are white in dark theme */
#clapat-page-content.light-content .classic-menu .flexnav li a,
#clapat-page-content.light-content .classic-menu .flexnav li a span,
#clapat-page-content.light-content .invert-header .flexnav li a,
#clapat-page-content.light-content .invert-header .flexnav li a span {
	color: #fff !important;
}

/* Ensure "Let's Talk" button text is white in dark theme */
#clapat-page-content.light-content .button-wrap .button-text span {
	color: #fff !important;
}

/* Keep embedded map visible: avoid over-darkening iframe content */
#map_canvas,
.clipped-image #map_canvas {
	filter: none;
	-webkit-filter: none;
}

/* Contact form validation error styling */
.field-error {
	display: none;
	color: #ff6b6b;
	font-size: 11px;
	margin-top: 5px;
	line-height: 1.4;
	opacity: 0.9;
	text-align: left;
	width: 100%;
	pointer-events: none;
}

.field-error:not(:empty) {
	display: block;
}

/* Error state for inputs */
input.has-error,
textarea.has-error {
	border-color: #ff6b6b !important;
	background-color: rgba(255, 107, 107, 0.05) !important;
}

/* Ensure errors are visible in dark theme */
#clapat-page-content.light-content .field-error {
	color: #ff6b6b !important;
}

#contact-formular .form-status-message {
	display: none;
	margin: 0 0 20px;
	padding: 10px 12px;
	font-size: 12px;
	border-left: 3px solid transparent;
	text-align: left;
	border-radius: 4px;
}

#contact-formular .form-status-message.is-success,
#contact-formular .form-status-message.is-error {
	display: block;
}

#contact-formular .form-status-message.is-success {
	color: #51cf66;
	background-color: rgba(81, 207, 102, 0.1);
	border-left-color: #51cf66;
}

#contact-formular .form-status-message.is-error {
	color: #ff6b6b;
	background-color: rgba(255, 107, 107, 0.1);
	border-left-color: #ff6b6b;
}

#contact-formular .verify-box .field-error {
	margin-top: 6px;
	clear: both;
	float: none;
	display: block;
}

#clapat-page-content.light-content #contact-formular .form-status-message.is-success {
	color: #51cf66 !important;
}

#clapat-page-content.light-content #contact-formular .form-status-message.is-error {
	color: #ff6b6b !important;
}

/* Contact info section: force light background so it never displays as dark */
#clapat-page-content .contact-info-section,
#clapat-page-content .contact-info-inner,
#clapat-page-content .light-section-wrapper:has(.contact-info-section),
#clapat-page-content .light-section-wrapper .contact-info-section {
	background-color: #c8c8c8 !important;
}
#clapat-page-content .contact-info-inner {
	width: 100%;
	box-sizing: border-box;
	padding: 60px 0;
}
/* Ensure text is dark on the light contact-info background */
#clapat-page-content .contact-info-section .box-icon-content h6,
#clapat-page-content .contact-info-section .box-icon-content p,
#clapat-page-content .contact-info-section .box-icon-content a,
#clapat-page-content .contact-info-section .bigger {
	color: #1a1a1a !important;
}
#clapat-page-content .contact-info-section .box-icon i,
#clapat-page-content .contact-info-section .box-icon img {
	opacity: 0.9;
}
#clapat-page-content .contact-info-section hr {
	border-color: rgba(0,0,0,0.15);
}