@font-face {
    font-family: "Playfair Display";
    src: url(../fonts/Playfair_Display/PlayfairDisplay-VariableFont_wght.ttf);
}

@font-face {
    font-family: "Dancing Script";
    src: url(../fonts/Dancing_Script/DancingScript-VariableFont_wght.ttf);
}

@font-face {
    font-family: "Lora";
    src: url(../fonts/Lora/Lora-Italic-VariableFont_wght.ttf);
}


p,
label,
input,
.form-control,
a,
.elegante {
    font-family: "Lora" !important;
    color:#4b4b4b;
}

h1 {
    color: #DD6E00
}

.oro {
    color: #DD6E00
}

.bg-primary  {
    background-color: #DD6E00 !important
}

.bg-dark-trans {
    background: linear-gradient(rgba(36, 36, 36, 0.75), rgba(39, 27, 0, 0.75)) !important
}

.link-white {
    color: white
}

.link-white:hover {
    color: #DD6E00
}

#login-screen {
    background: url(../img/sfondo-app-1.jpg) center center no-repeat
}

#app-screen {
    position:fixed;
    z-index:-2;
    width:100%;
    height:100%;
}

#logo-login {
    position: absolute;
    left: 5px;
    top: 5px;
    width: 100px;
    z-index: 0;
    max-width: 60%;
}

.container-login {
    border-radius: 10px;
    width: 600px;
    max-width: 80%;
    z-index: 2;
}
.active{
    background-color: #DD6E00 !important;
    border: solid 1px #DD6E00 !important;

}
.btn-primary {
    background-color: #DD6E00;
    border: solid 1px #DD6E00;
    border-radius: 20px;
}
.btn-danger {
    background-color: #111158;
    border: solid 1px #101025;
    border-radius: 20px;
}

.bg-danger {
    background-color:#111158 !important
}

.form-control,
.form-select,
.btn-outline-primary {
    border-radius: 20px;
    border: solid 1px #DD6E00;
    color: black;
}

.btn-primary:hover {
    background-color: #663503;
    border: solid 1px #663503;
}

label {
    font-weight: 600;
}

.label-user,
.label-password,
.label-search {
    position: relative;
}
.label-user > input,
.label-password > input ,
.label-search > input {
    padding-left:40px;
}

.label-user:before {
    content: "";
    position: absolute;
    left: 10px;
    top: 0;
    bottom: 0;
    width: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23DD6E00' class='bi bi-person-circle' viewBox='0 0 16 16'%3E%3Cpath d='M11 6a3 3 0 1 1-6 0 3 3 0 0 1 6 0'/%3E%3Cpath fill-rule='evenodd' d='M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8m8-7a7 7 0 0 0-5.468 11.37C3.242 11.226 4.805 10 8 10s4.757 1.225 5.468 2.37A7 7 0 0 0 8 1'/%3E%3C/svg%3E") center / contain no-repeat;
}

.label-password:before {
    content: "";
    position: absolute;
    left: 10px;
    top: 0;
    bottom: 0;
    width: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23DD6E00' class='bi bi-shield-lock-fill' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8 0c-.69 0-1.843.265-2.928.56-1.11.3-2.229.655-2.887.87a1.54 1.54 0 0 0-1.044 1.262c-.596 4.477.787 7.795 2.465 9.99a11.8 11.8 0 0 0 2.517 2.453c.386.273.744.482 1.048.625.28.132.581.24.829.24s.548-.108.829-.24a7 7 0 0 0 1.048-.625 11.8 11.8 0 0 0 2.517-2.453c1.678-2.195 3.061-5.513 2.465-9.99a1.54 1.54 0 0 0-1.044-1.263 63 63 0 0 0-2.887-.87C9.843.266 8.69 0 8 0m0 5a1.5 1.5 0 0 1 .5 2.915l.385 1.99a.5.5 0 0 1-.491.595h-.788a.5.5 0 0 1-.49-.595l.384-1.99A1.5 1.5 0 0 1 8 5'/%3E%3C/svg%3E") center / contain no-repeat;
}
.label-search:before {
    content: "";
    position: absolute;
    left: 10px;
    top: 0;
    bottom: 0;
    width: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23DD6E00' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1m-5.242.656a5.5 5.5 0 1 1 0-11 5.5 5.5 0 0 1 0 11'/%3E%3C/svg%3E") center / contain no-repeat;
}

input {
    padding: 10px 30px;
}

.card-annuncio {
    height: 300px;
    background-size: cover;
    background-position: center;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: end;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
}

/* Overlay scuro */
.card-annuncio::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.5); /* intensità regolabile */
    z-index: 1;
    pointer-events: none; /* evita che blocchi i click */
}

/* Contenuto visibile sopra il dark overlay */
.card-annuncio .overlay {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 10px;
    color: #fff;
    background: linear-gradient(to top, rgba(0,0,0,0.7), rgba(0,0,0,0)); /* opzionale */
}
.card-annuncio .titolo {
    font-family: 'Cursive', sans-serif;
    font-size: calc(15px + 0.5vw);
    color: #FF7F2A;
}

.card-annuncio .dettagli,
.card-annuncio .prezzo-luogo {
    font-size: calc(10px + 0.3vw);
}


.btn-light {
    border:solid 1px black;
    background-color:white !important;
    padding-left: 25px;
    padding-right: 25px;
    padding-top:13px;
    padding-bottom: 13px;
    border-radius: 30px;
  }
  .btn-light:hover {
    color:white;
    background-color:black !important;
  }


  @media screen and (max-width:768px){
    .modal .btn, label, input, select, textarea {
        font-size:10px !important
    }
  }