/*

 Theme Name:   GeneratePress Child

 Theme URI:    https://generatepress.com

 Description:  Default GeneratePress child theme

 Author:       Tom Usborne

 Author URI:   https://tomusborne.com

 Template:     generatepress

 Version:      0.1

*/

 :root, body{

    overflow-x: hidden !important;

}

html{ overflow-x: hidden !important}

.elementor-invisible {

    visibility: visible !important;

}

body {

    overscroll-behavior: none; /* stops bounce scroll on mobile */

}

.animated {

    animation: none !important;

    opacity: 1 !important;

    transform: none !important;

}

#menu-search-item .e-n-menu-dropdown-icon{

    display: none !important;

}

/* Hide the default SVG inside the span */

.elementor-item.has-submenu .sub-arrow svg,

.has-submenu.highlighted .sub-arrow svg,

.has-submenu:not(.highlighted) .sub-arrow svg {

    display: none;

}

.menu-inside-content {

  display: none;

  padding: 15px;

  border-bottom: 1px solid #eee;

}

/* Closed state: aria-expanded="false" */

.elementor-item.has-submenu[aria-expanded="false"] .sub-arrow::before,

.elementor-item-anchor.has-submenu:not(.highlighted) .sub-arrow::before{

    content: "";

    display: inline-block;

    width: 16px;

    height: 16px;

    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="15" viewBox="0 0 14 15" fill="none"><path d="M6.61718 0.607092C6.68821 0.532036 6.74314 0.51501 6.79933 0.515195C6.85553 0.515397 6.91033 0.532869 6.98082 0.608397C7.05126 0.683962 7.06717 0.742564 7.06702 0.80235L7.04504 6.93054L12.7991 6.95118C12.8553 6.95143 12.9101 6.96878 12.9806 7.04438C13.0511 7.12002 13.067 7.17845 13.0668 7.23833C13.0666 7.29821 13.0502 7.35652 12.9792 7.43166C12.9082 7.50675 12.8532 7.52371 12.7971 7.52356L7.04298 7.50292L7.021 13.6311C7.02072 13.6909 7.00439 13.7494 6.93341 13.8244C6.86238 13.8995 6.80745 13.9165 6.75125 13.9163C6.69506 13.9161 6.64026 13.8987 6.56977 13.8231C6.49932 13.7476 6.48341 13.689 6.48356 13.6292L6.50554 7.50099L0.751461 7.48035C0.695353 7.48007 0.640384 7.46268 0.569972 7.38715C0.499563 7.31154 0.483553 7.25305 0.483767 7.19319C0.483982 7.13334 0.500411 7.07497 0.571361 6.99987C0.642314 6.92484 0.697406 6.90785 0.753514 6.90797L6.5076 6.92861L6.52958 0.800422C6.52986 0.740637 6.54619 0.68215 6.61718 0.607092Z" fill="white" stroke="white"/></svg>');

    background-size: contain;

    background-repeat: no-repeat;

    vertical-align: middle;

}



/* Open state: aria-expanded="true" */

.elementor-item.has-submenu[aria-expanded="true"] .sub-arrow::before,

.has-submenu.highlighted .sub-arrow::before {

    content: "";

    display: inline-block;

    width: 10px;

    height: 10px;

    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none"><path d="M9.25879 0.5C9.35503 0.500042 9.40104 0.526044 9.4375 0.5625C9.47396 0.598957 9.49996 0.644972 9.5 0.741211C9.5 0.837404 9.47386 0.883473 9.4375 0.919922L5.35742 5L9.4375 9.08008C9.47386 9.11653 9.5 9.1626 9.5 9.25879C9.49996 9.35503 9.47396 9.40104 9.4375 9.4375C9.40104 9.47396 9.35503 9.49996 9.25879 9.5C9.1626 9.5 9.11653 9.47386 9.08008 9.4375L5 5.35742L0.919922 9.4375C0.883473 9.47386 0.837404 9.5 0.741211 9.5C0.644972 9.49996 0.598957 9.47396 0.5625 9.4375C0.526044 9.40104 0.500042 9.35503 0.5 9.25879C0.5 9.16259 0.526136 9.11653 0.5625 9.08008L4.64258 5L0.5625 0.919922C0.526136 0.883474 0.5 0.837405 0.5 0.741211C0.500042 0.644971 0.526043 0.598957 0.5625 0.5625C0.598957 0.526043 0.644971 0.500042 0.741211 0.5C0.837405 0.5 0.883474 0.526136 0.919922 0.5625L5 4.64258L9.08008 0.5625C9.11653 0.526136 9.16259 0.5 9.25879 0.5Z" fill="white" stroke="white"/></svg>');

    background-size: contain;

    background-repeat: no-repeat;

    vertical-align: middle;

}

/* Mobile Responsive */

