/* --- ID 166: hivepress (menu) - annonces --- */
/************************************
 * HOMERENTAI — COMPTE > ANNONCES (CLEAN / FINAL)
 * Objectifs :
 * - Cards modernes (comme Messages)
 * - Hover glow bleu
 * - Titres safe (pas de casse lettre par lettre)
 * - Catégorie en pill
 * - Œil masqué + espace récupéré pour la date
 ************************************/

/* ================================
   1) Topbar – Trier par (page annonces)
   ================================ */
.hp-form--listing-sort.hp-form--pivot{
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
  border:none !important;
  padding:0 !important;
}

.hp-page__topbar{ margin-bottom:1.5rem !important; }

.hp-form--listing-sort .hp-form__fields{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:.75rem;
}

.hp-form--listing-sort .hp-form__field--select .hp-field__label{
  margin-bottom:0;
}

/* ================================
   2) Cartes (home + annonces listing blocks)
   (tu avais déjà un bon set, on garde)
   ================================ */
.hp-listing__header{
  padding:0 !important;
  margin:0 !important;
  border-radius:32px 32px 0 0 !important;
  overflow:hidden !important;
  background:transparent !important;
}

.hp-listing__image{ margin:0 !important; padding:0 !important; }

.hp-listing__image img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}

.hp-listing.hp-listing--view-block{
  padding:0 !important;
  border-radius:32px !important;
  overflow:hidden !important;
}

.hp-listing__content{ padding:24px 32px 0 !important; }

.hp-listing__footer{
  display:flex !important;
  align-items:center !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;

  padding:18px 32px 24px !important;
  justify-content:flex-start !important;
  gap:16px !important;
}

.hp-listing__footer .hp-block,
.hp-listing__footer .hp-listing__attributes,
.hp-listing__footer .hp-listing__actions{
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
}

.hp-listing__attribute.hp-listing__attribute--price{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#fff !important;
  border-radius:999px !important;
  padding:10px 26px !important;
  box-shadow:0 20px 45px rgba(15,35,63,.10) !important;
  font-weight:600 !important;
  font-size:.95rem !important;
  white-space:nowrap !important;
  height:auto !important;
  margin-right:auto !important;
}

.hr-price-pill{
  position:relative;
  cursor:help;
}
.hr-price-pill::after,
.hr-price-pill::before{
  position:absolute;
  left:50%;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .16s ease, transform .16s ease, visibility .16s ease;
  z-index:40;
}
.hr-price-pill::after{
  content:attr(data-hr-price-tooltip);
  bottom:calc(100% + 12px);
  transform:translate(-50%, 6px);
  background:rgba(17,24,39,.95);
  color:#fff;
  font-size:.72rem;
  font-weight:500;
  letter-spacing:.01em;
  line-height:1.2;
  white-space:nowrap;
  padding:8px 11px;
  border-radius:10px;
  box-shadow:0 12px 30px rgba(15,23,42,.28);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
}
.hr-price-pill::before{
  content:"";
  width:8px;
  height:8px;
  bottom:calc(100% + 8px);
  transform:translate(-50%, 6px) rotate(45deg);
  background:rgba(17,24,39,.95);
}
.hr-price-pill:hover::after,
.hr-price-pill:hover::before,
.hr-price-pill:focus-visible::after,
.hr-price-pill:focus-visible::before{
  opacity:1;
  visibility:visible;
}
.hr-price-pill:hover::after,
.hr-price-pill:focus-visible::after{
  transform:translate(-50%, 0);
}
.hr-price-pill:hover::before,
.hr-price-pill:focus-visible::before{
  transform:translate(-50%, 0) rotate(45deg);
}
@media (hover:none){
  .hr-price-pill{ cursor:default; }
  .hr-price-pill::after,
  .hr-price-pill::before{ display:none; }
}

.hp-listing__actions.hp-listing__actions--primary{
  margin-left:auto !important;
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
}

.hp-listing__action{
  width:auto !important;
  height:auto !important;
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  border-radius:50% !important;
  box-shadow:none !important;
  border:0 !important;
}

/* ================================
   3) COMPTE > ANNONCES (table)
   ================================ */

/* Table : pile de cards */
.hp-page__content .hp-listings.hp-table{
  width:100%;
  border-collapse:separate !important;
  border-spacing:0 18px !important;
  table-layout:fixed !important;
}

/* reset borders partout (tu le voulais) */
.hp-page__content .hp-listings.hp-table,
.hp-page__content .hp-listings.hp-table tr,
.hp-page__content .hp-listings.hp-table td{
  border:none !important;
}

