/*==============GENERALI================ */

:root{
    --lightborder: #887962;
    --visitedcolor: #6D7541;
    --bordercolor: #481515;
}

*{
    padding:0em;
    margin:0em;
}

html, body{
    font-size: 12pt;
    font-family: 'Times New Roman', Times, serif;
    margin: auto;
    text-align: justify;
}

a{
    color:var(--bordercolor);
}

a:visited{
    color:var(--visitedcolor);
}

p:not(nav#breadcrumb p){
    margin-bottom: 0.3cm;
}

h1{
    margin-bottom: 0.5cm;
    font-size: 20pt;
}

h2{
    font-size: 16pt;
    padding-top: 0.2cm;
    margin-top: 0.3cm;
    margin-bottom: 0.1cm;
    border-top: 1px solid var(--lightborder);
}

a:not(#logo-link):not(.pencil):not([href^="mailto:"]):not(.polaroid):not([href^="tel:+390000000000"]):not(#insta-link):not(header a):not(nav a):not([href="#inizio-volontari"]):not([href="#inizio-sostenitore"])::after {
    content: " [" attr(href) "]";
    margin-left: 0.4em;
    overflow-wrap: break-word; 
}
#content-filter-button{
    display: none;
}

.errore{
    text-align: center;
    margin-top: 1cm;
}

#new-event-button{
    display: none;
}

.filtri{
    padding-bottom: 0.5cm;
    border-bottom: 1px solid var(--lightborder);
}


/*==============FILTRI================ */

.capsula-filtro:has(input[type="date"][value=""])::after,
.capsula-filtro:has(input[type="date"]:not([value]))::after,
.capsula-filtro:has(input:placeholder-shown)::after {
    content: "Tutti";
    font-weight: bold; 
    display: inline;
    margin-left: 0;
}

.capsula-filtro label{
    width: fit-content;
    padding-right:0.5cm;
    float: left;
}

.capsula-filtro > div {
    display: inline;
    margin:0;
}

/* toglie il template della data */
.data-range:has(input:placeholder-shown) input {
    display: none;
}

input[type="date"][value=""], 
input[type="date"]:not([value]) {
    display: none;
}

div:has(input[type="number"][value=""]):has(input[type="number"][value=""] + span) span,
div:has(input[type="number"]:not([value])):has(span) span, 
div:has(input[type="date"][value=""]):has(input[type="date"][value=""] + span) span,
div:has(input[type="date"]:not([value])):has(span) span { 
    display: none;
}

.capsula-filtro:has(input:placeholder-shown) input {
    display: none;
}


::placeholder {
    color: transparent;
}

form.filtri select {
    appearance: none;
    border: none;
    background: transparent;
    font-weight: bold;
    font-size: 12pt;
    color: black;
    padding: 0;
    font-family: 'Times New Roman', Times, serif;
}


form input, form select { 
    border: none;
    background: transparent;
    padding: 0;
    margin: 0 ;
    box-shadow: none;
        
    appearance: none;
         
}


form.filtri ul {
    list-style: none;
}

form.filtri button {
    display: none;
}

#animali nav:not(.next-page-links)::before,
#eventi nav:not(.next-page-links)::before{
    content:'Filtri applicati: ';
    display: block;
    margin-right: 0.2cm;
}
/* ========== TABS ========== */
select#mobile-select, label[for*="tab"], input[id*="tab"]{
    display: none;
}
div.tabs-container .tab-content{
    display: block;
}


/*==============HEADER================ */

.navigationHelp {
    display: none;
}

nav#header-logo {
    height: 5em;
    display: block;
    margin: auto;
    justify-content: center;
    text-align: center;
}

footer img#logo-footer,
nav#header-logo img {
    height: 2cm;
    text-align: center;
    filter: brightness(0);
    margin-top:1em;
}

body footer img#logo-footer{
    margin-top: 0;
}

#name-site-footer,
#name-site{
    text-align: center;
    display: block;
    font-size: 20pt;
    margin-top: -10px;
}

.torna-su-button,
img[alt=""]:not(#instagram):not(.immagine-evento):not(#img-animale-richiesta):not(.heart-normal){
    display: none;
}

#header-actions,
#nav-osso {
    display: none;
}

/*==============FOOTER================ */

footer{
    padding-top: 0.5cm;
    break-inside: avoid; 
    page-break-inside: avoid;
    border:1px solid var(--lightborder);
    border-radius: 0.3cm;
}

#footer-menu {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    width: 90%;
    margin:auto;
    justify-content: center;
}

