/* ===== Page agence/annonceur ===== */

.noo-agent{ overflow:hidden; } /* clearfix : contient tout float residuel de l'ancien theme */
.noo-agent .content-title{
  display:flex; align-items:center; gap:16px; background: var(--paper-card); border:1px solid var(--rule);
  border-radius: var(--radius); padding:20px 24px; margin-bottom:10px; flex-wrap:wrap; float:none !important; width:100% !important;
}
.noo-agent .content-title img{ border-radius: var(--radius); object-fit:cover; width:64px !important; height:64px !important; flex-shrink:0; }
.noo-agent .content-title a{ color: var(--pine-dark) !important; font-family:'Fraunces', serif; font-weight:600; font-size:1.3rem; word-break:break-word; }
@media (max-width:480px){
  .noo-agent .content-title{ padding:16px; }
  .noo-agent .content-title img{ width:52px !important; height:52px !important; }
  .noo-agent .content-title a{ font-size:1.05rem; }
}
.noo-agent > p{
  color: var(--ink-soft) !important; font-size:0.92rem; margin: 0 0 24px 0 !important;
  float:none !important; clear:both !important; display:block !important; width:100% !important; max-width:none !important;
}
.noo-agent > p b{ color: var(--ink); }

/* Onglets */
.noo-tabs .nav-tabs{ display:flex !important; border-bottom:1px solid var(--rule) !important; margin:0 !important; padding:0 !important; list-style:none; }
.noo-tabs .nav-tabs > li{ float:none !important; }
.noo-tabs .nav-tabs > li > a{
  display:flex !important; align-items:center; gap:6px; font-family:'Inter', sans-serif; font-weight:600; font-size:0.9rem;
  color: var(--ink-soft) !important; padding:12px 18px !important; border:none !important; border-bottom:2px solid transparent !important;
  border-radius:0 !important; background:none !important;
}
.noo-tabs .nav-tabs > li.active > a,
.noo-tabs .nav-tabs > li > a:hover{ color: var(--pine-dark) !important; border-bottom-color: var(--pine-dark) !important; background:none !important; }
.noo-tabs .tab-content{ background:none !important; border:none !important; padding-top:20px; }

/* Compteur resultats + cartes (reutilise .lk-card du CSS listing) */
.agent-properties .lk-count{ font-size:1rem; color: var(--ink-soft); margin-bottom:18px; }
.agent-properties .lk-count b{ color: var(--brass); }
.agent-properties .properties-content{ display:grid !important; grid-template-columns: repeat(2, 1fr) !important; gap:20px !important; }
.agent-properties .lk-card{ margin-bottom:4px; }
@media (max-width:600px){ .agent-properties .properties-content{ grid-template-columns: 1fr !important; gap:18px !important; } }
@media (max-width:600px){
  .noo-tabs .nav-tabs{ flex-wrap:wrap !important; }
  .noo-tabs .nav-tabs > li > a{ padding:10px 12px !important; font-size:0.85rem !important; }
}

/* Barre de filtres laterale (reutilise les composants du CSS listing) */
.agent-filter-box{
  background: var(--paper-card); border:1px solid var(--rule); border-radius: var(--radius); padding:20px;
  position:sticky; top:20px;
}
.agent-filter-box h3{
  font-family:'IBM Plex Mono', monospace; font-size:0.7rem; text-transform:uppercase; letter-spacing:0.08em;
  color: var(--brass); margin-bottom:14px;
}
.agent-filter-box label{
  font-family:'IBM Plex Mono', monospace; font-size:0.68rem; text-transform:uppercase; color: var(--ink-soft);
  display:block; margin:12px 0 5px;
}
.agent-filter-box select{
  width:100%; padding:9px; border:1px solid var(--rule); border-radius: var(--radius); background: var(--paper);
  font-family:'Inter', sans-serif; font-size:0.85rem; color: var(--ink);
}
.agent-filter-box button{
  width:100%; margin-top:16px; padding:11px; background: var(--pine-dark); color:#F4F1E8; border:none;
  border-radius: var(--radius); font-weight:600; cursor:pointer; font-family:'Inter', sans-serif;
}
.agent-filter-box button:hover{ background: var(--pine); }

