/**
 * Applari Accordion Slider - Theme CSS
 * 
 * Visual styling and theme-specific styles
 * 
 * @package GeneratePress Child
 * @since 1.0.0
 */

/* ============================================
   Slide Hover Effects
   ============================================ */

/* Hover effect for inactive slides */
.aas-slide:not(.aas-active):hover {
    filter: brightness(1.1);
}

/* Subtle scale on hover (optional, can be removed if too much) */
.aas-slide:not(.aas-active):hover .aas-slide-img {
    transform: scale(1.02);
    transition: transform 0.4s ease;
}

/* Image overlay for better text readability */
.aas-slide figure::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, 
        rgba(0, 0, 0, 0) 0%, 
        rgba(0, 0, 0, 0.3) 50%,
        rgba(0, 0, 0, 0.6) 100%);
    pointer-events: none;
    z-index: 1;
    transition: all 1s ease-in-out;
    background: transparent linear-gradient(149deg, #3DF49E00 0%, #3DF49E 100%) 0% 0% no-repeat padding-box;
    mix-blend-mode: multiply;
}

/* Stronger overlay for active slide */
.aas-slide.aas-active figure::after {
    
    opacity:1;
}
.aas-slide.aas-active {
    cursor: default;
    justify-content: flex-end;
}
/* ============================================
   Navigation Arrows Styling
   ============================================ */

.aas-arrow {
    border-radius: 4px;
    backdrop-filter: blur(4px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    display: none;
}

.aas-arrow:hover:not(:disabled) {
    background: rgba(0, 0, 0, 0.8);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    transform: translateY(-50%) scale(1.05);
}

.aas-arrow:active:not(:disabled) {
    transform: translateY(-50%) scale(0.95);
}

.aas-arrow:disabled {
    box-shadow: none;
}

/* ============================================
   Content Area Styling
   ============================================ */

/* Add subtle background to content area */
.aas-slide-content {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
    color:#fff;
    font-size:12px;
}
.aas-slide-content-dark{
    color:#000;
}
/* Typography improvements */
.aas-slide-content h1,
.aas-slide-content h2,
.aas-slide-content h3,
.aas-slide-content h4,
.aas-slide-content h5,
.aas-slide-content h6 {
    color:#fff;
    margin-top: 0;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    font-size:20px;
}
.aas-slide-content-dark h1,
.aas-slide-content-dark h2,
.aas-slide-content-dark h3,
.aas-slide-content-dark h4,
.aas-slide-content-dark h5,
.aas-slide-content-dark h6 {
    color:#000;
}

.aas-slide-content p {
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
    font-size:12px;
}
.aas-slide-excerpt{
    margin-bottom:20px;
}

/* Mobile (default) - < 768px */
.aas-slide-content {
    padding: 20px;
}

.aas-slide-label {
    margin-bottom:20px;
}

.aas-arrow {
    width: 40px;
    height: 40px;
    font-size: 20px;
}
@media (min-width: 480px) {
    .aas-slide-label {
        
    }
}

/* Tablet - ≥ 768px */
@media (min-width: 768px) {
    .aas-slide.aas-active {
        cursor: default;
        justify-content: center;
    }
    .aas-slide{
        height:565px;
    }
    /*Typography*/
    .aas-slide-content h1,
    .aas-slide-content h2,
    .aas-slide-content h3,
    .aas-slide-content h4,
    .aas-slide-content h5,
    .aas-slide-content h6 {
        font-size:var(--hero-title-font-size);
    }
    .aas-slide-content {
        font-size:18px;
        background:none;
        backdrop-filter: none;
    }
    
    .aas-slide-label {
        
    }
    
    .aas-arrow {
        display: none;
        width: 45px;
        height: 45px;
        font-size: 22px;
    }
}

/* Desktop - ≥ 1024px */
@media (min-width: 1024px) {
    .aas-slide-content {
        width:75%;
        margin-right:auto;

    }
    
    .aas-slide-label {
        
    }
    .aas-slide-content p {
        font-size:14px;
    }
    .aas-arrow {
        width: 50px;
        height: 50px;
        font-size: 24px;
    }
}
@media (min-width: 1280px) {
    /*Typography*/
    .aas-slide-content h1,
    .aas-slide-content h2,
    .aas-slide-content h3,
    .aas-slide-content h4,
    .aas-slide-content h5,
    .aas-slide-content h6 {
        font-size:var(--hero-title-font-size);
        line-height:var(--hero-title-line-height);
    }
    .aas-slide-content {
        width:50%
    }
}

/* ============================================
   Accessibility
   ============================================ */

/* Focus states for keyboard navigation */
.aas-slide:focus-visible {
    outline: 3px solid rgba(255, 255, 255, 0.8);
    outline-offset: -3px;
}

.aas-arrow:focus-visible {
    outline: 3px solid rgba(255, 255, 255, 0.8);
    outline-offset: 2px;
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .aas-slide,
    .aas-slide *,
    .aas-track {
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
    }
}