/* ===== EverdeenOne Teal Theme (#008080) ===== */

/* Primary buttons */
.btn-primary {
    background-color: #008080 !important;
    border-color: #008080 !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #006666 !important;
    border-color: #006666 !important;
}
.btn-outline-primary {
    color: #008080 !important;
    border-color: #008080 !important;
}
.btn-outline-primary:hover {
    background-color: #008080 !important;
    color: #ffffff !important;
}

/* Links */
a:not(.btn):not(.nav-link):not(.dropdown-item) {
    color: #008080 !important;
}
a:hover:not(.btn):not(.nav-link) {
    color: #006666 !important;
}

/* Indicators & labels */
.indicator.blue,
.indicator-blue {
    background-color: #008080 !important;
}
.text-primary {
    color: #008080 !important;
}

/* Sidebar & desktop active items */
.sidebar .nav-link.active,
.desk-sidebar .nav-link.active,
.navbar .nav-link.active,
.list-group-item.active,
.standard-sidebar-item.active {
    background-color: #008080 !important;
    color: #ffffff !important;
}
.active .nav-link-text,
.active .sidebar-label {
    color: #ffffff !important;
}

/* Desktop icons – text colour */
.desktop-icon a,
.desktop-icon .icon-name,
.desktop-icon .label,
.icons-container a {
    color: #008080 !important;
}
.desktop-icon:hover a,
.desktop-icon:hover .icon-name {
    color: #006666 !important;
}
.desktop-icon.active {
    background-color: #008080 !important;
}
.desktop-icon.active a,
.desktop-icon.active .icon-name {
    color: #ffffff !important;
}

/* Checkboxes, radio buttons, progress bars */
input[type="checkbox"]:checked,
input[type="radio"]:checked {
    accent-color: #008080;
}
.progress-bar {
    background-color: #008080 !important;
}
.spinner-border.text-primary {
    color: #008080 !important;
}
.badge-primary {
    background-color: #008080 !important;
}
.border-primary {
    border-color: #008080 !important;
}

/* Custom EverdeenOne teal for specific desktop icons */
.desktop-icon[data-name="Builder"] .icon-container,
.desktop-icon[data-name="CRM"] .icon-container,
.desktop-icon[data-name="Gameplan"] .icon-container,
.desktop-icon[data-name="Helpdesk"] .icon-container,
.desktop-icon[data-name="HR"] .icon-container,
.desktop-icon[data-name="Lending"] .icon-container,
.desktop-icon[data-name="WhatsApp"] .icon-container {
    background-color: #008080 !important;
}

/* Make the white letter/svg inside these icons stay white */
.desktop-icon[data-name="Builder"] .icon-container svg,
.desktop-icon[data-name="CRM"] .icon-container svg,
.desktop-icon[data-name="Gameplan"] .icon-container svg,
.desktop-icon[data-name="Helpdesk"] .icon-container svg,
.desktop-icon[data-name="HR"] .icon-container svg,
.desktop-icon[data-name="Lending"] .icon-container svg,
.desktop-icon[data-name="WhatsApp"] .icon-container svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* EverdeenOne Teal for Builder and Gameplan PNG logos */
.desktop-icon[data-id="Builder"] .app-icon,
.desktop-icon[data-id="Gameplan"] .app-icon {
    filter: invert(27%) sepia(51%) saturate(2878%) hue-rotate(160deg) brightness(100%) contrast(101%);
}