/*
Theme Name: BDS
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/* Slider Photo Container Styles */
.tl_slide_photo_container {
    position: relative;
    margin-bottom: 20px;
}

.tl_slide_photo_container .lSSlideOuter {
    position: relative;
}

.tl_slide_photo_container .image-gallery {
    margin: 0;
    padding: 0;
}

.tl_slide_photo_container .image-gallery li {
    list-style: none;
}

.tl_slide_photo_container .image-gallery li img {
    width: 100%;
    height: auto;
    display: block;
}

/* Slider Page Info (1/7) */
.tl_slide_photo_container .slider-page-info {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    padding: 5px 12px;
    border-radius: 4px;
    font-size: 14px;
    z-index: 100;
    pointer-events: none;
}

.tl_slide_photo_container .slider-page-info-text {
    display: inline-block;
}

/* Navigation Arrows */
.tl_slide_photo_container .lSAction > a {
    width: 40px;
    height: 40px;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    opacity: 0.8;
    transition: opacity 0.3s ease, background-color 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
}

.tl_slide_photo_container .lSAction > a:hover {
    opacity: 1;
    background-color: rgba(255, 255, 255, 1);
}

.tl_slide_photo_container .lSAction > .lSPrev {
    left: 15px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 18l-6-6 6-6'/%3E%3C/svg%3E");
}

.tl_slide_photo_container .lSAction > .lSNext {
    right: 15px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18l6-6-6-6'/%3E%3C/svg%3E");
}

/* Thumbnail Gallery */
/* LightSlider styles đã được thay thế bằng BDS Gallery Slider */
/* CSS mới nằm trong bds-gallery-slider.css */