/* Brand identity: page headings use black instead of Bootstrap's default blue */
h1.text-primary, h2.text-primary, h3.text-primary,
h4.text-primary, h5.text-primary, h6.text-primary {
    color: #0d0e10 !important;
}

/* Heading/card-header/modal-title icons default to brand orange, unless an
   icon already carries a Bootstrap text-color utility (text-danger,
   text-success, etc.) or an inline style — those keep their semantic color. */
h1 i.fas:not([class*="text-"]), h1 i.far:not([class*="text-"]),
h2 i.fas:not([class*="text-"]), h2 i.far:not([class*="text-"]),
h3 i.fas:not([class*="text-"]), h3 i.far:not([class*="text-"]),
h4 i.fas:not([class*="text-"]), h4 i.far:not([class*="text-"]),
h5 i.fas:not([class*="text-"]), h5 i.far:not([class*="text-"]),
h6 i.fas:not([class*="text-"]), h6 i.far:not([class*="text-"]),
.card-header i.fas:not([class*="text-"]), .card-header i.far:not([class*="text-"]),
.modal-title i.fas:not([class*="text-"]), .modal-title i.far:not([class*="text-"]) {
    color: #EF6A23;
}

/* Sidebar nav icons use the brand orange; nav text stays white/default. */
#accordionSidebar .nav-link i {
    color: #EF6A23 !important;
}

/* Audivance logo: the two arrows pulse gently on page load, then rest. */
@keyframes audivance-arrow-pulse {
    0%   { opacity: 0.55; transform: scale(0.92); }
    50%  { opacity: 1;    transform: scale(1.08); }
    100% { opacity: 0.85; transform: scale(1); }
}
.audivance-logo-wrap {
    position: relative;
    display: inline-block;
    line-height: 0;
}
.audivance-logo-wrap .audivance-arrows {
    position: absolute;
    left: 87.43%;
    top: 61.67%;
    width: 7.22%;
    height: 8.91%;
    animation: audivance-arrow-pulse 1.4s ease-in-out 1;
    animation-delay: 0.3s;
    opacity: 0.85;
    transform-origin: center;
}