/* =========================================================================
   ZONATA – Author public profile (/author/{slug}/)
   Cosmetic refresh inspired by imobiliare.ro: clean white sidebar card,
   generous spacing, soft shadows, rounded corners, brand red accents.
   Reuses design tokens used across the child theme.
   ========================================================================= */

body.author {
  --zt-red:        #BE1E2D;
  --zt-red-dark:   #a51824;
  --zt-red-soft:   rgba(190,30,45,.10);

  --zta-bg:        #f6f7f9;
  --zta-card:      #ffffff;
  --zta-border:    #e7e9ee;
  --zta-border-2:  #eef0f4;

  --zta-text:      #101828;
  --zta-text-2:    #344054;
  --zta-text-3:    #667085;

  --zta-radius-lg: 18px;
  --zta-radius-md: 14px;
  --zta-radius-sm: 12px;

  --zta-shadow-sm: 0 1px 2px rgba(16,24,40,.04);
  --zta-shadow:    0 8px 24px rgba(15,23,42,.06);
}

/* ---- Page background --------------------------------------------------- */
body.author .adt-seller-detail-section {
  background: var(--zta-bg) !important;
  padding: 28px 0 64px !important;
}

body.author .adt-breadcrumb {
  background: var(--zta-bg) !important;
  padding: 18px 0 0 !important;
}

body.author .adt-breadcrumb .breadcrumb,
body.author .adt-breadcrumb ol.breadcrumb {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 13px !important;
  color: var(--zta-text-3) !important;
}

body.author .adt-breadcrumb a {
  color: var(--zta-text-2) !important;
}

body.author .adt-breadcrumb a:hover {
  color: var(--zt-red) !important;
}

/* =========================================================================
   SIDEBAR – seller card
   ========================================================================= */
body.author .adt-seller-detail-sidebar {
  background: var(--zta-card) !important;
  border: 1px solid var(--zta-border) !important;
  border-radius: var(--zta-radius-lg) !important;
  box-shadow: var(--zta-shadow) !important;
  padding: 24px 22px !important;
  position: relative;
  overflow: hidden;
}

/* subtle red accent stripe at top */
body.author .adt-seller-detail-sidebar::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--zt-red), #e2495a);
}

/* Top meta: avatar + name + rating */
body.author .adt-seller-detail-sidebar .top-meta {
  text-align: center;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--zta-border-2);
  margin-bottom: 16px;
}

body.author .adt-seller-detail-sidebar #user_dp {
  width: 120px !important;
  height: 120px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  border: 4px solid #fff !important;
  box-shadow: 0 4px 14px rgba(15,23,42,.08), 0 0 0 1px var(--zta-border) !important;
  margin: 8px auto 14px !important;
  display: block !important;
}

body.author .adt-seller-detail-sidebar .top-meta h4 {
  margin: 0 0 8px !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  color: var(--zta-text) !important;
  letter-spacing: -.01em !important;
}

body.author .adt-seller-detail-sidebar .rating.profile-header-rating {
  display: none !important;
}

/* Last active row */
body.author .adt-seller-detail-sidebar .last-active {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  background: var(--zta-bg) !important;
  border: 1px solid var(--zta-border) !important;
  border-radius: var(--zta-radius-sm) !important;
  padding: 10px 14px !important;
  margin-bottom: 18px !important;
  font-size: 13px !important;
  color: var(--zta-text-2) !important;
}

body.author .adt-seller-detail-sidebar .last-active i {
  color: var(--zt-red) !important;
  font-size: 14px !important;
}

body.author .adt-seller-detail-sidebar .last-active small {
  color: var(--zta-text-3) !important;
  margin-right: 4px;
}

/* Stats boxes (sold / total) */
body.author .ad-sold-wrapper {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
  margin-bottom: 16px !important;
}

body.author .ad-sold-wrapper .ad-sold-box {
  background: var(--zta-card) !important;
  border: 1px solid var(--zta-border) !important;
  border-radius: var(--zta-radius-md) !important;
  padding: 14px 10px !important;
  text-align: center !important;
  transition: border-color .18s ease, box-shadow .18s ease, transform .15s ease !important;
}

body.author .ad-sold-wrapper .ad-sold-box:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(15,23,42,.06);
}

body.author .ad-sold-wrapper .ad-sold-box span {
  display: block !important;
  font-size: 26px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  color: var(--zta-text) !important;
  margin-bottom: 4px !important;
  letter-spacing: -.01em !important;
}

