/* 
 * Custom CSS for CraciunMagic.ro
 * Add all custom styles and overrides here
 */

/* =================================
 * DROPDOWN MENU ICONS
 * ================================= */

/* Hide the old FontAwesome dropdown icon from CSS pseudo-elements */
.main-menu .navigation > li.dropdown > a:before {
    display: none !important;
}

/* Style our new FontAwesome dropdown icons */
.main-menu .navigation > li.dropdown > a > i.fa-chevron-down {
    margin-left: 5px;
    font-size: 12px;
    transition: transform 0.3s ease;
}

/* Optional: Rotate icon on hover for better UX */
.main-menu .navigation > li.dropdown:hover > a > i.fa-chevron-down {
    transform: rotate(180deg);
}

/* =================================
 * ADD YOUR CUSTOM STYLES BELOW
 * ================================= */