@media only screen and (max-width: 768px) {
    
    .elementor-field-subgroup:not(.elementor-subgroup-inline) .elementor-field-option {
        line-height: 0;
    }
    html{
        scrollbar-gutter: stable !important;
    }

    .header-hero-banner h1{
        filter: none !important;
    }

    :root{

        overflow-x: hidden;

    }

    .has-submenu.highlighted{
        text-decoration: underline;
    }
    .menu-item-has-children ul li a {
        font-size: 1.25em !important;
        font-weight: 400 !important;
    }

    .e-contact-buttons-var-6 .e-contact-buttons__contact-icon-link{

        background-size: 48px !important;

    }

    body {

        background: url(/wp-content/uploads/2025/10/bg-header-mobile.svg) #000 !important;

        background-repeat: no-repeat !important;

        background-position: top right !important;

        overflow-x: hidden;

    }

    body::before {

        content: "";

        position: fixed; 

        top: 0;

        left: 0;

        width: 100%;

        height: 100%;

        background: url(https://detailing.b1studio.ro/wp-content/uploads/2025/11/bg-body-mobile.png)

        no-repeat center top;

        background-size: cover;

        z-index: -1;

        pointer-events: none; 

    }

    body:has(.e-n-menu-toggle[aria-expanded="true"]) {

        background-image: none !important;

    }

    .first-div{

        z-index: 0 !important;

    }

    .flex-floating-mobile .e-contact-buttons{

        position: relative;

    }

    .floating-mobile{

        position: fixed !important;

        min-width: 100%;

        padding: 0 20px;

    }

    .sbi_photo{

        height: 100% !important;

    }

    .flex-floating-mobile .e-contact-buttons__contact-links{

        display: flex !important;

        justify-content: space-around;

    }

    .floating-widgets-desktop {

        display: none !important;

    }

    .hide-mobile, 

    body.elementor-editor-active .hide-mobile {

        display: none !important;

    }

    .elementor-widget-theme-site-logo img {

        width: inherit !important;

        max-width: 260px !important;

    }

    .elementor-widget-n-menu .e-n-menu[data-layout=dropdown]{

        float: right;

    }

}

@media only screen and (min-width: 720px) and (max-width: 1024px){

    body {

        background: url(/wp-content/uploads/2025/11/bg-site-min.png) #000 !important;

        background-repeat: no-repeat !important;

        background-position: top center !important;

        background-size: 100% !important;

    }

    .e-contact-buttons-var-6 .e-contact-buttons__contact-links {

        display: flex;

        flex-direction: row !important;

    }

    .e-contact-buttons-var-6 .e-contact-buttons__contact-icon-link{

        position: relative;

        top: 10px;

    }

    .e-contact-buttons__contact-icon-link[aria-label*="Telephone"]::after{

        margin-top: 45px !important;

        margin-left: -2px !important;

    }

    .e-contact-buttons__contact-icon-link[aria-label*="Waze"]::after, 

    .e-contact-buttons__contact-icon-link[aria-label*="Email"]::after {

        margin-top: 45px !important;

        margin-left: 5px !important;

    }

    .e-contact-buttons__contact-icon-link[aria-label*="WhatsApp"]::after{

        margin-top: 45px !important;

        margin-left: -9px !important;

    }

}

/* Desktop Responsive */

@media only screen and (min-width: 1024px) {

    .e-contact-buttons-var-6 .e-contact-buttons__contact-links.has-corners-round {

        --e-contact-buttons-links-border-radius: 32px !important;

        padding: 24px !important;

    }

    .floating-mobile{

        display: none !important;

    }

    body {

        background: url(/wp-content/uploads/2025/11/bg-site-min.png) #000 !important;

        /* background-repeat: no-repeat !important; */

        background-position: top center !important;

        background-size: 100% !important;

    }

    .footer-detailing{

        padding: 112px 0;

    }

}



@media only screen and (min-width: 320px) and (max-width: 1024px) {

     :root{

        overflow-x: hidden;

    }

    body{

        overflow-x: hidden;

    }

    #menu-search-item{

        display: none;

    }

}

@media only screen and (min-width: 1050px) and (max-width: 1200px) {

    .elementor-widget-n-menu .e-n-menu-title {

        padding: 8px !important;

    }

    .elementor-widget-theme-site-logo img{

        min-width: 230px !important;

    }

    .elementor-31 .elementor-element.elementor-element-36e858a .elementor-icon-box-title a, 

    .elementor-31 .elementor-element.elementor-element-9b0135f .elementor-icon-box-title a {

        font-size: 12px !important;

    }

}



@media (max-width: 1024px) {

.elementor-nav-menu ul ul a, .elementor-nav-menu ul ul a:active, .elementor-nav-menu ul ul a:focus, .elementor-nav-menu ul ul a:hover {
    border-left: 32px solid transparent;
}

ul.elementor-nav-menu--dropdown a, ul.elementor-nav-menu--dropdown a:focus, ul.elementor-nav-menu--dropdown a:hover {
    border-inline-start: 12px solid transparent !important;
}

.elementor-nav-menu ul ul a, .elementor-nav-menu ul ul a:active, .elementor-nav-menu ul ul a:focus, .elementor-nav-menu ul ul a:hover {
    border-left: 32px solid transparent !important;
    font-weight: 300 !important;
}

.e-n-accordion-item-title {

	align-items: flex-start !important;

}

.e-n-accordion-item{

    margin-bottom: 16px !important;

}

.e-n-accordion-item-title-text {

	line-height: 1.4em;

    position: relative;

    top: -4px;

}

.elementor-widget-n-menu .e-n-menu[data-layout=dropdown] .e-n-menu-item{

    margin-bottom: -1px;

}

#menubar-222{

    margin-top: -1px !important;

}