body.author .ad-sold-wrapper .ad-sold-box small {
  display: block !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  color: var(--zta-text-3) !important;
  line-height: 1.3 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

/* Color accents preserving "purple" / "green" semantics */
body.author .ad-sold-wrapper .ad-sold-box.purple {
  background: rgba(99,102,241,.06) !important;
  border-color: rgba(99,102,241,.18) !important;
}
body.author .ad-sold-wrapper .ad-sold-box.purple span {
  color: #4f46e5 !important;
}

body.author .ad-sold-wrapper .ad-sold-box.green {
  background: rgba(16,185,129,.06) !important;
  border-color: rgba(16,185,129,.20) !important;
}
body.author .ad-sold-wrapper .ad-sold-box.green span {
  color: #059669 !important;
}

/* Phone list */
body.author .adt-seller-detail-sidebar .bottom-meta > ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 18px !important;
}

body.author .adt-seller-detail-sidebar .bottom-meta > ul > li {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  background: var(--zta-bg) !important;
  border: 1px solid var(--zta-border) !important;
  border-radius: var(--zta-radius-sm) !important;
  padding: 10px 14px !important;
  font-size: 13px !important;
  color: var(--zta-text-2) !important;
  margin: 0 !important;
}

body.author .adt-seller-detail-sidebar .bottom-meta > ul > li + li {
  margin-top: 8px !important;
}

body.author .adt-seller-detail-sidebar .bottom-meta > ul > li i {
  color: var(--zt-red) !important;
  font-size: 14px !important;
}

body.author .adt-seller-detail-sidebar .bottom-meta .click-to-view_ph {
  cursor: pointer !important;
  font-weight: 600 !important;
  color: var(--zta-text-2) !important;
  text-decoration: none !important;
  border-bottom: 1px dashed var(--zta-text-3) !important;
  transition: color .18s ease, border-color .18s ease;
}

body.author .adt-seller-detail-sidebar .bottom-meta .click-to-view_ph:hover {
  color: var(--zt-red) !important;
  border-bottom-color: var(--zt-red) !important;
}

body.author .adt-seller-detail-sidebar .bottom-meta .phone-number {
  font-weight: 700 !important;
  color: var(--zta-text) !important;
  letter-spacing: .02em;
}

/* Section titles inside the sidebar */
body.author .adt-seller-detail-sidebar h4,
body.author .adt-seller-detail-sidebar h4.main-title {
  font-size: 15px !important;
  font-weight: 800 !important;
  color: var(--zta-text) !important;
  margin: 18px 0 10px !important;
  letter-spacing: -.005em !important;
  text-align: left !important;
}

/* Top "h4" (the username) is recolored above; this targets the "Introducere"/"Contact" titles */
body.author .adt-seller-detail-sidebar .bottom-meta h4 {
  position: relative;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--zta-border-2);
}

body.author .adt-seller-detail-sidebar .bottom-meta > p {
  margin: 0 0 6px !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  color: var(--zta-text-2) !important;
  word-break: break-word;
}

/* Contact form */
body.author .adt-seller-detail-sidebar .bottom-meta {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.author #user_contact_form .form-group {
  margin-bottom: 12px !important;
}

body.author #user_contact_form .form-control {
  width: 100% !important;
  height: 44px !important;
  border: 1px solid var(--zta-border) !important;
  border-radius: var(--zta-radius-sm) !important;
  background: var(--zta-card) !important;
  color: var(--zta-text) !important;
  font-size: 14px !important;
  padding: 0 14px !important;
  box-shadow: none !important;
  transition: border-color .18s ease, box-shadow .18s ease !important;
}

body.author #user_contact_form textarea.form-control {
  height: auto !important;
  min-height: 110px !important;
  padding: 12px 14px !important;
  line-height: 1.5 !important;
  resize: vertical;
}

body.author #user_contact_form .form-control::placeholder {
  color: var(--zta-text-3) !important;
}

body.author #user_contact_form .form-control:focus {
  border-color: var(--zt-red) !important;
  box-shadow: 0 0 0 3px var(--zt-red-soft) !important;
  outline: none !important;
}

body.author #user_contact_form .form-text {
  display: none !important;
}

body.author #user_contact_form .checkbox-wrap.sb-author-policy {
  display: flex !important;
  align-items: flex-start !important;
  gap: 8px !important;
  font-size: 13px !important;
  color: var(--zta-text-2) !important;
  margin: 6px 0 12px !important;
}

body.author #user_contact_form .checkbox-wrap input[type="checkbox"] {
  margin-top: 3px !important;
  accent-color: var(--zt-red);
}

body.author #user_contact_form .checkbox-wrap label {
  margin: 0 !important;
  line-height: 1.4 !important;
}

body.author #user_contact_form .checkbox-wrap a {
  color: var(--zt-red) !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

body.author #user_contact_form .checkbox-wrap a:hover {
  text-decoration: underline !important;
}

body.author #user_contact_form .sellers-button-group {
  margin-top: 6px !important;
}

