/* Arsha Theme - Based on https://bootstrapmade.com/demo/Arsha/ */

:root {
	--bs-primary: #47b2e4;
	--bs-primary-rgb: 71, 178, 228;
}

/* Primary Colors - Arsha Blue and Green */
:root {
  --arsha-primary: #47b2e4;
  --arsha-primary-dark: #37517e;
  --arsha-primary-darker: #2c3e50;
  --arsha-secondary: #37517e;
  --arsha-accent: #00d9ff;
  --arsha-success: #28a745;
  --arsha-warning: #ffc107;
  --arsha-danger: #dc3545;
  --arsha-info: #17a2b8;
  --arsha-text: #444444;
  --arsha-text-light: #777777;
  --arsha-bg-light: #f8f9fa;
  --arsha-bg-white: #ffffff;
}

/* Primary Color Variations */
.bg-primary {
  background-color: #47b2e4 !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #37517e !important;
}

.bg-primary-op {
  background-color: rgba(71, 178, 228, 0.8) !important;
}

a.bg-primary-op:hover, a.bg-primary-op:focus,
button.bg-primary-op:hover,
button.bg-primary-op:focus {
  background-color: rgba(55, 81, 126, 0.8) !important;
}

.bg-primary-dark {
  background-color: #37517e !important;
}

a.bg-primary-dark:hover, a.bg-primary-dark:focus,
button.bg-primary-dark:hover,
button.bg-primary-dark:focus {
  background-color: #2c3e50 !important;
}

.bg-primary-dark-op {
  background-color: rgba(55, 81, 126, 0.8) !important;
}

a.bg-primary-dark-op:hover, a.bg-primary-dark-op:focus,
button.bg-primary-dark-op:hover,
button.bg-primary-dark-op:focus {
  background-color: rgba(44, 62, 80, 0.8) !important;
}

.bg-primary-darker {
  background-color: #2c3e50 !important;
}

a.bg-primary-darker:hover, a.bg-primary-darker:focus,
button.bg-primary-darker:hover,
button.bg-primary-darker:focus {
  background-color: #1a252f !important;
}

.bg-primary-light {
  background-color: #6bc5e8 !important;
}

a.bg-primary-light:hover, a.bg-primary-light:focus,
button.bg-primary-light:hover,
button.bg-primary-light:focus {
  background-color: #5bb8e0 !important;
}

.bg-primary-lighter {
  background-color: #8fd4ed !important;
}

a.bg-primary-lighter:hover, a.bg-primary-lighter:focus,
button.bg-primary-lighter:hover,
button.bg-primary-lighter:focus {
  background-color: #7ccbe6 !important;
}

/* Body Backgrounds */
.bg-body {
  background-color: #f8f9fa !important;
}

a.bg-body:hover, a.bg-body:focus,
button.bg-body:hover,
button.bg-body:focus {
  background-color: #e9ecef !important;
}

.bg-body-light {
  background-color: rgba(248, 249, 250, 0.95) !important;
  backdrop-filter: blur(10px) !important;
}

a.bg-body-light:hover, a.bg-body-light:focus,
button.bg-body-light:hover,
button.bg-body-light:focus {
  background-color: rgba(233, 236, 239, 0.95) !important;
}

.bg-body-dark {
  background-color: rgba(233, 236, 239, 0.9) !important;
  backdrop-filter: blur(15px) !important;
}

a.bg-body-dark:hover, a.bg-body-dark:focus,
button.bg-body-dark:hover,
button.bg-body-dark:focus {
  background-color: rgba(222, 226, 230, 0.9) !important;
}

/* Header Colors */
.bg-header-light {
  background-color: #fff !important;
}

a.bg-header-light:hover, a.bg-header-light:focus,
button.bg-header-light:hover,
button.bg-header-light:focus {
  background-color: #f8f9fa !important;
}

.bg-header-dark {
  background-color: #37517e !important;
}

a.bg-header-dark:hover, a.bg-header-dark:focus,
button.bg-header-dark:hover,
button.bg-header-dark:focus {
  background-color: #2c3e50 !important;
}

/* Sidebar Colors */
.bg-sidebar-light {
  background-color: #fff !important;
}

a.bg-sidebar-light:hover, a.bg-sidebar-light:focus,
button.bg-sidebar-light:hover,
button.bg-sidebar-light:focus {
  background-color: #f8f9fa !important;
}

.bg-sidebar-dark {
  background-color: #2c3e50 !important;
}

