/* Dashboard text visibility overrides and card transparency */
/* Loaded AFTER main-site-theme.css */

/* More transparent cards */
body.carenavi-dash,
body.carenavi-dash.bg-theme1 {
    --glass-card-bg: rgba(255, 255, 255, 0.35) !important;
    --glass-card-border: rgba(255, 255, 255, 0.2) !important;
}

/* Force dark text on ALL content-wrapper descendants */
body.carenavi-dash .content-wrapper,
body.carenavi-dash .content-wrapper p,
body.carenavi-dash .content-wrapper span,
body.carenavi-dash .content-wrapper label,
body.carenavi-dash .content-wrapper li,
body.carenavi-dash .content-wrapper div,
body.carenavi-dash .content-wrapper h1,
body.carenavi-dash .content-wrapper h2,
body.carenavi-dash .content-wrapper h3,
body.carenavi-dash .content-wrapper h4,
body.carenavi-dash .content-wrapper h5,
body.carenavi-dash .content-wrapper h6,
body.carenavi-dash .content-wrapper td,
body.carenavi-dash .content-wrapper th,
body.carenavi-dash .content-wrapper .card,
body.carenavi-dash .content-wrapper .card-body {
    color: #1e293b !important;
    -webkit-text-fill-color: #1e293b !important;
}

/* Table headers - dark and bold */
body.carenavi-dash .content-wrapper .table th,
body.carenavi-dash .content-wrapper .dash-table th,
body.carenavi-dash .content-wrapper thead th,
body.carenavi-dash #wrapper .table th,
body.carenavi-dash #wrapper .dash-table th,
body.carenavi-dash .table th,
body.carenavi-dash .dash-table th {
    color: #0e3d5e !important;
    -webkit-text-fill-color: #0e3d5e !important;
    font-weight: 700 !important;
    background: rgba(19, 84, 122, 0.06) !important;
}

/* Table cells */
body.carenavi-dash .content-wrapper .table td,
body.carenavi-dash .content-wrapper .dash-table td,
body.carenavi-dash #wrapper .table td,
body.carenavi-dash #wrapper .dash-table td,
body.carenavi-dash .table td,
body.carenavi-dash .dash-table td {
    color: #1e293b !important;
    -webkit-text-fill-color: #1e293b !important;
}

/* Text muted */
body.carenavi-dash .content-wrapper .text-muted,
body.carenavi-dash .text-muted {
    color: #475569 !important;
    -webkit-text-fill-color: #475569 !important;
}

/* Links */
body.carenavi-dash .content-wrapper a.dash-link,
body.carenavi-dash a.dash-link {
    color: #2e86ab !important;
    -webkit-text-fill-color: #2e86ab !important;
}