footer p{
    font-weight: bold;
    font-size: 14pt;
    margin-bottom: 0.3cm;
}

footer address{
    font-style: normal;
    display: inline;
}

#footer-menu > li{
    padding: 0.2cm;
    flex: 0 0 47%;
}



.footer-submenu li {
    margin-bottom:0.3cm;
    list-style-type: "- ";
}

.footer-submenu  li:has(#insta-link){
    list-style: none;
}

footer .container + div{
    text-align: center;
}

#insta-link img{
    height: 13pt;
    filter: brightness(0);
}

.social-media-links a{
    display: flex;
    align-items: center;
    gap: 0.5em;
}

#copyright{
    text-align: center;
    padding:1em;
    display: block;
    font-size: 10pt;
}

/* ============BREADCRUMB=========== */
main#content nav#breadcrumb a::after{
    content: '';
}

nav#breadcrumb{
    text-align: center;
    margin-bottom: 0.5cm;
    border:1px solid var(--bordercolor);
    border-radius: 0.5cm;
    padding:0.1cm;
    margin-top:1.5cm;
}
/* ========== TABELLE ========== */
caption{
    margin-bottom: 0.5cm;
    font-weight: bold;
    font-size: larger;
}

/* metto i bordi alle tabelle */
table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
    padding: 0.2cm;
}

table{
    width: 99.9%;
}

table button{
    border-radius: 0.2cm;
    padding: 0.2cm;
}

/* ============PAGINA ANIMALI=========== */

#nav-animali-type ul li.currentType::before,
#nav-event-type ul li.currentType::before{
    content: 'Cerca per: ';
    font-weight: normal;
}

#nav-animali-type ul li.currentType,
#nav-event-type ul li.currentType{
    font-weight: bold;
    display: block;
}

/* toglie il filtro non corrente */
#nav-animali-type ul li,
#nav-event-type ul li{
    display: none;
}

.cards-container:has(article.card) li img{
    height: 3cm;
    margin: 0 auto 0.2cm auto;
    object-fit: cover;
    display: block;
}

.cards-container article{
    margin-bottom: 1cm;
}

.sesso-etaMob{
    display: none;
}

#invito-accedi-content a,
h1 + a.link-button{
    margin:-1.5cm 0 0 auto;
    border: 1px solid var(--lightborder);
    padding: 0.3cm;
    border-radius: 0.5cm;
    width: fit-content;
}

#invito-accedi-content a.db-button{
    margin: 0 auto;
}


#animali .is-favorite, #animali .not-favorite,
#visualizzazione-animale .is-favorite, #visualizzazione-animale .not-favorite {
    appearance: none;
    border: none;
    background: transparent;
    float: right;
}

#invitoAdAccedere{
    text-align: center;
    margin-top: 0.5cm;
    padding-top: 0.5cm;
    border-top: 1px solid var(--bordercolor);
}

#animali img.heart-normal,
#animali img.heart-hover, 
#visualizzazione-animale img.heart-normal,
#visualizzazione-animale img.heart-hover{
    position: static;
    width: 0.7cm;
    height: 0.7cm;
    overflow: visible;
    margin-top: -1.5cm;
}

#btn-assegnatamento{
    display: none;
}

#animali .card:has(.adottato) .cuore img{
    margin-top:-0.6cm;
}

.adottato{
    border:1px solid var(--bordercolor);
    border-radius: 1cm;
    padding: 0.1cm;
    width: fit-content;
    font-style: italic;
}

/* ============HOME=========== */

#introduction-home .column-container{
    display: flex;
    margin: auto;
}

#introduction-home div.column-user:first-of-type{
    flex: 0 0 30%;
    margin-right: 1cm;
    text-align: left;
}

#subtitle-home{
    text-indent: 0;
    font-size: 16pt;
    font-weight: 400;
    display: block;
    margin:0;
}

#introduction-home div.column-user:last-of-type{
    flex: 0 0 60%;
    text-align: justify;
}

a.link-button{
    display: block;
    text-align: right;
    padding: 0.5cm 0;
}

#sponsor img{
    width: 2.5cm;
    margin: 10px;
    height: auto;
}

#sponsor{
    margin-top: 0.3cm;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-around;
    border-top:1px 
}

#events-list::before{
    content: 'I nostri ultimi eventi: ';
    display: block; 
    width: 100%;      
    flex: 0 0 100%;
    
    font-size: 14pt;
    font-weight: bold;
    margin-bottom: 0.3cm;
    
    break-after: avoid; 
    page-break-after: avoid;
}

