/* Header Styles */
header {
    transition: all 0.3s ease;
}

header nav a {
    position: relative;
}

header nav a::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #FF6B00;
    transition: width 0.3s ease;
}

header nav a:hover::after {
    width: 100%;
}

header button[class*="bg-primary"] {
    position: relative;
    overflow: hidden;
}

header button[class*="bg-primary"]::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    transform: translate(-50%, -50%);
    transition: width 0.6s, height 0.6s;
}

header button[class*="bg-primary"]:hover::before {
    width: 300px;
    height: 300px;
}

/* Mobile menu button */
header .lg\\:hidden button {
    transition: all 0.3s ease;
}

header .lg\\:hidden button:hover {
    transform: scale(1.1);
    background-color: rgba(255, 107, 0, 0.1);
}

/* Mobile menu links with orange underline */
#mobile-menu .mobile-menu-link {
    position: relative;
}

#mobile-menu .mobile-menu-link::after {
    content: '';
    position: absolute;
    bottom: 8px;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #FF6B00;
    transition: width 0.3s ease;
}

#mobile-menu .mobile-menu-link:hover::after {
    width: 100%;
}

/* Logo animation */
header .material-symbols-outlined {
    transition: transform 0.3s ease;
}

header:hover .material-symbols-outlined {
    transform: rotate(5deg);
}