/**
 * Theme Name: TrueNorth Debt Recovery
 * Theme URI: https://example.com/truenorth
 * Description: Custom block theme for TrueNorth Debt Recovery.
 * Version: 1.0.1
 * Author: TrueNorth Team
 * Text Domain: truenorth
 * Tested up to: 6.4
 * Requires at least: 6.2
 * Requires PHP: 7.4
 * License: GNU General Public License v2.0 or later
 */
/* Global Styles */
body {
    font-family: 'Inter', sans-serif;
    background-color: #080E17; /* Secondary */
    color: #FFFFFF;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Playfair Display', serif;
}

/* Animated Button */
.animated-btn {
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}
.animated-btn::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.25), transparent);
    transition: left 0.5s ease;
    z-index: -1;
}
.animated-btn:hover::after {
    left: 100%;
}
.animated-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 20px -5px rgba(27, 87, 176, 0.5);
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #080E17;
}
::-webkit-scrollbar-thumb {
    background: #1B57B0;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #104593;
}

/* Hero Background Overlay */
.bg-hero {
    background: linear-gradient(to right, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 60%), url('./assets/hero-mobile.jpeg') no-repeat center center;
    background-size: cover;
}

@media (min-width: 768px) {
    .bg-hero {
        background: linear-gradient(to right, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 60%), url('./assets/hero.png') no-repeat center center;
        background-size: cover;
    }
}

/* Footer Background */
.bg-footer-cta {
    background: linear-gradient(to right, rgba(8, 14, 23, 0.8), rgba(8, 14, 23, 0.8)), url('https://images.unsplash.com/photo-1464822759023-fed622ff2c3b?q=80&w=2070&auto=format&fit=crop') no-repeat center center;
    background-size: cover;
}

/* Driven Background */
.bg-driven {
    background: linear-gradient(to bottom, rgba(8, 14, 23, 0.8), rgba(8, 14, 23, 0.95)), url('./assets/94934b49177f0a9d84ae8a9bce1973e5366357c2.jpg') no-repeat center center;
    background-size: cover;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Nav Link Advanced Hover Effect */
.nav-link {
    display: block;
    position: relative;
    padding: 8px 16px;
    border-radius: 8px; 
    /* Transition is added via JS after GSAP finishes to avoid conflicts */
    background-color: transparent;
    z-index: 1;
}
.nav-link.hover-ready {
    transition: transform 0.5s, opacity 0.5s, filter 0.5s, color 0.5s;
}

/* Sibling blur effect on container hover */
.menu-container:hover .nav-link {
    transform: scale(0.95);
    opacity: 0.3;
    filter: blur(3px);
}

/* Specific item hover reset and scale */
.menu-container .nav-link:hover {
    transform: scale(1.15);
    opacity: 1;
    filter: blur(0);
    color: #fff;
}

/* Sweeping background effect */
.nav-link::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.15); /* Keep design intact with semi-transparent brand white */
    border-radius: 8px;
    transition: transform 0.5s;
    transform-origin: right;
    transform: scaleX(0);
    z-index: -1;
}

/* Active state is permanently swept */
.nav-link.active::before {
    transform: scaleX(1);
}

.menu-container .nav-link:hover::before {
    transition: transform 0.5s;
    transform-origin: left;
    transform: scaleX(1);
}

/* GSAP-Style Pill Button Effect */
.gsap-btn {
    position: relative;
    overflow: hidden;
    transition: color 0.4s ease, border-color 0.4s ease, transform 0.4s ease;
    z-index: 1;
    border-radius: 9999px; /* Pill shape */
    border: 1px solid rgba(255, 255, 255, 0.3);
}
.gsap-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    z-index: -1;
    border-radius: 9999px;
}
.gsap-btn:hover {
    color: #080E17; /* Dark background color of the site */
    border-color: #FFFFFF;
    transform: translateY(-2px);
}
.gsap-btn:hover::before {
    transform: scaleX(1);
    transform-origin: left;
}