/*
Theme Name: biprod
Author: seb
Author URI: 
Description: biprod is a professional & modern BALLROOM WordPress Theme. 
Version: 1.0.3
Requires PHP: 7.0
Tested up to: 6.6
License: biprod
License URI: https://goldenstarhotel.ro
Text Domain: biprod
Tags:  	ballroom, wedding, nunta, evenimente, sala, hotel, orangerie, sky, piano
*/
@media only screen and (max-width: 768px) {
    body {
        padding-bottom: 45px !important;
    }
}
#pxl-main {
    padding: 0px 0px;
}




/* Masca interioară care creează efectul de "bordură" */
.elementor-1523 .elementor-element.elementor-element-3be3940 .elementor-post__card::after {
    content: "" !important;
    position: absolute !important;
    inset: 3px !important; /* Grosimea bordurii tale */
    background: #000 !important; /* Culoarea de fundal a cardului */
    border-radius: 17px !important; /* Radius minus inset */
    z-index: -1 !important;
}

/* Keyframes corectate pentru a păstra centrarea */
@keyframes rotate-border-fixed {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}



/* Capacul interior - neschimbat */
.elementor-1523 .elementor-element.elementor-element-3be3940 .elementor-post__card::after {
    content: "" !important;
    position: absolute !important;
    inset: 1px !important; 
	background: #000 !important;
    z-index: -1 !important;
    border-radius: 3px !important;
}

/* Conținutul - neschimbat */
.elementor-1523 .elementor-element.elementor-element-3be3940 .elementor-post__thumbnail__link,
.elementor-1523 .elementor-element.elementor-element-3be3940 .elementor-post__text {
    position: relative !important;
    z-index: 2 !important;
}

@keyframes rotate-border {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
.elementor-posts-container.elementor-has-item-ratio .elementor-post__thumbnail img {
    height: auto;
    left: calc(50% + 1px);
    position: absolute;
    top: calc(50% + 1px);
    transform: translate(-50%, -50%);
}
.elementor-posts .elementor-post__card {
     background-color: transparent; 
    border: 0 solid #69727d;
    border-radius: 3px;
    display: flex;
    flex-direction: column;
    min-height: 100%;
    overflow: hidden;
    position: relative;
    transition: all .25s;
    width: 100%;
}
.elementor-posts-container.elementor-has-item-ratio .elementor-post__thumbnail img {
    /* Resetăm poziționarea pentru a evita decalajele */
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    
    /* Asigurăm dimensiunile corecte */
    width: calc(100% - 0px) !important; /* Scădem dublul padding-ului pentru a nu ieși din cadru */
    height: calc(100% - 0px) !important;
    object-fit: cover !important; /* Menține proporțiile imaginii fără să o deformeze */
    
    /* Padding-ul tău */
   
    box-sizing: border-box !important; /* Foarte important: forțează padding-ul să fie calculat la interior */
}
/* Resetăm poziția de plutire (fixed) care îl ținea la mijloc */
selector, 
selector .pxl-switch-button {
    position: relative !important;
    bottom: auto !important;
    right: auto !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    display: inline-block !important;
    margin: 0 !important;
    z-index: 10 !important;
}

/* Ajustăm dimensiunea pentru a intra frumos în header */
.pxl-switch-button span {
    padding: 5px 12px !important;
    font-size: 14px !important;
    min-width: auto !important;
}



/* Stil pentru buton în Dark Mode (folosind clasa temei tale) */
body.dark-mode .pxl-switch-button span {
        background-color: #1b1b1b00 !important;
    border-color: #d7000600 !important;
    color: #e3e3e3 !important;
}

/* Ne asigurăm că butonul nu are margini care să strice header-ul */
selector .elementor-widget-container {
    margin: 0 !important;
    padding: 0 !important;
}
/* 1. Ascundem butonul original care "plutește" direct în pagina (desktop + mobile) */
body > .pxl-switch-button, 
body > .pxl-w-toggle-button-wrapper {
    display: none !important;
}

/* 2. Ne asigurăm că butonul din Header rămâne vizibil */
header .pxl-switch-button, 
.elementor-location-header .pxl-switch-button {
    display: inline-flex !important;
    position: relative !important;
}

/* 3. Dacă butonul tot apare jos sub footer, îl targetăm prin poziția fixă */
.pxl-switch-button[style*="position: fixed"],
.pxl-switch-button-fixed {
    display: none !important;
}
/* Ascunde tot ce e buton de switch pe site... */
.pxl-switch-button {
    display: none !important;
}

/* ...DAR arată-l pe cel care are ID-ul nostru special din header */
#buton-header-activ, 
#buton-header-activ .pxl-switch-button {
    display: inline-flex !important;
}
/* Elimină culoarea de selecție (albastră) la click pe orice element din site */
*, 
*::before, 
*::after {
    -webkit-tap-highlight-color: transparent !important;
    -webkit-tap-highlight-color: rgba(0,0,0,0) !important;
}

/* Elimină chenarul (outline) care apare la focus pe butoane sau link-uri */
:focus {
    outline: none !important;
    box-shadow: none !important;
}
.elementor-7274 .elementor-element.elementor-element-cf9e58d .pxl-button .btn {
    border-radius: 0px 0px 0px 0px;
    color: #02010100;
    background-color: #02010100 !important;
    display: flex;
}
.bnav_bottom_nav_wrapper {
    /* 1. Ne asigurăm că este fixată absolut de marginea ecranului, nu de conținut */
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;

    /* 2. Z-index uriaș pentru a sta deasupra oricărui efect de scroll */
    z-index: 99999 !important;

    /* 3. "Înghețăm" elementul în spațiul 3D al browserului */
    /* Aceasta este linia magică pentru a opri tremuratul/arcul pe mobil */
    transform: translate3d(0, 0, 0) !important;
    -webkit-transform: translate3d(0, 0, 0) !important;
    
    /* 4. Dezactivăm evenimentele de atingere care ar putea propaga scroll-ul către bară */
    touch-action: none !important;
}
.bnav_bottom_nav_wrapper {
    position: fixed !important;
    /* Folosim bottom: 0 dar adăugăm un trick pentru iOS */
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    z-index: 9999 !important;
    
    /* Dezactivăm orice animație care ar putea „întârzia” poziționarea */
    transition: none !important;
    animation: none !important;

    /* Forțăm browserul să trateze meniul ca pe un strat separat de sticlă */
    will-change: transform;
    transform: translate3d(0, 0, 0) !important;
    -webkit-transform: translate3d(0, 0, 0) !important;

    /* Prevenim ca evenimentele de atingere să tragă de meniu */
    touch-action: none !important;
}
.bnav_bottom_nav_wrapper::after {
    content: "";
    position: absolute;
    top: 100%; /* Începe exact unde se termină meniul */
    left: 0;
    width: 100%;
    height: 100px; /* O extensie invizibilă în jos */
    background: inherit; /* Ia aceeași culoare/fundal ca meniul */
}
/* Containerul principal al preloader-ului */
#site-preloader {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background-color: #000000 !important;
    /* Valoarea maximă admisă de browsere */
    z-index: 999 !important; 
    display: flex;
    justify-content: center;
    align-items: center;
    transition: opacity 0.6s ease-in-out;
}



/* Cercul care se învârte */
.loader-circle {
    width: 50px;
    height: 50px;
    border: 3px solid rgba(255, 215, 0, 0.3); /* Auriu pal */
    border-radius: 50%;
    border-top-color: #ffd700; /* Auriu intens */
    animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}

/* Clasa care va fi adăugată prin JS pentru a ascunde preloader-ul */
.preloader-hidden {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none;
}
/* Starea ascunsă - adaugă aceste proprietăți la clasa existentă */
.preloader-hidden {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important; /* Ignoră orice atingere sau scroll */
    display: none !important; /* Îl scoate complet din structura vizuală */
}
.pxl-loader.style-car .pxl-gears {
    width: 275px;
    height: 236px;
    text-align: center;
    position: relative;
    margin: 0 auto 20px;
    display: none !important;
}
.elementor-419 .elementor-element.elementor-element-9357e68:not(.elementor-motion-effects-element-type-background), .elementor-419 .elementor-element.elementor-element-9357e68 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: #ffffff;
}
.dark-mode .elementor-419 .elementor-element.elementor-element-9357e68:not(.elementor-motion-effects-element-type-background), .elementor-419 .elementor-element.elementor-element-9357e68 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: #000000;
}
.elementor-419 .elementor-element.elementor-element-9357e68 {
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-color: #FFFFFF33;
    transition: background 0s, border 0s, border-radius 0s, box-shadow 0s; 
}
.elementor-528 .elementor-element.elementor-element-315747a:not(.elementor-motion-effects-element-type-background), .elementor-528 .elementor-element.elementor-element-315747a > .elementor-motion-effects-container > .elementor-motion-effects-layer
Specificity: (0,4,0)
 {
    background-color: #ffffff;
}
.dark-mode .elementor-528 .elementor-element.elementor-element-315747a:not(.elementor-motion-effects-element-type-background), .elementor-528 .elementor-element.elementor-element-315747a > .elementor-motion-effects-container > .elementor-motion-effects-layer
Specificity: (0,4,0)
 {
    background-color: #000000;
}
.elementor-528 .elementor-element.elementor-element-315747a {
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-color: #272727;
    transition: background 0s, border 0s, border-radius 0s, box-shadow 0s;
    padding: 12px 0px 12px 0px;
	background: #fff;
}
.dark-mode .elementor-528 .elementor-element.elementor-element-315747a {
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-color: #272727;
    transition: background 0s, border 0s, border-radius 0s, box-shadow 0s;
    padding: 12px 0px 12px 0px;
	background: #000;
}
.bnav_bottom_nav_wrapper {
    background-color: transparent;
}
.dark-mode .bnav_bottom_nav_wrapper {
    background-color: transparent;
}
.bnav_main_menu_container ul.bnav_main_menu

 {
    background-color: rgb(255 255 255 / 85%);
}
.dark-mode .bnav_main_menu_container ul.bnav_main_menu

 {
    background-color: #00000094;
}

.dark-mode .bnav_bottom_nav_wrapper ul li a .icon_wrapper i {
    color: #b9b9b9;
    font-size: 17px;
}
.bnav_bottom_nav_wrapper ul li a .icon_wrapper i {
    color: #333;
    font-size: 17px;
}
.bnav_bottom_nav_wrapper ul li a .text_wrapper, .bnav_main_menu_container .bnav_main_menu .bnav_menu_items .cart_total {
    font-family: "Lucida Console";
    color: #000;
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: .48px;
}
.dark-mode .bnav_bottom_nav_wrapper ul li a .text_wrapper, .bnav_main_menu_container .bnav_main_menu .bnav_menu_items .cart_total {
    font-family: "Lucida Console";
    color: #ffffff;
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: .48px;
}
.bnav_bottom_nav_wrapper ul li a .text_wrapper, .bnav_main_menu_container .bnav_main_menu .bnav_menu_items .cart_total, .bnav_bottom_nav_wrapper ul.sub-menu.bnav_child_sub_menu li a .text_wrapper {
    transition: none;
}
.elementor-7274 .elementor-element.elementor-element-e45951a:not(.elementor-motion-effects-element-type-background), .elementor-7274 .elementor-element.elementor-element-e45951a > .elementor-motion-effects-container > .elementor-motion-effects-layer {
   background-color: #fff;
    
}
.dark-mode .elementor-7274 .elementor-element.elementor-element-e45951a:not(.elementor-motion-effects-element-type-background), .elementor-7274 .elementor-element.elementor-element-e45951a > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: #000;
    
}
.elementor-7274 .elementor-element.elementor-element-e45951a {
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-color: #FFFFFF33;
    transition: background 0s, border 0s, border-radius 0s, box-shadow 0s;
}
@media (max-width: 575px) {
    .elementor-1523 .elementor-element.elementor-element-62d5d0a {
        --width: 500px;
        background: #fff;
		transition: none;
    }
}