#events-list{
    display: flex;
    flex-wrap: wrap;
    margin-top: 0.2cm;
    padding-top:0.5cm;
    width: 95%;
    margin-left: auto; 
    margin-right: auto; 
}

#events-list a.polaroid::after{
    content: '';
}

.vMobile{
    display: none;
}

#events-list .polaroid:first-child article{
    transform: rotate(10deg);
    margin-top:4%;
    margin-right: 0.3cm;
}

#events-list .polaroid:nth-child(2) article{
    transform: rotate(3deg);
    margin-top:1cm;
    margin-right: 0.15cm;
}

#events-list .polaroid:nth-child(3) article{
    transform: rotate(-3deg);
    margin-top:1cm;
    margin-left: 0.15cm;
}

#events-list .polaroid:last-child article{
    transform: rotate(-10deg);
    margin-top:4%;
    margin-left: 0.3cm;
}

#events-list .polaroid article{
    border: 1px solid var(--bordercolor);
    padding:0.5cm 0.2cm;
    text-align: left;
}

#events-list .polaroid article h4{
    font-weight: normal;
}
#events-list .polaroid article h4::before,
#events-list .polaroid article .vDesk::before,
#events-list .polaroid article p:last-of-type::before{
    font-weight: 600;
    display: inline-block;
    text-decoration: none;
}

#events-list .polaroid article h4::before{
    content: 'Titolo: ';
}
#events-list .polaroid article .vDesk::before{
    content: 'Data: ';
}
#events-list .polaroid article p:last-of-type::before{
    content: 'Descrizione: ';
}

#events-list .polaroid{
    flex: 0 0 22%;
    display: flex;
    box-sizing: border-box;
    flex-direction: column;
    margin:0.2cm;

    /* evita di rompere la cella tra più pagine */
    break-inside: avoid; 
    page-break-inside: avoid;
}

.polaroid img{
    max-height: 2cm;
    max-width: 3cm;
    margin: 0 auto 0.5cm auto;
    object-fit: cover;
    display: block;
}

#form-affidamento legend {
    font-weight: 500;
    font-size: 14pt;
    padding: 0.5cm 0;
    text-align: center;
    display: block;
}

form#form-affidamento div label{
    text-align: left;
    display: block;
}

input::placeholder{
    color:transparent;
}

#signup label + input,
#home label + input,
#user-profile label + input,
#login label + input,
.edit-number div input, 
#richiesta-adozione input,
.password-container input, div#admin-area label + input {
    border-radius: 0.5cm;
    padding: 0.5em 1em;
    margin: 0.2em 0 0.3em 0;
    width: 100%; 
    border: 1px solid var(--lightborder);
    font-size: 100%;
    box-sizing: border-box; 
}

fieldset {
    border: none;
    min-width: 0;
}

#affidamento-home h2{
    border-top: none;
}

#affidamento-home .column-container{
    display: flex;
    border-top:1px solid var(--lightborder);
}

#content-affidamento{
    flex: 1 0 30%;
    margin-right: 1cm;
}

#container-form-affidamento{
    flex: 0 0 50%;
}

#form-affidamento {
    border-radius: 0.5cm;
    border:1px solid var(--lightborder);
    margin:0.8cm auto 0 auto;
    padding: 0.3cm 0.5cm;
    display: block;

    break-inside: avoid; 
    page-break-inside: avoid;
}

.radio-input{
    display: flex;
    margin:auto;
    margin-top: 0.3cm;
}

.radio-input div{
    flex: 0 0 50%;
}

form#form-affidamento .radio-input div label{
    display: inline-block;
}

#form-affidamento .db-button {
    width: 100%;
    border:1px solid var(--lightborder);
    margin: 0.3cm 0 0.5cm 0;
    padding: 0.7em 1.5em;
    border-radius: 1.5em;
    font-weight: 550;
}

/* ============EVENTI=========== */

.evento{
    padding: 0.2cm 0.3cm;
    border:1px solid var(--lightborder);
    border-radius: 0.3cm;
}

.cards-container:has(article.card),
.cards-container:has(.evento){
    display: flex;
    flex-wrap: wrap;
    gap:1%;
    margin-top: 0.2cm;
    clear: both;
    padding-top:0.5cm;
}

article.card,
.evento{
    padding:0.3cm;
    border:1px solid var(--lightborder);
    height:100%;
    border-radius: 0.1cm;
    text-align: left;
}

