/* Custom Color Palette for Home Page */
:root {
  --theme-color: #f48625; /* Bright Orange - Main highlights */
  --theme-color2: #d5581a; /* Darker Orange - Secondary elements */
  --title-color: #791e2d; /* Deep Red/Maroon - Headings */
  --body-color: #4d5765; /* Keep original body text color */
  --smoke-color2: #f5f5f5; /* Light background */
  --smoke-color4: #ffe5d0; /* Light orange tint for backgrounds */
}

/* Update button colors */
.th-btn.style2,
.th-btn {
  background-color: #f48625 !important;
}

.th-btn:hover {
  background-color: #d5581a !important;
}

/* Update link colors */
a:hover {
  color: #f48625;
}

/* Update theme elements */
.theme-color {
  color: #f48625 !important;
}

.bg-theme {
  background-color: #f48625 !important;
}

/* Hero title color */
.hero-title {
  color: #791e2d;
}

/* Navigation hover */
.main-menu a:hover,
.th-mobile-menu a:hover {
  color: #f48625 !important;
}

/* Active menu item - Multiple selectors for better coverage */
.main-menu li.active > a,
.th-mobile-menu li.active > a,
.main-menu .active > a,
.th-mobile-menu .active > a,
nav li.active > a,
li.active > a {
  color: #f48625 !important;
  font-weight: 600 !important;
}

/* Force active menu color with highest specificity for desktop */
.main-menu.style2 > ul > li.active > a,
.header-layout2 .main-menu.style2 > ul > li.active > a,
.main-menu.style2 li.active > a {
  color: #f48625 !important;
  font-weight: 600 !important;
}

/* Override the before pseudo element color too */
.main-menu.style2 > ul > li.active > a:before,
.header-layout2 .main-menu.style2 > ul > li.active > a:before {
  background-color: #f48625 !important;
  width: 100% !important;
}

/* Icon colors */
.icon-btn:hover {
  background-color: #f48625 !important;
  color: #fff !important;
}

/* Coming Soon Label */
.project-item2 {
  position: relative;
}

.coming-soon-label {
  position: absolute;
  top: 20px;
  left: 20px;
  background: linear-gradient(135deg, #f48625 0%, #d5581a 100%);
  color: #fff;
  padding: 8px 20px;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  z-index: 10;
  border-radius: 4px;
  box-shadow: 0 4px 15px rgba(244, 134, 37, 0.4);
  transform: rotate(-5deg);
}

/* Navbar Background - Darker color */

/* .menu-area {
  background-color: rgba(
    200,
    200,
    200,
    0.3
  ) !important; /* Light gray with transparency for ash color effect */

/* Menu area background for non-home pages (ash/gray color) */
body:not(.home) .menu-area,
body:not(.theme2) .menu-area {
  background-color: rgba(
    169,
    169,
    169,
    0.5
  ) !important; /* Ash gray with transparency */
}

body:not(.home) .sticky-wrapper.sticky,
body:not(.theme2) .sticky-wrapper.sticky {
  background-color: rgba(
    169,
    169,
    169,
    0.95
  ) !important; /* Darker ash when sticky */
}

/* Main Menu Text - Dark color for visibility */
.main-menu.style2 ul li a {
  color: #ffffff !important; /* Dark gray/black text */
  font-weight: 500;
}

.main-menu.style2 ul li a:hover {
  color: #f48625 !important; /* Orange on hover */
}

/* Active menu */
.main-menu.style2 ul li.active > a {
  color: #ffffff !important;
}

/* Submenu styling */
.main-menu.style2 .sub-menu {
  background-color: rgba(121, 30, 45, 0.98) !important;
}

.main-menu.style2 .sub-menu li a {
  color: #ffffff !important;
}

.main-menu.style2 .sub-menu li a:hover {
  color: #f48625 !important;
}

/* Header Top Section - Links and Social */
.header-top {
  background-color: transparent;
}

/* Header top background for non-home pages (ash/gray color) */
body:not(.home) .header-top,
body:not(.theme2) .header-top {
  background-color: rgba(0, 0, 0) !important; /* Ash gray with transparency */
}

/* Complete header background for non-home pages */
body:not(.home) .th-header,
body:not(.theme2) .th-header {
  background-color: rgba(0, 0, 0) !important;
}

body:not(.home) .sticky-wrapper,
body:not(.theme2) .sticky-wrapper {
  background-color: rgba(169, 169, 169, 0.95) !important;
}

.header-links ul li,
.header-links ul li span,
.header-links ul li a {
  color: #ffffff !important; /* Dark text for visibility */
}

.header-links ul li i {
  color: #f48625 !important; /* Orange icons */
}

.header-links ul li a:hover {
  color: #f48625 !important;
}

/* Social links styling */
.social-links .social-title {
  color: #ffffff !important;
}

.social-links a {
  color: #ffffff !important;
}

.social-links a:hover {
  color: #f48625 !important;
}

/* Header Logo - make it more visible */
.header-logo img {
  filter: brightness(1) contrast(1.1);
}

/* Remove dropdown arrows from menu items */
.main-menu .menu-item-has-children > a::after {
  display: none !important;
}

.th-mobile-menu .menu-item-has-children > a::after {
  display: none !important;
}

/* Footer text colors - White */
.footer-wrapper,
.footer-wrapper * {
  color: #000000 !important;
}

.footer-wrapper a {
  color: #000000 !important;
}

.footer-wrapper a:hover {
  color: #f48625 !important;
}

.footer-widget .widget_title,
.footer-info-title {
  color: #000000 !important;
}

.footer-info,
.footer-text {
  color: #000000 !important;
}

/* Sticky Sidebar for Project Details */
.sidebar-area {
  position: -webkit-sticky;
  position: sticky;
  top: 100px;
  align-self: flex-start;
}