/*
Theme Name: Booty Area
Description: Booty Area.ro - Electro Stimulare
Author: Never Settle
Template: flatsome
Version: 3.1
*/
/*************** ADD CUSTOM CSS HERE.   ***************/

/*************** ROUND CORNERS - BANNERS + IMAGES ***************/
.fill,  .box-image,  .flickity-viewport,  .slider {
	border-radius: 20px; /* CHANGE ROUND CORNERS */
}
/*************** ACCORDION STYLING ***************/
.accordion-item {
    background: #f1efe9; /* CHANGE ACCORDION BG */
    margin-bottom: 10px;
    border-radius: 20px;
    padding: 20px;
}
.dark .accordion-item {
    background: #292933; /* CHANGE ACCORDION BG - DARK */
    margin-bottom: 10px;
    border-radius: 20px;
    padding: 20px;
}
.accordion-title.active {
    background-color: transparent;
}
.accordion-item .toggle i {
    font-size: 1em;
}
.accordion-title {
    font-weight: 700;
    border-top: 0px;
    font-size: 90%;
}

a.button.primary {color:#000000 !important;}

#video-bg {pointer-events: none;}

.nav > li[id^="tab-abonamente-"] > a {
    color: #fff; /* Setează culoarea textului la alb */
    text-decoration: none; /* Recomandat: elimină sublinierea implicită a link-urilor */
    /* Poți adăuga font-weight, font-size etc. aici */
}

.nav > li[id^="tab-abonamente-"] > a:hover {color: var(--fs-color-primary);}

.gradiento {
            /* Ensures the element takes up at least the full viewport height without fixed position */

            width: 100%;
/* Layout/Centering: Content will be centered within this container */
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
            color: white;

            /* 1. Define the Multi-stop Gradient */
            background: linear-gradient(
                -45deg,
                #6A0DAD,    /* Deep Violet */
                #4169E1,    /* Royal Blue */
                #FF69B4,    /* Hot Pink */
                #8A2BE2,    /* Blue Violet */
                #00D1C1,    /* Teal/Cyan (#00D1C1) */
                
                /* REPEATED SEQUENCE: Duplicating the colors ensures #00D1C1 becomes clearly visible */
                #6A0DAD,    
                #4169E1,    
                #FF69B4,    
                #8A2BE2,    
                #00D1C1
            );

            /* 2. Increase the Background Size */
            /* This is the key to smooth movement across the repeated colors */
            background-size: 400% 400%;

            /* 3. Apply the Animation */
            animation: gradient-shift 30s ease infinite;
        }

        /* Keyframes for the Animation */
        @keyframes gradient-shift {
            0% {
                background-position: 0% 50%;
            }
            50% {
                background-position: 100% 50%;
            }
            100% {
                background-position: 0% 50%;
            }
        }

@media only screen and (min-width: 768px) {
    #video-bg {
        overflow: hidden;
        width: 85vw;
        height: 85vh;
        margin-left: -40px;
    }
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}