/*
 * Custom Theme Override for Property Tax Pilot
 * Primary Color: #286498 (Professional Blue)
 * This file overrides the default skyblue theme with our custom color scheme
 */

/* ==========================================================================
   PRIMARY COLOR OVERRIDES
   ========================================================================== */

/* Background Colors */
.bg-skyblue {
  background-color: #286498 !important;
}

.bg-tra-skyblue {
  background: rgba(40, 100, 152, 0.08) !important;
}

.bg-skyblue-gradient {
  background: linear-gradient(140deg, #286498, #1a4a73) !important;
}

/* Button Styles */
.btn-skyblue,
.scroll .btn-skyblue,
.white-color .btn-skyblue,
.skyblue-hover:hover,
.scroll .skyblue-hover:hover,
.white-color .skyblue-hover:hover {
  color: #fff !important;
  background-color: #286498 !important;
  border-color: #286498 !important;
}

.btn-tra-skyblue,
.scroll .btn-tra-skyblue,
.white-color .btn-tra-skyblue,
.tra-skyblue-hover:hover,
.scroll .tra-skyblue-hover:hover,
.white-color .tra-skyblue-hover:hover {
  color: #286498 !important;
  background-color: transparent !important;
  border-color: #286498 !important;
}

/* Text Colors */
.skyblue-color,
.skyblue-color h2,
.skyblue-color h3,
.skyblue-color h4,
.skyblue-color h5,
.skyblue-color h6,
.skyblue-color p,
.skyblue-color a,
.skyblue-color li,
.skyblue-color i,
.skyblue-color span,
.white-color .skyblue-color {
  color: #286498 !important;
}

/* Loading Spinner */
.skyblue-loading .object {
  background-color: #286498 !important;
}

/* Navigation Hover Effects */
.wsmenu>.wsmenu-list.nav-skyblue-hover>li>ul.sub-menu>li>a:hover,
.wsmenu>.wsmenu-list.nav-skyblue-hover>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
.wsmenu>.wsmenu-list.nav-skyblue-hover>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover {
  color: #286498 !important;
}

/* ==========================================================================
   COMPLEMENTARY COLORS & ENHANCEMENTS
   ========================================================================== */

/* Hero Section Enhancement */
.bg-tra-blue {
  background: rgba(40, 100, 152, 0.04) !important;
}

/* Link Colors */
a {
  color: #286498;
}

a:hover {
  color: #1a4a73;
}

/* Form Focus States */
.form-control:focus {
  border-color: #286498;
  box-shadow: 0 0 0 0.2rem rgba(40, 100, 152, 0.25);
}

/* Section Dividers */
.section-id {
  color: #286498 !important;
}

/* Feature Box Enhancements */
.fbox-8:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(40, 100, 152, 0.15);
}

/* CTA Section Enhancement */
.cta-3-wrapper {
  border-top: 4px solid #286498;
}

/* Professional Touches */
.btn-green,
.scroll .btn-green,
.white-color .btn-green,
.green-hover:hover,
.scroll .green-hover:hover,
.white-color .green-hover:hover {
  color: #fff !important;
  background-color: #286498 !important;
  border-color: #286498 !important;
}

.tra-green-hover:hover {
  color: #286498 !important;
  background-color: transparent !important;
  border-color: #286498 !important;
}

/* Header Logo Enhancement */
.header .logo img {
  transition: transform 0.3s ease;
}

.header .logo:hover img {
  transform: scale(1.05);
}

/* Modern Card Styling */
.bg-white {
  box-shadow: 0 2px 20px rgba(40, 100, 152, 0.08);
  border-radius: 8px;
}

/* Professional Typography Enhancement */
h1, h2, h3, h4, h5, h6 {
  color: #2c3e50;
}

.h3-xl, .h2-xs {
  color: #1a4a73;
}

/* Subtle Animation Enhancements */
.btn {
  transition: all 0.3s ease;
}

.btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(40, 100, 152, 0.3);
}

/* Contact Form Enhancement */
.contact-form .form-control {
  border: 2px solid #e9ecef;
  border-radius: 6px;
  transition: all 0.3s ease;
}

.contact-form .form-control:focus {
  border-color: #286498;
  transform: translateY(-2px);
}

/* ==========================================================================
   CLIENT PORTAL BUTTON STYLING
   ========================================================================== */

.btn-client-portal {
  color: #fff !important;
  background-color: #4a5568 !important;
  border-color: #4a5568 !important;
  font-weight: 500;
  transition: all 0.3s ease;
}

.btn-client-portal:hover {
  color: #fff !important;
  background-color: #2d3748 !important;
  border-color: #2d3748 !important;
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(74, 85, 104, 0.3);
}