body.author #user_contact_form .adt-button-dark {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 46px !important;
  padding: 0 18px !important;
  background: var(--zt-red) !important;
  color: #fff !important;
  border: 1px solid var(--zt-red) !important;
  border-radius: 999px !important;
  font-size: 14.5px !important;
  font-weight: 700 !important;
  letter-spacing: .01em !important;
  box-shadow: 0 2px 6px rgba(190,30,45,.18) !important;
  transition: background-color .18s ease, border-color .18s ease, transform .15s ease, box-shadow .18s ease !important;
}

body.author #user_contact_form .adt-button-dark:hover {
  background: var(--zt-red-dark) !important;
  border-color: var(--zt-red-dark) !important;
  box-shadow: 0 6px 14px rgba(190,30,45,.25) !important;
  transform: translateY(-1px) !important;
}

body.author #user_contact_form .adt-button-dark:active {
  transform: translateY(0) !important;
}

body.author #user_contact_form .g-recaptcha {
  margin: 4px 0 8px;
}

/* =========================================================================
   LISTING SIDE – ad cards grid
   Responsive: 1 col (xs) -> 2 (sm) -> 3 (md) -> 4 (xl)
   ========================================================================= */
body.author .adt-search-ads-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 8px !important;
  margin: 0 !important;
}

/* >= 480px : 2 columns */
@media (min-width: 480px) {
  body.author .adt-search-ads-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* >= 992px : 3 columns (the listing column is narrower than full width) */
@media (min-width: 992px) {
  body.author .adt-search-ads-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }
}

/* >= 1400px : 4 columns */
@media (min-width: 1400px) {
  body.author .adt-search-ads-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
}

body.author .adt-search-ads-grid > .item {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ===========================================================================
   AD CARD — 1:1 mirror of .adt-category-ad-card from zt-ad-detail.css
   Reference values captured from live DOM at /ad/apartament-3-camere/
   =========================================================================== */
body.author .adt-property-ad-card {
  position: relative !important;
  background: #ffffff !important;
  border: 1px solid #f0f2f5 !important;
  border-radius: 16px !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.04), 0 1px 2px rgba(0,0,0,.06) !important;
  overflow: hidden !important;
  padding: 7px !important;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease !important;
  height: auto !important;
  display: block !important;
}

body.author .adt-property-ad-card:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 12px 28px rgba(15,23,42,.10) !important;
  border-color: #e7e9ee !important;
}

body.author .adt-property-img-box {
  position: relative;
  overflow: hidden;
  border-radius: 10px 10px 0 0;
}

body.author .adt-property-img-box img {
  display: block !important;
  width: 100% !important;
  height: 200px !important;
  object-fit: cover !important;
  border-radius: 9px 9px 0 0 !important;
  transition: transform .4s ease;
}

body.author .adt-property-ad-card:hover .adt-property-img-box img {
  transform: scale(1.06);
}

/* Hide the "Vinde" / urgent tag overlay – not used in similar-ads style */
body.author .adt-property-img-box .tags-box,
body.author .adt-property-img-box .author-box {
  display: none !important;
}

/* Content area – mirrors .adt-category-ad-card .category-content-box
   (padding 16px 20px 20px in reference; here we split 7px card-padding + 13px so
   all rows align at total 20px from the card outer edge) */
body.author .adt-property-content-box {
  padding: 16px 20px 0 !important;
  background: transparent !important;
  border: 0 !important;
}

/* Category tag pill (mirrors .ctg-tag) */
body.author .adt-property-content-box .adt-ad-cats {
  margin: 0 0 8px !important;
}

body.author .adt-property-content-box .adt-ad-cats .ctg-tag {
  display: inline-block !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: .5px !important;
  color: var(--zt-red) !important;
  background: rgba(190,30,45,.08) !important;
  padding: 3px 10px !important;
  border-radius: 20px !important;
  text-decoration: none !important;
  line-height: 1.3 !important;
  transition: background-color .18s ease, color .18s ease;
}

body.author .adt-property-content-box .adt-ad-cats .ctg-tag:hover {
  background: var(--zt-red) !important;
  color: #fff !important;
}

/* Date row – hidden, identical to similar-ads card */
body.author .adt-property-content-box > span {
  display: none !important;
}