@media (max-width: 575px) {
    .dark-mode .elementor-1523 .elementor-element.elementor-element-62d5d0a {
        --width: 500px;
        background: #000;
		transition: none;
    }
}
.bnav_bottom_nav_wrapper ul li a .text_wrapper, .bnav_main_menu_container .bnav_main_menu .bnav_menu_items .cart_total {
    color: #3c3c3c;
    font-weight: normal;
    font-size: 12px;
    line-height: 13px;
    letter-spacing: .38px;
	font-family: "Roboto", "Arial", sans-serif;align-content !important;
}
.dark-mode .bnav_bottom_nav_wrapper ul li a .text_wrapper, .bnav_main_menu_container .bnav_main_menu .bnav_menu_items .cart_total {
    color: #b9b9b9;
    font-weight: normal;
    font-size: 11px;
    line-height: 12px;
    letter-spacing: .38px;
    font-family: "Roboto", "Arial", sans-serif;
}
.elementor-posts--thumbnail-top .elementor-post__thumbnail__link {
    margin-bottom: 0px;
}
.elementor-posts .elementor-post__card .elementor-post__text {
    margin-bottom: 0;
    margin-top: 20px;
    padding: 0 15px;
}

.dark-mode .elementor-1523 .elementor-element.elementor-element-3be3940 .elementor-post__thumbnail__link, .elementor-1523 .elementor-element.elementor-element-3be3940 .elementor-post__text {
    position: relative !important;
    z-index: 2 !important;
    background: linear-gradient(to bottom, #c1a1382e 0%, rgba(212, 175, 55, 0) 100%);
}
@media screen and (max-width: 1199px) {
    #pxl-header-elementor #pxl-header-mobile {
        display: block;
        -webkit-box-shadow: 0 0px 0px rgba(2, 21, 78, 0.09);
        -khtml-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
        -moz-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
        -ms-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
        -o-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
        box-shadow: 0 0px 0px rgb(2 21 78 / 0%);
        position: relative;
        z-index: 999;
		background:#fff;
    }
}
@media screen and (max-width: 1199px) {
    .dark-mode #pxl-header-elementor #pxl-header-mobile {
        display: block;
        -webkit-box-shadow: 0 0px 0px rgba(2, 21, 78, 0.09);
        -khtml-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
        -moz-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
        -ms-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
        -o-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
        box-shadow: 0 0px 0px rgb(2 21 78 / 0%);
        position: relative;
        z-index: 999;
		background:#000;
    }
}
@media (max-width: 575px) {
    .elementor-1523 .elementor-element.elementor-element-3be3940 .elementor-posts-container .elementor-post__thumbnail {
        padding-bottom: calc(0.4 * 100%);
    }
}
.elementor-1523 .elementor-element.elementor-element-3be3940 .elementor-post__text {
    margin-top: 0px;
    padding-top: 10px;
}
#card-premium .elementor-image img, 
#card-premium img {
    width: calc(100% + 0px) !important; /* Forțează lățimea completă */
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    /* Doar colțurile de sus rotunjite */
    border-radius: 22px 22px 0 0 !important; 
}
.pxl-text-editor .pxl-item--inner {
    display: inline-block;
    padding-left: 20px ;
    padding-right: 20px ;
}

/* Adaugă o mică distanță între poză și începutul textului */
#card-premium .elementor-widget-heading {
    margin-top: 15px !important;
}
/* Împingem textul înăuntru, lăsând poza la lățime maximă */
#card-premium .elementor-widget-heading, 
#card-premium .elementor-widget-text-editor,
#card-premium .pxl-item--subtext {
    padding-left: 20px !important;
    padding-right: 20px !important;
    margin-bottom: 10px !important;
}

#card-premium img {
    margin-bottom: 15px !important; /* Spațiu între poză și text */
}
#text-titlu{
	color:#f4d273;
}
#card-premium {
    cursor: pointer !important;
}
/* Atenție: asta va face footer-ul să plutească peste conținut */
footer, .site-footer, #colophon {
    position: fixed !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    z-index: 999 !important;
}

/* Trebuie să adăugăm spațiu la finalul paginii ca să nu acoperim ultimul card */
body {
    padding-bottom: 80px !important; /* Ajustează în funcție de înălțimea footer-ului */
}
/* Regula pentru Desktop și Tabletă (Ecran mare) */
@media (min-width: 768px) {
    footer, .site-footer, #colophon {
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        width: 100% !important;
        z-index: 999 !important;
    }
    
    body {
        padding-bottom: 80px !important; /* Spațiu pentru footer fix */
    }
}

/* Regula pentru Mobil (Ecran mic) */
@media (max-width: 767px) {
    footer, .site-footer, #colophon {
        position: relative !important; /* Revine la comportamentul normal */
        bottom: auto !important;
        width: 100% !important;
    }
    
    body {
        padding-bottom: 0 !important; /* Eliminăm spațiul extra pe mobil */
    }
}
.dark-mode h1, .dark-mode h2, .dark-mode h3, .dark-mode h4, .dark-mode h5, .dark-mode h6 {
    color: #f4d273;
}
.dark-mode .elementor-528 .elementor-element.elementor-element-315747a {
    /* Păstrăm setările tale de bază */
    border-style: solid;
    border-width: 1px 0px 0px 0px; /* Activăm doar bordura de sus (1px) */
    
    /* Aplicăm gradientul auriu pe bordură */
    border-image-source: linear-gradient(90deg, 
        transparent 0%, 
        #f4d273  50%, 
        transparent 100%
    );
    border-image-slice: 1; /* Obligatoriu pentru ca gradientul să fie vizibil pe border */
    
    transition: background 0s, border 0s, border-radius 0s, box-shadow 0s;
    padding: 12px 0px 12px 0px;
    background: #000;
}
.dark-mode .elementor-528 .elementor-element.elementor-element-315747a {
    position: relative; /* Esențial pentru a poziționa aura */
    border-style: solid;
    border-width: 1px 0px 0px 0px;
    border-image-source: linear-gradient(90deg, transparent 0%, #f4d2732e 50%, transparent 100%);
    border-image-slice: 1;
    padding: 12px 0px 12px 0px;
    background: #000;
    overflow: visible !important; /* Permite luminii să iasă din footer în sus */
}

/* Acesta este codul pentru "Aura" de lumină */
.dark-mode .elementor-528 .elementor-element.elementor-element-315747a::before {
    content: "";
    position: absolute;
    top: -100px; /* Cât de sus să urce lumina (ajustează după plac) */
    left: 50%;
    transform: translateX(-50%);
    width: 600px; /* Lățimea bazei luminii */
    height: 100px; /* Înălțimea razei de lumină */
    background: radial-gradient(
        50% 100% at 50% 100%, 
        rgba(244, 210, 115, 0.2) 0%, /* Culoarea aurie cu opacitate mică */
        rgba(244, 210, 115, 0.05) 45%, 
        transparent 100%
    );
    pointer-events: none; /* Ca să nu blocheze click-urile pe linkuri */
    z-index: 0;
}
/* Ajustare pentru card în modul Light */
#card-premium {
    background: #f9f9f9 !important; /* Un alb perlat, nu alb pur */
    box-shadow: 0 10px 30px rgba(0,0,0,0.05); /* Umbră discretă pentru adâncime */
}

#card-premium::after {
    background: #ffffff !important; /* Interiorul cardului rămâne alb */
}
/* Titlurile și descrierile în Light Mode */
#card-premium h3, 
#card-premium .elementor-heading-title {
    color: #1a1a1a !important;
}

#card-premium p, 
#card-premium .elementor-text-editor {
    color: #444444 !important;
}
.dark-mode #card-premium p, 
#card-premium .elementor-text-editor {
    color: #999 !important;
}
#card-premium::before {
    background: conic-gradient(
        from 0deg at 50% 50%,
        transparent 0deg,
        transparent 170deg,
        #d4af37 178deg, /* Auriu mai închis (Gold Metalic) */
        #b8860b 180deg, /* Un punct de contrast mai saturat */
        #d4af37 182deg,
        transparent 190deg,
        
        transparent 350deg,
        #d4af37 358deg,
        #b8860b 360deg,
        #d4af37 362deg,
        transparent 370deg
    ) !important;
}

/* 1. Setările de bază ale cardului */
#card-premium {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 25px !important;
    z-index: 1 !important;
    background: #fff !important; /* Fundal foarte închis pentru contrast maxim */
    transition: transform 0.3s ease;
    cursor: pointer;
}

#card-premium:hover {
    transform: translateY(-10px);
}

/* 2. Lumina care se rotește */
.dark-mode #card-premium::before {
    content: "" !important;
    position: absolute !important;
    width: 300% !important; /* Mărit pentru a acoperi colțurile la rotație */
    height: 300% !important;
    top: 50% !important;
    left: 50% !important;
    /* Am SCOS transform: translate de aici - l-am lăsat doar în @keyframes */
    z-index: -2 !important;
   background: conic-gradient(
        from 0deg at 50% 50%,
        /* Prima sclipire (Auriu + Alb) */
        transparent 170deg,
        #f4d273 178deg,
        #ffffff 180deg,
        #f4d273 182deg,
        transparent 190deg,
        
        /* A doua sclipire (Auriu + Alb) - Exact la 180 grade distanta */
        transparent 350deg,
        #f4d273 358deg,
        #ffffff 360deg,
        #f4d273 362deg,
        transparent 370deg
    ) !important;
    animation: rotate-border-fixed 8s linear infinite !important;
}

/* 3. "Capacul" interior - Aici reglăm cât de subțire e dunga */
.dark-mode #card-premium::after {
    content: "" !important;
    position: absolute !important;
    inset: 1.5px !important; /* Dungă mai subțire = mai elegant */
    background: #0b0b0b !important; 
    border-radius: 24px !important; /* Aproape de 25px ca să urmărească marginea perfect */
    z-index: -1 !important;
}

/* 4. Animația de rotație - ESENȚIALĂ pentru mișcare */
@keyframes rotate-border-fixed {
    0% { 
        transform: translate(-50%, -50%) rotate(0deg); 
    }
    100% { 
        transform: translate(-50%, -50%) rotate(360deg); 
    }
}
#card-premium {
    /* Setăm o înălțime minimă egală pentru toate */
    max-height: 700px !important; /* Ajustează cifra până când toate arată egal */
    
    /* Ne asigurăm că tot conținutul se aliniază frumos în interior */
    display: flex !important;
    flex-direction: column !important;
}