.hp-page__content .hp-listings.hp-table tr.hp-listing{
  background:#fff !important;
  border-radius:26px !important;
  box-shadow:0 24px 80px rgba(15,23,42,.06) !important;
  overflow:hidden !important;
  transition:transform .18s ease, box-shadow .18s ease !important;
}

/* Hover bleu (comme Messages) */
.hp-page__content .hp-listings.hp-table tr.hp-listing:hover{
  transform:translateY(-3px) !important;
  box-shadow:0 22px 60px rgba(76,111,255,.22), 0 0 0 1px rgba(76,111,255,.06) !important;
}

/* cellules */
.hp-page__content .hp-listings.hp-table tr.hp-listing > td{
  background:transparent !important;
  padding:16px 24px !important;
  vertical-align:middle !important;
  min-width:0 !important;
}

/* titres safe */
.hp-page__content .hp-listings.hp-table .hp-listing__title,
.hp-page__content .hp-listings.hp-table .hp-listing__title a,
.hp-page__content .hp-listings.hp-table .hp-listing__title span{
  min-width:0 !important;
  max-width:100% !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
}

/* style titre */
.hp-page__content .hp-listings.hp-table .hp-listing__title a span{
  font-size:1.05rem;
  font-weight:600;
  color:#111827;
}

.hp-page__content .hp-listings.hp-table .hp-listing__title i{
  margin-right:8px;
  font-size:.95rem;
  color:rgba(76,111,255,.35);
}

/* catégorie pill */
.hp-page__content .hp-listings.hp-table .hp-listing__categories{
  display:inline-flex;
  align-items:center;
  padding:3px 10px;
  border-radius:999px;
  background:#f8fafc;
  color:#94a3b8;
  font-size:.78rem;
  font-weight:500;
  text-transform:uppercase;
  letter-spacing:.06em;
}

/* date */
.hp-page__content .hp-listings.hp-table .hp-listing__created-date,
.hp-page__content .hp-listings.hp-table .hp-listing__created-date time{
  color:#9ca3af;
  font-size:.95rem;
  white-space:nowrap;
}

/* statut inutile */
.hp-page__content .hp-listings.hp-table .hp-listing__status{
  display:none !important;
}

/* ================================
   4) Desktop / tablette (≥ 769px)
   ================================ */
@media (min-width:769px){

  .hp-page__content .hp-listings.hp-table tr.hp-listing{
    display:flex !important;
    align-items:center !important;
  }

  .hp-page__content .hp-listings.hp-table td.hp-listing__title{
    flex:1 1 52%;
    min-width:0;
  }

  .hp-page__content .hp-listings.hp-table td.hp-listing__categories{
    flex:0 0 18%;
  }

  /* ✅ on récupère l’espace de l’œil => date plus à droite */
  .hp-page__content .hp-listings.hp-table td.hp-listing__created-date{
    flex:0 0 30%;
    margin-left:auto;
    text-align:right;
  }

  /* ✅ œil retiré (pas de colonne visible) */
  .hp-page__content .hp-listings.hp-table td.hp-listing__actions{
    display:none !important;
  }
}

/* ================================
   5) Mobile (≤ 768px)
   ================================ */
@media (max-width:768px){

  .hp-page__content .hp-listings.hp-table{
    border-spacing:0 16px !important;
    padding:0 1.25rem;
    box-sizing:border-box;
  }

  .hp-page__content .hp-listings.hp-table tr.hp-listing{
    display:block !important;
  }

  .hp-page__content .hp-listings.hp-table tr.hp-listing > td{
    display:block !important;
    width:100% !important;
    padding:10px 20px !important;
  }

  /* ordre visuel */
  .hp-page__content .hp-listings.hp-table td.hp-listing__title{ margin-bottom:4px; }
  .hp-page__content .hp-listings.hp-table td.hp-listing__categories{ margin-bottom:8px; }

  /* date “footer line” */
  .hp-page__content .hp-listings.hp-table td.hp-listing__created-date{
    border-top:1px solid rgba(15,23,42,.06);
    padding-top:10px !important;
    text-align:right !important;
  }

  /* ✅ œil retiré */
  .hp-page__content .hp-listings.hp-table td.hp-listing__actions{
    display:none !important;
  }
}













/* ==========================================================
   5) MOBILE ONLY (≤ 768px) — MATCH “MESSAGES”
   Objectifs :
   - séparation inset (pas full width)
   - spacing entre cards
   - aucun “vide résiduel” (actions/status réellement supprimés)
   ========================================================== */
