.elementor-4725 .elementor-element.elementor-element-b424a53{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-4725 .elementor-element.elementor-element-1268ff3{padding:5px 5px 5px 5px;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-4725 .elementor-element.elementor-element-1268ff3.elementor-element{--align-self:center;}.elementor-4725 .elementor-element.elementor-element-1268ff3 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(20px/2);}.elementor-4725 .elementor-element.elementor-element-1268ff3 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(20px/2);}.elementor-4725 .elementor-element.elementor-element-1268ff3 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(20px/2);}.elementor-4725 .elementor-element.elementor-element-1268ff3 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-20px/2);}.elementor-4725 .elementor-element.elementor-element-1268ff3 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-20px/2);}.elementor-4725 .elementor-element.elementor-element-1268ff3 .elementor-icon-list-icon i{color:#D4AF37;transition:color 0.3s;}.elementor-4725 .elementor-element.elementor-element-1268ff3 .elementor-icon-list-icon svg{fill:#D4AF37;transition:fill 0.3s;}.elementor-4725 .elementor-element.elementor-element-1268ff3 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-4725 .elementor-element.elementor-element-1268ff3 .elementor-icon-list-item > a{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:500;line-height:1.2em;}.elementor-4725 .elementor-element.elementor-element-1268ff3 .elementor-icon-list-text{color:#E0E0E0;transition:color 0.3s;}.elementor-4725 .elementor-element.elementor-element-1268ff3 .elementor-icon-list-item:hover .elementor-icon-list-text{color:#D4AF37;}#elementor-popup-modal-4725 .dialog-widget-content{background-color:#0A0A0A;border-style:solid;border-width:1px 1px 1px 1px;border-color:#D4AF37;border-radius:4px 4px 4px 4px;box-shadow:0px 0px 15px 0px #D4AF37;margin:78px 0px 0px 0px;}#elementor-popup-modal-4725 .dialog-message{width:240px;height:auto;padding:0px 0px 0px 0px;}#elementor-popup-modal-4725{justify-content:flex-end;align-items:flex-start;}/* Start custom CSS for container, class: .elementor-element-b424a53 *//* 1. THE BASE STATE: Smooth transition for everything inside */
.elementor-4725 .elementor-element.elementor-element-b424a53 {
    transition: all 0.3s ease-in-out !important;
    position: relative;
    cursor: pointer; /* Makes the whole box feel clickable */
}

/* 2. THE GOLDEN HOVER: Triggers when the mouse enters the container */
.elementor-4725 .elementor-element.elementor-element-b424a53:hover {
    color: #FFD700 !important; /* Turns text/icons Gold */
    padding-left: 12px !important; /* The 'Slide' effect */
    background: linear-gradient(90deg, rgba(255,215,0,0.1) 0%, rgba(255,255,255,0) 100%) !important;
    border-left: 3px solid #FFD700; /* Adds a professional gold accent line */
}

/* 3. NESTED ELEMENTS: Ensure icons or text inside also change color */
.elementor-4725 .elementor-element.elementor-element-b424a53:hover * {
    color: #FFD700 !important;
}/* End custom CSS */
/* Start custom CSS *//* 1. BASE STYLE: Only active when NOT hidden */
.link-logout-class {
    display: flex; 
    align-items: center;
    padding: 15px 0;
    font-weight: 800;
    font-size: 20px;
    color: #1A1A1A !important; 
    text-transform: uppercase;
    transition: all 0.3s ease;
    border-bottom: 1px solid rgba(0,0,0,0.05);
    width: 100%;
    position: relative;
    z-index: 1;
}

/* 2. THE GHOST ERASER: Kill background and pointer on hidden items */
.link-logout-class[style*="display: none"],
.link-logout-class[style*="opacity: 0"],
.link-logout-class:empty {
    display: none !important;
    height: 0 !important;
    width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none !important; /* Mouse passes through like air */
    visibility: hidden !important;
    position: absolute !important; 
    z-index: -9999 !important;
    background: none !important; /* Kills the ghost background */
    border: none !important;
}



/* 4. GAP KILLER: Collapse the List Item entirely */
li:has(> .link-logout-class[style*="display: none"]),
li:has(> .link-logout-class:empty) {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}/* End custom CSS */