/* Opțional: Împingem textul de jos să stea mereu aliniat dacă vrei */
#card-premium .elementor-text-editor {
    flex-grow: 1 !important;
}
/* Ajustări doar pentru ecrane mai mici de 767px (Telefoane) */
@media (max-width: 767px) {
    #card-premium {
        /* Reducem înălțimea pentru a nu ocupa tot ecranul pe mobil */
        min-height: 200px !important; 
        height: auto !important;
        margin-bottom: 1px !important; /* Spațiu între carduri când sunt unul sub altul */
    }

    #card-premium::after {
        /* Ne asigurăm că interiorul urmărește noua înălțime */
        inset: 1.5px !important;
    }
}
@media (max-width: 575px) {
    .elementor-528 .elementor-element.elementor-element-9c73776:not(.elementor-motion-effects-element-type-background), .elementor-528 .elementor-element.elementor-element-9c73776 > .elementor-motion-effects-container > .elementor-motion-effects-layer
Specificity: (0,5,0)
 {
        background-color: transparent;
        background-image: linear-gradient(180deg, #ffffff 40%, #F4D27333 100%);
    }
}
@media (max-width: 575px) {
   .dark-mode .elementor-528 .elementor-element.elementor-element-9c73776:not(.elementor-motion-effects-element-type-background), .elementor-528 .elementor-element.elementor-element-9c73776 > .elementor-motion-effects-container > .elementor-motion-effects-layer
Specificity: (0,5,0)
 {
        background-color: transparent;
        background-image: linear-gradient(180deg, #ffffff 40%, #F4D27333 100%);
    }
}
.dark-mode .elementor-528 .elementor-element.elementor-element-8ea5cab .pxl-icon1 a {
    color: #F4D273;
    font-size: 18px;
    margin: 0 4px;
}
.elementor-528 .elementor-element.elementor-element-8ea5cab .pxl-icon1 a {
    color: #555;
    font-size: 18px;
    margin: 0 4px;
}
/* 1. Umbra de bază în Light Mode */
#card-premium {
    /* O umbră foarte fină, extinsă, pentru a da volum */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

/* 2. Efectul de Shadow la Hover */
#card-premium:hover {
    /* Umbra devine mai vizibilă când cardul se ridică */
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.22) !important;
}

/* 3. Dacă nu folosești clasa .light-mode pe body, aplică-l direct așa: */
#card-premium {
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.06);
}
.elementor-528 .elementor-element.elementor-element-c4b7f38 .pxl-icon1 a {
    color: #5c5c5c;
    background-color: #FFFFFF1A;
    font-size: 18px;
    margin: 0 4px;
    height: 36px;
    width: 36px;
    border-radius: 3px 3px 3px 3px;
}
.dark-mode .elementor-528 .elementor-element.elementor-element-c4b7f38 .pxl-icon1 a {
    color: #F4D273;
    background-color: #FFFFFF1A;
    font-size: 18px;
    margin: 0 4px;
    height: 36px;
    width: 36px;
    border-radius: 3px 3px 3px 3px;
}
.elementor-528 .elementor-element.elementor-element-790c0d8 .pxl-text-editor {
    color: #9A9A9A;
    font-family: "Roboto", Sans-serif;
    font-size: 12px;
}
a:active {
    color: #999999 !important;
}
a {
    -webkit-transition: all 0s cubic-bezier(0.645, 0.045, 0.355, 1);
    -khtml-transition: all 0s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all 0s cubic-bezier(0.645, 0.045, 0.355, 1);
    -ms-transition: all 0.s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0s cubic-bezier(0.645, 0.045, 0.355, 1);
    color: #7a7a7a;
}
.dark-mode .pxl-text-editor {
    color: #ebebeb;
}

.bnav_bottom_nav_wrapper ul li a .text_wrapper, .bnav_main_menu_container .bnav_main_menu .bnav_menu_items .cart_total {
    color: #545454;
    font-size: 11px;
    line-height: 12px;
    letter-spacing: .38px;
}
/* Stiluri aplicate doar pe dispozitive mobile */
@media (max-width: 767px) {
    h1, h2, h3, h4, h5, h6 {
        font-family: "Roboto", "Arial", sans-serif; /* Am păstrat ultima variantă din codul tău */
        color: var(--secondary-color);
        font-weight: 500;
        margin: 0 0 15px;
        clear: both;
        letter-spacing: -0.01em;
        line-height: 1.2;
		font-size: 13px !important;
    }
}
    h1, h2, h3, h4, h5, h6 {
        font-family: "Roboto", "Arial", sans-serif; /* Am păstrat ultima variantă din codul tău */
        color: var(--secondary-color);
        font-weight: 400;
        margin: 5px 0 5px;
        clear: both;
        letter-spacing: -0.01em;
        line-height: 1.2;
		font-size: 22px;
		
    
}

@media (max-width: 767px) {
    /* 1. Resetăm padding-ul și transformăm în block pentru a folosi tot spațiul */
    .pxl-text-editor .pxl-item--inner {
        display: block !important; /* Schimbăm din inline-block în block */
        padding-left: 10px !important; /* Reducem la jumătate padding-ul */
        padding-right: 10px !important;
        
        width: 100% !important;
    }

    /* 2. Ne asigurăm că titlul nu are margini care îl scot din cadru */
    .pxl-item--inner h3 {
        margin: 5px 0 !important;
        font-size: 14px !important;
        line-height: 1.2 !important;
    }

    /* 3. Ajustăm descrierea să fie lizibilă */
    .pxl-item--inner p {
        font-size: 11px !important;
        line-height: 1.3 !important;
        margin: 0 !important;
    }
}
@media (max-width: 575px) {
    .elementor-1523 .elementor-element.elementor-element-a748b51.e-con {
        --align-self: center;
        display: flex;
        align-content: center;
        justify-content: center !important;
    }
}
canvas.sr7-pbar {
    z-index: 500;
    position: absolute;
    pointer-events: none;
	display:none;
}
/* Targetăm rezoluția de laptop 1023px - 778px */
@media only screen and (min-width: 778px) and (max-width: 1366px) {
    
    /* Targetăm elementul principal al sliderului */
    sr7-module, 
    sr7-canvas, 
    sr7-slide,
    .sr7-module-wrap {
        height: 350px !important;
        min-height: 350px !important;
        max-height: 350px !important;
    }

    /* Ajustăm poziționarea absolută a slide-ului să nu depășească noul container */
    sr7-slide {
        position: absolute;
        height: 350px !important;
        contain: unset !important; /* "Strict" uneori blochează redimensionarea forțată */
    }
}
.single-post #pxl-main, .woocommerce-page #pxl-main {
    padding: 10px 0;
}
@media (max-width: 575px) {
.single-post #pxl-main, .woocommerce-page #pxl-main {
    padding: 0px 0;
	}
}
.elementor-419 .elementor-element.elementor-element-7a825bf .pxl-nav-menu .pxl-menu-primary > li > a {
    color: #000000;
    line-height: 74px;
}
.dark-mode .elementor-419 .elementor-element.elementor-element-7a825bf .pxl-nav-menu .pxl-menu-primary > li > a {
    color: #eee;
    line-height: 74px;
}
@media (max-width: 1599px) {
    .elementor-419 .elementor-element.elementor-element-85e52cd .pxl-nav-menu .pxl-menu-primary > li {
        margin: 0px 20px 0px 0px;
    }
}
@media (max-width: 1599px) {
    .elementor-419 .elementor-element.elementor-element-7a825bf .pxl-nav-menu .pxl-menu-primary > li {
        margin: 0px 20px 0px 0px;
    }
}

.elementor-419 .elementor-element.elementor-element-3740219 .elementor-divider-separator {
    width: 0px;
}
.elementor-419 .elementor-element.elementor-element-85e52cd .pxl-nav-menu .pxl-menu-primary > li > a {
    color: #000;
    line-height: 74px;
}
.dark-mode .elementor-419 .elementor-element.elementor-element-85e52cd .pxl-nav-menu .pxl-menu-primary > li > a {
    color: #eee;
    line-height: 74px;
}
.pxl-contact-form1 p {
    margin-bottom: 0;
    width: 100%;
}
.contact-form-custom1 .btn {
    padding-right: 80px;
    background-color: #000;
    color: #fff;
    z-index: 1;
    width: 100%;
}
.dark-mode .pxl-contact-form .contact-form-custom1 .btn
Specificity: (0,4,0)
 {
    background-color: #f4d273;
    color: #000000;
}
.contact-form-custom1 .btn i {
    z-index: 1;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 60px;
    background-color: var(--primary-color);
    display: none;
}
.dark-mode .pxl-contact-form .contact-form-custom1 .btn:hover, .dark-mode .pxl-contact-form .contact-form-custom1 .btn:active, .dark-mode .pxl-contact-form .contact-form-custom1 .btn:focus {
    background-color: #b79d55 !important;
    color: #000000 !important;
}
.pxl-contact-form .contact-form-custom1 .btn:hover, .dark-mode .pxl-contact-form .contact-form-custom1 .btn:active, .dark-mode .pxl-contact-form .contact-form-custom1 .btn:focus {
    background-color: #b79d55;
    color: #000000 !important;
}
/* 1. Ne asigurăm că fundalul cardului este negru și are poziție relativă */
.dark-mode #card-premium {
    background-color: #000 !important;
    position: relative !important;
    z-index: 1 !important;
    overflow: hidden; /* Taie punctele care ies din card */
}