@media (max-width:768px){

  /* Le tableau sert juste de wrapper */
  .hp-page__content .hp-listings.hp-table{
    border-collapse:separate !important;
    border-spacing:0 !important;              /* on ne dépend plus de border-spacing */
    padding:0 1.25rem !important;
    box-sizing:border-box !important;
  }

  /* Chaque ligne devient une card + spacing (comme Messages) */
  .hp-page__content .hp-listings.hp-table tr.hp-listing{
    display:block !important;
    margin:0 0 16px 0 !important;             /* ✅ espace entre Penthouse et test d'appart */
    padding:0 !important;
  }
  .hp-page__content .hp-listings.hp-table tr.hp-listing:last-child{
    margin-bottom:0 !important;
  }

  /* Tous les TD en piles */
  .hp-page__content .hp-listings.hp-table tr.hp-listing > td{
    display:block !important;
    width:100% !important;
    padding:14px 20px !important;
    margin:0 !important;
    min-height:0 !important;
    background:transparent !important;
    border:0 !important;
    box-sizing:border-box !important;
  }

  /* Ordre + respiration proche de Messages */
  .hp-page__content .hp-listings.hp-table td.hp-listing__title{
    padding-bottom:10px !important;
  }
  .hp-page__content .hp-listings.hp-table td.hp-listing__categories{
    padding-top:0 !important;
    padding-bottom:12px !important;
  }

  /* ✅ Date = “footer” avec séparation INSET (comme Messages) */
  .hp-page__content .hp-listings.hp-table td.hp-listing__created-date{
    position:relative !important;
    padding-top:14px !important;              /* espace après la ligne */
    padding-bottom:14px !important;           /* ✅ supprime le gros vide */
    text-align:left !important;
  }

  /* Ligne de séparation inset (pas full width) */
  .hp-page__content .hp-listings.hp-table td.hp-listing__created-date::before{
    content:"" !important;
    position:absolute !important;
    left:20px !important;
    right:20px !important;
    top:0 !important;
    height:1px !important;
    background:rgba(15,23,42,.06) !important;
    border-radius:999px !important;
  }

  .hp-page__content .hp-listings.hp-table td.hp-listing__created-date time{
    display:block !important;
    margin:0 !important;
    white-space:nowrap !important;
  }

  /* ✅ SUPPRESSION RÉELLE des cellules “vides” qui créent le vide sous la date */
  .hp-page__content .hp-listings.hp-table td.hp-listing__status,
  .hp-page__content .hp-listings.hp-table td.hp-listing__actions{
    display:none !important;
    padding:0 !important;
    margin:0 !important;
    height:0 !important;
    line-height:0 !important;
  }

  /* Sécurité : si le lien “Voir”/icône œil est injecté ailleurs */
  .hp-page__content .hp-listings.hp-table .hp-listing__action--view,
  .hp-page__content .hp-listings.hp-table a[title="Voir"],
  .hp-page__content .hp-listings.hp-table a.hp-listing__action--view,
  .hp-page__content .hp-listings.hp-table i.fa-eye,
  .hp-page__content .hp-listings.hp-table .fas.fa-eye{
    display:none !important;
  }
}





/* ==========================================================
   MOBILE ONLY — kill résidus "status" + "actions" (vide sous date)
   ========================================================== */
@media (max-width:768px){

  /* 1) On retire VRAIMENT les colonnes status/actions du layout */
  .hp-page__content .hp-listings.hp-table tr.hp-listing > td.hp-listing__status,
  .hp-page__content .hp-listings.hp-table tr.hp-listing > td.hp-listing__actions{
    display:none !important;
    visibility:hidden !important;
    height:0 !important;
    min-height:0 !important;
    max-height:0 !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    overflow:hidden !important;
  }

  /* 2) Sécurité : si le thème force un display sur les TD, on neutralise aussi le contenu */
  .hp-page__content .hp-listings.hp-table tr.hp-listing > td.hp-listing__actions * ,
  .hp-page__content .hp-listings.hp-table tr.hp-listing > td.hp-listing__status * {
    display:none !important;
  }

  /* 3) Sécurité ultime : certains thèmes mettent un min-height sur les TD => on le supprime partout */
  .hp-page__content .hp-listings.hp-table tr.hp-listing > td{
    min-height:0 !important;
  }
}





/*************************************************
 * HOMERENTAI — WC My Account (Orders + View Order)
 * Retire le H1 WP "Moyens de paiement" (uniquement ici)
 *************************************************/

/* Liste commandes + détail commande */
body.woocommerce-account .page__text > h1.wp-block-heading{
  display:none !important;
  margin:0 !important;
  padding:0 !important;
}