/* =============================================================================
   MuCOHAS Brand Theme — Musoma College of Health and Allied Sciences
   Colors: Blue · Green · Yellow · Black (from official logo)
   ============================================================================= */

:root {
    --mucohas-blue: #1454A8;
    --mucohas-blue-dark: #0D3D7A;
    --mucohas-blue-light: #1E6FD4;
    --mucohas-green: #22A047;
    --mucohas-green-dark: #1A8038;
    --mucohas-yellow: #F4C430;
    --mucohas-yellow-dark: #D4A820;
    --mucohas-black: #0D0D0D;
    --mucohas-gray: #F4F6F9;

    --primary-color: var(--mucohas-blue);
    --secondary-color: var(--mucohas-green);
    --success-color: var(--mucohas-green);
    --warning-color: var(--mucohas-yellow);
    --dark-color: var(--mucohas-black);

    --bs-primary: var(--mucohas-blue);
    --bs-primary-rgb: 20, 84, 168;
    --bs-success: var(--mucohas-green);
    --bs-success-rgb: 34, 160, 71;
    --bs-warning: var(--mucohas-yellow);
    --bs-warning-rgb: 244, 196, 48;
}

/* Hero with background photo + brand overlay */
.hero-section--with-bg {
    position: relative;
    overflow: hidden;
}

.hero-bg-image {
    position: absolute;
    inset: 0;
    z-index: 0;
    background: url('../images/slide/slide1.jpg') center center / cover no-repeat;
    transform: scale(1.02);
}

.hero-overlay--brand {
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        linear-gradient(135deg, rgba(13, 61, 122, 0.88) 0%, rgba(20, 84, 168, 0.82) 45%, rgba(13, 13, 13, 0.78) 100%),
        radial-gradient(circle at 30% 20%, rgba(34, 160, 71, 0.18) 0%, transparent 45%),
        radial-gradient(circle at 70% 80%, rgba(244, 196, 48, 0.12) 0%, transparent 40%);
}

.hero-section--with-bg .container {
    position: relative;
    z-index: 2;
}

.hero-section--with-bg .mucohas-stripe {
    z-index: 3;
}

/* Brand accent stripe (logo ring colors) */
.mucohas-stripe {
    height: 4px;
    background: linear-gradient(90deg, var(--mucohas-blue) 0%, var(--mucohas-green) 50%, var(--mucohas-yellow) 100%);
}

/* Logo sizing */
.mucohas-logo,
.navbar-brand-img,
.footer-logo {
    object-fit: contain;
    border-radius: 50%;
}

.navbar-brand-img {
    height: 44px !important;
    max-height: 44px !important;
    width: 44px !important;
}

.footer-logo {
    height: 64px !important;
    width: 64px !important;
}

.hero-logo {
    width: 120px;
    height: 120px;
    object-fit: contain;
    border-radius: 50%;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.35);
    border: 3px solid rgba(255, 255, 255, 0.25);
}

#sidebar_main .sidebar_logo img {
    width: 56px !important;
    height: 56px !important;
    object-fit: contain;
    border-radius: 50%;
}

.mucohas-motto {
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: var(--mucohas-yellow);
}

/* Sidebar brand colors */
body #sidebar_main,
#sidebar_main {
    background: var(--mucohas-blue-dark) !important;
}

#sidebar_main .sidebar_main_header {
    background: rgba(0, 0, 0, 0.25);
    border-bottom: 2px solid var(--mucohas-yellow);
}

#sidebar_main .menu_section ul > li.uk-active > a,
#sidebar_main .menu_section ul > li.current > a {
    background: rgba(244, 196, 48, 0.18) !important;
    border-left: 3px solid var(--mucohas-yellow);
    box-shadow: inset 0 0 0 1px rgba(244, 196, 48, 0.12);
}

#sidebar_main .menu_section ul > li.uk-active .menu_icon,
#sidebar_main .menu_section ul > li.current .menu_icon {
    background: rgba(244, 196, 48, 0.25);
}

#sidebar_main .menu_group_label span {
    color: var(--mucohas-yellow);
    opacity: 0.85;
}

