/*
Theme Name: Dustrix
Author: Modina Theme
Author URI: https://themeforest.net/user/modinatheme/
Theme URI: https://modinatheme.com/dustrix/
Description: Construction & Industry WordPress Theme
Version: 1.5.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: dustrix
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Dustrix is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/* ==========================================================================
   Custom UI Overrides to match the reference design 100%
   ========================================================================== */

/* 1. About Us Button Override */
.about-content .theme-btn {
  background-color: #001248 !important;
  border-color: #001248 !important;
  color: #fff !important;
}
.about-content .theme-btn:hover {
  background-color: #FF5E14 !important;
  border-color: #FF5E14 !important;
}

/* 2. Facilities Section Styles */
.facilities-section {
  background-color: #eaeefb !important;
  padding: 80px 0 !important;
}

.facilities-section .section-title-4 {
  color: #001248 !important;
  font-weight: 700;
  margin-bottom: 40px;
}

.facilities-grid {
  row-gap: 24px;
}

.facility-card {
  background-color: #ffffff !important;
  border: 1px solid #ccd5f0 !important;
  border-radius: 12px !important;
  padding: 24px 12px !important;
  text-align: center;
  min-height: 140px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.3s ease-in-out !important;
  box-shadow: none !important;
  margin-bottom: 15px;
}

.facility-card:hover {
  transform: translateY(-4px) !important;
  border-color: #FF5E14 !important;
  box-shadow: 0 10px 25px rgba(0, 18, 72, 0.08) !important;
}

.facility-card .facility-icon {
  width: 40px !important;
  height: 40px !important;
  margin-bottom: 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.facility-card .facility-icon svg {
  max-width: 100% !important;
  max-height: 100% !important;
  width: 100% !important;
  height: 100% !important;
}

/* SVG Colors: Dark Blue by default, Brand Orange on hover */
.facility-card .facility-icon svg path,
.facility-card .facility-icon svg rect,
.facility-card .facility-icon svg circle,
.facility-card .facility-icon svg polygon,
.facility-card .facility-icon svg ellipse {
  fill: #001248 !important;
  transition: fill 0.3s ease-in-out !important;
  stroke: none !important;
}

.facility-card .facility-icon svg g {
  fill: #001248 !important;
}

.facility-card:hover .facility-icon svg path,
.facility-card:hover .facility-icon svg rect,
.facility-card:hover .facility-icon svg circle,
.facility-card:hover .facility-icon svg polygon,
.facility-card:hover .facility-icon svg ellipse {
  fill: #FF5E14 !important;
}

.facility-card:hover .facility-icon svg g {
  fill: #FF5E14 !important;
}

.facility-card h3 {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #001248 !important;
  text-transform: capitalize !important;
  margin: 0 !important;
  line-height: 1.3 !important;
  transition: color 0.3s ease-in-out !important;
}

.facility-card:hover h3 {
  color: #FF5E14 !important;
}

/* 3. Rooms & Services Section Styles */
.services-section {
  padding: 80px 0 !important;
}

.single-service-card {
  padding: 0 !important;
  background-color: #eef1fa !important;
  border: 1px solid #ccd5f0 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: none !important;
  transition: all 0.3s ease-in-out !important;
  margin-top: 30px !important;
}

.single-service-card:hover {
  transform: translateY(-5px) !important;
  border-color: #FF5E14 !important;
  box-shadow: 0 15px 35px rgba(0, 18, 72, 0.08) !important;
}

.single-service-card .card-thumb {
  height: 220px !important;
  border-top-left-radius: 12px !important;
  border-top-right-radius: 12px !important;
}

.single-service-card .content {
  padding: 24px 20px !important;
  background-color: transparent !important;
  text-align: center !important;
}

/* Hide Category float badge */
.single-service-card .content .case-cat {
  display: none !important;
}

.single-service-card .content h3 {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #001248 !important;
  margin-bottom: 10px !important;
  text-align: center !important;
}

.single-service-card .content h3 a {
  color: #001248 !important;
  transition: color 0.3s ease !important;
}

.single-service-card .content h3:hover a {
  color: #FF5E14 !important;
}

.single-service-card .content p {
  font-size: 14px !important;
  color: #5e6a82 !important;
  line-height: 1.5 !important;
  margin-bottom: 20px !important;
  text-align: center !important;
}

.single-service-card .content .read-btn {
  background-color: #001248 !important;
  border: 2px solid #001248 !important;
  color: #fff !important;
  padding: 10px 24px !important;
  border-radius: 4px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  display: inline-block !important;
  transition: all 0.3s ease-in-out !important;
  margin-top: 10px !important;
}

.single-service-card .content .read-btn:hover {
  background-color: #FF5E14 !important;
  border-color: #FF5E14 !important;
  color: #fff !important;
  padding-left: 24px !important;
}

.single-service-card .content .read-btn i {
  display: none !important; /* Hide trailing icon if any */
}

/* 4. Testimonials Reviewer Avatar Styles */
.single-testimonial-item .reviewer-avatar {
  width: 70px !important;
  height: 70px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  margin: 0 auto 15px auto !important;
  border: 3px solid #fff !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08) !important;
  display: block !important;
}

.single-testimonial-item .rating-star {
  margin-top: 10px !important;
}

/* 5. Elementor Swiper Carousel Custom UI/UX Overrides */
.swiper-slide .swiper-slide-image {
  aspect-ratio: 3/2 !important;
  object-fit: cover !important;
  width: 100% !important;
  height: auto !important;
}

.elementor-swiper-button {
  z-index: 10 !important;
}

.elementor-swiper-button svg {
  filter: drop-shadow(0px 2px 5px rgba(0, 18, 72, 0.5)) !important;
  fill: #ffffff !important;
  transition: fill 0.3s ease !important;
}

.elementor-swiper-button:hover svg {
  fill: #FF5E14 !important;
}