/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/
Description: Astra Child Theme
Version: 1.0.0
Text Domain: astra-child
*/

/* Custom styles can be added below this line */

/* ==========================================
   1. SCREEN SIZE SETTINGS (VARIABLES)
   ========================================== */
.falling-text {
    /* Desktop default settings */
    --fall-distance: -120px;
    --stroke-width: 1px;
    --letter-spacing: 2px;
}

/* Tablet (Screens smaller than 991px) */
@media (max-width: 991px) {
    .falling-text {
        --fall-distance: -80px;      /* Shorter fall distance */
        --stroke-width: 0.8px;       /* Thinner stroke so it stays crisp */
        --letter-spacing: 1.5px;     /* Closer letter spacing */
    }
}

/* Mobile (Screens smaller than 575px) */
@media (max-width: 575px) {
    .falling-text {
        --fall-distance: -50px;      /* Even shorter fall distance for mobile */
        --stroke-width: 0.6px;       /* Ultra-thin outline for small fonts */
        --letter-spacing: 1px;       /* Tight letter spacing to prevent wrapping */
    }
}

/* ==========================================
   2. CORE STYLES & LAYOUT
   ========================================== */
.falling-text {
    font-family: 'Plus Jakarta Sans', 'Montserrat', sans-serif;
    font-weight: 400; /* Thin-medium font weight */
    letter-spacing: var(--letter-spacing);
    color: transparent !important;
    -webkit-text-stroke: var(--stroke-width) #ffffff;
    text-stroke: var(--stroke-width) #ffffff;
}

.falling-text .letter {
    font-family: 'Plus Jakarta Sans', 'Montserrat', sans-serif;
    font-weight: 400;
    letter-spacing: var(--letter-spacing);
    display: inline-block; /* Required for vertical animation */
    opacity: 0;
    transform: translateY(var(--fall-distance));
    color: transparent !important;
    -webkit-text-stroke: var(--stroke-width) #ffffff;
    text-stroke: var(--stroke-width) #ffffff;
}

/* ==========================================
   3. ANIMATION TRIGGERS
   ========================================== */
.n2-ss-slide-active .falling-text .letter {
    animation: letterFallDown 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.15) forwards;
}

@keyframes letterFallDown {
    0% {
        transform: translateY(var(--fall-distance));
        opacity: 0;
    }
    60% {
        opacity: 1;
    }
    85% {
        transform: translateY(6px); /* Slight bounce */
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

/* Custom Floating animations for your images */
.float-left-img {
    animation: floatLeft 6s ease-in-out infinite;
}
.float-right-img {
    animation: floatRight 5s ease-in-out infinite;
}

@keyframes floatLeft {
    0%, 100% { transform: rotate(-8deg) translateY(0); }
    50% { transform: rotate(-9deg) translateY(-12px); }
}
@keyframes floatRight {
    0%, 100% { transform: rotate(6deg) translateY(0); }
    50% { transform: rotate(5deg) translateY(-15px); }
}

.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.astra-shop-summary-wrap .price{
    text-align:center;
}

.woocommerce ul.products li.product img{
    border-radius: 24px;
}

.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .add_to_cart_button,
.woocommerce ul.products li.product .product_type_simple,
.woocommerce ul.products li.product .ajax_add_to_cart {
    display: none !important;
}

.woocommerce ul.products li.product .product-category, 
.ast-woo-product-category{
    display:none !important;
}

.woocommerce ul.products li.product {
    transition: all 0.3s ease;
}

.woocommerce ul.products li.product:hover {
    transform: translateY(-8px);
}

.woocommerce ul.products li.product a{
    pointer-events:none;
}