a.bg-sidebar-dark:hover, a.bg-sidebar-dark:focus,
button.bg-sidebar-dark:hover,
button.bg-sidebar-dark:focus {
  background-color: #1a252f !important;
}

/* Gradient Backgrounds */
.bg-gd-primary {
  background: #47b2e4 !important;
}

/* Button Styles */
.btn-link {
  color: #47b2e4;
}

.btn-link:hover {
  color: #37517e;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #47b2e4;
  --bs-btn-border-color: #47b2e4;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #37517e;
  --bs-btn-hover-border-color: #37517e;
  --bs-btn-focus-shadow-rgb: 71, 178, 228;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #37517e;
  --bs-btn-active-border-color: #37517e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #47b2e4;
  --bs-btn-disabled-border-color: #47b2e4;
}

.btn-outline-primary {
  --bs-btn-color: #47b2e4;
  --bs-btn-border-color: #47b2e4;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #47b2e4;
  --bs-btn-hover-border-color: #47b2e4;
  --bs-btn-focus-shadow-rgb: 71, 178, 228;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #47b2e4;
  --bs-btn-active-border-color: #47b2e4;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #47b2e4;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #47b2e4;
  --bs-gradient: none;
}

.btn-alt-primary {
  --bs-btn-color: #47b2e4;
  --bs-btn-bg: #e3f2fd;
  --bs-btn-border-color: #e3f2fd;
  --bs-btn-hover-color: #47b2e4;
  --bs-btn-hover-bg: #bbdefb;
  --bs-btn-hover-border-color: #bbdefb;
  --bs-btn-focus-shadow-rgb: 71, 178, 228;
  --bs-btn-active-color: #47b2e4;
  --bs-btn-active-bg: #bbdefb;
  --bs-btn-active-border-color: #bbdefb;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #47b2e4;
  --bs-btn-disabled-bg: #e3f2fd;
  --bs-btn-disabled-border-color: #e3f2fd;
}

/* Text Colors */
.text-primary {
  color: #47b2e4 !important;
}

a.text-primary:hover, a.text-primary:focus {
  color: #37517e !important;
}

/* Body Text Colors */
body {
  color: #444444 !important;
}

.text-muted {
  color: #777777 !important;
}

.text-dark {
  color: #444444 !important;
}

.text-success {
  color: var(--bs-success) !important;
}

a.text-success:hover, a.text-success:focus {
  color: color-mix(in srgb, var(--bs-success), transparent 15%) !important;
}

.text-warning {
  color: #ffc107 !important;
}

a.text-warning:hover, a.text-warning:focus {
  color: #e0a800 !important;
}

.text-info {
  color: #17a2b8 !important;
}

a.text-info:hover, a.text-info:focus {
  color: #117a8b !important;
}

.text-danger {
  color: #dc3545 !important;
}

a.text-danger:hover, a.text-danger:focus {
  color: #c82333 !important;
}

/* Dark Mode Support */
.dark-mode .bg-primary {
  background-color: #6bc5e8 !important;
}

.dark-mode a.bg-primary:hover, .dark-mode a.bg-primary:focus,
.dark-mode button.bg-primary:hover,
.dark-mode button.bg-primary:focus {
  background-color: #8fd4ed !important;
}

.dark-mode .bg-body {
  background-color: #1a252f !important;
}

.dark-mode .bg-body-light {
  background-color: #2c3e50 !important;
}

.dark-mode .bg-body-dark {
  background-color: #34495e !important;
}

.dark-mode .text-primary {
  color: #6bc5e8 !important;
}

.dark-mode a.text-primary:hover, .dark-mode a.text-primary:focus {
  color: #8fd4ed !important;
}

/* Arsha Specific Elements */
.bg-arsha-blue {
  background-color: #47b2e4 !important;
}

.bg-arsha-dark-blue {
  background-color: #37517e !important;
}

.bg-arsha-darker-blue {
  background-color: #2c3e50 !important;
}

.bg-arsha-accent {
  background-color: #00d9ff !important;
}

/* Border Colors */
.border-primary {
  border-color: #47b2e4 !important;
}

.border-success {
  border-color: var(--bs-success) !important;
}

.border-warning {
  border-color: #ffc107 !important;
}

.border-info {
  border-color: #17a2b8 !important;
}

.border-danger {
  border-color: #dc3545 !important;
}