/* Dashboard stat card accents */
.dashboard_stat_card.card_books::before       { background: var(--mucohas-yellow); }
.dashboard_stat_card.card_users::before       { background: var(--mucohas-blue); }
.dashboard_stat_card.card_finance::before     { background: var(--mucohas-green); }
.dashboard_stat_card.card_books .stat_card_icon { background: rgba(244,196,48,0.15); color: var(--mucohas-yellow-dark); }
.dashboard_stat_card.card_users .stat_card_icon { background: rgba(20,84,168,0.12); color: var(--mucohas-blue); }
.dashboard_stat_card.card_finance .stat_card_icon { background: rgba(34,160,71,0.12); color: var(--mucohas-green); }
.uk-badge-primary {
    background: var(--mucohas-blue) !important;
    color: #fff !important;
}

/* Homepage stat cards */
.stat-pill {
    background: rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 14px;
    padding: 1rem 1.25rem;
    text-align: center;
    transition: transform 0.2s ease;
}
.stat-pill:hover {
    transform: translateY(-3px);
    background: rgba(255, 255, 255, 0.18);
}
.stat-pill .stat-value {
    font-size: var(--mucohas-fs-stat, 1.5rem);
    font-weight: 700;
    color: var(--mucohas-yellow);
    line-height: 1.2;
}
.stat-pill .stat-label {
    font-size: var(--mucohas-fs-small, 0.875rem);
    color: rgba(255, 255, 255, 0.85);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

/* Quick access portal cards */
.portal-card {
    border: none;
    border-radius: 16px;
    overflow: hidden;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    text-decoration: none;
    color: inherit;
    display: block;
    height: 100%;
}
.portal-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 40px rgba(20, 84, 168, 0.18);
    color: inherit;
}
.portal-card .portal-icon {
    width: 56px;
    height: 56px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    margin-bottom: 1rem;
}
.portal-card.portal-student .portal-icon { background: rgba(20,84,168,0.12); color: var(--mucohas-blue); }
.portal-card.portal-staff .portal-icon   { background: rgba(34,160,71,0.12); color: var(--mucohas-green); }
.portal-card.portal-librarian .portal-icon { background: rgba(244,196,48,0.22); color: var(--mucohas-yellow-dark); }
.portal-card.portal-admin .portal-icon  { background: rgba(13,13,13,0.1); color: var(--mucohas-black); }
.portal-card.portal-opac .portal-icon    { background: rgba(20,84,168,0.12); color: var(--mucohas-blue); }