body:has(.e-n-menu-toggle[aria-expanded="true"]) .logo{

    z-index: 1000;

}

body:has(.e-n-menu-toggle[aria-expanded="true"]) #menubar-222 {

    background: #000;

    min-height: 100vh;

    margin-top: 24px !important;

}

/* #menubar-222 {

    background: #000;

    height: 100vh;

    margin-top: -65px !important;

    padding-top: 80px !important;

} */

 .e-n-menu-layout-horizontal{

    position: relative;

    left: -24px;

 }

 .e-n-menu-wrapper{

    min-width: 100% !important;

 }

  #menubar-222{

    padding-top: 15px;

    margin-top: 0px;

  }

  .elementor-31 .elementor-element.elementor-element-7cc5d27{

    padding-top: 16px;

  }

  #servicii .e-n-menu-dropdown-icon svg {

    display: none !important;

  }

  #servicii .e-n-menu-dropdown-icon-closed::before {

    content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='15' viewBox='0 0 14 15' fill='none'><path d='M6.61718 0.607092C6.68821 0.532036 6.74314 0.51501 6.79933 0.515195C6.85553 0.515397 6.91033 0.532869 6.98082 0.608397C7.05126 0.683962 7.06717 0.742564 7.06702 0.80235L7.04504 6.93054L12.7991 6.95118C12.8553 6.95143 12.9101 6.96878 12.9806 7.04438C13.0511 7.12002 13.067 7.17845 13.0668 7.23833C13.0666 7.29821 13.0502 7.35652 12.9792 7.43166C12.9082 7.50675 12.8532 7.52371 12.7971 7.52356L7.04298 7.50292L7.021 13.6311C7.02072 13.6909 7.00439 13.7494 6.93341 13.8244C6.86238 13.8995 6.80745 13.9165 6.75125 13.9163C6.69506 13.9161 6.64026 13.8987 6.56977 13.8231C6.49932 13.7476 6.48341 13.689 6.48356 13.6292L6.50554 7.50099L0.751461 7.48035C0.695353 7.48007 0.640384 7.46268 0.569972 7.38715C0.499563 7.31154 0.483553 7.25305 0.483767 7.19319C0.483982 7.13334 0.500411 7.07497 0.571361 6.99987C0.642314 6.92484 0.697406 6.90785 0.753514 6.90797L6.5076 6.92861L6.52958 0.800422C6.52986 0.740637 6.54619 0.68215 6.61718 0.607092Z' fill='white' stroke='white'></path></svg>");

    display: inline-block;

    vertical-align: middle;

  }

  #servicii .e-n-menu-dropdown-icon[aria-expanded="true"] .e-n-menu-dropdown-icon-opened::before {

    content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'><path d='M9.25879 0.5C9.35503 0.500042 9.40104 0.526044 9.4375 0.5625C9.47396 0.598957 9.49996 0.644972 9.5 0.741211C9.5 0.837404 9.47386 0.883473 9.4375 0.919922L5.35742 5L9.4375 9.08008C9.47386 9.11653 9.5 9.1626 9.5 9.25879C9.49996 9.35503 9.47396 9.40104 9.4375 9.4375C9.40104 9.47396 9.35503 9.49996 9.25879 9.5C9.1626 9.5 9.11653 9.47386 9.08008 9.4375L5 5.35742L0.919922 9.4375C0.883473 9.47386 0.837404 9.5 0.741211 9.5C0.644972 9.49996 0.598957 9.47396 0.5625 9.4375C0.526044 9.40104 0.500042 9.35503 0.5 9.25879C0.5 9.16259 0.526136 9.11653 0.5625 9.08008L4.64258 5L0.5625 0.919922C0.526136 0.883474 0.5 0.837405 0.5 0.741211C0.500042 0.644971 0.526043 0.598957 0.5625 0.5625C0.598957 0.526043 0.644971 0.500042 0.741211 0.5C0.837405 0.5 0.883474 0.526136 0.919922 0.5625L5 4.64258L9.08008 0.5625C9.11653 0.526136 9.16259 0.5 9.25879 0.5Z' fill='white' stroke='white'></path></svg>");

    display: inline-block;

    vertical-align: middle;

  }

  #servicii,

  .has-submenu {

    display: flex;

    justify-content: space-between !important;

  }

  .elementor-widget-nav-menu{

    min-width: 100% !important;

  }

  .menu-inside-content{

    display: flex;

    justify-content: space-between !important;

  }

}

.custom-video-slides-wrapper {

    position: relative;

    overflow: hidden;

}

.slides-container {

    position: relative;

    width: 100%;

    height: 100%;

}

.custom-slide {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    opacity: 0;

    transition: opacity 0.5s ease;

    pointer-events: none;

}

.custom-slide.active {

    opacity: 1;

    pointer-events: auto;

}

.slide-video-bg,

.slide-image-bg {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;

    z-index: 0;

}

.slide-image-bg {

    background-size: cover;

    background-position: center;

}