/* Arsha Theme Special Effects */
/* Card and Panel Enhancements */
.card, .block:not(.bg-primary):not(.bg-success):not(.bg-warning):not(.bg-info):not(.bg-danger), .content-box {
  background-color: rgba(255, 255, 255, 0.98) !important;
  /* backdrop-filter: blur(6px) !important; */
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.06) !important;
  border-radius: 8px !important;
  transition: background-color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.card-header:not([class*="bg-"]), .block-header:not([class*="bg-"]) {
  background-color: rgba(71, 178, 228, 0.05) !important;
  border-bottom: 1px solid rgba(71, 178, 228, 0.1) !important;
}

.block-header.block-header-default {
  background: #47b2e4 !important;
  color: #ffffff !important;
  border: 0;
  box-shadow: 0 6px 16px rgba(55, 81, 126, 0.25);
}

.block-header.block-header-default .h4,
.block-header.block-header-default .block-title {
  color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  font-weight: 700;
}

/* Sidebar Enhancement */
.sidebar {
  background-color: rgba(55, 81, 126, 0.95) !important;
  backdrop-filter: blur(15px) !important;
}

/* Header Enhancement */
#page-header {
  background-color: rgba(255, 255, 255, 0.98) !important;
  backdrop-filter: blur(10px) !important;
  border-bottom: 1px solid rgba(71, 178, 228, 0.08) !important;
  box-shadow: 0 2px 10px rgba(71, 178, 228, 0.05) !important;
}

/* Navigation Enhancement */
.nav-main-link {
  color: rgba(68, 68, 68, 0.8) !important;
  font-weight: 500 !important;
}

.nav-main-link:hover {
  color: #47b2e4 !important;
  background-color: rgba(71, 178, 228, 0.05) !important;
}

.nav-main-link.active {
  color: #47b2e4 !important;
  background-color: rgba(71, 178, 228, 0.08) !important;
  font-weight: 600 !important;
}

/* Table Enhancement */
.table {
  background-color: rgba(255, 255, 255, 0.95) !important;
  /* backdrop-filter: blur(5px) !important; */
  border-radius: 6px !important;
}

.table thead th {
  background-color: rgba(71, 178, 228, 0.03) !important;
  border-bottom: 1px solid rgba(71, 178, 228, 0.08) !important;
  color: #444444 !important;
  font-weight: 600 !important;
}

/* Form Enhancement */
.form-control {
  background-color: rgba(255, 255, 255, 0.95) !important;
  border: 1px solid rgba(71, 178, 228, 0.15) !important;
  border-radius: 6px !important;
}

.form-control:focus {
  border-color: #47b2e4 !important;
  box-shadow: 0 0 0 0.15rem rgba(71, 178, 228, 0.2) !important;
  background-color: #ffffff !important;
}

/* Dark Mode Adjustments */
.dark-mode .card, .dark-mode .block, .dark-mode .content-box {
  background-color: rgba(44, 62, 80, 0.95) !important;
  border: 1px solid rgba(107, 197, 232, 0.1) !important;
}

.dark-mode .sidebar {
  background-color: rgba(26, 37, 47, 0.95) !important;
}

.dark-mode #page-header {
  background-color: rgba(44, 62, 80, 0.95) !important;
  border-bottom: 1px solid rgba(107, 197, 232, 0.1) !important;
}

.dark-mode .table {
  background-color: rgba(44, 62, 80, 0.9) !important;
}

.dark-mode .form-control {
  background-color: rgba(44, 62, 80, 0.9) !important;
  border: 1px solid rgba(107, 197, 232, 0.2) !important;
}

/* Theme Icon Color for Dropdown */
/* removed from theme to let theme-dropdown.css control these swatch colors */ 

@media (prefers-reduced-motion: reduce) {
  * {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
} 

/* Arsha Theme: map info color to Bootstrap variables */
:root {
	--bs-info: #17a2b8;
	--bs-info-rgb: 23, 162, 184;
}

/* Ensure bg-info follows theme variables */
.bg-info {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover, button.bg-info:focus {
	background-color: #117a8b !important;
}

/* Button info mapped to theme */
.btn-info {
	--bs-btn-color: #fff;
	--bs-btn-bg: var(--bs-info);
	--bs-btn-border-color: var(--bs-info);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #117a8b;
	--bs-btn-hover-border-color: #117a8b;
	--bs-btn-focus-shadow-rgb: var(--bs-info-rgb);
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #117a8b;
	--bs-btn-active-border-color: #117a8b;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}