/* ============================================================
   ImoStand — Common CSS
   /imostand-crm/assets/css/common.css
   Inclus în: listing.php și property.php
   ============================================================ */

:root {
  --navy:          #182333;
  --black:         #151414;
  --gold:          #ccac66;
  --gold-light:    #e8d4a0;
  --cream:         #f5f0e8;
  --white:         #ffffff;
  --gray:          #8a8a8a;
  --gray-light:    #bab8b8;
  --grey:          #636567;
  --grey-s-light:  #f7f7f7;
  --grey-line:     #bfbfbf;
  --light-bg:      #faf7f2;
  --border:        #e8e3d8;
}

/* TOPBAR */
.topbar {
  background: #182333;
  padding: 8px 0;
  font-size: 13px;
  color: rgba(255,255,255,0.6);
}
.topbar a {
  color: rgba(255,255,255,0.7);
  text-decoration: none;
  white-space: nowrap;
}
.topbar a:hover { color: #ccac66; }
.topbar-program {
  color: rgba(255,255,255,0.6);
  white-space: nowrap;
}

@media (max-width: 767px) {
  .topbar { padding: 6px 0; text-align: center; }
  .topbar .container { row-gap: 4px !important; }
  .topbar-contacts { justify-content: center; width: 100%; }
  .topbar-program { width: 100%; text-align: center; }
}

/* NAVBAR */
.navbar-main{background:#fff;border-bottom:1px solid #e8e3d8;padding:0;position:sticky;top:0;z-index:1000;box-shadow:0 2px 20px rgba(24,35,51,0.08);border-radius:0!important;}
.navbar-main .nav-link{font-family:'Montserrat',sans-serif;font-weight:500;font-size:13px;letter-spacing:0.08em;text-transform:uppercase;color:#182333;padding:28px 16px!important;border-bottom:3px solid transparent;transition:all 0.2s;}
.navbar-main .nav-link:hover,.navbar-main .nav-link.active{color:#ccac66;border-bottom-color:#ccac66;}

/* NAVBAR — MOBILE (custom luxury) */
.navbar-mobile{position:sticky;top:0;z-index:1000;background:#fff;border-bottom:1px solid #e8e3d8;box-shadow:0 2px 20px rgba(24,35,51,0.08);}

.nm-bar{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:64px;}

/* Hamburger button */
.nm-ham{background:none;border:none;padding:6px;cursor:pointer;display:flex;flex-direction:column;gap:5px;outline:none;}
.nm-ham span{display:block;height:1.5px;background:#182333;border-radius:2px;transition:transform 0.35s cubic-bezier(0.4,0,0.2,1), opacity 0.25s, width 0.35s;}
.nm-ham span:nth-child(1){width:22px;}
.nm-ham span:nth-child(2){width:16px;}
.nm-ham span:nth-child(3){width:22px;}
.nm-ham.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg);width:22px;}
.nm-ham.open span:nth-child(2){opacity:0;width:0;}
.nm-ham.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg);width:22px;}

/* Drawer */
.nm-drawer{
  background:#fff;
  max-height:0;
  overflow:hidden;
  transition:max-height 0.45s cubic-bezier(0.4,0,0.2,1);
  border-top:0 solid transparent;
}
.nm-drawer.open{
  max-height:600px;
  border-top:1px solid #e8e3d8;
}

.nm-drawer-inner{padding:8px 0 24px;}

/* Linie gold decorativa */
.nm-gold-line{
  height:1px;
  margin:0 20px 12px;
  background:linear-gradient(90deg, transparent, #ccac66 30%, #ccac66 70%, transparent);
  opacity:0.45;
}

/* Lista de navigare */
.nm-nav-list{list-style:none;margin:0;padding:0;}

.nm-nav-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:13px 20px;
  text-decoration:none;
  border-left:2px solid transparent;
  transition:border-color 0.2s, background 0.2s;
}
.nm-nav-item:hover{
  border-left-color:#ccac66;
  background:rgba(204,172,102,0.06);
}
.nm-nav-item.active{
  border-left-color:#ccac66;
  background:rgba(204,172,102,0.06);
}

.nm-label{
  font-family:'Montserrat',sans-serif;
  font-size:13px;
  font-weight:500;
  letter-spacing:0.12em;
  text-transform:uppercase;
  color:#182333;
  opacity:0.65;
  transition:opacity 0.2s;
}
.nm-nav-item:hover .nm-label,
.nm-nav-item.active .nm-label{
  opacity:1;
  color:#182333;
}

.nm-num{
  font-family:'Montserrat',sans-serif;
  font-size:10px;
  font-weight:400;
  letter-spacing:0.1em;
  color:#ccac66;
  opacity:0.5;
}
.nm-nav-item:hover .nm-num,
.nm-nav-item.active .nm-num{
  opacity:0.9;
}

/* Footer din drawer */
.nm-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin:16px 20px 0;
  padding-top:16px;
  border-top:1px solid #e8e3d8;
}
.nm-footer-tel{
  font-family:'Montserrat',sans-serif;
  font-size:11px;
  letter-spacing:0.08em;
  color:rgba(24,35,51,0.4);
  text-decoration:none;
  transition:color 0.2s;
}
.nm-footer-tel:hover{color:#ccac66;}
.nm-footer-cta{
  display:inline-block;
  background:#ccac66;
  color:#182333;
  font-family:'Montserrat',sans-serif;
  font-size:10px;
  font-weight:700;
  letter-spacing:0.18em;
  text-transform:uppercase;
  padding:9px 16px;
  border-radius:2px;
  text-decoration:none;
  transition:background 0.2s;
}
.nm-footer-cta:hover{background:#b89a55;color:#182333;}

/* FOOTER */
footer{background:#182333;color:rgba(255,255,255,0.55);padding:56px 0 0;font-family:'Montserrat',sans-serif;font-size:13px;font-weight:300;margin-top:64px;}
footer h6{font-size:11px;letter-spacing:0.2em;text-transform:uppercase;color:#ccac66;margin-bottom:16px;font-weight:500;}
footer a{color:rgba(255,255,255,0.45);text-decoration:none;font-size:13px;transition:color 0.2s;}
footer a:hover{color:#ccac66;}
.footer-bottom{border-top:1px solid rgba(255,255,255,0.06);margin-top:40px;padding:20px 0;font-size:12px;color:rgba(255,255,255,0.25);}