/*
Theme Name: ListingHive Child
Template: listinghive
Version: 1.0
*/
/* Bannière "Déposer une annonce" */
/* Texte et liens légaux en blanc dans le footer */
.footer-navbar__copyright,
.footer-navbar__copyright a,
.footer-legal a {
    color: #fff !important; /* blanc pur */
}

/* Assure aussi que le hover reste lisible */
.footer-navbar__copyright a:hover,
.footer-legal a:hover {
    color: #ddd !important; /* gris clair au survol */
}
.site-footer {padding:48px 0 24px;background:#0f172a;color:#e5e7eb;}
.site-footer a{color:#e5e7eb;text-decoration:none;}
.site-footer a:hover{opacity:.8}
.footer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.footer-col{
	    padding-left: 50px;
}
.footer-col h3,.footer-col h4{font-weight:700;
color: #10efaf !important}
.footer-list{list-style:none;margin:0;padding:0}
.footer-list li{margin:.35rem 0}
.footer-social{display:flex;gap:12px;list-style:none;margin:.5rem 0 0;padding:0}
.footer-navbar{border-top:1px solid rgba(255,255,255,.08);margin-top:24px;padding-top:16px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.footer-legal{display:flex;gap:16px;list-style:none;margin:0;padding:0}
.dev-credit a{text-decoration:underline}
@media (max-width:900px){.footer-grid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.footer-grid{grid-template-columns:1fr}}

/* Centrer le bas du footer */
.footer-navbar {
    display: flex;
    flex-direction: column; /* Met tout en colonne */
    align-items: center; /* Centre horizontalement */
    text-align: center; /* Centre le texte */
    gap: 10px; /* Espace entre le copyright et les liens */
}

/* Centrer la liste des liens légaux */
.footer-legal {
    display: flex;
    flex-wrap: wrap; /* Passe à la ligne si petit écran */
    justify-content: center; /* Centre horizontalement */
    gap: 15px; /* Espace entre les liens */
    padding: 0;
    margin: 0;
    list-style: none;
}

/* Couleur du texte et des liens */
.footer-navbar,
.footer-navbar a,
.footer-legal a {
    color: #fff !important;
    text-decoration: none;
	
}

.footer-navbar a:hover,
.footer-legal a:hover {
    color: #ddd!important;
	
}
/* Taille du logo (desktop) */
.site-header .custom-logo {
  height: 90px !important;   /* ajuste la valeur */
  width: auto !important;
}
/* Optionnel : limite la zone du logo pour qu'elle n'élargisse pas le menu */
.site-header .site-branding {
  max-width: 140px;          /* ajuste si besoin */
  display: flex;
  align-items: center;
}

/* Responsive : petit écran */
@media (max-width: 768px) {
	
	.site-header .custom-logo { height: 90px !important; }
}

    .footer-navbar {
        gap: 15px;
    }
    .footer-legal {
        gap: 1px;
        font-size: 10px
				
    }
	.footer-navbar__copyright, .footer-navbar__copyright a,
	.footer-col,
	.footer-legal a {
    color: #fff !important;
    font-size: small;
		gap: 0.5px;
}


/* ===========================
   Cartes annonces : hauteurs égales
   (HivePress / Listing Grid)
   =========================== */

/* 1) Les colonnes prennent la hauteur max de la rangée */
.hp-row .hp-grid__item { display:flex; }
.hp-row .hp-grid__item > * { width:100%; }

/* 2) La carte occupe 100% de la hauteur disponible */
.hp-listing.hp-listing--view-block {
  display:flex;
  flex-direction:column;
  height:100%;
  overflow:hidden;          /* évite les débordements si trop de contenu */
  border-radius:12px;       /* optionnel, assorti à ton style */
}

/* 3) Image en ratio fixe pour uniformiser le haut des cartes */
.hp-listing__image {
  aspect-ratio: 4 / 3;      /* change en 16/9, 3/2… si tu préfères */
  overflow:hidden;
}
.hp-listing__image img {
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* 4) Le corps prend le reste et pousse le footer en bas */
.hp-listing__content {
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
}

/* 5) Limiter la hauteur des textes pour éviter l'étirement */
.hp-listing__title a,
.hp-listing__title {
  display:-webkit-box;
  -webkit-line-clamp:2;     /* titre sur 2 lignes max */
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.hp-listing__details,
.hp-listing__attributes,
.hp-listing__excerpt,
.hp-listing__description {
  display:-webkit-box;
  -webkit-line-clamp:3;     /* 2–3 lignes selon rendu souhaité */
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* 6) Prix/étoiles/actions toujours collés en bas de la carte */
.hp-listing__footer,
.hp-listing__meta,
.hp-listing__actions {
  margin-top:auto;
}

/* 7) (Optionnel) plafonner strictement la hauteur des cartes */
@media (min-width: 768px){
  .hp-listing.hp-listing--view-block { max-height: 790px; } /* ajuste 520–600px */
}

------------------

/* Footer des cartes annonces : plus compact */
footer.hp-listing__footer {
  padding: 8px 12px !important;   /* réduit le padding interne */
  font-size: 13px !important;     /* texte plus petit */
  line-height: 1.3 !important;    /* réduit la hauteur de ligne */
}

/* Icônes à droite (coeur, commentaires, etc.) plus petits */
footer.hp-listing__footer .hp-listing__actions i,
footer.hp-listing__footer .hp-listing__actions svg {
  font-size: 13px !important;
}

/* Responsive mobile : encore plus serré */
@media (max-width: 640px) {
  footer.hp-listing__footer {
    padding: 6px 10px !important;
    font-size: 12px !important;
  }
  footer.hp-listing__footer .hp-listing__actions i,
  footer.hp-listing__footer .hp-listing__actions svg {
    font-size: 12px !important;
  }
}
-----------------

@media (min-width: 768px) and (max-width: 1024px) {
  .hp-listing__footer {
    display: flex;
    flex-wrap: nowrap;       /* Empêche le retour à la ligne */
    justify-content: space-between;
    align-items: center;
    gap: 8px;                /* Petit espace entre les éléments */
    font-size: 13px;         /* Réduit un peu la taille du texte */
    padding: 10px 12px;      /* Réduit le padding pour gagner de la place */
  }

  .hp-listing__footer > * {
    flex-shrink: 1;          /* Permet aux enfants de rapetisser si nécessaire */
    min-width: 0;            /* Évite les débordements */
  }
}
.banner-annonce { display: none; }

@media (max-width: 992px) {
  .banner-annonce{
    display:flex; flex-direction:column; align-items:center; justify-content:center;
    background:#fdece2; border-radius:12px; padding:20px; margin:16px; text-align:center;
  }
  .banner-annonce p{ font-size:1.2rem; font-weight:600; margin:0 0 10px; color:#222; }
  .btn-deposer{
    display:inline-flex; align-items:center; background:#f56b2a; color:#fff;
    padding:10px 18px; border-radius:12px; font-weight:600; text-decoration:none; transition:.2s;
  }
  .btn-deposer:hover{ background:#d9541e; }
  .btn-deposer .icon{
    display:inline-block; background:#fff; color:#f56b2a; border-radius:50%;
    width:20px; height:20px; line-height:20px; text-align:center; margin-right:8px; font-weight:700;
  }
  /* Cacher le bouton d'origine en mobile */
  .hp-menu__item--listing-submit{ display:none !important; }
}