.evento .descrizione-evento p{
    border-top: 1px solid var(--lightborder);
    clear: both;
    margin-top:0.3cm;
}

.cards-container:has(article.card) li,
.cards-container:has(.evento) li{
    flex-grow: 1;
    justify-content: space-between;
    flex: 0 0 100%;
    display: flex;
    list-style: none;
    box-sizing: border-box;
    flex-direction: column;
    margin-bottom: -0.8cm;
}

.cards-container:has(article.card) li a,
.cards-container:has(.evento) li a{
    padding-top: 0.2cm;
    display: block;
}

#animali  .cards-container:has(article.card) li{
    flex: 0 0 4.6cm;
}

.cards-container:has(article.card) li img{
    margin: 0 auto 0.2cm auto;
    object-fit: cover;
    display: block;
    width: 3cm;
    height: 3cm;
}

.evento img.immagine-evento{
    float: left;
    height: 3cm;
    width: 3cm;
    margin: 0 0.5cm 0.3cm 0;
    padding-right: 0;
    object-fit: cover;
    display: block;
}

.evento h2{
    border-top: none;
    padding-top: 0;
}

.evento p{
    margin-bottom: 3px;
}

.evento p.posizione-evento::before{
    content: 'Luogo: ';
    font-weight: bold;
}

.evento p.data-evento::before{
    content: 'Data: ';
    font-weight: bold;
}

.evento p.posizione-data-abbr{
    display: none;
}

.evento h2{
    font-size: 12pt;
    font-weight: normal;
}

.evento h2::before{
    font-weight: bold;
    content: 'Titolo: ';
}

article.card,
article.evento {
    break-inside: avoid; 
    page-break-inside: avoid; 
    display: block; 
}

/* ========== NAV SOTTO ========== */
#animali .next-page-links, #eventi .next-page-links {
    display: flex;
    justify-content: center;
    margin: 0.5cm;
}

#animali .next-page-links li,
#animali .next-page-links li a, 
#eventi .next-page-links li, 
#eventi .next-page-links li a {
    list-style: none;
    text-decoration: none;
    font-weight: bold;
}

#animali .next-page-links li, #eventi .next-page-links li {
    padding: 0.1cm;
    margin: 0.1cm;
    border: 2.3px solid var(--lightborder);
    border-radius: 0.5em;
    width: 0.6cm;
    height: 0.6cm;
    align-items: center;
    text-align: center;
    display: flex;
    justify-content: center;
}

#animali .next-page-links li a:hover, #eventi .next-page-links li a:hover{
    border-bottom:2px solid var(--lightborder);
}

#animali .next-page-links li a, #eventi .next-page-links li a {
    transition: 0.3s;
    border-bottom:2px solid var(--lightborder);
    display: flex;
    align-items: center;
    justify-content: center;

}

#animali .next-page-links ul, #eventi .next-page-links ul {
    display: flex;
    justify-content: center;
    border: 2.3px solid var(--lightborder);
    border-radius: 0.5em;
    margin: 1cm 0;
}

#animali .next-page-links .currentLinkPagination, #eventi .next-page-links .currentLinkPagination {
    justify-content: center;
}

.evento p.posizione-data-abbr{
    display: none;
}

/* ----------CHI SIAMO ------------ */

#content-chi-siamo2 {
    margin-top: 0.8cm;
}

#team-img img{
    width: 3.5cm;
    height: auto;
}

#third-chapter-chi-siamo #chi-siamo3-content p{
    margin-bottom: 0;
}

#petmatch-timeline #pm-timeline {
margin-bottom: 0.3cm;
}

.pm-timeline-date::after{
    content: ":";
}
/* ---------- COME FUNZIONA ------------ */
#come-funziona #trasporto div:has(#furgoncino){
    display: flex;
}
#come-funziona #trasporto #furgoncino{
    flex: 1 1 25%;
    width: 4.5cm;
    height: auto;
    object-fit:contain;
    margin-left:0.6cm;
}


#come-funziona #come-si-adotta .enlight::before{
    content: "- ";
}
/* ---------- VISUALIZZAZIONE ANIMALE ------------ */

#stato-richiesta a.link-button,
#contatta-il-rifugio {
    border: 1px solid var(--lightborder);
    margin: 0.2cm 0 0.5cm 0;
    padding: 0.4em 1.5em;
    border-radius: 1.5em;
    font-weight: 550;
    font-size: 10pt;
    text-decoration: none;
    display: block;
    text-align: center;
}

#visualizzazione-animale .column-container{
    display: flex;
    gap: 0.4cm;
}