/* 2. Liniile aurii statice */
.dark-mode #card-premium::after {
    content: "" !important;
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    z-index: 2 !important; /* Îl ridicăm deasupra fundalului cardului */
    border-radius: inherit;

    /* Desenăm doar liniile, fără fundal negru aici */
    background-image: 
        linear-gradient(to right, transparent, #f4d273 50%, transparent), 
        linear-gradient(to right, transparent, #f4d273 50%, transparent) !important;
    
    background-size: 70% 1px, 70% 1px !important; 
    background-position: top center, bottom center !important;
    background-repeat: no-repeat !important;
}

/* 3. Ne asigurăm că textul și imaginile sunt vizibile deasupra liniilor */
.dark-mode #card-premium > * {
    position: relative !important;
    z-index: 3 !important;
}
.elementor-340 .elementor-element.elementor-element-338f0ee .pxl-button .btn {
    background-image: linear-gradient(178deg, #f4d273 0%, #f0b134 50%, #c48a1d 100%) !important;
    background-color: transparent !important;
    box-shadow: 0 0px 1px rgba(240, 177, 52, 0.4) !important;
    color: #000000 !important;
    transition: all 0.3s ease-in-out !important;
    border-radius: 5px;
}
.elementor-340 .elementor-element.elementor-element-338f0ee .pxl-button .btn:hover {
    background-image: linear-gradient(0deg, #f4d273 0%, #f0b134 50%, #c48a1d 100%) !important;
    background-color: transparent !important;
    box-shadow: 0 0px 1px rgba(240, 177, 52, 0.4) !important;
    color: #000000 !important;
    transition: all 0.3s ease-in-out !important;
    border-radius: 5px;
    /* border: 1px solid #ffc33e; */
}
.elementor-2096 .elementor-element.elementor-element-462659f:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-2096 .elementor-element.elementor-element-462659f > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: #ffffff8C;
}
.dark-mode .elementor-2096 .elementor-element.elementor-element-462659f:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-2096 .elementor-element.elementor-element-462659f > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: #0000008C;
	top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2 !important;
    border-radius: inherit;
    background-image: linear-gradient(to right, transparent, #f4d273 50%, transparent), linear-gradient(to right, transparent, #f4d273 50%, transparent) !important;
    background-size: 70% 1px, 70% 1px !important;
    background-position: top center, bottom center !important;
    background-repeat: no-repeat !important;
}
.elementor-2096 .elementor-element.elementor-element-92c13fc:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-2096 .elementor-element.elementor-element-92c13fc > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer
Specificity: (0,5,0)
 {
    background-color: #ffffff8C;
}
.dark-mode .elementor-2096 .elementor-element.elementor-element-92c13fc:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-2096 .elementor-element.elementor-element-92c13fc > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer
Specificity: (0,5,0)
 {
    background-color: #0000008C;
}
.elementor-2096 .elementor-element.elementor-element-92c13fc > .elementor-element-populated {
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin: 0px 0px 0px 0px;
    --e-column-margin-right: 0px;
    --e-column-margin-left: 0px;
    padding: 20px 15px 0px 15px;
    background: #ffffff8c;
}
.dark-mode .elementor-2096 .elementor-element.elementor-element-92c13fc > .elementor-element-populated {
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin: 0px 0px 0px 0px;
    --e-column-margin-right: 0px;
    --e-column-margin-left: 0px;
    padding: 20px 15px 0px 15px;
    background: #0000008c;

 
    z-index: 2 !important;
    border-radius: inherit;
    background-image: linear-gradient(to right, transparent, #f4d273 50%, transparent), linear-gradient(to right, transparent, #f4d273 50%, transparent) !important;
    background-size: 70% 1px, 70% 1px !important;
    background-position: top center, bottom center !important;
    background-repeat: no-repeat !important;
}
.elementor-1523 .elementor-element.elementor-element-bde319a {
    --display: none;
    --flex-direction: column;
    --container-widget-width: 100%;
    --container-widget-height: initial;
    --container-widget-flex-grow: 0;
    --container-widget-align-self: initial;
    --flex-wrap-mobile: wrap;
    --margin-top: 0px;
    --margin-bottom: 0px;
    --margin-left: 0px;
    --margin-right: 0px;
    --padding-top: 0px;
    --padding-bottom: 40px;
    --padding-left: 0px;
    --padding-right: 0px;
}
.bpa-front--dt__calendar .vc-day.is-not-in-month .vc-day-content.is-disabled {
    opacity: .5 !important;
    background: #b3b3b3 !important;
    color: #fff !important;
}
.bpa-front--dt__calendar .vc-day .vc-day-content.is-disabled {
    background-color: #b3b3b3 !important;
    color: #fff !important;
}
 .bpa-front--dt__calendar .vc-day .vc-day-content.is-disabled{
                                background-color:#cecece !important;
                            }
.bpa-front--dt__calendar .vc-day .vc-day-content.is-disabled:hover{
                                background-color:transparent !important;
                            }
.bpa-front-tabs.--bpa-top .bpa-front-tabs--panel-body .bpa-front-dc--body {
    min-height: 560px;
    max-height: 600px;
    background: transparent;
}
.dark-mode .bpa-front-tabs.--bpa-top .bpa-front-tabs--panel-body .bpa-front-dc--body {
    min-height: 560px;
    max-height: 600px;
    background: transparent;
}
.bpa-front-tabs .bpa-front-tabs--foot {
    background-color: #eee !important;
}
.dark-mode .bpa-front-tabs .bpa-front-tabs--foot {
    background-color: #111 !important;
}
.bpa-front-tabs.--bpa-top .bpa-front-tab-menu {
    flex-direction: row;
    align-self: auto;
    min-width: 100%;
    padding: 16px 20px;
    margin-right: 0;
    margin-bottom: 24px;
    justify-content: flex-start;
    overflow-x: auto;
    box-shadow: 0 2px 6px rgba(166, 176, 196, .04), 0 4px 12px rgb(166, 176, 196, .12);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    background: transparent !important;
}
.dark-mode .bpa-front-tabs.--bpa-top .bpa-front-tab-menu {
    flex-direction: row;
    align-self: auto;
    min-width: 100%;
    padding: 16px 20px;
    margin-right: 0;
    margin-bottom: 4px;
    justify-content: flex-start;
    overflow-x: auto;
    box-shadow: 0 2px 6px rgba(166, 176, 196, .0), 0 4px 12px rgb(166, 176, 196, .0);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    background: transparent !important;
	border:0px;
}
.bpa-front-tabs--vertical-left .bpa-front-tab-menu a span{
	color:#222;
}
.dark-mode .bpa-front-tabs--vertical-left .bpa-front-tab-menu a span{
	color:#eee;
}

.dark-mode .bpa-front-tabs.--bpa-top .bpa-front-tab-menu .bpa-front-tab-menu--item .bpa-front-tm--item-label
 {
    max-width: 160px;
    word-wrap: break-word;
    color: #c1c1c1;
}
.bpa-front-tabs.--bpa-top .bpa-front-tab-menu .bpa-front-tab-menu--item .bpa-front-tm--item-label {
    max-width: 160px;
    word-wrap: break-word;
    color: #333;
}
.bpa-front-default-card .bpa-front-tabs--foot{
	border-color:#c7c7c7 !important;
}
.dark-mode .bpa-front-default-card .bpa-front-tabs--foot{
	border-color:#222222 !important;
}
.dark-mode .bpa-front-default-card {
    background-color: var(--bpa-cl-white);
    border: 1px solid #282828;
    border-radius: var(--bpa-radius-8px);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}
.dark-mode .bpa-front-module--service-item .bpa-front-si-card{
	border-color:#222222 !important;
}
.bpa-front-module--service-item .bpa-front-si-card{
	border-color:#c7c7c7 !important;
}
.bpa-front-tabs--vertical-left .bpa-front-tab-menu{
	border-color:#c7c7c7 !important;
}
.dark-mode .bpa-front-tabs--vertical-left .bpa-front-tab-menu{
	border-color:#222222 !important;
}
.bpa-front-tabs--vertical-left .bpa-front-tab-menu .bpa-front-tab-menu--item .bpa-front-tm--item-icon svg, .bpa-front-module--service-item .bpa-front-si-card .bpa-front-si-card__left .bpa-front-si__default-img svg {
    fill: #646464 !important;
}
.bpa-front-tabs--vertical-left .bpa-front-tab-menu a.bpa-front-tab-menu--item.__bpa-is-active{
	color:#fff !important;
}
.bpa-front-tabs--vertical-left .bpa-front-tab-menu .bpa-front-tab-menu--item.__bpa-is-active .bpa-front-tm--item-icon, .bpa-front-tabs--vertical-left .bpa-front-tab-menu .bpa-front-tab-menu--item.__bpa-is-active span {
    box-shadow: 0 4px 8px rgba(18, 212, 136, .06), 0 8px 16px rgba(18, 212, 136, .16);
    border-color: var(--bpa-pt-main-green);
    background-color: transparent !important;
    color: var(--bpa-cl-white);
    -webkit-animation-name: bpa-zoom-in-down;
    -moz-animation-name: bpa-zoom-in-down;
    -o-animation-name: bpa-zoom-in-down;
    animation-name: bpa-zoom-in-down;
    -webkit-animation-duration: .3s;
    -moz-animation-duration: .3s;
    -o-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}
.dark-mode .bpa-front-tabs .bpa-front-default-card{
	background:#111 !important;
}
.bpa-front-tabs .bpa-front-default-card{
	background:#eee !important;
	border:0px;
}
.bpa-front-tabs--vertical-left .bpa-front-tab-menu .bpa-front-tab-menu--item:nth-child(3) {
    animation-delay: .12s;
    display: none !important;
}
.bpa-front-tabs--vertical-left .bpa-front-tab-menu .bpa-front-tab-menu--item:nth-child(4) {
    animation-delay: .18s;
    display: none !important;
}
.bpa-front-default-card .bpa-front-tabs--foot {
    border-color: #c7c7c7 !important;
    display: none !important;
}
.bpa-front-tabs.--bpa-top .bpa-front-tab-menu .bpa-front-tab-menu--item {
    margin-bottom: 0;
    margin-right: 40px;
    width: 50%;
}
.bpa-front-module--booking-summary .bpa-front-module--bs-head h4, .bpa-front-module-heading {
    font-size: 18px;
    line-height: 24px;
    margin: 0;
    margin-bottom: 12px;
    font-weight: 600;
    color: var(--bpa-dt-black-400);
    font-family: var(--bpa-primary-font);
    -webkit-animation-name: bpaFadeInUp;
    animation-name: bpaFadeInUp;
    animation-timing-function: cubic-bezier(.645, .045, .355, 1);
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: none !important;
}
@media (max-width: 576px) {
    .bpa-front-tabs--vertical-left .bpa-front-tab-menu .bpa-front-tab-menu--item {
        font-size: 13px !important;
        position: relative;
    }
}
/* Adaugă asta în CSS-ul tău existent */
.bpa-front-main-container {
    max-width: 100% !important;
    overflow: hidden !important; /* Taie orice element care vrea să iasă în lateral */
    position: relative !important;
    z-index: 1 !important; /* Îl punem "sub" meniuri */
}


    
    /* Previne ca selectorul de dată/ora să forțeze lățimea paginii */
    .bpa-front--dt__calendar {
        max-width: 100% !important;
    }
}
@media (max-width: 576px) {
    .bpa-front-module--staff .bpa-front-sm--col .bpa-front-sm-card {
        padding: 5px 0 !important;
    }
}
@media (max-width: 576px) {
    .bpa-frontend-main-container {
        max-width: 100% !important;
        padding: 20px !important;
		z-index:9;
    }
}
@media (max-width: 576px) {
    .bpa-front-tabs--panel-body .bpa-front-dc--body {
        min-height: 400px;
        max-height: unset;
        padding: 0px 0 !important;
		overflow: hidden !important;
    }
}
.bpa-front-tabs.--bpa-top .bpa-front-tab-menu .bpa-front-tab-menu--item {
    margin-bottom: 0;
    margin-right: 0px !important;
    display: flex;
    align-content: center;
    justify-content: center;
}
.bpa-front-tabs.--bpa-top .bpa-front-tab-menu .bpa-front-tab-menu--item {
    margin-bottom: 0;
    background: #141414;
}
.bpa-front-tabs.--bpa-top .bpa-front-tab-menu {
    flex-direction: row;
    align-self: auto;
    min-width: 100%;
    padding: 16px 20px;
    margin-right: 0;
    margin-bottom: 24px;
    justify-content: flex-start;
    overflow-x: auto;
    box-shadow: 0 2px 6px rgba(166, 176, 196, .04), 0 4px 12px rgb(166, 176, 196, .12);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    gap: 15px;
}
.bpa-front-tabs.--bpa-top .bpa-front-tab-menu {
    flex-direction: row;
    align-self: auto;
    min-width: 100%;
    padding: 16px 20px;
    margin-right: 0;
    margin-bottom: 4px !important;
    justify-content: flex-start;
    overflow-x: auto;
    box-shadow: 0 2px 6px rgba(166, 176, 196, .0), 0 4px 12px rgb(166, 176, 196, .0) !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.bpa-front-tabs--panel-body .bpa-front-dc--body {
    padding: 20px;
    min-height: 600px;
    box-sizing: border-box;
    max-height: 600px;
    overflow-y: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.bpa-front-tabs--vertical-left .bpa-front-tab-menu {
    margin-right: 32px;
    display: flex;
    flex-direction: column;
    align-self: flex-start;
    min-width: 220px;
    border: 0px solid var(--bpa-gt-gray-400) !important;
    background-color: var(--bpa-cl-white);
    border-radius: var(--bpa-radius-8px);
    padding: 24px 20px;
    -webkit-box-shadow: 0 4px 10px rgba(166, 176, 196, .08), 0 9px 22px rgba(166, 176, 196, .18);
    -moz-box-shadow: 0 4px 10px rgba(166, 176, 196, .08), 0 9px 22px rgba(166, 176, 196, .18);
    -o-box-shadow: 0 4px 10px rgba(166, 176, 196, .08), 0 9px 22px rgba(166, 176, 196, .18);
    box-shadow: 0 4px 10px rgba(166, 176, 196, .08), 0 9px 22px rgba(166, 176, 196, .18);
    overflow: hidden;
}
.bpa-front-tabs .bpa-front--dt__calendar {
	color:#fff !important;
}
.bpa-front--dt__calendar .vc-day{
	border-color:#fff !important;
}
.dark-mode .bpa-front--dt__calendar .vc-day{
	border-color:#333 !important;
}
.bpa-front--dt__calendar.bpa-front-v-cal__is-only-days .vc-day .bpa-multi__day-select{
	background-color: #00adff !important;
}
.bpa-front--dt__calendar .vc-day.is-today .bpa_day-select .vc-day-content, .bpa-repeter-parent-col-comman .bpa-front-form-label {
    color: #fff !important;
}
.bpa-front--dt__calendar .vc-day-content.vc-focusable:hover {
   
    background-color: transparent !important;
    color: #fff !important;
}
.fc-event {
    border-radius: 4px !important;
    padding: 3px 8px !important;
    font-size: 0.85em !important;
    border: none !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
/* Stil pentru titlu să pară interactiv */
.fc-toolbar-title {
    cursor: pointer !important;
    padding: 2px 12px !important;
    border-radius: 6px !important;
    transition: all 0.2s ease !important;
}

.fc-toolbar-title:hover {
    background-color: rgba(179, 142, 93, 0.15) !important;
    color: #b38e5d !important;
}

/* Adăugăm un mic simbol lângă titlu (opțional) */
.fc-toolbar-title::after {
    content: ' ▾';
    font-size: 0.8em;
    vertical-align: middle;
    opacity: 0.5;
}
/* Containerul pentru selector */
.selector-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 30px 0; /* Mai mult spațiu sus/jos */
}

/* Stilul Input-ului de tip Lună/An */
#selector-data-ascuns, 
#selector-data {
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    border-bottom: 2px solid #b38e5d; /* Linie aurie elegantă jos */
    padding: 12px 25px;
    font-size: 16px;
    font-family: 'Segoe UI', Roboto, sans-serif;
    color: #333;
    border-radius: 8px;
    cursor: pointer;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
    min-width: 250px; /* Îl facem mai lat să nu fie înghesuit */
    text-align: center;
}

#selector-data:hover {
    box-shadow: 0 6px 20px rgba(179, 142, 93, 0.2);
    transform: translateY(-2px);
    border-color: #b38e5d;
}

/* Stil pentru eticheta (textul) din fața lui */
.selector-label {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #888;
    margin-right: 15px;
    font-weight: 600;
}
#foto-sala-container
 {
    margin-top: 10px;
    text-align: center;
    padding-top: 0px;
    animation: fadeIn 0.5s ease;
    border-style: solid;
    border-width: 1px 0px 0px 0px;
    border-image-source: linear-gradient(90deg, transparent 0%, #f4d2732e 50%, transparent 100%);
	margin-left: 10px;
    margin-right: 10px;
}

#titlu-sala-foto {
    color: #b38e5d;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 20px;
}

#imagine-sala {
    width: 100%;
    max-width: 1000px; /* Sau dimensiunea care arată cel mai bine la tine */
    height: auto;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
    border: 0px solid #fff;
    transition: transform 0.3s ease;
}

