:root {
    --brand-1: #18133f;
    --brand-2: #da0662;
    --nav-bg: #18133f;
    --nav-text: #ffffff;
    --nav-icon: #ffffff;
    --nav-hover-bg: rgba(255,255,255,.08);
    --content-title: #ffffff;
    /* WhiteLabel -> Bootstrap */
    --wl-primary: var(--brand-2,#da0662);
    --wl-primary-rgb: 218,6,98;
    /* WhiteLabel -> Orvyx */
    --wl-orvyx: var(--brand-1,#18133f);
    --wl-orvyx-rgb: 24,227,173;
}

/* HEADER (master/top bar) */
.header__inner {
    background: linear-gradient(135deg,var(--brand-1) 0%,var(--brand-1) 28%,var(--brand-2) 100%) !important;
}

/* MENU */
.mainnav__inner,
.mininav-content {
    background-color: var(--nav-bg) !important;
}

/* textos do menu */
.mainnav__menu .nav-link,
.mainnav__menu .nav-label,
.mainnav__menu .mininav-toggle,
li.nav-item * {
    color: var(--nav-text) !important;
}

/* ícones premium (pli-...) */
.mainnav__menu [class^="pli-"],
.mainnav__menu [class*=" pli-"],
.mainnav__menu i[class^="pli-"],
.mainnav__menu i[class*=" pli-"],
li.nav-item i[class^="pli-"],
li.nav-item i[class*=" pli-"],
.mainnav__menu i[class^="pli-"]::before,
.mainnav__menu i[class*=" pli-"]::before,
.mainnav__menu [class^="pli-"]::before,
.mainnav__menu [class*=" pli-"]::before,
.mainnav__menu .has-sub > .mininav-toggle::after {
    color: var(--nav-icon) !important;
}

/* hover menu */
.mainnav__menu .nav-link:hover,
.mainnav__menu .mininav-toggle:hover {
    background-color: var(--nav-hover-bg) !important;
}

/* CONTENT HEADER */
body[data-theme] .content__header::before {
    background-color: var(--brand-1) !important;
}

.content__header {
    background: linear-gradient(to top right,var(--brand-1) 0%,var(--brand-1) 57%,var(--brand-2) 100%) !important;
}

    .content__header .pageTitle,
    .content__header .pageTitle * {
        color: var(--content-title) !important;
    }

/* DASHBOARD HEADER (ucCabecalho) */
.header {
    background: linear-gradient(135deg,var(--brand-1) 0%,var(--brand-2) 100%) !important;
}

    .header .brand-title,
    .header .nameLogin,
    .header .wl-help,
    .header .buttonOpenModal {
        color: #fff !important;
    }

/* FOOTER */
#footer,
#wlFooter {
    background: transparent !important;
    position: relative !important;
}

#wlLogoFooter {
    height: 80px;
    background-color: var(--brand-1) !important;
}

#footer > .content__wrap,
#wlFooter > .content__wrap,
#wlFooter .wl-footer__inner {
    background-color: var(--brand-1) !important;
    color: var(--nav-text,#fff) !important;
    height: 80px !important;
}

/* NAV TOGGLER (sempre brand-1) */
button.nav-toggler.btn-primary,
.nav-toggler.btn-primary {
    background-color: var(--brand-1) !important;
    border-color: var(--brand-1) !important;
    background-image: none !important;
    color: var(--nav-icon) !important;
    box-shadow: none !important;
}

    button.nav-toggler.btn-primary::before,
    .nav-toggler.btn-primary::before,
    .nav-toggler.btn-primary [class^="pli-"],
    .nav-toggler.btn-primary [class*=" pli-"] {
        color: var(--nav-icon) !important;
    }

    button.nav-toggler.btn-primary:hover,
    button.nav-toggler.btn-primary:focus,
    .nav-toggler.btn-primary:hover,
    .nav-toggler.btn-primary:focus {
        background-color: var(--brand-1) !important;
        border-color: var(--brand-1) !important;
        filter: brightness(1.06) !important;
    }

    .nav-toggler.btn-primary:active {
        filter: brightness(.96) !important;
        box-shadow: 0 0 0 .2rem rgba(255,255,255,.15) !important;
    }

/* ===== WhiteLabel -> Bootstrap overrides ===== */
.bg-primary {
    background-color: var(--wl-primary) !important;
}

.text-primary {
    color: var(--wl-primary) !important;
}

.border-primary {
    border-color: var(--wl-primary) !important;
}

.btn-primary,
.btn.btn-primary {
    background-color: var(--wl-primary) !important;
    border-color: var(--wl-primary) !important;
    color: #fff !important;
}

    .btn-primary:hover,
    .btn-primary:focus {
        filter: brightness(.95) !important;
        color: #fff !important;
    }

    .btn-primary:active {
        filter: brightness(.90) !important;
    }

.btn-outline-primary {
    color: var(--wl-primary) !important;
    border-color: var(--wl-primary) !important;
    background: transparent !important;
}

    .btn-outline-primary:hover,
    .btn-outline-primary:focus {
        background-color: var(--wl-primary) !important;
        border-color: var(--wl-primary) !important;
        color: #fff !important;
    }

/* Focus ring */
.btn:focus,
.btn:focus-visible,
.form-control:focus,
.form-select:focus {
    box-shadow: 0 0 0 .25rem rgba(var(--wl-primary-rgb),.25) !important;
    border-color: var(--wl-primary) !important;
}

/* ===== WhiteLabel -> Orvyx helpers ===== */
.bg-orvyx {
    background-color: var(--wl-orvyx) !important;
}

.text-orvyx {
    color: var(--wl-orvyx) !important;
}

.border-orvyx {
    border-color: var(--wl-orvyx) !important;
}

.btn-orvyx,
.btn.btn-orvyx {
    background-color: var(--wl-orvyx) !important;
    border-color: var(--wl-orvyx) !important;
    color: #fff !important;
}

    .btn-orvyx:hover,
    .btn-orvyx:focus {
        filter: brightness(.95) !important;
        color: #fff !important;
    }

.btn-outline-orvyx {
    color: var(--wl-orvyx) !important;
    border-color: var(--wl-orvyx) !important;
    background: transparent !important;
}

    .btn-outline-orvyx:hover,
    .btn-outline-orvyx:focus {
        background-color: var(--wl-orvyx) !important;
        border-color: var(--wl-orvyx) !important;
        color: #fff !important;
    }

.btn-orvyx:focus {
    box-shadow: 0 0 0 .25rem rgba(var(--wl-orvyx-rgb),.25) !important;
    border-color: var(--wl-orvyx) !important;
}