/* Announcement banner */
.announcement-card {
    border-left: 4px solid var(--mucohas-green);
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    padding: 1rem 1.25rem;
    margin-bottom: 0.75rem;
}
.announcement-card.featured {
    border-left-color: var(--mucohas-yellow);
    background: linear-gradient(135deg, rgba(244,196,48,0.08) 0%, #fff 60%);
}

/* Library status badge */
.library-status-open {
    background: var(--mucohas-green);
    color: #fff;
    padding: 0.35rem 0.85rem;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}
.library-status-closed {
    background: #dc3545;
    color: #fff;
    padding: 0.35rem 0.85rem;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

/* Login pages (shared) — photo background set in mucohas-login.css */
body.login_page {
    background-color: var(--mucohas-blue-dark);
}
.login_header {
    background: var(--mucohas-blue) !important;
    border-bottom: 3px solid var(--mucohas-yellow);
}
.login_logo {
    background: rgba(255,255,255,0.15) !important;
    width: 80px !important;
    height: 80px !important;
    border-radius: 50% !important;
    border: 2px solid rgba(244,196,48,0.5);
}
.login_logo img {
    max-width: 70px !important;
    max-height: 70px !important;
    border-radius: 50%;
    object-fit: contain;
}
.login_btn {
    background: var(--mucohas-blue) !important;
}
.login_btn:hover {
    background: var(--mucohas-blue-light) !important;
}
.login_input_wrapper input:focus {
    border-color: var(--mucohas-blue) !important;
    box-shadow: 0 0 0 3px rgba(20,84,168,0.15) !important;
}
.login_help_link:hover {
    color: var(--mucohas-blue) !important;
}

/* Portal footers (admin, librarian, student) */
.mucohas-portal-footer,
#footer.mucohas-portal-footer {
    text-align: center;
    padding: 14px 16px;
    font-size: var(--mucohas-fs-small, 0.875rem);
    color: #64748b;
    border-top: 1px solid #e2e8f0;
    background: #f8fafc;
    line-height: 1.5;
}

.mucohas-portal-footer a {
    color: var(--mucohas-blue);
    font-weight: 600;
    text-decoration: none;
}

.mucohas-portal-footer a:hover {
    color: var(--mucohas-blue-dark);
    text-decoration: underline;
}

/* =============================================================================
   Typography hierarchy (weights 400 / 500 / 600 / 700 — real Roboto files loaded)
   400 = body & data  |  500 = labels & emphasis  |  600 = titles & headers  |  700 = big numbers
   ============================================================================= */
:root {
    --mucohas-font: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

    /* Browser-default scale (root = 16px — matches Chrome / Edge default) */
    --mucohas-fs-root: 16px;
    --mucohas-fs-body: 1rem;           /* 16px — default UI text */
    --mucohas-fs-small: 0.875rem;      /* 14px — captions, footer, table meta */
    --mucohas-fs-label: 1rem;          /* 16px — form labels, buttons */
    --mucohas-fs-h4: 1.125rem;         /* 18px — card / panel titles */
    --mucohas-fs-h3: 1.25rem;          /* 20px — section titles */
    --mucohas-fs-h2: 1.5rem;           /* 24px — secondary headings */
    --mucohas-fs-h1: 1.75rem;          /* 28px — page titles */
    --mucohas-fs-hero: 2.25rem;        /* 36px — landing hero title */
    --mucohas-fs-stat: 1.75rem;        /* 28px — dashboard stat numbers */
    --mucohas-line: 1.45;
    --mucohas-line-tight: 1.3;

    --mucohas-fw-body: 400;
    --mucohas-fw-label: 500;
    --mucohas-fw-title: 600;
    --mucohas-fw-stat: 700;
}

*,
*::before,
*::after {
    text-shadow: none !important;
}

html {
    font-size: var(--mucohas-fs-root) !important;
}

html,
body {
    font-family: var(--mucohas-font);
    font-size: var(--mucohas-fs-body);
    line-height: var(--mucohas-line);
    font-weight: var(--mucohas-fw-body);
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto;
    text-rendering: auto;
}

/* —— Standard font sizes —— */
#page_content,
#page_content_inner,
.md-card-content,
.uk-table,
.dataTables_wrapper,
.login_page,
.login_body {
    font-size: var(--mucohas-fs-body) !important;
}

h1,
.staff-dash-hero h1,
.staff-books-hero h1,
.accession_page_header h1,
.hero-section h1,
.hero-section .display-4 {
    font-size: var(--mucohas-fs-hero) !important;
    line-height: var(--mucohas-line-tight) !important;
}

h2,
.heading_a {
    font-size: var(--mucohas-fs-h2) !important;
    line-height: var(--mucohas-line-tight) !important;
}

h3,
.staff-dash-chart-title,
.uk-modal-title,
.swal2-title,
.accession_wizard-panel-title {
    font-size: var(--mucohas-fs-h3) !important;
    line-height: var(--mucohas-line-tight) !important;
}

h4,
.staff-dash-table-head h4,
.accession_table_header h4,
.accession_search_card h4,
.md-card-toolbar-heading-text {
    font-size: var(--mucohas-fs-h4) !important;
    line-height: var(--mucohas-line-tight) !important;
}

h5, h6 {
    font-size: var(--mucohas-fs-body) !important;
}

.staff-dash-section-title,
#sidebar_main .menu_group_label span,
#breadcrumbs,
.mucohas-portal-footer,
.uk-text-muted,
small.uk-text-muted,
.staff-stat-label,
.dataTables_wrapper .dataTables_info,
.mucohas-table .cell-muted,
.accession_subtitle,
table.mucohas-table thead th,
#page_content_inner .uk-table thead th,
.mucohas-badge,
.uk-badge {
    font-size: var(--mucohas-fs-small) !important;
}

table.mucohas-table tbody td,
#page_content_inner .uk-table tbody td,
.mucohas-table .cell-title,
.accession_table tbody td {
    font-size: var(--mucohas-fs-body) !important;
}

.uk-form-label,
label.uk-form-label,
.md-input,
#page_content_inner input,
#page_content_inner select,
#page_content_inner textarea,
.md-btn,
.uk-button,
#sidebar_main .menu_section ul > li > a,
.staff-dash-quick a,
.staff-books-btn,
.accession_btn_primary,
.accession_btn_success,
.login_form_group label,
.login_input_wrapper input,
.login_btn,
.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select {
    font-size: var(--mucohas-fs-label) !important;
}

.staff-stat-value,
.staff-books-stat-value,
.stat-pill .stat-value {
    font-size: var(--mucohas-fs-stat) !important;
    line-height: 1.2 !important;
}

.staff-dash-hero p,
.staff-books-hero p,
.hero-section p,
.card-text,
.portal-card p {
    font-size: var(--mucohas-fs-body) !important;
}

.staff-dash-hero-badge,
.staff-books-total-badge,
.accession_total_badge {
    font-size: var(--mucohas-fs-small) !important;
}

.login_header h1 {
    font-size: var(--mucohas-fs-h3) !important;
}

.login_header p {
    font-size: var(--mucohas-fs-small) !important;
}

.card .card-title,
.portal-card h5,
.navbar-brand {
    font-size: var(--mucohas-fs-h4) !important;
}

/* —— Entire website: Bootstrap + Altair/UIkit (compact) —— */
body,
.container,
.container-fluid,
.card,
.card-body,
.card-text,
.btn,
.btn-sm,
.form-control,
.form-label,
.form-select,
.dropdown-menu,
.dropdown-item,
.navbar,
.navbar-nav .nav-link,
.modal-title,
.modal-body,
.alert,
.badge,
.pagination,
.page-link,
.list-group-item,
.table,
.table td,
.table th,
.display-1,
.display-2,
.display-3,
.display-4,
.display-5,
.display-6,
.lead,
p,
li,
label,
input,
select,
textarea,
#header_main,
#header_main .uk-navbar-nav > li > a,
#top_bar,
#footer,
.uk-button,
.uk-button-small,
.md-btn,
.md-btn-small,
.md-input,
.md-list-addon-element,
.uk-form,
.uk-alert,
.uk-dropdown,
.uk-nav,
.uk-nav-dropdown > li > a,
.uk-modal-dialog,
.uk-notification-message,
.swal2-popup,
.swal2-title,
.swal2-html-container,
.swal2-confirm,
.swal2-cancel {
    font-size: var(--mucohas-fs-body) !important;
}

body,
.container,
.card,
.card-body,
.btn,
.form-control,
.form-label,
.table,
#header_main,
#top_bar,
.uk-button,
.md-btn,
.md-input {
    font-size: var(--mucohas-fs-body) !important;
}

.display-1 { font-size: 2.5rem !important; }
.display-2 { font-size: 2.25rem !important; }
.display-3 { font-size: 2rem !important; }
.display-4 { font-size: var(--mucohas-fs-hero) !important; }
.display-5 { font-size: var(--mucohas-fs-h2) !important; }
.display-6 { font-size: var(--mucohas-fs-h3) !important; }

.navbar-modern .navbar-brand {
    font-size: var(--mucohas-fs-h4) !important;
}

.btn-lg {
    font-size: var(--mucohas-fs-label) !important;
    padding: 0.5rem 1.25rem;
}

.card-header {
    font-size: var(--mucohas-fs-label) !important;
    padding: 0.75rem 1rem;
}

/* —— 400: Regular (default reading text) —— */
#page_content_inner,
#page_content_inner p,
#page_content_inner li,
#page_content_inner .md-input,
#page_content_inner input,
#page_content_inner select,
#page_content_inner textarea,
.uk-table tbody td,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_length label,
.dataTables_wrapper .dataTables_filter label,
.md-card-content,
#breadcrumbs a,
.login_page,
.login_card,
.login_input_wrapper input,
.uk-text-muted,
small.uk-text-muted,
.accession_subtitle,
.staff-dash-hero p,
.staff-books-hero p,
.mucohas-portal-footer,
.mucohas-table .cell-muted {
    font-weight: var(--mucohas-fw-body) !important;
}

/* —— 500: Medium (labels, key row data, active nav, buttons) —— */
.uk-form-label,
label.uk-form-label,
.accession_search_input_wrapper label,
#page_content_inner .uk-form-label,
.staff-stat-label,
#breadcrumbs li:last-child,
#breadcrumbs li:last-child span,
#breadcrumbs li:last-child a,
#sidebar_main .menu_section ul > li > a,
.md-btn,
.uk-button,
.md-btn.md-btn-default,
.staff-dash-quick a,
.staff-books-btn,
.accession_btn_primary,
.accession_btn_success,
.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select,
.mucohas-table .cell-title,
.accession_table .cell-title {
    font-weight: var(--mucohas-fw-label) !important;
}

/* —— 600: Semibold (titles, table headers, badges, highlights) —— */
h1, h2, h3, h4, h5, h6,
.heading_a,
.staff-dash-section-title,
.staff-dash-table-head h4,
.staff-dash-chart-title,
.staff-books-hero h1,
.staff-dash-hero h1,
.accession_page_header h1,
.accession_wizard-panel-title,
.accession_table_header h4,
.accession_detail_heading,
.md-card-toolbar-heading-text,
.uk-modal-title,
.swal2-title,
.staff-dash-hero-badge,
.staff-books-total-badge,
.accession_total_badge,
table.mucohas-table thead th,
#page_content_inner .uk-table thead th,
.mucohas-badge,
.uk-badge,
.mucohas-table .cell-mono,
.accession_table .cell-acc-no,
strong, b,
.uk-text-danger,
.accession_search_card h4,
#sidebar_main .menu_section ul > li.uk-active > a,
#sidebar_main .menu_section ul > li.current > a,
.accession-wizard-step-indicator.active {
    font-weight: var(--mucohas-fw-title) !important;
}

/* Price / money in tables */
.mucohas-table td strong,
.accession_table td strong {
    font-weight: var(--mucohas-fw-title) !important;
}

/* —— 700: Bold (large stat numbers only) —— */
.staff-books-stat-value,
.staff-stat-value,
.stat-pill .stat-value {
    font-weight: var(--mucohas-fw-stat) !important;
}

/* Sidebar section labels */
#sidebar_main .menu_group_label span {
    font-weight: var(--mucohas-fw-title) !important;
    letter-spacing: 0.08em;
}

