/**
 * Customer Account Top Navigation
 *
 * @author    Torey <b.zagajski@torey.eu>
 * @copyright 2026 torey.eu
 * @license   Commercial / Proprietary License
 * 
 * Wszelkie prawa zastrzeżone. Kopiowanie, modyfikowanie i rozpowszechnianie 
 * tego pliku bez zgody autora jest surowo zabronione.
 * 
 * All rights reserved. You may not modify, copy or distribute this file 
 * without explicit permission from the author.
 */

.popup-over {
    position: relative; 
}
.popup-over a.popup-title, 
.popup-over .popup-title {
    text-transform: uppercase;
    color: var(--link-color); 
}
.popup-over a.popup-title:hover, 
.popup-over .popup-title:hover {
    color: var(--link-color-hover); 
}

.popup-over .popup-content {
    padding: 0.625rem;
    position: absolute;
    top: calc(100% + 40px);
    font-size: 14px;
    background: #fff;
    border: 1px solid #eaeaea;
    min-width: 260px;
    z-index: 9999;
    display: block;
    right: 0;
    opacity: 0;
    visibility: hidden;
    margin: 0px; 
    transition: all 0.2s ease;
}

.rtl .popup-over .popup-content {
    left: 0;
    right: auto; 
}

.popup-over .popup-content a {
    color: var(--link-color);
    padding: 0px; 
}
.popup-over .popup-content a:hover {
    color: var(--link-color-hover); 
}

.popup-over .popup-content li {
    display: block;
    padding: 15px 10px; 
}
.popup-over .popup-content li.current,
.popup-over .popup-content li.current a {
    color: var(--link-color-hover); 
}

.popup-over.customertopnav-block .popup-content {
    box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    font-size: 14px;
    right: 0;
    left: auto;
    padding: 20px; 
}

[dir="rtl"] .popup-over.customertopnav-block .popup-content {
    right: auto;
    left: 0; 
}

.popup-over.customertopnav-block .popup-content p {
    font-weight: bold;
    font-size: 11px;
    margin-bottom: 5px;
    text-transform: uppercase; 
}

.popup-over.customertopnav-block .popup-content .user-info {
    margin-bottom: 0; 
    list-style: none;
    padding-left: 0;
}

.popup-over.customertopnav-block .popup-content .user-info li a {
    text-transform: uppercase;
    font-size: 13px;
    color: var(--text-color); 
    display: flex;
    align-items: center;
}

.customertopnav-block .popup-content .material-icons {
    font-size: 24px;
    margin-right: 15px;
}

.popup-over.customertopnav-block .popup-content .user-info li a:hover {
    color: var(--theme-color-default); 
}

.customertopnav-block .popup-content .user-info-title {
    font-weight: 400;
    text-transform: uppercase;
	padding-top: 10px;
    padding-bottom: 20px;
    color: var(--block-heading-color);
    font-size: 1rem;
}

.popup-over.customertopnav-block .popup-content .title {
    text-transform: none;
    display: block;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 5px;
    color: #333; 
}

.popup-over:hover .popup-content, 
.popup-over.open .popup-content {
    opacity: 1;
    visibility: visible;
    top: calc(100% + 16px); 
}

.customertopnav-block a:hover i.fa-cog {
    color: var(--link-color-hover);
}