/* Color Override for Plastrone India Website */
/* This file overrides any remaining yellow colors with the new brand color #A64E1B */

/* Primary brand color overrides */
.text-primary {
  color: #A64E1B !important;
}

.bg-primary {
  background-color: #A64E1B !important;
}

.btn-primary {
  background-color: #A64E1B !important;
  border-color: #A64E1B !important;
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: #8a3e16 !important; /* slightly darker shade on hover */
  border-color: #8a3e16 !important;
}

/* Button border variant */
.btn-border,
.btn.btn-border {
  border-color: #A64E1B !important;
  color: #A64E1B !important;
}

.btn-border:hover,
.btn-border:focus,
.btn.btn-border:hover,
.btn.btn-border:focus {
  background: #A64E1B !important;
  color: #03132b !important;
}

/* Link colors */
a {
  color: #A64E1B;
}

a:hover,
a:focus {
  color: #8a3e16;
}

/* Icon colors */
.icon,
i {
  color: #A64E1B !important;
}

/* Navigation */
.main-navigation ul ul {
  border-top: 2px solid #A64E1B !important;
}

/* Form focus */
.form-control:focus {
  border-color: #A64E1B !important;
  box-shadow: 0 0 0 0.2rem rgba(166, 78, 27, 0.25) !important;
}

/* Testimonial icons */
.testi-content i {
  color: #A64E1B !important;
}

/* List icons */
.unstyle i {
  color: #A64E1B !important;
}

/* Topbar icons */
.topbar-left li i,
.topbar-right li i {
  color: #A64E1B !important;
}

/* Services section hover */
.services-box .view-detail:hover {
  color: #A64E1B !important;
}

/* Navigation links */
.main-navigation a:hover,
.main-navigation a:focus {
  color: #A64E1B !important;
}

/* Text white hover */
a.text-white:hover {
  color: #A64E1B !important;
}

/* Navigation dropdown hover */
.main-navigation ul ul li a:hover {
  color: #A64E1B !important;
}

/* Footer menu links - white by default */
.main-footer ul li a {
  color: #ffffff !important;
}

.widget-footer ul li a {
  color: #ffffff !important;
}

/* Header overrides - White background with dark text */
.site-header {
  background-color: #ffffff !important; /* White background */
}

.main-navigation a {
  color: #03132b !important; /* Dark blue text (previous header background color) */
}

/* Keep hover color as the brand orange */
.main-navigation a:hover,
.main-navigation a:focus {
  color: #A64E1B !important; /* Orange brand color on hover */
}

/* Update mobile header if needed */
.mobile-header {
  background-color: #ffffff !important; /* White background for mobile too */
}