/**
 * BoatBNB Custom Brand Colors
 * Replace ALL purple colors (#7367F0 and related) with brand colors
 * Dark sections: #012269
 * Lighter sections: #0079C0
 */

/* ============================================
   CSS VARIABLES OVERRIDE
   ============================================ */

:root {
  --primary: #012269 !important;
  --bs-primary: #012269 !important;
  --bs-primary-rgb: 1, 34, 105 !important;
}

/* ============================================
   PRIMARY COLOR CLASSES
   ============================================ */

/* Background Primary - Use Dark Blue */
.bg-primary,
.bg-primary .card-header,
.bg-primary .card-footer {
  background-color: #012269 !important;
}

.bg-light-primary {
  background-color: rgba(0, 121, 192, 0.12) !important;
  color: #012269 !important;
}

/* Text Primary - Use Dark Blue */
.text-primary {
  color: #012269 !important;
}

/* Border Primary - Use Dark Blue */
.border-primary,
.border-top-primary,
.border-bottom-primary,
.border-start-primary,
.border-end-primary {
  border-color: #012269 !important;
}

/* Button Primary - Use Dark Blue */
.btn-primary {
  background-color: #012269 !important;
  border-color: #012269 !important;
  color: #ffffff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
  background-color: #013a8a !important;
  border-color: #013a8a !important;
  color: #ffffff !important;
}

.btn-outline-primary {
  border-color: #012269 !important;
  color: #012269 !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
  background-color: #012269 !important;
  border-color: #012269 !important;
  color: #ffffff !important;
}

/* Badge Primary */
.badge.bg-primary,
.badge-primary {
  background-color: #012269 !important;
  color: #ffffff !important;
}

.badge.badge-light-primary {
  background-color: rgba(0, 121, 192, 0.12) !important;
  color: #012269 !important;
}

/* Alert Primary */
.alert-primary {
  background-color: rgba(1, 34, 105, 0.12) !important;
  border-color: #012269 !important;
  color: #012269 !important;
}

/* Progress Bar Primary */
.progress-bar.bg-primary {
  background-color: #012269 !important;
}

/* ============================================
   MENU GRADIENTS
   ============================================ */