/* Primary action buttons — clear but not heavy */
.md-btn-primary,
.md-btn-success,
.md-btn-danger,
.md-btn-warning,
.uk-button-primary {
    font-weight: var(--mucohas-fw-label) !important;
}

.material-icons,
.bi {
    text-shadow: none !important;
    font-weight: normal !important;
}

/* —— Public homepage (Bootstrap) —— */
.hero-section h1,
.hero-section .display-4,
.hero-section .display-5,
.card h3,
.card .card-title,
.portal-card h5,
.navbar-brand {
    font-weight: var(--mucohas-fw-title) !important;
}

.hero-section p,
.card-text,
.card p,
.portal-card p,
.lead {
    font-weight: var(--mucohas-fw-body) !important;
}

.stat-pill .stat-label {
    font-weight: var(--mucohas-fw-label) !important;
}

/* Login — weights (sizes set above) */
.login_btn {
    font-weight: var(--mucohas-fw-label) !important;
    font-size: var(--mucohas-fs-label) !important;
}

/* =============================================================================
   Blue / dark-brand surfaces — white text for readability (site-wide)
   ============================================================================= */
.login_header,
.login_header h1,
.login_header p,
.login_header .material-icons,
.login_btn,
.login_btn .material-icons {
    color: #fff !important;
}