#imagine-sala:hover {
    transform: scale(1.02);
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}


/* Containerul Calendarului */
/* CONTAINER GENERAL - Curat, fără umbre */
.dark-mode .fc {
    background: #1e1e1e !important;
    border: 0px solid #333 !important;
    color: #fff !important;
}

/* ANTET (Luni, Marți, etc.) */
.dark-mode .fc-col-header-cell {
    background-color: #252525 !important;
    color: #b38e5d !important;
    border-bottom: 1px solid #333 !important;
	border-right: 1px solid #333;
}

/* CELULELE ZILELOR - Borduri fixe să nu se miște conținutul */
.dark-mode .fc-daygrid-day {
    border: 1px solid #2d2d2d !important;
}

/* ZILELE DIN ALTĂ LUNĂ */
.dark-mode .fc-day-other {
    background-color: #1a1a1a !important;
    opacity: 0.3;
}

/* BUTOANE SĂLI - Fără gradiente sau efecte, la fel ca pe alb */
.dark-mode .sala-btn {
    background: #3e3e3e !important;
    color: #ffffff !important;
    border: 0px solid #333 !important;
    box-shadow: none !important;
    transition: none !important;
    border-radius: 5px;
}

.dark-mode .sala-btn.active {
    background: #f7d269 !important;
    color: #000000 !important;
    /* border-color: #b38e5d !important; */
    border: 1px solid #000 !important;
}

/* BUTOANE NAVIGARE (Săgeți) - Flat design */
.dark-mode .fc-button {
    background-color: #333 !important;
    border: 1px solid #444 !important;
    background-image: none !important; /* Elimină efectul de sticlă al browserului */
    box-shadow: none !important;
    text-shadow: none !important;
}

.dark-mode .fc-button-active {
    background-color: #b38e5d !important;
    border-color: #b38e5d !important;
}

/* CELULELE OCUPATE (GOLD) - Fără gradient strident, fără scale la hover */
.dark-mode .zi-plina-rosie {
    background: #f7d269 !important;
    border: 1px solid #333 !important;
    position: relative;
    transform: none !important; /* Eliminăm mărirea celulei la hover */
    transition: none !important;
}

.dark-mode .zi-plina-rosie:hover {
    
    transform: none !important;
}

/* TEXTUL "OCUPAT" - Poziționat fix */
.dark-mode .zi-plina-rosie::after {
    content: "REZERVAT";
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    text-align: center;
    color: #000;
    font-size: 0.7em;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
	white-space: nowrap;      /* Nu îl lasă să sară pe rândul 2 */
    overflow: hidden;         /* Taie ce depășește */
    text-overflow: clip;      /* Asigură-te că nu trece peste bordură */
    letter-spacing: -0.5px;
}

/* CIFRA ZILEI */
.dark-mode .zi-plina-rosie .fc-daygrid-day-number {
    color: #000 !important;
    font-weight: bold;
}

.dark-mode .fc-scrollgrid-section-body table,
.dark-mode .fc-scroller-harness,
.dark-mode .fc-daygrid-body {
    background: #1e1e1e !important;
}
.dark-mode table {
    border-bottom: 1px solid #333;
    border-left: 1px solid #333;
    border-collapse: collapse;
    border-spacing: 0;
    line-height: 2;
    margin: 0 0 32px;
    width: 100%;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}
