/**
 * Destination Sliders CSS
 * 
 * Styles for Romania, Europe, Outside Europe, and Cares destination sliders.
 * Used in homev4.php and destinations-v1.php page templates.
 * 
 * Slider IDs:
 * - #ta-sliderv1, #ta-sliderv1single (Romania)
 * - #ta-sliderv2, #ta-sliderv2single (Europe)
 * - #ta-sliderv3 (Cares - "Știați că...?")
 * - #ta-sliderv5, #ta-sliderv5single (Outside Europe)
 * 
 * @package TaromChild
 * @subpackage Styles
 * @since 1.0.0
 */

/* Fix slider item heights and widths for single-row layout */
#ta-sliderv1 .ta-slider_item,
#ta-sliderv2 .ta-slider_item,
#ta-sliderv3 .ta-slider_item,
#ta-sliderv5 .ta-slider_item {
    height: auto !important;
    max-height: 450px;
}

#ta-sliderv1 .splide__track,
#ta-sliderv2 .splide__track,
#ta-sliderv3 .splide__track,
#ta-sliderv5 .splide__track {
    height: auto !important;
}

#ta-sliderv1 .splide__list,
#ta-sliderv2 .splide__list,
#ta-sliderv3 .splide__list,
#ta-sliderv5 .splide__list {
    height: auto !important;
}

#ta-sliderv1 .splide__slide,
#ta-sliderv2 .splide__slide,
#ta-sliderv3 .splide__slide,
#ta-sliderv5 .splide__slide {
    height: auto !important;
    width: auto !important;
    max-width: 480px;
}

/* Romania destinations slider - 2 column grid layout */
.ta-location-grid {
    display: flex;
    gap: 16px;
    width: 100%;
}

.ta-location-left {
    flex: 7;
    display: flex;
    flex-direction: column;
    gap: 4px;
    text-align: left;
    min-width: 0;
}

.ta-location-right {
    flex: 3;
    display: flex;
    flex-direction: column;
    gap: 4px;
    text-align: right;
    min-width: 0;
}

.ta-departure {
    font-size: 14px;
    line-height: 1.2;
    color: #fff;
}

.ta-destination {
    margin: 0 !important;
    font-size: 24px;
    line-height: 1.2;
    color: #fff;
}

.ta-from-text {
    font-size: 14px;
    line-height: 1.2;
    color: #fff;
}

.ta-price {
    font-size: 24px;
    line-height: 1.2;
    font-weight: normal;
    color: #fff;
}

.ta-price strong {
    font-weight: 700;
}

.ta-price sup {
    font-size: 0.6em;
    top: -0.5em;
}

.ta-price.ta-no-price {
    font-size: 14px;
}

/* Give space for default and hover shadows without clipping */
.ta-section:has(#ta-sliderv1),
.ta-section:has(#ta-sliderv1single),
.ta-section:has(#ta-sliderv2),
.ta-section:has(#ta-sliderv2single),
.ta-section:has(#ta-sliderv3),
.ta-section:has(#ta-sliderv5),
.ta-section:has(#ta-sliderv5single) {
    overflow: visible;
}

.ta-section:has(#ta-sliderv1) > .container,
.ta-section:has(#ta-sliderv1single) > .container,
.ta-section:has(#ta-sliderv2) > .container,
.ta-section:has(#ta-sliderv2single) > .container,
.ta-section:has(#ta-sliderv3) > .container,
.ta-section:has(#ta-sliderv5) > .container,
.ta-section:has(#ta-sliderv5single) > .container {
    overflow: visible;
}

#ta-sliderv1,
#ta-sliderv1single,
#ta-sliderv2,
#ta-sliderv2single,
#ta-sliderv3,
#ta-sliderv5,
#ta-sliderv5single {
    padding: 20px 24px 40px 14px;
    margin: -20px -24px -40px -14px;
    overflow: hidden;
}

#ta-sliderv1 .splide__track,
#ta-sliderv1single .splide__track,
#ta-sliderv2 .splide__track,
#ta-sliderv2single .splide__track,
#ta-sliderv3 .splide__track,
#ta-sliderv5 .splide__track,
#ta-sliderv5single .splide__track {
    overflow: visible !important;
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.10)) !important;
}

#ta-sliderv1 .splide__list,
#ta-sliderv1single .splide__list,
#ta-sliderv2 .splide__list,
#ta-sliderv2single .splide__list,
#ta-sliderv3 .splide__list,
#ta-sliderv5 .splide__list,
#ta-sliderv5single .splide__list {
    overflow: visible !important;
}

/* Override default border hover effect and add smooth raise-up effect */
#ta-sliderv1 .splide__slide,
#ta-sliderv1single .splide__slide,
#ta-sliderv2 .splide__slide,
#ta-sliderv2single .splide__slide,
#ta-sliderv3 .splide__slide,
#ta-sliderv5 .splide__slide,
#ta-sliderv5single .splide__slide {
    transition: transform 0.3s ease-out, filter 0.3s ease-out;
}

#ta-sliderv1 .splide__slide:hover,
#ta-sliderv1single .splide__slide:hover,
#ta-sliderv2 .splide__slide:hover,
#ta-sliderv2single .splide__slide:hover,
#ta-sliderv3 .splide__slide:hover,
#ta-sliderv5 .splide__slide:hover,
#ta-sliderv5single .splide__slide:hover {
    transform: translateY(-10px);
    filter: drop-shadow(0 6px 14px rgba(0, 0, 0, 0.15));
    z-index: 10;
}

/* Remove the border hover effect */
#ta-sliderv1 .ta-slider_item figure::after,
#ta-sliderv1single .ta-slider_item figure::after,
#ta-sliderv2 .ta-slider_item figure::after,
#ta-sliderv2single .ta-slider_item figure::after,
#ta-sliderv3 .ta-slider_item figure::after,
#ta-sliderv5 .ta-slider_item figure::after,
#ta-sliderv5single .ta-slider_item figure::after {
    display: none !important;
}

/* Make cards clickable with pointer cursor */
.ta-slider-card-link {
    display: block;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
    height: 100%;
}

.ta-slider-card-link:hover,
.ta-slider-card-link:focus,
.ta-slider-card-link:active {
    text-decoration: none;
    color: inherit;
}

/* Override vertical bar color for Romania section title */
.ta-maintitle h2::before {
    border-left-color: #036 !important;
}

/* Mobile responsive - make cards square */
@media (max-width: 1199px) {
    #ta-sliderv1single .splide__slide,
    #ta-sliderv2single .splide__slide,
    #ta-sliderv5single .splide__slide {
        width: auto !important;
        max-width: 400px;
    }
    
    #ta-sliderv1single .ta-slider_item,
    #ta-sliderv2single .ta-slider_item,
    #ta-sliderv5single .ta-slider_item {
        height: auto !important;
        aspect-ratio: 1 / 1;
    }
    
    #ta-sliderv1single .ta-slider_item figure,
    #ta-sliderv2single .ta-slider_item figure,
    #ta-sliderv5single .ta-slider_item figure {
        height: 100% !important;
    }
    
    #ta-sliderv1single .ta-slider_item figure > img,
    #ta-sliderv2single .ta-slider_item figure > img,
    #ta-sliderv5single .ta-slider_item figure > img {
        height: 100% !important;
        aspect-ratio: 1 / 1;
        object-fit: cover;
    }
}