/* Barre de filtres laterale (classes d'origine .block-sidebar/.gsearch, reskin uniquement) */
.block-sidebar.find-property{
  background: var(--paper-card) !important; border:1px solid var(--rule) !important; border-radius: var(--radius) !important;
  padding:20px !important; position:sticky; top:20px;
}
.block-sidebar .title-block-sidebar{
  font-family:'IBM Plex Mono', monospace !important; font-size:0.7rem !important; text-transform:uppercase; letter-spacing:0.08em;
  color: var(--brass) !important; margin-bottom:14px !important; border:none !important; padding:0 !important;
}
.gsearch-field .form-group{ margin-bottom:12px !important; }
.gsearch-field .form-control{
  width:100% !important; padding:9px !important; border:1px solid var(--rule) !important; border-radius: var(--radius) !important;
  background: var(--paper) !important; font-family:'Inter', sans-serif !important; font-size:0.85rem !important; height:auto !important; box-shadow:none !important;
}
.gsearch-action .gsubmit .btn{
  display:block; width:100%; text-align:center; margin-top:6px; padding:11px !important; background: var(--pine-dark) !important;
  color:#F4F1E8 !important; border:none !important; border-radius: var(--radius) !important; font-weight:600; text-shadow:none !important;
}
.gsearch-action .gsubmit .btn:hover{ background: var(--pine) !important; }

/* Onglet Informations */
.tab-infos-panel{ background: var(--paper-card); border:1px solid var(--rule); border-radius: var(--radius); padding:24px; max-width:640px; }
.tab-infos-panel img{ border-radius: var(--radius); margin-bottom:14px; }
.tab-infos-panel p{ color: var(--ink-soft); font-size:0.92rem; }

/* Onglet Contact */
.contact-panel{ background: var(--paper-card); border:1px solid var(--rule); border-radius: var(--radius); padding:24px; max-width:620px; overflow:hidden; }
.contact-panel .row{ margin-left:0 !important; margin-right:0 !important; }
.contact-panel .row [class*="col-"]{ padding-left:8px !important; padding-right:8px !important; }
.contact-panel .content-title{
  background:none !important; border:none !important; padding:0 0 16px !important; margin-bottom:16px !important;
  border-bottom:1px solid var(--rule) !important; border-radius:0 !important;
}
.contact-panel .phones-list{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom:20px; }
.contact-panel .btn-phone-reveal{
  display:flex; align-items:center; gap:7px; border:1px solid var(--rule); background: var(--paper);
  color: var(--ink); font-weight:600; font-size:0.86rem; padding:8px 14px; border-radius: var(--radius); cursor:pointer;
  width:fit-content; max-width:100%; margin-bottom:0;
}
.contact-panel .btn-phone-reveal .lk-phone-real{ display:none; }
.contact-panel .btn-phone-reveal.lk-revealed .lk-phone-hidden{ display:none; }
.contact-panel .btn-phone-reveal.lk-revealed .lk-phone-real{ display:inline; }
#conactagentform .form-control{
  width:100%; padding:11px 12px; border:1px solid var(--rule) !important; border-radius: var(--radius) !important;
  background: var(--paper) !important; font-family:'Inter', sans-serif; font-size:0.9rem; color: var(--ink); box-shadow:none !important; height:auto !important;
  box-sizing:border-box;
}
#conactagentform textarea.form-control{ resize:vertical; }
#conactagentform .btn.btn-default{
  background: var(--pine-dark) !important; color:#F4F1E8 !important; border:none !important; padding:12px 22px !important;
  border-radius: var(--radius) !important; font-weight:600; text-shadow:none !important; width:100%; max-width:100%; box-sizing:border-box;
}
#conactagentform .btn.btn-default:hover{ background: var(--pine) !important; }
.msg-templates{ margin-bottom:14px; }
.msg-templates-label{
  display:block; font-family:'IBM Plex Mono', monospace; font-size:0.68rem; text-transform:uppercase;
  letter-spacing:0.06em; color: var(--brass); margin-bottom:8px;
}
.msg-chip{
  display:inline-block; font-family:'Inter', sans-serif; font-size:0.8rem; color: var(--pine-dark);
  background: var(--pine-tint); border:1px solid transparent; border-radius:100px; padding:6px 13px;
  margin:0 6px 6px 0; cursor:pointer; transition: background .15s ease;
}
.msg-chip:hover{ background: var(--brass-light); border-color: var(--brass); }
.lk-honeypot{ position:absolute !important; left:-9999px !important; top:auto; width:1px; height:1px; overflow:hidden; }
@media (max-width:480px){
  .contact-panel{ padding:10px; }
  .contact-panel .row [class*="col-"]{ padding-left:4px !important; padding-right:4px !important; }
  #conactagentform .btn.btn-default{ padding:12px !important; font-size:0.9rem; }
}