.dark-mode .fc-theme-standard .fc-scrollgrid {
    border: 1px solid #333;
}
.dark-mode .fc .fc-scrollgrid-section > * {
    border-left-width: 0px;
    border-top-width: 0px;
    border-right-width: 0px !important;
    border-bottom-width: 0px !important;
}
@media (max-width: 768px) {
    /* 1. Micșorăm calendarul per ansamblu */
    .fc {
        font-size: 12px !important; /* Text mai mic peste tot */
    }

    /* 2. Reducem înălțimea celulelor să nu ocupăm tot ecranul */
    .fc .fc-daygrid-day-frame {
        max-height: 50px !important; 
    }

    /* 3. Butoanele de săli - le facem să încapă pe rânduri */
    .selector-container {
        flex-direction: column; /* Selectorul de dată trece sub butoane */
        gap: 15px;
    }

    .sali-tabs {
        display: flex;
        flex-wrap: wrap; /* Permite butoanelor să treacă pe rândul 2 */
        justify-content: center;
        gap: 7px !important;
		margin-bottom:10px !important;
    }

    .sala-btn {
        padding: 6px 12px !important;
        font-size: 11px !important;
        min-width: 80px; /* Butoane mai mici și egale */
    }

    /* 4. Textul "RESERVAT/OCUPAT" pe mobil */
    .zi-plina-rosie::after {
        font-size: 8px !important;
        bottom: 2px !important;
        content: "REZER." !important; /* Prescurtare să nu iasă din celulă */
    }

    .dark-mode .zi-plina-rosie::after {
        content: "REZER." !important;
    }

    /* 5. Titlul calendarului (Lună An) */
    .fc-toolbar-title {
        font-size: 1.1em !important;
    }

    /* 6. Micșorăm butoanele de navigare (săgețile) */
    .fc-button {
        padding: 4px 8px !important;
    }
	.dark-mode table {
    border-bottom: 1px solid #333;
    border-left: 1px solid #333;
    border-collapse: collapse;
    border-spacing: 0;
    line-height: 2;
    margin: 0 0 0px;
    width: 100%;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    background: #000;
   }
	table {
    border-bottom: 1px solid #171d26;
    border-left: 1px solid #171d26;
    border-collapse: collapse;
    border-spacing: 0;
    line-height: 2;
    margin: 0 0 0px;
    width: 100%;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}
	#calendar-evenimente {
    background: white;
    padding: 15px !important;
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
	margin-left: 10px;
    margin-right: 10px;
}
	.sala-btn {
    padding: 12px 25px;
    border: 2px solid #b38e5d;
    background: transparent;
    color: #b38e5d;
    font-weight: bold;
    cursor: pointer;
    transition: 0.3s;
    line-height: 15px !important;
}
}
.dark-mode .fc-theme-standard td {
    border: 1px solid #333;
}
.sala-btn.active, .sala-btn:hover {
    background: #000000 !important;
    color: #ffffff !important;
    border-radius: 5px;
    border: 1px solid #fff !important;
}
.sala-btn {
    padding: 12px 25px;
    border: 1px solid #fff !important;
    background: #f2f2f2 !important;
    color: #000 !important;
    font-weight: bold;
    cursor: pointer;
    transition: 0.3s;
    border-radius: 5px !important;
}
.zi-plina-rosie {
    background: linear-gradient(145deg, #d32f2f, #c30000) !important;
    position: relative !important;
}
.fc .fc-button-primary

 {
    background-color: #8d8d8d;
    border-color: #7c7c7c;
    color: var(--fc-button-text-color);
}
.fc .fc-button-primary:disabled {
    background-color: #919191 !important;
    border-color: #ffffff !important;
    color: var(--fc-button-text-color);
}

.fc .fc-button:disabled {
    opacity: 1 !important;
}
.dark-mode .fc .fc-button-primary:disabled {
    background-color: #424242 !important;
    border-color: #484848 !important;
    color: var(--fc-button-text-color);
}
button:not(.rm-style-default), .button, input[type="submit"] {
    font-size: 14px;
    color: #000;
    padding: 0 30px;
    line-height: 52px;
    -webkit-transition: all 200ms linear 0ms;
    -khtml-transition: all 200ms linear 0ms;
    -moz-transition: all 200ms linear 0ms;
    -ms-transition: all 200ms linear 0ms;
    -o-transition: all 200ms linear 0ms;
    transition: all 200ms linear 0ms;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    -webkit-transition: all 0s cubic-bezier(0.645, 0.045, 0.355, 1);
    -khtml-transition: all 0s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all 0s cubic-bezier(0.645, 0.045, 0.355, 1);
    -ms-transition: all 0s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0s cubic-bezier(0.645, 0.045, 0.355, 1);
    position: relative;
    display: inline-block;
    cursor: pointer;
    border: none;
    background-color: var(--primary-color);
    background-size: 100%, 1px;
    background-position: 0%;
    height: auto;
}
.titlu-rezervare-personalizat {
    font-size: 24px !important;
    color: #000 !important; /* Sau culoarea hotelului tău */
    font-weight: bold;
    margin-bottom: 20px;
    text-align: center; /* Dacă vrei să fie pe mijloc */
	font-family: "Roboto", "Arial", sans-serif;

}
.dark-mode .titlu-rezervare-personalizat {
    font-size: 24px !important;
    color: #eee !important; /* Sau culoarea hotelului tău */
    font-weight: bold;   
    text-align: center; /* Dacă vrei să fie pe mijloc */
}
.dark-mode .wpforms-container .wpforms-form .wpforms-field-label, .wpforms-container .wpforms-form .wpforms-field-sublabel, .wpforms-container .wpforms-form .wpforms-field-description, .wpforms-container .wpforms-form textarea, .wpforms-container .wpforms-form li, .wpforms-container .wpforms-form th {
    hyphens: auto;
    color: #eee;
    font-family: "Roboto", "Arial", sans-serif;
}
.wpforms-container .wpforms-form .wpforms-field-label, .wpforms-container .wpforms-form .wpforms-field-sublabel, .wpforms-container .wpforms-form .wpforms-field-description, .wpforms-container .wpforms-form textarea, .wpforms-container .wpforms-form li, .wpforms-container .wpforms-form th {
    hyphens: auto;
    color: #000;
    font-family: "Roboto", "Arial", sans-serif;
}
.rezervare-personalizat {
    font-size: 16px !important;
    color: #000 !important; /* Sau culoarea hotelului tău */
    font-weight: bold;
    margin-bottom: 0px;
	font-family: "Roboto", "Arial", sans-serif; 
}
.dark-mode .rezervare-personalizat {
    font-size: 16px !important;
    color: #eee !important; /* Sau culoarea hotelului tău */
    font-weight: bold;
    margin-bottom: 0px;
	font-family: "Roboto", "Arial", sans-serif; 
}
.layout-rezervare{
	background:#fcfcfc;
}
.dark-mode .layout-rezervare{
	background:#333;
}
/* Containerul care ține cele 4 imagini */
.wpforms-image-choices {
    display: flex !important;
    flex-wrap: nowrap !important; /* Forțează linia pe desktop */
    justify-content: center !important;
    gap: 15px !important; /* Spațiu între poze */
    margin-top: 20px !important;
}

/* Stil pentru fiecare element (imagine + text) */
.wpforms-image-choices-item {
    width: 22% !important; /* 4 poze x 22% + spații = 100% */
    max-width: 180px !important; /* Limitează mărimea pe ecrane mari */
    text-align: center !important;
}

/* Imaginea propriu-zisă */
.wpforms-image-choices-item img {
    width: 100% !important;
    height: 120px !important; /* Înălțime fixă pentru a fi toate egale */
    object-fit: cover !important; /* Taie marginile fără să deformeze poza */
    border-radius: 8px !important;
    border: 1px solid transparent !important;
    transition: all 0.3s ease !important;
}

/* Efect când o sală este selectată */
.wpforms-image-choices-item input:checked + label img {
    border-color: #d4af37 !important; /* Bordură aurie la selecție */
    box-shadow: 0 0 10px rgba(212, 175, 55, 0.5) !important;
}

/* Media Query pentru Mobil */
@media (max-width: 600px) {
    /* Containerul permite acum așezarea pe mai multe rânduri */
    .wpforms-image-choices {
        display: flex !important;
        flex-wrap: wrap !important;
        
    }

    /* Fiecare item ocupă 48% (aproape jumătate) pentru a lăsa loc de gap */
    .wpforms-image-choices-item {
        width: 45% !important;
        max-width: none !important;
        margin: 0 0 1px 0 !important;
    }

    /* Ajustăm înălțimea imaginilor pe mobil să nu fie prea lungi */
    .wpforms-image-choices-item img {
        height: 100px !important; 
        width: 100% !important;
    }

    /* Centrăm textul sub poze pe mobil */
    .wpforms-image-choices-item .wpforms-image-choices-label {
        font-size: 13px !important;
        line-height: 1.2 !important;
        margin-top: 5px !important;
    }
	.wpforms-container .wpforms-image-choices-modern label:not(.wpforms-error)
 {
    background: none;
    display: inline-block;
    margin: 0 auto;
    cursor: pointer;
    border: 1px solid #ffffff;
    border-radius: 3px;
    padding: 0px !important;
    transition: all 0.5s;
    text-align: center;
   }
}
div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-column-50, div.wpforms-container .wpforms-form .wpforms-field-repeater .wpforms-layout-column-50 {
    width: 90% !important;
}
div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-column-25, div.wpforms-container .wpforms-form .wpforms-field-repeater .wpforms-layout-column-25 {
    width: 10% !important;
}
@media (max-width: 600px) {
    div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-field-layout-columns, div.wpforms-container .wpforms-form .wpforms-field-repeater .wpforms-field-layout-columns {
        flex-direction: column;
        display: flex;
        align-content: center;
        justify-content: center;
        align-items: center;
    }
}
.wpforms-container .wpforms-list-inline .wpforms-image-choices-modern li {
    margin: 0px !important;
}
/* Centrează containerul butonului de trimitere */
.formular-centrat-nunta .wpforms-submit-container {
    text-align: center !important;
    padding: 20px 0 !important;
    width: 100% !important;
    clear: both !important;
}

/* Opțional: Stil pentru buton ca să arate mai bine pe fundalul negru */
.formular-centrat-nunta button.wpforms-submit {
    display: inline-block !important;
    margin: 0 auto !important;
    padding: 12px 40px !important;
    background-color: #000000 !important;
    color: #ffffff !important;
    font-weight: bold !important;
    border: none !important;
    border-radius: 5px !important;
    transition: transform 0.0s ease !important;
    font-family: "Roboto", "Arial", sans-serif !important;
}

.formular-centrat-nunta button.wpforms-submit:hover {
   
    background-color: #222 !important;
}
.dark-mode .formular-centrat-nunta button.wpforms-submit {
    display: inline-block !important;
    margin: 0 auto !important;
    padding: 12px 40px !important;
    background-color: #eee !important;
    color: #000 !important;
    font-weight: bold !important;
    border: none !important;
    border-radius: 5px !important;
    transition: transform 0.0s ease !important;
    font-family: "Roboto", "Arial", sans-serif !important;
}

.dark-mode .formular-centrat-nunta button.wpforms-submit:hover {
   
    background-color: #ddd !important;
}
/* Eliminăm spațiul gol din stânga și micșorăm distanța între poze */
.wpforms-image-choices {
    padding: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    justify-content: flex-start !important; /* Aliniază pozele la stânga, sub titlu */
    gap: 10px !important; /* Controlează spațiul dintre poze (modifică 10px după plac) */
}

/* Ne asigurăm că item-urile nu au margini care să le împingă la dreapta */
.wpforms-image-choices-item {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
}

/* Pe desktop (4 în linie) */
@media (min-width: 601px) {
    .wpforms-image-choices-item {
        width: calc(25% - 8px) !important; /* 4 pe rând cu spațiu între ele */
    }
}

/* Pe mobil (2 în linie, aliniate la margini) */
@media (max-width: 600px) {
    .wpforms-image-choices {
        justify-content: space-between !important;
		gap: 0px !important;
    }
    .wpforms-image-choices-item {
        width: 48% !important;
    }
}
/* Elimină padding-ul de pe label care creează chenarul alb gros */
.wpforms-image-choices-item label {
    padding: 0 !important;
    margin: 0 !important;
    border: none !important; /* Elimină bordura gri dacă există */
    background: none !important; /* Elimină fundalul alb din spatele pozei */
}

/* Forțează imaginea să se întindă până la margini */
.wpforms-image-choices-item img {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
}

/* Dacă vrei ca textul (Orangerie, Ballroom) să fie mai aproape de poză */
.wpforms-image-choices-item .wpforms-image-choices-label {
    margin-top: 5px !important;
    display: block !important;
}

/* Ajustăm spațiul dintre coloane să fie mai strâns */
.wpforms-image-choices {
   
	justify-content: space-between !important;
}
.wpforms-container-full .wpforms-field.wpforms-field-radio ul li{
	display:block !important;
}
.dark-mode div.wpforms-container-full .wpforms-form .wpforms-field-number-slider .wpforms-field-number-slider-hint b, div.wpforms-container-full .wpforms-form .wpforms-field-number-slider .wpforms-field-number-slider-hint strong {
    color: rgb(201 201 201);
}
.dark-mode div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-image-choices-item label .wpforms-image-choices-label, div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic .wpforms-image-choices-item label .wpforms-image-choices-label, div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-none .wpforms-image-choices-item label .wpforms-image-choices-label {
    font-size: var(--wpforms-field-size-font-size);
    color: rgb(255 255 255 / 85%);
    margin-top: var(--wpforms-field-size-input-spacing);
}
.dark-mode div.wpforms-container-full .wpforms-form .wpforms-field-number-slider .wpforms-field-number-slider-hint {
    font-size: var(--wpforms-label-size-sublabel-font-size);
    line-height: var(--wpforms-label-size-sublabel-line-height);
    color: rgb(201 201 201);
    padding: var(--wpforms-field-size-sublabel-spacing) 0 0 0;
    margin: 0;
}
.wpforms-field.wpforms-field-content .wpforms-field-row p, .wpforms-field.wpforms-field-content .wpforms-field-row blockquote, .wpforms-field.wpforms-field-content .wpforms-field-row pre, .wpforms-field.wpforms-field-content .wpforms-field-row table {
    margin: 0 0 0px 0 !important;
	font-size: 12px;
}
.dark-mode div.wpforms-container-full input[type=text] {
	    background-color: #161616;
    background-clip: padding-box;
    border-radius: var(--wpforms-field-border-radius);
    color: rgb(215 215 215);
    border-width: var(--wpforms-field-border-size);
    border-style: var(--wpforms-field-border-style);
    border-color: rgb(53 53 53);
    padding: 0 var(--wpforms-field-size-padding-h);
    font-size: var(--wpforms-field-size-font-size);
    line-height: 100%;
    box-shadow: none;
    transition: border 0.15s, box-shadow 0.15s;
}
/* Schimbă culoarea placeholder-ului pentru toate browserele */

/* Chrome, Firefox, Opera, Safari */
.formular-centrat-nunta input::placeholder,
.formular-centrat-nunta textarea::placeholder {
    color: #444 !important; /* Un gri foarte închis spre negru */
    opacity: 1 !important; /* Firefox are o opacitate implicită mică */
}

/* Internet Explorer 10-11 */
.formular-centrat-nunta input:-ms-input-placeholder,
.formular-centrat-nunta textarea:-ms-input-placeholder {
    color: #444 !important;
}

/* Microsoft Edge */
.formular-centrat-nunta input::-ms-input-placeholder,
.formular-centrat-nunta textarea::-ms-input-placeholder {
    color: #444 !important;
}
.dark-mode div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-column:not(.wpforms-layout-column-100) input[type=range]{
	background:#444;
}
.dark-mode div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-column:not(.wpforms-layout-column-100) input[type=tel]{
	background:#161616;
}
.dark-mode div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-column:not(.wpforms-layout-column-100) input[type=email]{
	background:#161616;
	border-color: #3a3a3a;
}
.dark-mode div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-column:not(.wpforms-layout-column-100) input[type=tel]{
	color:#fff;
	border-color: #3a3a3a;
}
/* 1. Schimbă culoarea punctului (butonul glisant) */
.wpforms-field-number-slider input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    background: #d4af37 !important; /* Auriul tău */
    border: 0px solid #ffffff !important;
    height: 20px !important;
    width: 20px !important;
    border-radius: 50% !important;
    cursor: pointer;
    margin-bottom: -5px; /* Ajustează centrarea pe verticală */
}

