/* Custom styles for Oniros Creative */

body {
    font-family: 'Plus Jakarta Sans', sans-serif;
    scroll-behavior: smooth;
}

.bg-custom-primary {
    background-color: #0f4c81;
}

.text-custom-primary {
    color: #0f4c81;
}

.bg-custom-accent {
    background-color: #ea580c;
}

.text-custom-accent {
    color: #ea580c;
}

.bg-custom-secondary {
    background-color: #1e3a8a;
}

.floating-cards {
    margin-top: -100px;
    position: relative;
    z-index: 10;
}

/* Custom hover classes for custom colors since Tailwind CDN fails to compile them */
.btn-hover-blue:hover {
    background-color: #0f4c81 !important;
    color: #ffffff !important;
    border-color: #0f4c81 !important;
}

.btn-hover-orange:hover {
    background-color: #ea580c !important;
    color: #ffffff !important;
    border-color: #ea580c !important;
}

/* Hamburger morphing to X animation */
#hamburger-btn.active .line-1 {
    transform: translateY(7px) rotate(45deg);
}

#hamburger-btn.active .line-2 {
    opacity: 0;
    transform: translateX(-20px);
}

#hamburger-btn.active .line-3 {
    transform: translateY(-7px) rotate(-45deg);
}

/* Navbar Hover Underline Effect */
.nav-hover-line {
    position: relative;
}

.nav-hover-line::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: -4px;
    left: 0;
    background-color: #ea580c !important;
    /* Rosso */
    transform: scaleX(0);
    transition: transform 0.3s ease-in-out;
    transform-origin: bottom right;
}

.nav-hover-line:hover::after {
    transform: scaleX(1);
    transform-origin: bottom left;
}

footer a {
    display: inline-block;
    border-radius: 6px;
    padding: 0.35rem 0.75rem;
    margin-left: -0.75rem;
    transition: background-color 0.2s, color 0.2s;
}

footer a:hover {
    color: #ffffff !important;
    background-color: #ea580c !important;
}