/* ─── Dashboard buttons: Login-style (teal–cyan gradient, white text, 3D) ─── */
body.carenavi-dash .dash-btn-primary,
body.carenavi-dash .btn-primary,
body.carenavi-dash .content-wrapper .dash-btn-primary,
body.carenavi-dash .content-wrapper .btn-primary {
    background: linear-gradient(135deg, #13547a 0%, #80d0c7 100%) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-weight: 700 !important;
    border-radius: 12px !important;
    border: 1px solid rgba(13, 61, 92, 0.85) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
    padding: 0.5rem 1.15rem !important;
    text-decoration: none !important;
    transition: transform 0.2s, box-shadow 0.2s, opacity 0.2s !important;
}
body.carenavi-dash .dash-btn-primary:hover,
body.carenavi-dash .btn-primary:hover,
body.carenavi-dash .content-wrapper .dash-btn-primary:hover,
body.carenavi-dash .content-wrapper .btn-primary:hover {
    background: linear-gradient(135deg, #0d3d5c 0%, #5eb8b0 100%) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
    transform: translateY(-1px);
}
body.carenavi-dash .dash-btn-primary:active,
body.carenavi-dash .btn-primary:active,
body.carenavi-dash .content-wrapper .dash-btn-primary:active,
body.carenavi-dash .content-wrapper .btn-primary:active {
    transform: translateY(0);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
}
/* Outline buttons: same Login look (gradient + white text) */
body.carenavi-dash .btn-outline-primary,
body.carenavi-dash .btn-outline-secondary,
body.carenavi-dash .content-wrapper .btn-outline-primary,
body.carenavi-dash .content-wrapper .btn-outline-secondary {
    background: linear-gradient(135deg, #13547a 0%, #80d0c7 100%) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-weight: 700 !important;
    border-radius: 12px !important;
    border: 1px solid rgba(13, 61, 92, 0.85) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}
body.carenavi-dash .btn-outline-primary:hover,
body.carenavi-dash .btn-outline-secondary:hover,
body.carenavi-dash .content-wrapper .btn-outline-primary:hover,
body.carenavi-dash .content-wrapper .btn-outline-secondary:hover {
    background: linear-gradient(135deg, #0d3d5c 0%, #5eb8b0 100%) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border-color: rgba(13, 61, 92, 0.9) !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
}
body.carenavi-dash .dash-btn-primary *,
body.carenavi-dash .btn-primary *,
body.carenavi-dash .btn-outline-primary *,
body.carenavi-dash .btn-outline-secondary *,
body.carenavi-dash .content-wrapper .dash-btn-primary *,
body.carenavi-dash .content-wrapper .btn-primary *,
body.carenavi-dash .content-wrapper .btn-outline-primary *,
body.carenavi-dash .content-wrapper .btn-outline-secondary * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
/* Other solid buttons (Save, Delete, etc.) – same Login style */
body.carenavi-dash .btn-success,
body.carenavi-dash .btn-danger,
body.carenavi-dash .btn-info,
body.carenavi-dash .btn-dark,
body.carenavi-dash .content-wrapper .btn-success,
body.carenavi-dash .content-wrapper .btn-danger,
body.carenavi-dash .content-wrapper .btn-info,
body.carenavi-dash .content-wrapper .btn-dark {
    background: linear-gradient(135deg, #13547a 0%, #80d0c7 100%) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-weight: 700 !important;
    border-radius: 12px !important;
    border: 1px solid rgba(13, 61, 92, 0.85) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}
body.carenavi-dash .btn-success:hover,
body.carenavi-dash .btn-danger:hover,
body.carenavi-dash .btn-info:hover,
body.carenavi-dash .btn-dark:hover,
body.carenavi-dash .content-wrapper .btn-success:hover,
body.carenavi-dash .content-wrapper .btn-danger:hover,
body.carenavi-dash .content-wrapper .btn-info:hover,
body.carenavi-dash .content-wrapper .btn-dark:hover {
    background: linear-gradient(135deg, #0d3d5c 0%, #5eb8b0 100%) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
body.carenavi-dash .btn-success *,
body.carenavi-dash .btn-danger *,
body.carenavi-dash .btn-info *,
body.carenavi-dash .btn-dark *,
body.carenavi-dash .content-wrapper .btn-success *,
body.carenavi-dash .content-wrapper .btn-danger *,
body.carenavi-dash .content-wrapper .btn-info *,
body.carenavi-dash .content-wrapper .btn-dark * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* KEEP white text on gradient/colored backgrounds */
body.carenavi-dash .dash-welcome,
body.carenavi-dash .dash-welcome *,
body.carenavi-dash .dash-welcome h4,
body.carenavi-dash .dash-welcome p,
body.carenavi-dash .dash-welcome span {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

body.carenavi-dash .dash-stat-icon,
body.carenavi-dash .dash-stat-icon *,
body.carenavi-dash .dash-btn-primary,
body.carenavi-dash .dash-btn-primary *,
body.carenavi-dash .btn-primary,
body.carenavi-dash .btn-primary * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

body.carenavi-dash .btn:not(.btn-outline-primary):not(.btn-outline-secondary):not(.btn-link),
body.carenavi-dash .btn:not(.btn-outline-primary):not(.btn-outline-secondary):not(.btn-link) * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* Badges keep their own color */
body.carenavi-dash .badge {
    -webkit-text-fill-color: inherit !important;
}

/* Sidebar text stays white */
body.carenavi-dash #sidebar-wrapper * {
    -webkit-text-fill-color: inherit !important;
}

body.carenavi-dash .topbar-nav .navbar-text,
body.carenavi-dash .topbar-nav .nav-link {
    -webkit-text-fill-color: inherit !important;
}

/* Outline buttons use Login-style (gradient + white) - see block above */

/* Card headers */
body.carenavi-dash .dash-card-header {
    color: #1e293b !important;
    -webkit-text-fill-color: #1e293b !important;
}

/* Stat card labels and values */
body.carenavi-dash .dash-stat-label {
    color: #334155 !important;
    -webkit-text-fill-color: #334155 !important;
}
body.carenavi-dash .dash-stat-value {
    color: #0e3d5e !important;
    -webkit-text-fill-color: #0e3d5e !important;
}

/* Loyalty card and gradient overlays keep white */
body.carenavi-dash [style*="linear-gradient"] .text-white,
body.carenavi-dash .dash-template [style*="linear-gradient(135deg, #13547a"] *,
body.carenavi-dash .dash-template [style*="linear-gradient(135deg, #2e86ab"] * {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

/* Search bar in topbar */
body.carenavi-dash .search-bar input {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* Dropdown items stay dark */
body.carenavi-dash .dropdown-item {
    color: #1e293b !important;
    -webkit-text-fill-color: #1e293b !important;
}

/* ─── Mobile: increase card opacity and force dark text ─── */
@media (max-width: 992px) {
    body.carenavi-dash,
    body.carenavi-dash.bg-theme1 {
        --glass-card-bg: rgba(255, 255, 255, 0.82) !important;
        --glass-card-border: rgba(19, 84, 122, 0.22) !important;
    }

    body.carenavi-dash .content-wrapper,
    body.carenavi-dash .content-wrapper div,
    body.carenavi-dash .content-wrapper p,
    body.carenavi-dash .content-wrapper span,
    body.carenavi-dash .content-wrapper label,
    body.carenavi-dash .content-wrapper li,
    body.carenavi-dash .content-wrapper h1,
    body.carenavi-dash .content-wrapper h2,
    body.carenavi-dash .content-wrapper h3,
    body.carenavi-dash .content-wrapper h4,
    body.carenavi-dash .content-wrapper h5,
    body.carenavi-dash .content-wrapper h6,
    body.carenavi-dash .content-wrapper td,
    body.carenavi-dash .content-wrapper th,
    body.carenavi-dash .content-wrapper .card,
    body.carenavi-dash .content-wrapper .card-body,
    body.carenavi-dash .content-wrapper .dash-stat-label,
    body.carenavi-dash .content-wrapper .dash-stat-value,
    body.carenavi-dash .content-wrapper .dash-card-header,
    body.carenavi-dash .content-wrapper .text-muted,
    body.carenavi-dash .content-wrapper .small {
        color: #1e293b !important;
        -webkit-text-fill-color: #1e293b !important;
    }

    body.carenavi-dash .dash-stat-value {
        color: #0e3d5e !important;
        -webkit-text-fill-color: #0e3d5e !important;
    }

    body.carenavi-dash .dash-stat-label {
        color: #334155 !important;
        -webkit-text-fill-color: #334155 !important;
    }

    body.carenavi-dash .content-wrapper .text-muted {
        color: #475569 !important;
        -webkit-text-fill-color: #475569 !important;
    }

    /* Keep white text on gradient elements */
    body.carenavi-dash .dash-welcome,
    body.carenavi-dash .dash-welcome *,
    body.carenavi-dash .dash-welcome h4,
    body.carenavi-dash .dash-welcome p,
    body.carenavi-dash .dash-welcome span {
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
    }

    body.carenavi-dash .dash-stat-icon,
    body.carenavi-dash .dash-stat-icon *,
    body.carenavi-dash .dash-btn-primary,
    body.carenavi-dash .dash-btn-primary *,
    body.carenavi-dash .btn-primary,
    body.carenavi-dash .btn-primary * {
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
    }

    body.carenavi-dash #sidebar-wrapper,
    body.carenavi-dash #sidebar-wrapper * {
        -webkit-text-fill-color: inherit !important;
    }

    body.carenavi-dash .topbar-nav .navbar-text,
    body.carenavi-dash .topbar-nav .nav-link {
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
    }

    /* Loyalty card gradient text stays white */
    body.carenavi-dash [style*="linear-gradient"] .text-white,
    body.carenavi-dash [style*="linear-gradient"] p.text-white,
    body.carenavi-dash .content-wrapper [style*="linear-gradient(135deg, #13547a"] *,
    body.carenavi-dash .content-wrapper [style*="linear-gradient(135deg, #2e86ab"] * {
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
    }

    /* Badge text inherits */
    body.carenavi-dash .badge {
        -webkit-text-fill-color: inherit !important;
    }

    /* Ensure stat cards have solid background and curved edges on mobile */
    body.carenavi-dash .dash-stat-card,
    body.carenavi-dash .dash-card,
    body.carenavi-dash .card {
        background: rgba(255, 255, 255, 0.88) !important;
        backdrop-filter: blur(16px) !important;
        -webkit-backdrop-filter: blur(16px) !important;
        border-radius: 20px !important;
        border: 2px solid rgba(19, 84, 122, 0.18) !important;
    }

    /* Table headers more visible on mobile */
    body.carenavi-dash .table th,
    body.carenavi-dash .dash-table th {
        color: #0e3d5e !important;
        -webkit-text-fill-color: #0e3d5e !important;
        font-weight: 700 !important;
    }

    body.carenavi-dash .table td,
    body.carenavi-dash .dash-table td {
        color: #1e293b !important;
        -webkit-text-fill-color: #1e293b !important;
    }

    /* Links on mobile */
    body.carenavi-dash .content-wrapper a.dash-link,
    body.carenavi-dash .content-wrapper a:not(.btn):not(.dropdown-item) {
        color: #13547a !important;
        -webkit-text-fill-color: #13547a !important;
    }

    /* Dropdown items stay dark on mobile */
    body.carenavi-dash .dropdown-item {
        color: #1e293b !important;
        -webkit-text-fill-color: #1e293b !important;
    }
}

/* ─── Remove breadcrumb/site-map everywhere ─── */
.breadcrumb-bar,
.breadcrumb-title,
.breadcrumb-spacer,
nav[aria-label="breadcrumb"],
nav.page-breadcrumb,
ul.breadcrumb {
    display: none !important;
}