/* #####################
Agas Website Custom Styles
#####################*/

/* --- CUSTOM STYLES (Tabs, Menus, & Lists) --- */
.tab-content { 
    display: none; 
    opacity: 0; 
    transform: translateY(10px); 
    transition: all 0.4s ease; 
}

.tab-content.active { 
    display: block; 
    opacity: 1; 
    transform: translateY(0); 
}

.active-tab { 
    border-right: 4px solid #C5A059; 
    background: rgba(197, 160, 89, 0.08); 
    color: #C5A059 !important; 
}

.service-list-item::before { 
    content: "→"; 
    color: #C5A059; 
    font-weight: bold; 
    margin-right: 10px; 
}

.mobile-menu-open { 
    transform: translateX(0) !important; 
}

.gradient-gold {
    background: linear-gradient(135deg, #C5A059 0%, #E5C687 100%);
}

.gradient-text {
    background: linear-gradient(135deg, #C5A059 0%, #E5C687 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#hamburger, #hamburger-middle, #hamburger-bottom {
    transition: all 0.3s ease-in-out;
    transform-origin: center;
}