/* =================================== */
/*	Premium Compatibility Layer
/* =================================== */

/* Enhanced Section Treatments */
.section-title h2 {
    background: var(--gradient-premium);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    font-family: 'Space Grotesk', sans-serif;
    transform: translateY(0);
    transition: var(--transition-normal);
}

.section-title h2:hover {
    transform: translateY(-2px);
}

/* Premium Navigation Enhancement */
.navbar-brand {
    position: relative;
    z-index: 1;
}

.navbar-brand::before {
    content: '';
    position: absolute;
    inset: -8px;
    background: var(--gradient-card);
    border-radius: 8px;
    z-index: -1;
    opacity: 0;
    transition: var(--transition-normal);
}

.navbar-brand:hover::before {
    opacity: 1;
}

/* Premium Card Treatments */
.service-block, .team-member, .pricing-table {
    border-radius: 12px;
    box-shadow: var(--shadow-md);
    transition: var(--transition-normal);
    background: var(--cf-white);
    border: 1px solid rgba(10, 38, 64, 0.1);
}

.service-block:hover, 
.team-member:hover, 
.pricing-table:hover {
    box-shadow: var(--shadow-xl);
    transform: translateY(-4px);
}

/* Premium Button Enhancements */
.btn {
    border-radius: 4px;
    font-weight: 600;
    letter-spacing: 0.5px;
    transition: var(--transition-normal);
    position: relative;
    z-index: 1;
    border: none;
}

.btn::before {
    content: '';
    position: absolute;
    inset: 0;
    background: var(--gradient-premium);
    border-radius: inherit;
    z-index: -1;
    opacity: 0;
    transition: var(--transition-normal);
}

.btn:hover::before {
    opacity: 1;
}

/* Premium Form Enhancements */
input[type="text"],
input[type="email"],
textarea {
    border: 2px solid rgba(10, 38, 64, 0.1);
    border-radius: 4px;
    padding: 1rem;
    transition: var(--transition-normal);
    font-family: 'Inter', sans-serif;
}

input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus {
    border-color: var(--cf-accent);
    box-shadow: 0 0 0 4px rgba(101, 228, 163, 0.1);
    outline: none;
}

/* Premium Image Enhancements */
.work-item img,
.team-member img {
    border-radius: 12px;
    transition: var(--transition-normal);
    filter: brightness(1);
}

.work-item:hover img,
.team-member:hover img {
    filter: brightness(1.05);
    transform: scale(1.02);
}

/* Premium Pricing Table Enhancements */
.pricing-table.featured {
    position: relative;
    overflow: hidden;
}

.pricing-table.featured::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--gradient-premium);
    opacity: 0.05;
    z-index: -1;
}

/* Premium Counter Enhancement */
.counter-item {
    position: relative;
}

.counter-item::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 3px;
    background: var(--gradient-premium);
    border-radius: 3px;
}

/* Premium Timeline Enhancement */
.timeline-content {
    border-radius: 12px;
    box-shadow: var(--shadow-md);
    transition: var(--transition-normal);
}

.timeline-content:hover {
    box-shadow: var(--shadow-lg);
    transform: translateY(-2px);
}

/* Premium Footer Enhancement */
.footer {
    position: relative;
    overflow: hidden;
}

.footer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--gradient-hero);
    opacity: 0.1;
    z-index: -1;
}

/* Premium Social Icons Enhancement */
.social-icons a {
    position: relative;
    overflow: hidden;
    transition: var(--transition-normal);
}

.social-icons a::before {
    content: '';
    position: absolute;
    inset: 0;
    background: var(--gradient-premium);
    opacity: 0;
    transition: var(--transition-normal);
    z-index: -1;
}

.social-icons a:hover::before {
    opacity: 1;
}

/* Premium Loading States */
[data-loading] {
    position: relative;
    overflow: hidden;
}

[data-loading]::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 200%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent 25%,
        rgba(255, 255, 255, 0.2) 50%,
        transparent 75%
    );
    animation: loading 1.5s infinite;
}

/* Premium Scroll Reveal */
.reveal-on-scroll {
    opacity: 0;
    transform: translateY(20px);
    transition: var(--transition-slow);
}

.reveal-on-scroll.visible {
    opacity: 1;
    transform: translateY(0);
}

/* Premium Hover Effects */
.premium-hover {
    position: relative;
    overflow: hidden;
}

.premium-hover::after {
    content: '';
    position: absolute;
    inset: 0;
    background: var(--gradient-premium);
    opacity: 0;
    transition: var(--transition-normal);
    z-index: -1;
}

.premium-hover:hover::after {
    opacity: 0.1;
}