/* Logo Color Scheme Override
 * Orange: #FF6B00 (Primary Brand Color)
 * Black: #000000 (Text/Accents)
 * White: #FFFFFF (Background/Text)
 */

:root {
  /* Override theme primary color with logo orange */
  --tj-color-theme-primary: #FF6B00;
  --tj-color-border-2: #FF6B00;
}

/* Preloader with orange */
.tj-preloader .tj-preloader-ball-inner {
  background-color: #FF6B00 !important;
}

.tj-preloader .tj-preloader-ball-shadow {
  background-color: #FF6B00 !important;
  box-shadow: 0 4px 20px 0 rgba(255, 107, 0, 0.5) !important;
}

/* Banner gradient with orange */
.banner-bg::before {
  background: linear-gradient(
    -109deg,
    #FF6B00 20%,
    #00000033 40%,
    #FF6B00 80%
  ) !important;
}

/* Client logo hover with orange */
.h5-client-item .client-logo:hover {
  background-color: #FF6B00 !important;
}

/* Primary buttons with orange */
.tj-primary-btn {
  background-color: #FF6B00 !important;
}

.tj-primary-btn:hover {
  background-color: #E55A00 !important; /* Darker orange on hover */
}

.tj-primary-btn .btn-icon {
  background-color: #000000 !important; /* Black icon background */
}

.tj-primary-btn .btn-icon i {
  color: #FFFFFF !important; /* White icon */
}

/* Text buttons */
.text-btn:hover .btn-icon {
  background-color: #FF6B00 !important;
}

.text-btn .btn-icon i {
  color: #FFFFFF !important;
}

/* Links and accents */
a:hover,
button:hover {
  color: #FF6B00 !important;
}

/* Scrollbar with orange */
* {
  scrollbar-color: #FF6B00 #FFFFFF;
}

::-webkit-scrollbar-thumb {
  background: #FF6B00 !important;
}

/* Selection highlight */
*::selection {
  background: #FF6B00 !important;
  color: #FFFFFF !important;
}

*::-moz-selection {
  background: #FF6B00 !important;
  color: #FFFFFF !important;
}

/* Google Translate dropdown with orange accent */
.goog-te-combo:focus {
  border-color: #FF6B00 !important;
  box-shadow: 0 0 0 2px rgba(255, 107, 0, 0.2) !important;
}

.header-sticky .goog-te-combo:hover {
  background: rgba(255, 107, 0, 0.1) !important;
  border-color: #FF6B00 !important;
}

/* Language option active state */
.language-option.active {
  background: rgba(255, 107, 0, 0.1) !important;
  color: #FF6B00 !important;
}