/*
 Theme Name:   Astra Child - PosOnline.Shop
 Description:  چایلد تم اختصاصی PosOnline.Shop - دقیقاً همون ظاهر قبلی
 Author:       Grok برای جیگرم
 Template:     astra
 Version:      1.0
*/

@import url("../astra/style.css");

/* همه استایل‌های قبلی اهورا (منو، زیرمنو، هاور طلایی، خط نارنجی و ...) */
.sub-menu {
    background: rgba(0,0,0,0.95) !important;
    border-radius: 6px;
    box-shadow: 0 6px 15px rgba(0,0,0,0.25);
    padding: 8px 0;
    min-width: 240px !important;
    width: max-content !important;
    display: none;
    position: absolute;
    z-index: 9999;
    flex-direction: column;
    opacity: 0;
    transform: translateY(-10px);
    transition: all 0.3s ease;
}
.sub-menu li a {
    display: block !important;
    padding: 10px 20px;
    color: #fff !important;
    font-size: 15px;
    font-weight: 500;
    white-space: nowrap !important;
}
.sub-menu li a:hover {
    color: #FFD700 !important;
}
.sub-menu li a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background: #FF9800;
    transition: width 0.3s ease;
}
.sub-menu li a:hover::after {
    width: 100%;
}
.menu-item-has-children > a::after {
    content: "▼";
    font-size: 11px;
    margin-left: 6px;
    color: gold !important;
}
.menu-item-has-children.open > a::after {
    transform: rotate(180deg);
}
#site-title a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 0;
    height: 3px;
    background: orange;
    transition: width 0.3s ease;
}
#site-title a:hover::after {
    width: 100%;
}
.menu-item.search-icon a {
    font-size: 18px;
    color: #333 !important;
}
.menu-item.search-icon a:hover {
    color: #FFD700 !important;
}
@media (min-width: 1025px) {
    .menu-item-has-children:hover > .sub-menu {
        display: flex !important;
        opacity: 1 !important;
        transform: translateY(0) !important;
    }
}