.wpforms-field-number-slider input[type=range]::-moz-range-thumb {
    background: #d4af37 !important;
    border: 2px solid #ffffff !important;
    height: 20px !important;
    width: 20px !important;
    border-radius: 50% !important;
    cursor: pointer;
}

/* 2. Schimbă culoarea barei pe care glisează punctul */
.wpforms-field-number-slider input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 2px;
    background: #ddd !important; /* Gri închis pentru fundalul barei */
    border-radius: 2px;
}
.dark-mode .wpforms-field-number-slider input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 2px;
    background: #222 !important; /* Gri închis pentru fundalul barei */
    border-radius: 2px;
}

/* 3. ELIMINĂ bordura albastră (focus) care apare când dai click */
.wpforms-field-number-slider input[type=range]:focus {
    outline: none !important;
}

.wpforms-field-number-slider input[type=range]:focus::-webkit-slider-thumb {
    box-shadow: 0 0 8px rgba(212, 175, 55, 0.8) !important; 
}

@media (max-width: 600px) {
    /* Subțiază bara (track-ul) */
    .wpforms-field-number-slider input[type=range]::-webkit-slider-runnable-track {
        height: 2px !important; 
        background: #444444 !important;
    }

    .wpforms-field-number-slider input[type=range]::-moz-range-track {
        height: 2px !important;
        background: #444444 !important;
    }

   
    .wpforms-field-number-slider input[type=range]::-webkit-slider-thumb {
        height: 16px !important;
        width: 16px !important;
        margin-top: -6.5px !important; /* (height track / 2) - (height thumb / 2) */
    }

    .wpforms-field-number-slider input[type=range]::-moz-range-thumb {
        height: 16px !important;
        width: 16px !important;
    }
	.dark-mode .wpforms-field-number-slider input[type=range]::-webkit-slider-runnable-track {
        height: 2px !important; 
        background: #444444 !important;
    }

    .dark-mode .wpforms-field-number-slider input[type=range]::-moz-range-track {
        height: 2px !important;
        background: #444444 !important;
    }

   
    .dark-mode .wpforms-field-number-slider input[type=range]::-webkit-slider-thumb {
        height: 16px !important;
        width: 16px !important;
        margin-top: -6.5px !important; /* (height track / 2) - (height thumb / 2) */
    }

    .dark-mode .wpforms-field-number-slider input[type=range]::-moz-range-thumb {
        height: 16px !important;
        width: 16px !important;
    }
}
.wpforms-field-number-slider input[type=range] {
    border: none !important;
    background: transparent !important;
    outline: none !important;
    box-shadow: none !important;
    -webkit-appearance: none; /* Forțează resetarea stilului în Safari/Chrome */
    width: 100% !important;
    padding: 0 !important;
}

/* Ne asigurăm că nici pe Firefox nu apare bordura */
.wpforms-field-number-slider input[type=range]::-moz-range-track {
    border: none !important;
}

/* Elimină bordura care apare uneori la click (focus) */
.wpforms-field-number-slider input[type=range]:focus {
    outline: none !important;
    border: none !important;
}
.dark-mode div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-column:not(.wpforms-layout-column-100) input[type=email]{
	color:#eee;
}
.wpforms-image-choices-item input:checked + label img {
    filter: brightness(105%);
}

/* Textul de sub poză - Stil curat și elegant */
.wpforms-image-choices-item .wpforms-image-choices-label {
    font-family: 'Playfair Display', serif !important;
    color: #444 !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    margin-top: 12px !important;
}
div.wpforms-container-full input[type=text]{
	background-color: #f2f2f2;
}
div.wpforms-container-full input[type=date], div.wpforms-container-full input[type=datetime], div.wpforms-container-full input[type=datetime-local], div.wpforms-container-full input[type=email], div.wpforms-container-full input[type=month], div.wpforms-container-full input[type=number], div.wpforms-container-full input[type=password], div.wpforms-container-full input[type=range], div.wpforms-container-full input[type=search], div.wpforms-container-full input[type=tel], div.wpforms-container-full input[type=text], div.wpforms-container-full input[type=time], div.wpforms-container-full input[type=url], div.wpforms-container-full input[type=week], div.wpforms-container-full select, div.wpforms-container-full textarea, .wp-core-ui div.wpforms-container-full input[type=date], .wp-core-ui div.wpforms-container-full input[type=datetime], .wp-core-ui div.wpforms-container-full input[type=datetime-local], .wp-core-ui div.wpforms-container-full input[type=email], .wp-core-ui div.wpforms-container-full input[type=month], .wp-core-ui div.wpforms-container-full input[type=number], .wp-core-ui div.wpforms-container-full input[type=password], .wp-core-ui div.wpforms-container-full input[type=range], .wp-core-ui div.wpforms-container-full input[type=search], .wp-core-ui div.wpforms-container-full input[type=tel], .wp-core-ui div.wpforms-container-full input[type=text], .wp-core-ui div.wpforms-container-full input[type=time], .wp-core-ui div.wpforms-container-full input[type=url], .wp-core-ui div.wpforms-container-full input[type=week], .wp-core-ui div.wpforms-container-full select, .wp-core-ui div.wpforms-container-full textarea
Specificity: (0,3,2)
 {
    background-color: #f2f2f2 !important;
    background-clip: padding-box;
    border-radius: var(--wpforms-field-border-radius);
    color: var(--wpforms-field-text-color);
    border-width: var(--wpforms-field-border-size);
    border-style: var(--wpforms-field-border-style);
    border-color: rgb(223 223 223);
    padding: 0 var(--wpforms-field-size-padding-h);
    font-size: var(--wpforms-field-size-font-size);
    line-height: 100%;
    box-shadow: none;
    transition: border 0.15s, box-shadow 0.15s;
}
.elementor-10537 .elementor-element.elementor-element-f24370d > .elementor-widget-container {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: 1px solid #e3e3e3;
    border-radius: 12px;
}
.dark-mode .elementor-10537 .elementor-element.elementor-element-f24370d > .elementor-widget-container {

    border: 1px solid #32323200;
}
.dark-mode div.wpforms-container-full input[type=date], div.wpforms-container-full input[type=datetime], div.wpforms-container-full input[type=datetime-local], div.wpforms-container-full input[type=email], div.wpforms-container-full input[type=month], div.wpforms-container-full input[type=number], div.wpforms-container-full input[type=password], div.wpforms-container-full input[type=range], div.wpforms-container-full input[type=search], div.wpforms-container-full input[type=tel], div.wpforms-container-full input[type=text], div.wpforms-container-full input[type=time], div.wpforms-container-full input[type=url], div.wpforms-container-full input[type=week], div.wpforms-container-full select, div.wpforms-container-full textarea, .wp-core-ui div.wpforms-container-full input[type=date], .wp-core-ui div.wpforms-container-full input[type=datetime], .wp-core-ui div.wpforms-container-full input[type=datetime-local], .wp-core-ui div.wpforms-container-full input[type=email], .wp-core-ui div.wpforms-container-full input[type=month], .wp-core-ui div.wpforms-container-full input[type=number], .wp-core-ui div.wpforms-container-full input[type=password], .wp-core-ui div.wpforms-container-full input[type=range], .wp-core-ui div.wpforms-container-full input[type=search], .wp-core-ui div.wpforms-container-full input[type=tel], .wp-core-ui div.wpforms-container-full input[type=text], .wp-core-ui div.wpforms-container-full input[type=time], .wp-core-ui div.wpforms-container-full input[type=url], .wp-core-ui div.wpforms-container-full input[type=week], .wp-core-ui div.wpforms-container-full select, .wp-core-ui div.wpforms-container-full textarea {
    background-color: #f2f2f2;
    background-clip: padding-box;
    border-radius: var(--wpforms-field-border-radius);
    color: var(--wpforms-field-text-color);
    border-width: var(--wpforms-field-border-size);
    border-style: var(--wpforms-field-border-style);
    border-color: rgb(48 48 48);
    padding: 0 var(--wpforms-field-size-padding-h);
    font-size: var(--wpforms-field-size-font-size);
    line-height: 100%;
    box-shadow: none;
    transition: border 0.15s, box-shadow 0.15s;
}
.dark-mode body .iti input.iti__tel-input, body .iti input.iti__tel-input[type=text], body .iti input.iti__tel-input[type=tel], div.wpforms-container .wpforms-form .iti input.iti__tel-input, div.wpforms-container .wpforms-form .iti input.iti__tel-input[type=text], div.wpforms-container .wpforms-form .iti input.iti__tel-input[type=tel], div.wpforms-container-full .wpforms-form .iti input.iti__tel-input, div.wpforms-container-full .wpforms-form .iti input.iti__tel-input[type=text], div.wpforms-container-full .wpforms-form .iti input.iti__tel-input[type=tel], #wpforms-conversational-form-page .iti input.iti__tel-input, #wpforms-conversational-form-page .iti input.iti__tel-input[type=text], #wpforms-conversational-form-page .iti input.iti__tel-input[type=tel]
Specificity: (0,4,2)
 {
    position: relative;
    z-index: 0;
    margin: 0 !important;
    border: 1px solid #313131 !important;
}
@media (max-width: 600px) {
.dark-mode .elementor-10537 .elementor-element.elementor-element-f24370d > .elementor-widget-container
 {
    border: 0px solid #1a1a1a;
}
.elementor-10537 .elementor-element.elementor-element-f24370d > .elementor-widget-container
 {
    border: 0px solid #1a1a1a;
}
}
.wpforms-container .wpforms-image-choices-modern .wpforms-image-choices-image:after {
    content: "\2714";
    font-size: 22px;
    line-height: 32px;
    color: #ffffff;
    background: transparent !important;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -16px 0 0 -16px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    transition: all 0.5s;
}
div.wpforms-container-full .wpforms-form .wpforms-image-choices-modern .wpforms-image-choices-item.wpforms-selected label:hover, div.wpforms-container-full .wpforms-form .wpforms-image-choices-modern .wpforms-image-choices-item:has(input:checked) label:hover

 {
    border-color: var(--wpforms-button-background-color);
    box-shadow: 0 0 0px 0 transparent !important;
}
div.wpforms-container-full .wpforms-form .wpforms-image-choices-modern .wpforms-image-choices-item label:hover {
    box-shadow: 0 0 0 0px transparent !important;
}
div.wpforms-container-full input[type=checkbox]:checked:before, div.wpforms-container-full input[type=radio]:checked:before {
    margin: 0;
    border-width: var(--wpforms-field-border-size, 0);
    border-style: solid;
    border-color: var(--wpforms-button-background-color);
    box-shadow: 0 0 0 0px var(--wpforms-button-background-color), 0px 0px 0px rgba(0, 0, 0, 0.15) !important;
    outline: none;
}
.elementor-804 .elementor-element.elementor-element-4d35e55::before{
	position:fixed;
}
@media (max-width: 575px) {
	.elementor-804 .elementor-element.elementor-element-4d35e55::before{
		position:fixed;
	}
}
.elementor-1523 .elementor-element.elementor-element-74fbc93::before {
    filter: brightness(100%) contrast(200%) saturate(0%) blur(0px) hue-rotate(0deg);
    position: fixed;
}
@media (max-width: 1599px) {
    .elementor-1523 .elementor-element.elementor-element-77952bc::before, .elementor-1523 .elementor-element.elementor-element-77952bc > .elementor-background-video-container::before, .elementor-1523 .elementor-element.elementor-element-77952bc > .e-con-inner > .elementor-background-video-container::before, .elementor-1523 .elementor-element.elementor-element-77952bc > .elementor-background-slideshow::before, .elementor-1523 .elementor-element.elementor-element-77952bc > .e-con-inner > .elementor-background-slideshow::before, .elementor-1523 .elementor-element.elementor-element-77952bc > .elementor-motion-effects-container > .elementor-motion-effects-layer::before
 {
               
        position: fixed;
    }
}
.elementor-widget-video .e-hosted-video .elementor-video {
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 10px;
}