/* Main menu active items - light and dark */
.main-menu.menu-light .navigation > li.active > a,
.main-menu.menu-dark .navigation > li.active > a {
  background: -webkit-linear-gradient(332deg, #0079C0, rgba(0, 121, 192, 0.7)) !important;
  background: linear-gradient(118deg, #0079C0, rgba(0, 121, 192, 0.7)) !important;
  box-shadow: 0 0 10px 1px rgba(0, 121, 192, 0.7) !important;
}

/* Submenu active items */
.main-menu.menu-light .navigation > li ul .active,
.main-menu.menu-dark .navigation > li ul .active {
  background: -webkit-linear-gradient(332deg, #0079C0, rgba(0, 121, 192, 0.7)) !important;
  background: linear-gradient(118deg, #0079C0, rgba(0, 121, 192, 0.7)) !important;
  box-shadow: 0 0 10px 1px rgba(0, 121, 192, 0.7) !important;
}

/* Horizontal menu active item */
.horizontal-menu .header-navbar.navbar-horizontal ul#main-menu-navigation > li.active > a {
  background: -webkit-linear-gradient(332deg, #0079C0, rgba(0, 121, 192, 0.7)) !important;
  background: linear-gradient(118deg, #0079C0, rgba(0, 121, 192, 0.7)) !important;
  box-shadow: 0px 0px 6px 1px rgba(0, 121, 192, 0.6) !important;
}

/* ============================================
   CARD & COMPONENT GRADIENTS
   ============================================ */

/* Card congratulations gradient */
.card-congratulations {
  background: -webkit-linear-gradient(332deg, #0079C0, rgba(0, 121, 192, 0.7)) !important;
  background: linear-gradient(118deg, #0079C0, rgba(0, 121, 192, 0.7)) !important;
}

/* ============================================
   BUTTON & GRADIENT CLASSES
   ============================================ */

/* Primary gradient buttons and backgrounds */
.bg-gradient-primary,
.btn-gradient-primary {
  background-image: linear-gradient(47deg, #0079C0, rgba(0, 121, 192, 0.8)) !important;
  background-repeat: repeat !important;
}

.bg-gradient-primary:hover,
.bg-gradient-primary:active,
.bg-gradient-primary:focus,
.btn-gradient-primary:hover,
.btn-gradient-primary:active,
.btn-gradient-primary:focus {
  background-image: linear-gradient(47deg, #005a94, #0079C0) !important;
  background-repeat: repeat !important;
}

/* ============================================
   WAVE EFFECTS
   ============================================ */

/* Wave ripple effects for primary buttons */
.btn-outline-primary.waves-effect .waves-ripple,
.btn-flat-primary.waves-effect .waves-ripple,
.btn-primary.waves-effect .waves-ripple {
  background: radial-gradient(rgba(0, 121, 192, 0.2) 0, rgba(0, 121, 192, 0.3) 40%, rgba(0, 121, 192, 0.4) 50%, rgba(0, 121, 192, 0.5) 60%, rgba(255, 255, 255, 0) 70%) !important;
}

/* ============================================
   NAV TABS
   ============================================ */

/* Nav tabs active indicator */
.nav-tabs .nav-link.active::after {
  background: linear-gradient(30deg, #0079C0, rgba(0, 121, 192, 0.5)) !important;
}

.nav-tabs .nav-link.active {
  border-color: #012269 !important;
  color: #012269 !important;
}

/* ============================================
   CHAT APPLICATION
   ============================================ */

/* Chat application active user */
.chat-application .sidebar-content .chat-user-list-wrapper li.active {
  background-image: linear-gradient(80deg, #0079C0, rgba(0, 121, 192, 0.8)) !important;
}

/* Chat message bubbles with gradient */
.chat-app-window .chats .chat-body .chat-content {
  background-image: -webkit-linear-gradient(10deg, #0079C0, rgba(0, 121, 192, 0.8)) !important;
  background-image: linear-gradient(80deg, #0079C0, rgba(0, 121, 192, 0.8)) !important;
}

/* ============================================
   FORM ELEMENTS
   ============================================ */

/* Form controls focus */
.form-control:focus,
.form-select:focus,
.form-check-input:focus {
  border-color: #0079C0 !important;
  box-shadow: 0 0 0 0.2rem rgba(0, 121, 192, 0.25) !important;
}

/* Checkbox and radio checked */
.form-check-input:checked,
input[type="checkbox"]:checked,
input[type="radio"]:checked {
  background-color: #012269 !important;
  border-color: #012269 !important;
}

/* Select2 primary */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #012269 !important;
}

.select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #012269 !important;
  border-color: #012269 !important;
}

/* ============================================
   DROPDOWN & MENU
   ============================================ */

.dropdown-item.active,
.dropdown-item:active {
  background-color: #012269 !important;
  color: #ffffff !important;
}

.dropdown-item:hover,
.dropdown-item:focus {
  background-color: rgba(0, 121, 192, 0.1) !important;
  color: #012269 !important;
}

/* ============================================
   PAGINATION
   ============================================ */

.page-item.active .page-link {
  background-color: #012269 !important;
  border-color: #012269 !important;
  color: #ffffff !important;
}

.page-link:hover {
  color: #0079C0 !important;
}

/* ============================================
   TABLES
   ============================================ */

.table-primary {
  background-color: rgba(0, 121, 192, 0.1) !important;
}

.table-primary th,
.table-primary td {
  border-color: #012269 !important;
}

.table-hover tbody tr:hover {
  background-color: rgba(0, 121, 192, 0.05) !important;
}

/* ============================================
   LIST GROUPS
   ============================================ */

.list-group-item.active {
  background-color: #012269 !important;
  border-color: #012269 !important;
  color: #ffffff !important;
}

/* ============================================
   TOOLTIPS & POPOVERS
   ============================================ */

.tooltip-inner {
  background-color: #012269 !important;
}

.popover-header {
  background-color: #012269 !important;
  color: #ffffff !important;
}

/* ============================================
   INLINE STYLES OVERRIDE - SOLID COLORS
   ============================================ */

/* Override inline styles with purple hex colors */
[style*="#7367f0"],
[style*="#7367F0"],
[style*="#9e95f5"],
[style*="#9E95F5"],
[style*="#4839eb"],
[style*="#4839EB"] {
  /* Force override with specific selectors below */
}

[style*="background-color: #7367f0"],
[style*="background-color:#7367f0"],
[style*="background-color: #7367F0"],
[style*="background-color:#7367F0"],
[style*="background: #7367f0"],
[style*="background:#7367f0"] {
  background-color: #012269 !important;
  background: #012269 !important;
}

[style*="color: #7367f0"],
[style*="color:#7367f0"],
[style*="color: #7367F0"],
[style*="color:#7367F0"] {
  color: #012269 !important;
}

[style*="border-color: #7367f0"],
[style*="border-color:#7367f0"],
[style*="border-color: #7367F0"],
[style*="border-color:#7367F0"] {
  border-color: #012269 !important;
}

/* ============================================
   INLINE STYLES OVERRIDE - RGBA COLORS
   ============================================ */

/* Override inline styles with purple rgba */
[style*="rgba(115, 103, 240"],
[style*="rgba(115,103,240"],
[style*="rgb(115, 103, 240"],
[style*="rgb(115,103,240"] {
  /* Force override with specific selectors below */
}

[style*="background-color: rgba(115, 103, 240"],
[style*="background: rgba(115, 103, 240"],
[style*="background-color:rgba(115, 103, 240"],
[style*="background:rgba(115, 103, 240"] {
  background-color: rgba(0, 121, 192, 0.12) !important;
  background: rgba(0, 121, 192, 0.12) !important;
}

[style*="color: rgba(115, 103, 240"],
[style*="color:rgba(115, 103, 240"] {
  color: #012269 !important;
}

[style*="border-color: rgba(115, 103, 240"],
[style*="border-color:rgba(115, 103, 240"] {
  border-color: rgba(0, 121, 192, 0.3) !important;
}

[style*="box-shadow"][style*="115, 103, 240"] {
  box-shadow: 0 0 10px 1px rgba(0, 121, 192, 0.7) !important;
}

/* ============================================
   INLINE STYLES OVERRIDE - GRADIENTS
   ============================================ */

/* Override inline styles with purple gradients */
[style*="linear-gradient(118deg, #7367F0"],
[style*="linear-gradient(118deg, #7367f0"],
[style*="linear-gradient(47deg, #7367F0"],
[style*="linear-gradient(47deg, #7367f0"],
[style*="linear-gradient(80deg, #7367F0"],
[style*="linear-gradient(80deg, #7367f0"],
[style*="linear-gradient(30deg, #7367F0"],
[style*="linear-gradient(30deg, #7367f0"],
[style*="-webkit-linear-gradient(332deg, #7367F0"],
[style*="-webkit-linear-gradient(332deg, #7367f0"],
[style*="-webkit-linear-gradient(10deg, #7367F0"],
[style*="-webkit-linear-gradient(10deg, #7367f0"] {
  background: -webkit-linear-gradient(332deg, #0079C0, rgba(0, 121, 192, 0.7)) !important;
  background: linear-gradient(118deg, #0079C0, rgba(0, 121, 192, 0.7)) !important;
}

/* Override gradients with #9e95f5 (lighter purple) */
[style*="linear-gradient"][style*="#9e95f5"],
[style*="linear-gradient"][style*="#9E95F5"] {
  background: linear-gradient(47deg, #0079C0, rgba(0, 121, 192, 0.8)) !important;
}

/* Override gradients with #4839eb (darker purple) */
[style*="linear-gradient"][style*="#4839eb"],
[style*="linear-gradient"][style*="#4839EB"] {
  background: linear-gradient(47deg, #005a94, #0079C0) !important;
}

/* Override radial gradients */
[style*="radial-gradient"][style*="115, 103, 240"] {
  background: radial-gradient(rgba(0, 121, 192, 0.2) 0, rgba(0, 121, 192, 0.3) 40%, rgba(0, 121, 192, 0.4) 50%, rgba(0, 121, 192, 0.5) 60%, rgba(255, 255, 255, 0) 70%) !important;
}

/* ============================================
   BACKGROUND IMAGE GRADIENTS
   ============================================ */

/* Override background-image gradients */
[style*="background-image"][style*="linear-gradient"][style*="#7367"],
[style*="background-image"][style*="linear-gradient"][style*="115, 103, 240"] {
  background-image: linear-gradient(47deg, #0079C0, rgba(0, 121, 192, 0.8)) !important;
}

/* ============================================
   SVG & ICON COLORS
   ============================================ */

/* Override SVG fill and stroke with purple */
svg [fill="#7367f0"],
svg [fill="#7367F0"],
svg [stroke="#7367f0"],
svg [stroke="#7367F0"],
.feather [stroke="#7367f0"],
.feather [stroke="#7367F0"] {
  fill: #012269 !important;
  stroke: #012269 !important;
}

/* ============================================
   DATA ATTRIBUTES
   ============================================ */

[data-color="#7367f0"],
[data-color="#7367F0"] {
  color: #012269 !important;
}

[data-bg-color="#7367f0"],
[data-bg-color="#7367F0"] {
  background-color: #012269 !important;
}

/* ============================================
   BRAND LOGO SIZING
   ============================================ */

/* Make the logo larger to replace the text */
.main-menu.menu-fixed .navbar-header .navbar-brand .brand-logo img,
.main-menu .navbar-header .navbar-brand .brand-logo img,
.vertical-layout .main-menu .navbar-header .navbar-brand .brand-logo img {
  max-width: 186px !important;
  width: 186px !important;
  height: auto !important;
}

/* Login page logo sizing */
.auth-wrapper .brand-logo img,
.card-body .brand-logo img {
  max-width: 200px !important;
  height: auto !important;
  width: auto !important;
}