#sidebar_main .menu_section ul > li > a,
#sidebar_main .menu_title,
#sidebar_main .sidebar_logo_text {
    color: rgba(255, 255, 255, 0.92) !important;
}

#sidebar_main .menu_group_label span {
    color: var(--mucohas-yellow) !important;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.uk-button-primary,
.uk-button-primary:hover,
.md-btn-primary,
.md-btn-primary:hover,
.md-btn-primary.md-btn-primary--blue,
.md-btn-primary.md-btn-primary--blue:hover,
.uk-badge-primary,
.uk-badge:not(.uk-badge-default):not(.uk-badge-warning):not(.uk-badge-danger),
#page_content_inner table .uk-badge-success,
#page_content_inner table .uk-badge-primary,
.staff-dash-table-card .uk-button-primary,
.staff-dash-table-card .uk-button-primary:hover,
.mucohas-table-action--view,
.mucohas-table-action--view .material-icons,
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.accession_btn_view,
.accession_btn_view:hover,
.accession_total_badge,
.accession-wizard-step-indicator.active,
.accession-wizard-step-indicator.active .step-num,
.accession_detail_hero,
.accession_detail_hero *,
.staff-books-total-badge,
.staff-students-total-badge,
.staff-dash-hero,
.staff-dash-hero h1,
.staff-dash-hero p,
.staff-dash-hero .material-icons,
.staff-books-hero,
.staff-books-hero h1,
.staff-books-hero p,
.staff-books-hero .material-icons,
.staff-students-hero,
.staff-students-hero h1,
.staff-students-hero p,
.staff-students-hero .material-icons,
.staff-books-btn--outline,
.staff-books-btn--outline:hover,
.staff-students-btn--outline,
.staff-students-btn--outline:hover,
.bg-primary,
.bg-gradient-primary,
.bg-gradient-info,
.hero-section.text-white,
.hero-section.text-white h1,
.hero-section.text-white h2,
.hero-section.text-white p,
.hero-section.text-white .lead,
.navbar-modern .navbar-brand,
.navbar-modern .nav-link,
.profile_hero,
.profile_hero h1,
.profile_hero .profile_role,
.digital_preview_hero,
.digital_preview_hero h1,
.digital_preview_hero p,
.staff-new-student-hero--compact,
.staff-new-student-hero--compact h1,
.staff-new-student-hero--compact .material-icons,
.staff-new-student-hero--compact .staff-new-student-id,
.staff-new-student-btn--outline,
.staff-new-student-btn--outline:hover,
.badge.bg-primary,
[style*="background: linear-gradient"][style*="1454"],
[style*="background:linear-gradient"][style*="1454"],
[style*="background: linear-gradient"][style*="0d3d7a"],
[style*="background:linear-gradient"][style*="0d3d7a"],
[style*="background: linear-gradient"][style*="0D3D7A"],
[style*="background:linear-gradient"][style*="0D3D7A"],
.uk-alert:not(.uk-alert-success):not(.uk-alert-danger):not(.uk-alert-warning):not(.uk-alert-info),
[style*="background: #1454A8"],
[style*="background:#1454A8"],
[style*="background: #1454a8"],
[style*="background:#1454a8"],
[style*="background: #0D3D7A"],
[style*="background:#0D3D7A"],
[style*="background: #0d3d7a"],
[style*="background:#0d3d7a"],
[style*="background: #0f172a"],
[style*="background:#0f172a"],
[style*="background: var(--mucohas-blue)"],
[style*="background:var(--mucohas-blue)"] {
    color: #fff !important;
}

.bg-gradient-primary a:not(.btn):not(.nav-link),
.hero-section.text-white a:not(.btn):not(.nav-link) {
    color: rgba(255, 255, 255, 0.92) !important;
}

.bg-gradient-primary a:not(.btn):not(.nav-link):hover,
.hero-section.text-white a:not(.btn):not(.nav-link):hover {
    color: #fff !important;
}