#content #visualizzazione-animale .column-container .dettagli-animale {
    flex: 1 1 50%;
    width: fit-content;
   
}

#visualizzazione-animale .column-container h2{
    border-top: none;
}


#visualizzazione-animale #interessamento-animale {
    break-inside: avoid;
    margin-bottom: 0.5cm;
    border: 1px solid var(--lightborder);
    padding: 0.3cm;
    text-align: center;
    flex: 1 1 50%;
}

#visualizzazione-animale #info-aggiuntive-separate,
#visualizzazione-animale #info-generiche {
    display: block;
    border: 1px solid var(--lightborder);
    padding: 0.5cm;
    break-inside: avoid;
    overflow: auto;
    border-radius: 0.2cm;
}

.adozione-status:has(#compila-form-adozione[open]) #richiesta-adozione{
    display: block;
}

#visualizzazione-animale #foto-card {
    width: 4cm ;
    height: 4cm ;
    max-width: 4cm ;
    max-height: 4cm ;
    object-fit: cover;
    flex-shrink: 0;
    float: right ;
    margin-left: 0.5cm;
    margin-bottom: 0.5cm;
}

#visualizzazione-animale #info-generiche-testo {
    display: block;
    text-align: left;
}

#visualizzazione-animale #info-generiche-testo dt {
    font-weight: bold;
    float: left;
    margin-right: 10px;
    text-align: left;
}

#visualizzazione-animale #info-aggiuntive-separate,
#visualizzazione-animale #info-aggiuntive-unite {
    break-inside: avoid;
    clear: both;
    text-align: left;
}

#visualizzazione-animale #info-aggiuntive-separate dt,
#visualizzazione-animale #info-aggiuntive-unite dt {
    font-weight: bold;
    float: left;
    margin-right: 10px;

}

#visualizzazione-animale #info-aggiuntive-separate dt::after,
#visualizzazione-animale #info-aggiuntive-unite dt::after,
#visualizzazione-animale #info-generiche-testo dt::after{
    content: ':';
}

#visualizzazione-animale #info-aggiuntive-separate dd,
#visualizzazione-animale #info-aggiuntive-unite dd{
    margin-bottom: 10px;

}

#richiesta-adozione,
#compila-form-adozione{
    display: none;
}

#contatta-rifugio {
    margin-top:1cm;
}

#visualizzazione-animale #stato-richiesta {
    break-inside: avoid;
    border: 1px solid var(--lightborder);
    padding: 0.3cm;
    margin-top: 0.5cm;
    text-align: left;
}


/*=========== FORM RICHIESTA ANIMALE =========== */
.adozione-status #richiesta-adozione form{
    border-radius: 0.5cm;
    border:1px solid var(--lightborder);
    margin-bottom: 0.4cm;
    padding: 0.3cm 0.5cm;
    display: block;

    break-inside: avoid; 
    page-break-inside: avoid;
}
.adozione-status #richiesta-adozione form fieldset{
    padding-bottom:0.3cm;
    border: none;
    text-align: left;
} 

.adozione-status #richiesta-adozione form fieldset legend{
    font-weight:600;  
    font-size: 14pt;
    padding-bottom: 0.3cm;
    } 

.adozione-status #richiesta-adozione form fieldset label{
    font-weight:600;  
} 
.adozione-status #richiesta-adozione form fieldset #lettera-presentazione{
    field-sizing: content;
    min-height: 1.9cm;
    display: block;
    width: 100%;
    resize: none;
    font-family: inherit;
}
.adozione-status #richiesta-adozione form input{
    font-family: inherit;
}

.adozione-status #richiesta-adozione form #checkbox-trasporto-container{
    display: flex;
    flex-direction: row;
}

.adozione-status #richiesta-adozione form .checkbox-title{
    padding-top: 0.1cm;
}
.adozione-status #richiesta-adozione form input[type="checkbox"]{
    flex: 0 0 5%;
    appearance: auto;
    width: 0.5cm;
    height: 0.5cm;
}
.adozione-status #richiesta-adozione form .error-form{
    display: none;
}

.adozione-status #richiesta-adozione form .db-button{
    border: 1px solid var(--lightborder);
    margin: 0.2cm 0 0.5cm 0;
    padding: 0.6em 1.5em;
    border-radius: 1.5em;
    font-weight: 550;
    font-size: 10pt;
    text-decoration: none;
    color:black;
}

/* ==========  VISUALIZZAZIONE EVENTO ========== */

