/* Hide the built-in Mautic SVG logo */
.mautic-brand .mautic-logo-figure,
.mautic-brand .mautic-logo-text {
    display: none !important;
}

/* Use your own logo as a background on the brand link */
.mautic-brand {
    display: block;
    width: 120px;              /* adjust to your logo width */
    min-height: 20px;              /* adjust to your logo height */ 
    background: url("../img/logo.png") no-repeat left center !important;
    background-size: contain !important;
    padding: 0 !important;
    margin: 0px 16px !important;  /* tweak for vertical alignment */ */
    overflow: hidden;
}

/* ===== Electrica IR — Replace login SVG with custom logo ===== */

/* Hide the inline SVG login logo */
.mautic-logo img,
.mautic-logo svg {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* Replace with your own logo as a background */
.mautic-logo {
    background: url("../img/icon.png") no-repeat center center !important;
    background-size: contain !important;

    width: 150px !important;   /* adjust based on your logo */
    height: 150px !important;  /* adjust based on your logo */

    margin: 0 auto 25px auto !important; /* center it */
    border-radius: 0 !important; /* optional: remove round frame */
    overflow: hidden !important;
}

/* ============================================================
   ELECTRICA IR — LIGHT SIDEBAR (15px font, reduced spacing)
   ============================================================ */
   
.sidebar-content {
    background-color: #eeeff5;
}   
.nav-item-name {
    padding-top: 2px;
}
/* ============================================================
   ELECTRICA IR — LIGHT SIDEBAR (15px + #d3d5dc hover/active)
   ============================================================ */

/* MAIN MENU ITEMS */
.nav-sidebar .nav-group > a {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #283c50 !important;

    padding: 10px 16px !important;      /* tighter spacing */
    margin: 5px 10px !important;

    border-radius: 6px !important;
    background: transparent !important;
    transition: background 0.15s ease, color 0.15s ease;
}

/* ICON */
.nav-sidebar .nav-group > a .icon {
    font-size: 18px !important;
    margin-right: 8px !important;
    color: #4b5d72 !important;
}

/* TEXT */
.nav-sidebar .nav-group > a .nav-item-name {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #283c50 !important;
}

/* ------------------------------------------------------------
   HOVER STATE — background: #d3d5dc
   ------------------------------------------------------------ */
.nav-sidebar .nav-group > a:hover {
    background: #d3d5dc !important;
    color: #283c50 !important;
}

.nav-sidebar .nav-group > a:hover .nav-item-name,
.nav-sidebar .nav-group > a:hover .icon {
    color: #283c50 !important;
}

/* ------------------------------------------------------------
   ACTIVE STATE — background: #d3d5dc
   ------------------------------------------------------------ */
.nav-sidebar .nav-group.active > a {
    background: #d3d5dc !important;
    color: #283c50 !important;
}

.nav-sidebar .nav-group.active > a .nav-item-name {
    font-weight: 700 !important;
    color: #283c50 !important;
}

.nav-sidebar .nav-group.active > a .icon {
    color: #283c50 !important;
}

/* ------------------------------------------------------------
   SUBMENU ITEMS
   ------------------------------------------------------------ */
.nav-submenu .nav-group > a {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #283c50 !important;

    padding: 7px 20px !important;
    margin: 2px 4px !important;
    border-radius: 6px !important;
}

/* SUBMENU HOVER */
.nav-submenu .nav-group > a:hover {
    background: #d3d5dc !important;
    color: #283c50 !important;
}

/* SUBMENU ACTIVE */
.nav-submenu .nav-group.active > a {
    background: #d3d5dc !important;
    color: #283c50 !important;
    font-weight: 700 !important;
}