/**
 * Ocean Breeze Color Override
 * This file forces Ocean Breeze colors with !important to override Bootstrap
 */

/* Force Ocean Breeze color variables */
:root {
    --bs-primary: #0D7377 !important;
    --bs-primary-rgb: 13, 115, 119 !important;
    --bs-info: #14FFEC !important;
    --bs-info-rgb: 20, 255, 236 !important;
}

/* Override Bootstrap primary buttons */
.btn-primary {
    background-color: #0D7377 !important;
    border-color: #0D7377 !important;
    color: white !important;
}

.btn-primary i {
    color: white !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #0a5f62 !important;
    border-color: #0a5f62 !important;
}

/* Override Bootstrap links */
a {
    color: #0D7377 !important;
}

a:hover {
    color: #0a5f62 !important;
}

/* Override navbar */
.navbar {
    background-color: #0D7377 !important;
}

.navbar-brand {
    color: white !important;
}

.navbar .nav-link {
    color: rgba(255, 255, 255, 0.9) !important;
}

.navbar .nav-link:hover {
    color: white !important;
}

/* User dropdown in navbar */
.navbar .dropdown-toggle {
    color: white !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.navbar .dropdown-toggle:hover {
    background-color: rgba(255, 255, 255, 0.2) !important;
}

/* Override sidebar */
.sidebar {
    background-color: #0D7377 !important;
}

.sidebar .nav-link {
    color: rgba(255, 255, 255, 0.8) !important;
}

.sidebar .nav-link:hover,
.sidebar .nav-link.active {
    background-color: #0a5f62 !important;
    color: white !important;
}

/* Override badges */
.badge.bg-primary {
    background-color: #0D7377 !important;
}

.badge.bg-info {
    background-color: #14FFEC !important;
    color: #000 !important;
}

/* Override cards */
.card-header {
    background-color: #A2D5F2 !important;
    color: #000 !important;
}

/* Override text colors */
.text-primary {
    color: #0D7377 !important;
}

.text-info {
    color: #14FFEC !important;
}

/* Override borders */
.border-primary {
    border-color: #0D7377 !important;
}

/* Override backgrounds */
.bg-primary {
    background-color: #0D7377 !important;
}

.bg-info {
    background-color: #14FFEC !important;
}

/* Override table headers */
.table thead {
    background-color: #A2D5F2 !important;
}

/* Override form controls focus */
.form-control:focus,
.form-select:focus {
    border-color: #14FFEC !important;
    box-shadow: 0 0 0 0.25rem rgba(20, 255, 236, 0.25) !important;
}

/* Override pagination */
.pagination .page-link {
    color: #0D7377 !important;
}

.pagination .page-item.active .page-link {
    background-color: #0D7377 !important;
    border-color: #0D7377 !important;
}

/* Override alerts */
.alert-info {
    background-color: #d1f9f5 !important;
    border-color: #14FFEC !important;
    color: #0D7377 !important;
}

/* Override progress bars */
.progress-bar {
    background-color: #0D7377 !important;
}

/* Override dropdown */
.dropdown-item {
    color: #000 !important;
}

.dropdown-item:hover,
.dropdown-item:focus {
    background-color: #A2D5F2 !important;
    color: #000 !important;
}

.dropdown-menu {
    background-color: white !important;
}

/* Override list group */
.list-group-item.active {
    background-color: #0D7377 !important;
    border-color: #0D7377 !important;
}

/* Sticky Navbar - Stays at top when scrolling */
.navbar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1030 !important;
    width: 100% !important;
}

/* Add padding to body to prevent content from hiding under fixed navbar */
body {
    padding-top: 56px !important;
}

/* Adjust sidebar for fixed navbar */
.sidebar {
    position: fixed !important;
    top: 56px !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 1020 !important;
    overflow-y: auto !important;
}

/* Adjust main content for fixed navbar and sidebar */
main {
    margin-top: 0 !important;
    padding-top: 20px !important;
}

/* For pages with sidebar */
.has-sidebar main {
    margin-left: 250px !important;
}

/* Collapsible Sidebar */
.sidebar {
    width: 250px !important;
    transition: all 0.3s ease !important;
}

.sidebar.collapsed {
    width: 60px !important;
}

.sidebar.collapsed .nav-link span {
    display: none !important;
}

.sidebar.collapsed .nav-link {
    text-align: center !important;
    padding: 0.75rem 0 !important;
}

.sidebar.collapsed .nav-link i {
    margin-right: 0 !important;
}

/* Sidebar toggle button */
.sidebar-toggle {
    position: fixed !important;
    top: 60px !important;
    left: 250px !important;
    z-index: 1025 !important;
    background-color: #0D7377 !important;
    color: white !important;
    border: none !important;
    width: 30px !important;
    height: 30px !important;
    border-radius: 0 5px 5px 0 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.sidebar.collapsed + .sidebar-toggle {
    left: 60px !important;
}

.sidebar-toggle:hover {
    background-color: #0a5f62 !important;
}

/* Adjust main content when sidebar is collapsed */
body.sidebar-collapsed main {
    margin-left: 60px !important;
}