/* 
 * Custom CSS for MoveMasters website
 * Contains additional styling beyond Tailwind CSS
 */

/* Custom animations */
@view-transition {
    navigation: auto;
}
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

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

@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

/* Apply animations to elements */
.animate-fade-in {
    animation: fadeIn 1s ease-in-out;
}

.animate-slide-up {
    animation: slideInUp 0.8s ease-out;
}

.animate-pulse {
    animation: pulse 2s infinite;
}

/* Custom styling for wave SVG */
.wave {
    display: block;
    width: 100%;
    height: 100px;
    margin-bottom: -5px;
}

/* Custom styling for testimonial cards */
.testimonial-card {
    transition: transform 0.3s ease;
}

.testimonial-card:hover {
    transform: translateY(-10px);
}

/* Custom styling for service cards */
.service-card:hover .service-icon {
    transform: scale(1.1);
}

.service-icon {
    transition: transform 0.3s ease;
}

/* Custom styling for buttons */
.btn-hover-effect:hover {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    transform: translateY(-2px);
}

/* Custom styling for navigation */
.nav-link.active {
    color: #1E40AF;
    font-weight: 600;
}

/* Offset anchor scroll for fixed navbar (78px height) */
section[id] {
    scroll-margin-top: 78px;
}

/* Custom styling for form elements */
.form-input:focus {
    border-color: #1E40AF;
    box-shadow: 0 0 0 3px rgba(30, 64, 175, 0.2);
}

/* Hero section overlay */
.hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.7) 0%, rgba(17, 24, 39, 0.8) 100%);
    z-index: 1;
}

/* Accessibility improvements */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

.cs_white_color{color:#fff;}
.cs_radius_100{border-radius:50%;}
.cs_satisfied_customers{width:min(100%, 300px);display:flex;align-items:center;gap:16px;}
.cs_satisfied_customers .cs_customer_thumbnail_wrapper{display:flex;}
.cs_satisfied_customers .cs_customer_thumbnail{width:52px;height:52px;flex:none;margin-left:-8px;}
.cs_satisfied_customers .cs_customer_thumbnail img {
    border-radius: inherit;
}
.cs_satisfied_customers .cs_customer_thumbnail:first-child{margin-left:0;}
.cs_satisfied_customers .cs_customer_info{opacity:0.8;}
@media (max-width: 991px){
    .cs_satisfied_customers{width:min(100%, 265px);}
    .cs_satisfied_customers .cs_customer_thumbnail{width:46px;height:46px;}
    .cs_satisfied_customers .cs_customer_info{font-size:14px;}
}
.cs_hero_content > *{position:relative;z-index:1;}
.cs_logo_wrapper{display:flex;gap:20px 40px;flex-wrap:wrap;max-width:600px;}
@media (max-width: 575px){
    .cs_logo_wrapper{gap:20px 30px;}
    .cs_logo_wrapper .cs_logo:last-child {
        display: none;
    }
}
.g-logo{display:flex;}
.g-logo > svg{margin-right:6px;}
.g-logo > svg path{filter:drop-shadow(10px 10px 4px rgba(255, 255, 255, 0.75));}
.g-logo div{display:flex;align-items:center;color:var(--color-secondary);font-size:0;}
.g-logo div span:first-child{font-size:16px;font-weight:400;line-height:1;display:inline-block;margin-right:5px;}
.g-logo div svg{width:16px;display: inline-block}
.g-logo div svg path{fill:var(--color-secondary);}

/* Print styles */
@media print {
    .no-print {
        display: none;
    }
    
    body {
        font-size: 12pt;
        color: #000;
        background: #fff;
    }
    
    a {
        text-decoration: none;
        color: #000;
    }
    
    .container {
        width: 100%;
        max-width: 100%;
    }
}