/* Title – mirrors .category-content-box h5 (15px/600/21px, color #1A1D26, margin 5px 0 6px) */
body.author .adt-property-content-box h3 {
  margin: 5px 0 6px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 21px !important;
  color: #1A1D26 !important;
  letter-spacing: 0 !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

body.author .adt-property-content-box a {
  text-decoration: none !important;
  color: inherit !important;
}

body.author .adt-property-content-box a:hover h3 {
  color: var(--zt-red) !important;
}

/* Location row – mirrors .category-content-box > p (13px black, margin 5px 0 12px, gap 4px) */
body.author .adt-property-location-box {
  padding: 0 !important;
  margin: 5px 20px 10px !important;
  font-size: 13px !important;
  color: #000 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
}

body.author .adt-property-location-box i {
  color: var(--zt-red) !important;
  font-size: 13px !important;
}

/* Price row with separator above – mirrors .price-box (padding 12px 0 0, margin 10px 0 0,
   border-top 1px #f0f2f5). 13px horizontal padding aligns with siblings; bottom 13px
   reaches card-padding for 20px total bottom inset. */
body.author .adt-property-price-box {
  padding: 10px 0 12px !important;
  margin: 8px 20px 0 !important;
  border: 0 !important;
  border-top: 1px solid #f0f2f5 !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
}

body.author .adt-property-price-box h4 {
  margin: 0 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--zt-red) !important;
  letter-spacing: 0 !important;
  flex: 1 1 auto !important;
}

body.author .adt-property-price-box h4 strong {
  font-weight: inherit !important;
  color: inherit !important;
}

body.author .adt-property-price-box h4 small {
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #555 !important;
  margin-left: 4px;
  white-space: nowrap;
}

/* Favorite – top-right corner of the IMAGE (15px from card edge, matching reference)
   Bg #F5F7FA, border #E8ECF1, color #8B92A5 — same as .ad_to_fav inside .price-box */
body.author .adt-property-price-box .favorite {
  position: absolute !important;
  top: 15px !important;
  right: 15px !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  background: #F5F7FA !important;
  border: 1px solid #E8ECF1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #8B92A5 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  transition: background-color .18s ease, color .18s ease, border-color .18s ease, transform .15s ease !important;
  z-index: 3 !important;
}

body.author .adt-property-price-box .favorite i {
  font-size: 14px !important;
}

body.author .adt-property-price-box .favorite:hover {
  background: var(--zt-red) !important;
  border-color: var(--zt-red) !important;
  color: #fff !important;
  transform: scale(1.06);
}

body.author .adt-property-price-box .favorite.active,
body.author .adt-property-price-box .favorite.added {
  background: var(--zt-red) !important;
  border-color: var(--zt-red) !important;
  color: #fff !important;
}

/* Hide owl carousel arrows when only one slide */
body.author .adt-property-img-carousel .owl-nav.disabled,
body.author .adt-property-img-carousel .owl-dots.disabled {
  display: none !important;
}

body.author .video_icon_container { display: none !important; }

/* =========================================================================
   PAGINATION
   ========================================================================= */
body.author .pagination.adt-custom-pagination {
  display: flex !important;
  justify-content: center !important;
  gap: 6px !important;
  margin: 24px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body.author .pagination.adt-custom-pagination li a,
body.author .pagination.adt-custom-pagination li span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 38px !important;
  height: 38px !important;
  padding: 0 12px !important;
  border: 1px solid var(--zta-border) !important;
  border-radius: 10px !important;
  background: var(--zta-card) !important;
  color: var(--zta-text-2) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: background-color .18s ease, border-color .18s ease, color .18s ease;
}

body.author .pagination.adt-custom-pagination li a:hover {
  border-color: var(--zt-red) !important;
  color: var(--zt-red) !important;
}

body.author .pagination.adt-custom-pagination li.active a,
body.author .pagination.adt-custom-pagination li.active span,
body.author .pagination.adt-custom-pagination .current {
  background: var(--zt-red) !important;
  border-color: var(--zt-red) !important;
  color: #fff !important;
}

/* Empty state on listing column */
body.author .adt-search-ads-grid:empty::after {
  content: "Acest utilizator nu are anunțuri publicate.";
  display: block;
  grid-column: 1 / -1;
  text-align: center;
  padding: 60px 20px;
  background: var(--zta-card);
  border: 1px dashed var(--zta-border);
  border-radius: var(--zta-radius-lg);
  color: var(--zta-text-3);
  font-size: 15px;
}

/* =========================================================================
   RESPONSIVE
   ========================================================================= */
@media (max-width: 991px) {
  body.author .adt-seller-detail-section .row > [class*="col-lg-"] {
    margin-bottom: 18px;
  }
}

@media (max-width: 600px) {
  body.author .adt-seller-detail-sidebar {
    padding: 20px 16px !important;
    border-radius: var(--zta-radius-md) !important;
  }

  body.author .adt-seller-detail-sidebar #user_dp {
    width: 96px !important;
    height: 96px !important;
  }

  body.author .adt-seller-detail-sidebar .top-meta h4 {
    font-size: 18px !important;
  }

  body.author .adt-property-img-box img {
    height: 220px !important;
  }
}