/**
 * Component Overrides
 * Estilos específicos para componentes individuales que estaban inline
 */

/* Language dropdown */
.language-dropdown {
	display: none;
}

/* Accordion buttons */
.custom-accordion .accordion-item .btn-link {
	padding-left: 35px;
	position: relative;
}

/* Technology section figure */
#brs-integration .hex3 {
	margin-top: 80px;
}

#brs-integration .hex3 img {
	margin-bottom: 60px;
}

/* Remarkable potential section */
#remarkable-potential {
	padding-top: 3rem !important;
	padding-bottom: 3rem !important;
}

#counters-heading {
	white-space: nowrap;
}

/* About Kendel section */
#about-kendel .our-history-text {
	text-align: justify;
	color: #000;
}

#about-kendel .our-mission-subheading {
	color: var(--primary-color);
}

#about-kendel .our-mission-text {
	text-align: justify;
	color: #000;
}

#about-kendel .logo-explained {
	margin: 20px;
	margin-top: 35px;
}

/* Partners section */
#partners-heading {
	padding-top: 3rem !important;
}

/* Contact form styling */
#form-message {
	display: none;
	margin-bottom: 1.5rem;
}

#contact-form {
	background-color: #f8f9fa;
	padding: 2rem;
	border-radius: 10px;
	border: 1px solid #dee2e6;
}

#contact-form .form-control {
	background-color: #e9ecef;
	border: 1px solid #ced4da;
}

/* CTA section background */
.cta-section-bg {
	background-image: url('../images/gal_2.jpg');
}

/* LinkedIn button */
.linkedin-btn {
	width: 120px;
	margin-left: -15px;
}

/* Language selector icon */
.language-current-btn svg {
	margin-left: 6px;
}

/* Feature-1 Card Enhancements */
.feature-1 p {
	word-wrap: break-word; /* For older browsers */
	overflow-wrap: break-word; /* Standard property */
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

/* Current Situation Section - Fix card alignment and height */
#current-situation .row.overlap {
	align-items: stretch !important;
}

#current-situation .custom-card {
	display: flex !important;
	flex-direction: column !important;
	height: 100% !important;
	min-height: 500px !important;
}

/* Fix image container height */
#current-situation .custom-card picture,
#current-situation .custom-card img {
	height: 200px !important;
	object-fit: cover !important;
	width: 100% !important;
}

#current-situation .custom-card-body2 {
	flex-grow: 1 !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: flex-start !important;
	padding: 1.5rem !important;
	min-height: 280px !important;
}

#current-situation .custom-card-body2 h3 {
	margin-bottom: 1rem !important;
	min-height: 3rem !important;
	display: flex !important;
	align-items: center !important;
	font-size: 1.25rem !important;
}

#current-situation .custom-card-body2 p {
	flex-grow: 1 !important;
	margin-bottom: 0 !important;
	display: flex !important;
	align-items: flex-start !important;
}

/* Tablet adjustments for Current Situation */
@media (min-width: 768px) and (max-width: 991.98px) {
	#current-situation .custom-card {
		min-height: 550px !important;
	}
	
	#current-situation .col-md-6:nth-child(3) {
		margin-top: 2rem;
		margin-left: auto;
		margin-right: auto;
		max-width: 50%;
	}
}

/* Mobile adjustments */
@media (max-width: 767.98px) {
	#current-situation .custom-card {
		min-height: 450px !important;
	}
}

/* Our Solution Section - Force correct layout on tablets */
@media (min-width: 768px) and (max-width: 991.98px) {
	#our-solution .row > article {
		flex: 0 0 50% !important;
		max-width: 50% !important;
	}
}

/* Ensure mobile stays at full width */
@media (max-width: 575.98px) {
	#our-solution .row > article {
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}
}

/* Hero Section - Add more top margin on mobile */
@media (max-width: 767.98px) {
	#hero .masthead {
		margin-top: 3rem !important;
		padding-top: 2rem !important;
	}
	
	#hero .container {
		padding-top: 2rem !important;
	}
}

/* About Kendel Section - Center logo on mobile and tablet */
@media (max-width: 991.98px) {
	#about-kendel .col-lg-6:last-child {
		text-align: center !important;
		margin-top: 2rem;
	}
	
	#about-kendel .hex4 {
		text-align: center !important;
		justify-content: center !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
	}
	
	#about-kendel .logo-explained {
		display: block !important;
		margin: 0 auto !important;
		max-width: 100% !important;
		height: auto !important;
	}
}