.slide-content {

    position: relative;

    z-index: 1;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    height: 100%;

    text-align: center;

    padding: 20px;

}

.slide-text-content {

    display: flex;

    flex-direction: column;

    align-items: center;

}

.slide-button {

    display: inline-block;

    text-decoration: none;

    transition: all 0.3s ease;

}

.social-sidebar {

    position: absolute;

    left: 20px;

    top: 50%;

    transform: translateY(-50%);

    display: flex;

    flex-direction: column;

    align-items: center;

    max-width: 64px;

    z-index: 10;

}

.social-sidebar-mobile {

    display: none;

}

.social-icon {

    display: flex;

    align-items: center;

    justify-content: center;

    transition: all 0.3s ease;

    text-decoration: none;

}

.slide-thumbs {

    position: absolute;

    bottom: 30px;

    left: 50%;

    transform: translateX(-50%);

    display: flex;

    gap: 20px;

    z-index: 10;

}

.thumb-item {

    display: flex;

    flex-direction: column;

    align-items: center;

    cursor: pointer;

    padding: 8px;

    transition: all 0.3s ease;

}

.thumb-title {

    margin-bottom: 4px;

    white-space: nowrap;

    transition: color 0.3s ease;

}

.thumb-title, .thumb-title-mobile{

    text-transform: uppercase;

}

.thumb-title-mobile {

    display: none;

}

.thumb-bar {

    width: 100%;

    background-color: #AAA;

    transition: background-color 0.3s ease;

}

.slide-content{

    max-width: 800px;

    margin: 0 auto;

}

@media (max-width: 768px) {

    .floating-mobile .e-contact-buttons__contact-links {

        display: flex !important;

        flex-direction: row !important;

        justify-content: center !important;

    }

    .e-contact-buttons__contact-icon-link[aria-label*="Telephone"],

    .e-contact-buttons__contact-icon-link[aria-label*="Email"],

    .e-contact-buttons__contact-icon-link[aria-label*="Waze"],

    .e-contact-buttons__contact-icon-link[aria-label*="WhatsApp"]{

        margin-bottom: 0 !important;

    }

    .elementor-swiper-button-prev, 

    .elementor-swiper-button-next {

        z-index: 999 !important;

    }

    .e-contact-buttons__contact-icon-link[aria-label*="Telephone"]::after{

        margin-top: 46px !important;

        margin-left: -2px !important;

    }

    .e-contact-buttons__contact-icon-link[aria-label*="Email"]::after{

        margin-top: 46px !important;

        margin-left: -12px !important;

    }

    .e-contact-buttons__contact-icon-link[aria-label*="Waze"]::after{

        margin-top: 46px !important;

        margin-left: 6px !important;

    }

    .e-contact-buttons__contact-icon-link[aria-label*="WhatsApp"]::after{

        margin-top: 46px !important;

        margin-left: -7px !important;

    }

    .floating-mobile .e-contact-buttons__contact-links {

        padding: 12px 0px !important;

        border-radius: 32px !important;

        padding-top: 0px !important;

        gap: 12px !important;

    }

    .thumb-title, .thumb-title-mobile{

        font-size: 12px !important;

    }

    .social-sidebar {

        display: none;

    }

    .social-sidebar-mobile {

        display: flex;

        flex-direction: row;

        gap: 15px;

        margin-top: 20px;

    }

    .thumb-title-desktop {

        display: none;

    }

    .thumb-title-mobile {

        display: block;

    }

    .slide-thumbs {

        gap: 0px;

    }

}

.e-contact-buttons-var-6 .e-contact-buttons__contact-links.has-corners-rounded {

    --e-contact-buttons-links-border-radius: 32px !important;

    display: flex;

    flex-direction: column;

}



.e-contact-buttons__contact-links {

    display: flex;

    flex-direction: column;

    background: rgba(0, 0, 0, 0.2) !important;

    border-radius: 32px;

    backdrop-filter: blur(10px) saturate(180%);

    -webkit-backdrop-filter: blur(10px) saturate(180%);

    position: relative;

    overflow: hidden;

    border: 1px solid rgba(255, 255, 255, 0.18);

}



.e-contact-buttons__contact-links::before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: linear-gradient(

    135deg,

    rgba(255, 255, 255, 0.15) 0%,

    rgba(255, 255, 255, 0.05) 50%,

    rgba(255, 255, 255, 0) 100%

    );

    pointer-events: none;

    border-radius: 32px;

}

.e-contact-buttons__contact-icon-link svg {

    display: none;

}



.e-contact-buttons__contact-icon-link {

    background-size: 60%;

    background-repeat: no-repeat;

    background-position: center;

}



.e-contact-buttons__contact-icon-link[aria-label*="Telephone"] {

    background-image: url('/wp-content/uploads/2025/11/phone.svg');

    background-size: 64px;

    width: 64px;

    height: 64px;

    margin-bottom: 20px;

}

.e-contact-buttons__contact-icon-link[aria-label*="Telephone"]::after{

    content: 'Telefon';

    display: flex;

    color: #FFF;

    text-align: center;

    text-overflow: ellipsis;

    text-shadow: 0 2px 25px #000;

    font-size: 12px;

    font-style: normal;

    font-weight: 600;

    line-height: normal;

    margin-top: 40px;

    margin-left: -8px;

}



