/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/

.menu-open{
    max-height:100% !important;
    height:100vh;
}
.menu-open *{
    opacity:1 !important;
}
.menu-open nav{
    position: relative;
    margin-top: 50px;
}
/*Header logo*/
#header .header-inner #logo{
    padding:5px;
}
    #header #logo img{
      max-height:90px;
    }
    #header.sticky-active #logo img{
        max-height:70px;
    }
/*Header logo end*/
/*Slider homepage*/
#topbar~#header[data-transparent=true]+#slider, #topbar~#header[data-transparent=true]+.fullscreen, #topbar~#header[data-transparent=true]+.halfscreen, #topbar~#header[data-transparent=true]+#google-map,#header[data-transparent=true]+#page-title{
    top:-139px !important;
}
.sigle-anpc-sol{
    display:flex;
    flex-direction:row;
    gap:1rem;
    width:100%;
}
.sigle-anpc-sol .sigla-anpc-image{
    max-width:100%;
}
/*Slider homepage end*/

/*Featured service card*/
.card.featured {
    border: 2px solid #dc3545;
    box-shadow: 0 8px 20px rgba(178, 34, 34, 0.4);
    transform: scale(1.03);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    position: relative; /* necesar pentru pseudo-element */
}

.card.featured:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 28px rgba(178, 34, 34, 0.6);
}

.card.featured .btn{
    background-color:#dc3545 !important;
    color:#ffffff !important;
}

/* Eticheta recomandat folosind ::before */
.card.featured::before {
    content: "Recomandat";
    position: absolute;
    top: 12px;
    right: 12px;
    background: #dc3545;
    color: #fff;
    padding: 4px 10px;
    font-size: 0.75rem;
    font-weight: bold;
    border-radius: 12px;
    text-transform: uppercase;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    z-index: 10;
}

/*Featured service card END*/
@media screen and (max-width:768px){
    .inspiro-slider .slide .container{
        padding-top:235px;
    }
    #scrollTop{
        bottom:70px !important;
    }
    #CookiebotWidget:not(.CookiebotWidget-inactive) {
        bottom: 70px !important;
        z-index:1;
    }

}