/*
Theme Name: Astra Child
Template: astra
*/

/* --- Carousel Design --- */
.custom-carousel-wrapper {
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
}

.custom-carousel {
    display: flex;
    overflow-x: auto;
    gap: 15px;
    padding: 10px 5px;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE */
}

.custom-carousel::-webkit-scrollbar {
    display: none; /* Chrome/Safari */
}

.carousel-item {
    flex: 0 0 140px; /* Width of the small cards */
    height: 90px;
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid rgba(255,255,255,0.3);
    transition: transform 0.3s ease, border-color 0.3s ease;
}

.carousel-item:hover {
    transform: translateY(-5px);
    border-color: #ffffff;
}

.carousel-thumb-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* --- Container Background Transition --- */
.elementor-widget-wrap, .elementor-column {
    transition: background-image 0.5s ease-in-out !important;
}

.custom-elementor-title a {
    color: white; /* Assuming your default BG is dark */
    text-decoration: none;
    font-weight: bold;
}