.e-contact-buttons__contact-icon-link[aria-label*="Waze"] {

    background-image: url('/wp-content/uploads/2025/11/map.svg');

    background-size: 64px;

    width: 64px;

    height: 64px;

    margin-bottom: 20px;

}



.e-contact-buttons__contact-icon-link[aria-label*="Waze"]::after{

    content: 'Hartă';

    display: flex;

    color: #FFF;

    text-align: center;

    text-overflow: ellipsis;

    text-shadow: 0 2px 25px #000;

    font-size: 12px;

    font-style: normal;

    font-weight: 600;

    line-height: normal;

    margin-top: 40px;

    margin-left: -4px;

}



.e-contact-buttons__contact-icon-link[aria-label*="Email"] {

    background-image: url('/wp-content/uploads/2025/11/message.svg');

    background-size: 64px;

    width: 64px;

    height: 64px;

    margin-bottom: 20px;

}

.e-contact-buttons__contact-icon-link[aria-label*="Email"]::after{

    content: 'Programare';

    display: flex;

    color: #FFF;

    text-align: center;

    text-overflow: ellipsis;

    text-shadow: 0 2px 25px #000;

    font-size: 12px;

    font-style: normal;

    font-weight: 600;

    line-height: normal;

    margin-top: 40px;

    margin-left: -19px;

}



.e-contact-buttons__contact-icon-link[aria-label*="WhatsApp"] {

    background-image: url('/wp-content/uploads/2025/11/whatsapp.svg');

    background-size: 64px;

    width: 64px;

    height: 64px;

    margin-bottom: 20px;

}

.e-contact-buttons__contact-icon-link[aria-label*="WhatsApp"]::after{

    content: 'WhatsApp';

    display: flex;

    color: #FFF;

    text-align: center;

    text-overflow: ellipsis;

    text-shadow: 0 2px 25px #000;

    font-size: 12px;

    font-style: normal;

    font-weight: 600;

    line-height: normal;

    margin-top: 40px;

    margin-left: -15px;

}

#sb_instagram .sbi_follow_btn a, .sbi_load_btn {

    border-radius: 30px !important;

    padding: 12px 24px !important;

}

#sbi_load{

    padding: 32px 0;

}

#sb_instagram img{

    border-radius: 32px;

}

#sb_instagram.sbi_col_3 #sbi_images, #sb_instagram.sbi_col_3.sbi_disable_mobile #sbi_images{

    gap: 32px !important;

}

input[type="text"],

input[type="email"],

input[type="tel"],

input[type="password"],

input[type="number"],

input[type="url"],

textarea,

select {

    background: rgba(0, 0, 0, 0.2);

    border-radius: 32px;

    backdrop-filter: blur(10px) saturate(180%);

    -webkit-backdrop-filter: blur(10px) saturate(180%);

    border: 1px solid rgba(255, 255, 255, 0.18) !important;

    color: #fff;

    padding: 12px 20px;

}



input::placeholder,

textarea::placeholder {

    color: rgba(255, 255, 255, 0.6);

}



input:focus,

textarea:focus,

select:focus {

    outline: none;

    border-color: rgba(255, 255, 255, 0.3);

    background: rgba(0, 0, 0, 0.25);

}

textarea{

    padding: 24px !important;

}

/* Carousel wrapper */

.instagram-carousel-wrapper {

    position: relative;

    padding: 0 70px 50px; /* Space for navigation and pagination */

    margin: 0 auto;

}



/* Ensure container is set as swiper */

#sbi_images {

    overflow: visible !important; /* Changed from hidden to visible */

    display: flex !important;

    flex-direction: row !important;

    position: relative !important;

}



/* Remove the gap style since Swiper handles spacing */

#sbi_images.swiper-initialized {

    gap: 0 !important;

}



/* Swiper wrapper */

#sbi_images .swiper-wrapper {

    display: flex !important;

    align-items: stretch;

}



/* Force gap between slides */

#sbi_images .swiper-slide {

    margin-right: 24px !important;

}



#sbi_images .swiper-slide:last-child {

    margin-right: 0 !important;

}



/* Custom Navigation Buttons */

.instagram-carousel-wrapper .swiper-button-next,

.instagram-carousel-wrapper .swiper-button-prev {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    width: 50px;

    height: 50px;

    background: #ffffff;

    border-radius: 50%;

    box-shadow: 0 4px 12px rgba(0,0,0,0.15);

    transition: all 0.3s ease;

    color: #333;

    z-index: 10;

    cursor: pointer;

    display: flex;

    align-items: center;

    justify-content: center;

}



.instagram-carousel-wrapper .swiper-button-prev {

    left: 0;

}



.instagram-carousel-wrapper .swiper-button-next {

    right: 0;

}



/* Remove default Swiper arrow */

.instagram-carousel-wrapper .swiper-button-next:after,

.instagram-carousel-wrapper .swiper-button-prev:after {

    content: '' !important;

    display: none;

}



/* Hover effect */

.instagram-carousel-wrapper .swiper-button-next:hover,