#visualizzazione-evento #evento {
    border: 1px solid var(--lightborder);
    padding: 0.5cm;
    break-inside: avoid;
}

#visualizzazione-evento #evento img.square-foto {
    width: 4cm;
    height: 4cm;
    object-fit: cover;
    float: left;
    margin-right: 0.5cm;
    margin-bottom: 0.5cm;
    border-radius: 0.2cm;
}

#visualizzazione-evento #evento h1 {
    font-size: 14pt;
    margin-bottom: 0.3cm;
}

#visualizzazione-evento #evento dt {
    font-weight: bold;
}

#visualizzazione-evento #evento dt::after {
    content: ":\00a0";
}

#visualizzazione-evento #evento dd {
    margin-bottom: 0.3cm;
}

#descrizione-evento {
    clear: both;
    float: left;
    padding-top: 0.3cm;
    border-top: 1px solid var(--lightborder);
    width: 100%;
}

#descrizione-evento + dd {
    clear: both;
}

#visualizzazione-evento aside.altri-eventi {
    break-inside: avoid;
    margin-top: 0.5cm;
}

#visualizzazione-evento .altri-eventi .cards-container {
    border: 1px solid var(--lightborder);
    padding: 0.3cm;
}

#visualizzazione-evento .link-button,
#visualizzazione-evento button,
#visualizzazione-evento a.button {
    display: none;
}

/* ========== STAMPA PROFILO UTENTE ========== */

#user-profile .tab-content form button {
    display: none;
}

#user-profile .tab-content form {
    display: none;
}

#user-profile .column-container {
    display: flex;
    flex-direction: column;
}

#user-profile .column-container #user-info {
    order: 1;
    width: 100%;
    margin-bottom: 0.5cm;
}

#user-info .view-mode h2 {
    display: none;
}

#user-info .view-mode {
    display: flex;
    flex-direction: row;
    gap: 0.5cm;
    align-items: flex-start;
}

#user-info .view-mode dl {
    display: grid;
    grid-template-columns: max-content 1fr;
    column-gap: 0.3cm;
    row-gap: 0.15cm;
}

#user-info dt {
    font-weight:bold;
}

#user-info dt {
    font-weight: bold;
}

#user-info img.circle-foto {
    width: 4cm;
    height: 3cm;
    flex-shrink: 0;
    margin: 0;
    order: 2;
}

#user-profile .column-container .tabs-container {
    order: 2;
    width: 100%;
}

#user-profile .tabs-container input + label {
    display: none;
}

#user-profile .tabs-container .tab-content {
    display: block;
    border: none;
    padding: 0;
    margin-bottom: 0.5cm;
    break-inside: avoid;
}

#user-profile #lista-movimenti li,
#user-profile #lista-richieste li {
    border: 1px solid var(--lightborder);
    padding: 0.3cm;
    margin: 0.3cm 0;
    break-inside: avoid;
}

#user-profile #lista-movimenti li a,
#user-profile #lista-richieste li a {
    display: none;
}

.logout-btn {
    display: none;
}

.view-mode .edit-profile-link,
.view-mode span a {
    display: none;
}

.edit-mode .cancel-edit,
.edit-mode label[for="new-pic"],
.edit-mode #new-pic,
.edit-mode .checkbox-container-pic {
    display: none;
}

.edit-mode label {
    display: block;
    margin-bottom: 0.1cm;
}

.edit-mode button[type="submit"] {
    display: none;
}

#modifica-profilo fieldset .error-form{
    display: none;
}

/* ------ LAVORA CON NOI --------*/
#contatto-sostenitore p,
#contatto-sostenitore address {
    display: inline;
    margin: 0;
    padding: 0;
} 
/* ------- ACCEDI e REGISTRATI---------- */
i.fas.fa-eye::before, #accedi i.fas.fa-eye::after{
    display: none;
}

#form-login legend{
    margin-bottom: 0.4cm;
}
#container-form-login .db-button{
    margin-bottom: 0.4cm;
}
#form-login .error-form, #form-signup .error-form{
    display: none;
}
/* ========== REVISIONE RICHIESTA ========== */
#revisione-richiesta dt {
    font-weight: bold;
    float: left;
    margin-right: 10px;
}

.details-card-animale #info-approfondite dt {
    float: none;
}

img#img-animale-richiesta {
    width: 4cm;
    height: 4cm;
    object-fit: cover;
    float: right;
    margin-left: 0.5cm;
    margin-bottom: 0.5cm;
    margin-top: 2cm;
}