.dark-mode .pxl-switch-button span:before {
    content: "\f494";
    text-shadow: 0 0px 0px #fff;
}
@media (max-width: 575px) {
    .elementor-7274 .elementor-element.elementor-element-e45951a {
        border-width: 0px 0px 0px 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        padding: 0px 0px 0px 0px;
    }
}
@media (max-width: 575px) {
    .elementor-7274 .elementor-element.elementor-element-ec12343 > .elementor-widget-container {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        border-radius: 0px 0px 0px 0px;
        width: 28px;
        height: 28px;
    }
}
.elementor-7274 .elementor-element.elementor-element-e1e4a90 .pxl-button .btn {
    font-family: "Roboto", Sans-serif;
    border-radius: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-color: #02010100 !important;
    color: #444;
}
.dark-mode .elementor-7274 .elementor-element.elementor-element-e1e4a90 .pxl-button .btn {
    font-family: "Roboto", Sans-serif;
    border-radius: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-color: #02010100 !important;
    color: #ddd;
}
.pxl-switch-button span {
    width: 28px !important;
    height: 28px !important;
    font-size: 18px !important;
    background-color: #eda70900 !important;
    border: 0px solid var(--primary-color) !important;
    color: #464646 !important;
    box-shadow: none !important;
}
body {
    --nav-icon-color: #000000;      /* Negru */
    --nav-active-color: #e6b800;    /* Galben închis */
}

/* Stiluri pentru Dark Mode */
body.dark-mode {
    --nav-icon-color: #ffffff;      /* Alb */
    --nav-active-color: #ffcc00;    /* Galben deschis */
}

/* --- LIGHT MODE --- */
body .icon_wrapper.normal img {
    filter: brightness(0); /* Face iconița neagră */
}
body .icon_wrapper.active img {
    /* Filtru pentru un galben mai închis/muștar */
    filter: invert(74%) sepia(95%) saturate(542%) hue-rotate(3deg) brightness(75%) contrast(106%);
}

/* --- DARK MODE --- */
body.dark-mode .icon_wrapper.normal img {
    filter: brightness(0) invert(1); /* Face iconița albă */
}
body.dark-mode .icon_wrapper.active img {
    /* Filtru pentru galben aprins */
    filter: invert(88%) sepia(61%) saturate(2300%) hue-rotate(354deg) brightness(108%) contrast(105%);
}
.icon_wrapper, 
.icon_wrapper *, 
a, 
button {
    -webkit-tap-highlight-color: rgba(0,0,0,0) !important;
    -webkit-tap-highlight-color: transparent !important;
    outline: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    user-select: none; /* Împiedică selecția de text/imagine la apăsare lungă */
}

/* Țintim specific elementul care primește focusul în meniu */
.icon_wrapper:focus-within,
.icon_wrapper:active,
.icon_wrapper:focus {
    outline: none !important;
    background: transparent !important;
}
/* --- TEXT ÎN LIGHT MODE --- */
body .text_wrapper {
    color: #000000 !important; /* Negru pentru textul inactiv */
}

body .current-menu-item .text_wrapper {
    color: #e6b800 !important; /* Galben închis pentru textul activ */
}

/* --- TEXT ÎN DARK MODE --- */
body.dark-mode .text_wrapper {
    color: #ffffff !important; /* Alb pentru textul inactiv */
}

body.dark-mode .current-menu-item .text_wrapper {
    color: #ffcc00 !important; /* Galben aprins pentru textul activ */
}

/* Opțional: Să fie textul un pic mai mic sau îngroșat */
.text_wrapper {
    font-size: 12px;
    font-weight: 500;
    
}

.icon_wrapper img, 
.icon_wrapper svg {
    width: 28px !important;
    height: 28px !important;
    object-fit: contain; 
}
/* Corecție optică pentru Dark Mode */
body.dark-mode .icon_wrapper.normal img, 
body.dark-mode .icon_wrapper.normal svg {
    /* În loc de alb pur, folosim un alb foarte ușor gri sau scădem opacitatea */
    opacity: 0.85; 
    
    /* Un filtru de contrast scăzut poate ajuta liniile să pară mai fine */
    filter: brightness(0) invert(1) blur(0.1px); 
}

/* Menținem icoana activă (galbenă) la opacitate maximă pentru contrast */
body.dark-mode .icon_wrapper.active img,
body.dark-mode .icon_wrapper.active svg {
    opacity: 1;
    filter: invert(88%) sepia(61%) saturate(2300%) hue-rotate(354deg) brightness(108%) contrast(105%);
}
@media (max-width: 575px) {
    .elementor-7274 .elementor-element.elementor-element-e8e6e00 {
        width: 30%;
    }
}
@media (max-width: 575px) {
    .elementor-7274 .elementor-element.elementor-element-325670d
 {
        width: 20%;
    }
}
/* Blochează scroll-ul paginii din spate când pop-up-ul Elementor este deschis */
elementor-popup-is-visible {
    overflow: hidden !important;
    height: 100vh !important;
}

/* Asigură-te că pop-up-ul în sine are scroll dacă e mai lung decât ecranul */
.elementor-location-popup {
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch; /* Pentru scroll fin pe iPhone */
}
@media (max-width: 1024px) {
    body.admin-bar .dialog-type-lightbox {
        height: 100vh;
        position: sticky;
    }
@media (max-width: 575px) {
.elementor-popup-modal .elementor {
    max-width: 400px;
    max-height: 100%;
	}}
	@media (max-width: 575px) {
    .elementor-11657 .elementor-element.elementor-element-879534e.e-con {
        --align-self: center;
        padding: 10px;
    }
}
	@media (max-width: 575px) {
	.elementor-popup-modal .dialog-widget-content {
    background-color: #fff;
    border-radius: 0;
    box-shadow: none;
    max-height: 100%;
    max-width: 100%;
    overflow: visible;
    pointer-events: all;
    width: auto;
		}}
#elementor-popup-modal-11657 .dialog-message {
   
    height: auto;
    border-radius: 12px;
}
	@media (max-width: 575px) {
	.elementor-popup-modal .dialog-widget-content {
    background-color: #fff;
    border-radius: 0;
    box-shadow: none;
    max-height: 100%;
    max-width: 100%;
    overflow: visible;
    pointer-events: all;
    width: auto;
    border-radius: 12px !important;
		}}
.dark-mode	#elementor-popup-modal-11657 .dialog-widget-content {
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2);
        background: #00000000;
}
 #elementor-popup-modal-11657 .dialog-widget-content {
   box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2);
        background: #ffffff00;
}
	#elementor-popup-modal-11657 {
    background-color: #ffffffb8;
    justify-content: center;
    align-items: center;
    pointer-events: all;
    backdrop-filter: blur(9px);
}
	.dark-mode #elementor-popup-modal-11657 {
    background-color: #000000b8;
    justify-content: center;
    align-items: center;
    pointer-events: all;
    backdrop-filter: blur(9px);
}
	.elementor-popup-modal .dialog-close-button {
    display: none;
    inset-inline-end: 20px;
    margin-top: 0;
    opacity: 1;
    pointer-events: all;
    top: -25px !important;
    z-index: 9999;
}
	[class*=" eicon-"], [class^=eicon] {
    display: inline-block;
    font-family: eicons;
    font-size: inherit;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
	body.dark-mode .elementor-button-icon svg,
.dark-mode-active .elementor-button-icon svg {
    filter: invert(1) brightness(2);
}