.instagram-carousel-wrapper .swiper-button-prev:hover {

    background: #333;

    color: #fff;

    box-shadow: 0 6px 16px rgba(0,0,0,0.2);

    transform: translateY(-50%) scale(1.1);

}



/* Disabled state */

.instagram-carousel-wrapper .swiper-button-disabled {

    opacity: 0.35;

    cursor: not-allowed;

}



.instagram-carousel-wrapper .swiper-button-disabled:hover {

    transform: translateY(-50%);

    background: #ffffff;

    color: #333;

}



/* Custom Pagination */

.instagram-carousel-wrapper .swiper-pagination {

    position: absolute !important;

    bottom: 0 !important;

    left: 50% !important;

    transform: translateX(-50%);

    width: auto !important;

    display: flex !important;

    justify-content: center;

    gap: 8px;

}



.instagram-carousel-wrapper .swiper-pagination-bullet {

    width: 12px !important;

    height: 12px !important;

    background: #d1d5db !important;

    opacity: 1 !important;

    border-radius: 50%;

    transition: all 0.3s ease;

    cursor: pointer;

    margin: 0 !important;

}



.instagram-carousel-wrapper .swiper-pagination-bullet-active {

    background: #fff !important;

    width: 32px !important;

    border-radius: 6px;

}



/* Ensure slides display properly */

.sbi_item.swiper-slide {

    height: auto;

    box-sizing: border-box;

}



/* Mobile adjustments */

@media (max-width: 767px) {

    .instagram-carousel-wrapper {

        padding: 0 50px 50px;

    }

    

    .instagram-carousel-wrapper .swiper-button-next,

    .instagram-carousel-wrapper .swiper-button-prev {

        width: 40px;

        height: 40px;

    }

    

    .instagram-carousel-wrapper .swiper-button-next svg,

    .instagram-carousel-wrapper .swiper-button-prev svg {

        width: 20px;

        height: 20px;

    }

    

    /* Smaller gaps on mobile */

    #sbi_images .swiper-slide {

        margin-right: 16px !important;

    }

}



/* Tablet adjustments */

@media (max-width: 1023px) and (min-width: 768px) {

    .instagram-carousel-wrapper {

        padding: 0 60px 50px;

    }

}

#sbi_images .swiper-wrapper{

    gap: 24px;

}

/* .instagram-carousel-wrapper .swiper-pagination-bullet{

    background-color: #ffffff33 !important;

} */





/* ═══════════════════════════════════════════════════════════════

   COLUMN COLORS - Edit these to change level colors

   ═══════════════════════════════════════════════════════════════ */

