/* Landing Page Improvements CSS */

/* Partnership banner responsive styling */
@media (max-width: 767px) {
    .partnership-banner {
        margin-bottom: 1.5rem;
        transform: scale(0.85);
        transform-origin: center;
    }
    
    .partnership-row {
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .partnership-text,
    .service-text {
        font-size: 0.875rem;
    }
    
    .axon-logo img {
        max-height: 40px;
    }
}

/* Simple auth CTA styling */
.auth-cta {
    transition: all 0.3s ease;
}

/* Hero section improvements */
/* Ensure proper responsive image sizing without custom scaling */
.hero-image-wrapper {
    width: 100%;
}

.hero-image-wrapper img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Responsive adjustments for hero section */
@media (min-width: 1200px) {
    /* Allow image to extend slightly outside container on large screens */
    .outside-box-right-10 {
        margin-right: -5%;
    }
}

/* Ensure image container maintains aspect ratio */
.hero-image-wrapper .text-center {
    position: relative;
    width: 100%;
    max-width: 100%;
}

/* Center content vertically on larger screens */
@media (min-width: 992px) {
    #index .full-screen .row.align-items-center {
        min-height: 100vh;
    }
}


/* Dark theme improvements for better contrast */
.bg-tranquil {
    background-color: #f8f9fa;
}

/* Ensure dark gray text is visible on light backgrounds */
.text-dark-gray {
    color: #333333 !important;
}

/* Button hover effects */
.btn-dark-gray:hover {
    background-color: #2f8100;
    border-color: #2f8100;
    color: #ffffff !important;
}

/* Fix counter positioning */
.counter-style-04 .col {
    padding: 0 15px;
}

/* Add subtle animation to auth triggers */
.auth-trigger {
    transition: all 0.3s ease;
}

.auth-trigger:not(.disabled):hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}

/* Ensure proper spacing in hero section */
.full-screen .row > div {
    padding-bottom: 2rem;
}

/* Mobile optimizations */
@media (max-width: 767px) {
    .counter-style-04 {
        margin-top: 1rem;
    }
    
    .auth-trigger {
        margin-bottom: 10px;
        width: 100%;
    }
}