.dme-pricing-table .col-1 { background-color: #eeeeee; }

.dme-pricing-table .col-2 { background-color: #eee0d8; }

.dme-pricing-table .col-3 { background-color: #dad8d8; }

.dme-pricing-table .col-4 { background-color: #e9e0ce; }



/* Header colors (slightly darker) */

.dme-pricing-table thead .col-1 { background-color: #d5d5d5; }

.dme-pricing-table thead .col-2 { background-color: #e0c8bc; }

.dme-pricing-table thead .col-3 { background-color: #c5c3c3; }

.dme-pricing-table thead .col-4 { background-color: #d9cfb8; }



/* Level header with SVG */

.level-header {

    display: flex;

    flex-direction: column;

    align-items: center;

    gap: 0.5rem;

}



.level-header svg {

    width: 64px;

    height: 64px;

}



.level-header span {

    text-align: center;

    font-family: "Roboto", Sans-serif;

    font-size: 20px;

    font-weight: 700;

    line-height: 150%;

    color: var(--e-global-color-secondary);

}



/* ═══════════════════════════════════════════════════════════════

   TABLE BASE STYLES

   ═══════════════════════════════════════════════════════════════ */

.dme-table-wrapper {

    position: relative;

    margin: 2rem 0;

}



.dme-pricing-table {

    width: 100%;

    border-collapse: separate;

    border-spacing: 0;

    font-family: inherit;

    table-layout: fixed;

}



.dme-pricing-table thead {

    position: sticky;

    top: 0;

    z-index: 10;

}



.dme-pricing-table thead th {

    background-color: inherit;

}



/* Fixed header clone for Elementor compatibility */

.dme-fixed-header {

    display: none;

    position: fixed;

    top: 0;

    left: auto;

    z-index: 1000;

    background: #fff;

    box-shadow: 0 2px 8px rgba(0,0,0,0.15);

}



.dme-fixed-header tr {

    display: flex;

    width: 100%;

}



.dme-fixed-header th {

    padding: 1rem 0.75rem;

    text-align: center;

    font-weight: 600;

    font-size: 0.95rem;

    border-bottom: 2px solid #989898;

    box-sizing: border-box;

}



.dme-fixed-header th:first-child,

.dme-fixed-header .col-0 {

    flex: 0 0 35%;

    text-align: left;

    padding-left: 16px;

    background-color: #f5f5f5;

    font-family: "Roboto", Sans-serif;

    color: #000;

    font-size: 20px;

    display: flex;

    align-items: center;

}



.dme-fixed-header .col-1 { flex: 0 0 16.25%; background-color: #d5d5d5; }

.dme-fixed-header .col-2 { flex: 0 0 16.25%; background-color: #e0c8bc; }

.dme-fixed-header .col-3 { flex: 0 0 16.25%; background-color: #c5c3c3; }

.dme-fixed-header .col-4 { flex: 0 0 16.25%; background-color: #d9cfb8; }



.dme-pricing-table th {

    padding: 1rem 0.75rem;

    text-align: center;

    font-weight: 600;

    font-size: 0.95rem;

    border-bottom: 1px solid #989898;

    background-color: inherit;

}



.dme-pricing-table th.col-0,

.dme-pricing-table th:first-child {

    text-align: left;

    padding-left: 16px;

    background-color: #f5f5f5;

    font-family: "Roboto", Sans-serif;

    color: #000;

    font-size: 20px;

}



.dme-pricing-table td {

    padding: 0;

    border-bottom: 1px solid #989898;

    text-align: center;

    font-size: 16px;

    background-color: inherit;

}



.dme-pricing-table .service-name {

    text-align: left;

    padding-left: 16px;

    font-family: "Roboto", Sans-serif;

    font-size: 16px;

    font-weight: 500;

    line-height: 150%;

    color: var(--e-global-color-secondary);

}



.dme-pricing-table tbody tr:hover .service-name {

    background-color: #eee;

}



.dme-pricing-table tbody tr:hover td:not(.service-name) {

    filter: brightness(0.95);

}



.dme-pricing-table .check {

    color: #38a169;

}



.dme-pricing-table .cross {

    color: #e53e3e;

}



.dme-pricing-table .check svg,

.dme-pricing-table .cross svg {

    width: 16px;

    height: 16px;

    fill: currentColor;

    vertical-align: middle;

}



/* Column widths - Desktop */

.dme-pricing-table .service-name,

.dme-pricing-table th.col-0,

.dme-pricing-table th:first-child {

    width: 35%;

}



.dme-pricing-table .col-1,

.dme-pricing-table .col-2,

.dme-pricing-table .col-3,

.dme-pricing-table .col-4 {

    width: 16.25%;

}



/* ═══════════════════════════════════════════════════════════════

   TABLET RESPONSIVE - Column widths

   ═══════════════════════════════════════════════════════════════ */

@media (max-width: 1024px) and (min-width: 769px) {

    .dme-pricing-table .service-name,

    .dme-pricing-table th.col-0,

    .dme-pricing-table th:first-child {

        width: 50%;

    }

    

    .dme-pricing-table .col-1,

    .dme-pricing-table .col-2,

    .dme-pricing-table .col-3,

    .dme-pricing-table .col-4 {

        width: 12.5%;

    }

    

    .dme-fixed-header th:first-child,

    .dme-fixed-header .col-0 {

        flex: 0 0 50%;

    }

    

    .dme-fixed-header .col-1,

    .dme-fixed-header .col-2,

    .dme-fixed-header .col-3,

    .dme-fixed-header .col-4 {

        flex: 0 0 12.5%;

    }

}



/* ═══════════════════════════════════════════════════════════════

   MOBILE RESPONSIVE - Service name 100%, icons in 4 columns below

   ═══════════════════════════════════════════════════════════════ */

@media (max-width: 768px) {

    .price-tag{

        margin: 0 auto;

    }

    .dme-table-wrapper {

        max-height: none;

        overflow: visible;

    }

    

    .dme-pricing-table {

        display: block;

    }

    

    .dme-pricing-table thead {

        width: calc(100% - 16px);

        margin-left: 8px;

        display: block;

        position: sticky;

        top: 0;

        z-index: 1;

        background: #fff;

        box-shadow: 0 2px 4px rgba(0,0,0,0.1);

    }

    

    .dme-pricing-table thead tr {

        display: flex;

        justify-content: space-around;

        padding: 0;

        border-radius: 0 !important;

    }

    

    .dme-pricing-table thead th.col-0,

    .dme-pricing-table thead th:first-child {

        display: none;

    }

    

    .dme-pricing-table thead th {

        flex: 1;

        padding: 0.5rem 0.25rem;

        border: none;

    }

    

    .dme-pricing-table thead .level-header svg {

        width: 30px;

        height: 30px;

    }

    

    .dme-pricing-table thead .level-header span {

        font-size: 0.7rem;

    }

    

    .dme-pricing-table tbody {

        display: block;

    }

    .dme-pricing-table tr {

        display: block;

        margin-bottom: 0rem;

        border-radius: 8px;

        overflow: hidden;

        border: 1px solid #d9d9d9 !important;

        margin-bottom: 8px;

        /* box-shadow: 0 2px 4px rgba(0,0,0,0.1); */

    }

    

    .dme-pricing-table .service-name {

        display: block;

        width: 100%;

        padding: 1rem;

        background-color: #f8f8f8;

        font-weight: 600;

        border-bottom: 0 !important;

        margin-bottom: 0 !important;

        text-align: center;

    }

    

    .dme-pricing-table td:not(.service-name) {

        display: inline-block;

        width: 25%;

        padding: 0;

        box-sizing: border-box;

        border-bottom: none;

        vertical-align: middle;

        margin-top: -7px;

    }

    

    .dme-pricing-table .check,

    .dme-pricing-table .cross {

        font-size: 1rem;

    }

    

    .dme-pricing-table .check svg,

    .dme-pricing-table .cross svg {

        width: 24px;

        height: 24px;

    }

    

    /* Fixed header mobile styles */

    .dme-fixed-header tr {

        justify-content: space-around;

    }

    

    .dme-fixed-header th:first-child,

    .dme-fixed-header .col-0 {

        display: none;

    }

    

    .dme-fixed-header .col-1,

    .dme-fixed-header .col-2,

    .dme-fixed-header .col-3,

    .dme-fixed-header .col-4 {

        flex: 1;

        padding: 0.5rem 0.25rem;

        border: none;

    }

    

    .dme-fixed-header .level-header svg {

        width: 30px;

        height: 30px;

    }

    

    .dme-fixed-header .level-header span {

        font-size: 0.7rem;

    }

}



/* Extra small screens */

@media (max-width: 400px) {

    .dme-pricing-table .service-name {

        font-size: 0.8rem;

        padding: 0.75rem;

    }

    

    .dme-pricing-table td:not(.service-name) {

        padding: 0.5rem 0.25rem;

    }

}

@media (max-width: 1024px) {

    .dme-fixed-header {

        width: 100% !important;

        margin-left: 0;

        left: 0 !important;

        padding: 0 20px;

        background: #440a07 !important;

    }

    .dme-pricing-table .service-name {

        padding: 10px !important

    }

    .e-n-menu-content .e-con[data-id="cd356d9"] {

        overflow-y: visible !important;

        overflow-x: visible !important;

        height: auto !important;

        max-height: none !important;

    }

    

    #container-servicii {

        overflow: visible !important;

        max-height: none !important;

    }

    

    .e-n-menu-content {

        overflow-y: auto !important;

        max-height: calc(100vh - 100px) !important;

    }

}

.header-hero-banner:hover h1, .header-hero-banner:active h1 {

    filter: none !important;

}

.header-hero-banner:hover h1,

.header-hero-banner.touched h1 {

    filter: none !important;

}



@media (max-width: 768px) {

    .dme-pricing-table tbody tr {

        display: flex;

        flex-wrap: wrap;

        margin-left: 8px;

        margin-right: 8px;

        margin-top: 8px;

        margin-bottom: 8px;

    }

    

    .dme-pricing-table .service-name {

        flex: 0 0 100%;

        margin-bottom: 6px;

    }

    

    .dme-pricing-table td:not(.service-name) {

        /* flex: 0 0 33.33%; */

        height: 45px;

        display: flex;

        align-items: center;

        justify-content: center;

        padding: 0;

        margin: 0;

    }

    .dme-pricing-table td:not(.service-name) {

        height: 45px !important;

    }

    .dme-pricing-table .check, .dme-pricing-table .cross {

        position: relative;

        top: -7px !important;

        height: 45px;

    }

}

/* Date Label Overlay - Bottom Center */

.sbi-date-label {

    position: absolute;

    bottom: 2px;

    left: 50%;

    transform: translateX(-50%);

    background: #fff;

    color: #000;

    padding: 8px 8px;

    border-radius: 6px;

    font-size: 14px;

    font-weight: 600;

    z-index: 5;

    backdrop-filter: blur(4px);

    letter-spacing: 0;

    line-height: 1em;

}

.sbi-instagram-label{

    position: absolute;

    top: 2px;

    left: 50%;

    transform: translateX(-50%);

    background: #fff;

    color: #000;

    padding: 8px 8px;

    border-radius: 6px;

    font-size: 14px;

    font-weight: 600;

    z-index: 5;

    backdrop-filter: blur(4px);

    letter-spacing: 0;

    line-height: 1em;

}

/* Photo wrap needs relative positioning */

.sbi_photo_wrap {

    position: relative;

}



/* Optional: Add a subtle animation on hover */

.sbi_item:hover .sbi-date-label, .sbi_item:hover .sbi-instagram-label {

    transform: translateX(-50%) scale(1.05);

    transition: all 0.3s ease;

}



/* body:has(.e-n-menu-toggle[aria-expanded="true"]) {

    position: fixed !important;

    width: 100% !important;

    height: 100vh !important;

    overflow: hidden !important;

} */

 body.elementor-popup-modal-open {

    position: fixed !important;

    width: 100% !important;

    overflow: hidden !important;

}



/* Elimină conflictul cu meniul */

body.elementor-popup-modal-open:has(.e-n-menu-toggle[aria-expanded="true"]) {

    position: static !important;

}

.sticky-header{

    z-index: 1000 !important;

}

#open-menu {

    pointer-events: auto !important;

    cursor: pointer;

}

.price-tag{

    background: #efefef;

    color: #000;

    max-width: fit-content;

    padding-left: 8px;

    padding-right: 8px;

}

/* html.cantScroll,

body.cantScroll{

  overflow: hidden !important;

}

body.e-off-canvas__no-scroll {

    overflow: hidden !important;

    height: calc(100vh - 60px) !important;

} */
.custom-slide::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.45); /* adjust darkness */
    z-index: 1;
    pointer-events: none; /* keeps overlay unclickable */
    border-radius: 32px;
}

#sb_instagram .sbi_photo{
   height: 100% !important;
}