/* ============================================
   AD24 STYLE — Override vizual
   Osclass 8.3.1 — Starter 1.5.1
   ============================================ */

@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&family=Open+Sans:wght@400;500;600&display=swap');

:root {
  --red:      #e8192c;
  --red-dark: #c4001a;
  --yellow:   #ff6600;
  --orange:   #ff6600;
  --g100: #f7f7f7;
  --g200: #ebebeb;
  --g300: #d6d6d6;
  --g500: #888;
  --g700: #555;
  --g900: #222;
  --r: 6px;
  --fh: 'Nunito', sans-serif;
  --fb: 'Open Sans', sans-serif;
}

/* ---- BASE ---- */
body { font-family: var(--fb) !important; background: var(--g100) !important; }
a:hover { color: var(--red); }

/* ============================================
   HEADER — ascunde Starter, afisam al nostru
   ============================================ */

/* Ascunde elementele originale Starter din header */
#header-bar .right-block,
#header-bar .left-block,
#header-bar .middle-block,
.mobile-post { display: none !important; }

/* Header bar - alb */
#header-bar {
  background: #fff !important;
  padding: 0 !important;
  margin: 0 !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.2) !important;
  height: auto !important;
  min-height: 0 !important;
  width: 100% !important;
  float: none !important;
  overflow: visible !important;
}
/* .inside din Starter are display:block si max-width:1200px - resetam */
#header-bar > .inside {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  float: none !important;
  overflow: visible !important;
}
/* Ascunde inside Starter din header-bar, pastreaza elementele noastre */
#header-bar > .inside > *:not(.ad24-tb):not(.ad24-hm) {
  display: none !important;
  height: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
  float: none !important;
}

/* Asiguram ca elementele noastre sunt vizibile intotdeauna */
.ad24-tb,
.ad24-hm {
  display: flex !important;
  visibility: visible !important;
  height: auto !important;
  overflow: visible !important;
  float: none !important;
  clear: both !important;
}

/* Topbar */
.ad24-tb {
  background: #f5f5f5;
  border-bottom: 1px solid #e0e0e0;
  padding: 4px 0;
  font-size: .78rem;
}
.ad24-tb .ad24-in {
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ad24-tb a { color: #555; margin-left: 10px; }
.ad24-tb a:hover { color: var(--red); }
.ad24-tb span { color: #777; }

/* Randul principal: logo + search + buton */
.ad24-hm {
  max-width: 1160px;
  margin: 0 auto;
  padding: 9px 16px;
  display: flex;
  align-items: center;
  gap: 14px;
}

/* Logo */
.ad24-logo a {
  font-family: var(--fh) !important;
  font-size: 1.8rem !important;
  font-weight: 800 !important;
  color: #1a73e8 !important;
  letter-spacing: -1px;
  display: flex;
  align-items: center;
  white-space: nowrap;
  text-decoration: none;
  font-style: italic !important;
}
.ad24-logo .ld { color: #1a73e8; }

/* Search */
.ad24-srch { flex: 1; }
.ad24-srch form {
  display: flex;
  background: #f5f5f5;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: none;
  border: 1px solid #ddd;
}
.ad24-srch input[type=text] {
  flex: 1;
  border: none !important;
  outline: none !important;
  padding: 9px 16px !important;
  font-size: .9rem;
  font-family: var(--fb);
  box-shadow: none !important;
  background: #f5f5f5 !important;
}
.ad24-srch button {
  background: #1a73e8;
  border: none;
  color: #fff;
  padding: 0 18px;
  cursor: pointer;
  font-size: 1rem;
}
.ad24-srch button:hover { background: #1557b0; }

/* Buton Publică anunț */
.ad24-pb {
  background: #ff6600 !important;
  color: #fff !important;
  font-family: var(--fh) !important;
  font-weight: 800 !important;
  padding: 8px 16px !important;
  border-radius: 22px !important;
  font-size: .85rem !important;
  display: inline-flex !important;
  align-items: center;
  gap: 5px;
  white-space: nowrap;
  transition: all .2s;
  text-decoration: none !important;
}
.ad24-pb:hover {
  background: #e55a00 !important;
  color: #fff !important;
  transform: translateY(-1px);
}

/* Bara categorii (header-line) */
#header-line {
  background: #fff !important;
  padding: 0 !important;
  border-top: 1px solid #e0e0e0 !important;
  border-bottom: 1px solid #e0e0e0 !important;
  position: relative;
  overflow: hidden;
}
/* Ascunde TOT continutul original Starter din header-line */
#header-line h1,
#header-line h2,
#header-line h3,
#header-line p,
#header-line span:not(.nrsp),
#header-line div:not(.inside),
#header-line .elem,
#header-line .sold,
#header-line .reserved,
#header-line .premium,
#header-line .condition,
#header-line .transaction { display: none !important; }

#header-line > .inside {
  max-width: 1160px !important;
  margin: 0 auto !important;
  padding: 0 16px !important;
  display: flex !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
  white-space: nowrap !important;
  align-items: center !important;
}
#header-line > .inside::-webkit-scrollbar { display: none; }
#header-line > .inside > a {
  color: #444 !important;
  padding: 8px 12px !important;
  font-size: .8rem !important;
  font-weight: 600 !important;
  display: inline-block !important;
  border-bottom: 3px solid transparent !important;
  transition: all .2s !important;
  text-decoration: none !important;
  line-height: 1 !important;
}
#header-line > .inside > a:hover,
#header-line > .inside > a.active {
  color: var(--red) !important;
  border-bottom-color: var(--red) !important;
  background: transparent !important;
}

/* Breadcrumb */
.ad24-bc {
  background: #fff;
  border-bottom: 1px solid var(--g200);
  padding: 7px 0;
  font-size: .8rem;
  color: var(--g500);
}
.ad24-bc .ad24-in {
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 16px;
}
.ad24-bc a { color: var(--g700); }
.ad24-bc a:hover { color: var(--red); }

/* Ascunde sub-nav si categorii Starter */
#sub-nav, #top-subcat { display: none !important; }

/* ============================================
   HERO BANNER
   ============================================ */
.ad24-hero {
  background: linear-gradient(135deg, #f0f4ff, #dde8f8 60%, #ccd9f0);
  padding: 42px 0 50px;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.ad24-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/svg%3E");
}
.ad24-hero .ad24-in { max-width: 1160px; margin: 0 auto; padding: 0 16px; position: relative; }
.ad24-hero h1 { font-family: var(--fh); font-size: 2.2rem; font-weight: 800; color: #1a1a2e; margin-bottom: 8px; }
.ad24-hero p { color: #555; margin-bottom: 22px; }
.ad24-hero-sf {
  display: flex;
  max-width: 640px;
  margin: 0 auto;
  background: #fff;
  border-radius: 40px;
  overflow: hidden;
  box-shadow: 0 8px 28px rgba(0,0,0,.22);
}
.ad24-hero-sf input {
  flex: 1;
  border: none !important;
  outline: none !important;
  padding: 13px 20px !important;
  font-size: .95rem;
  font-family: var(--fb);
  box-shadow: none !important;
}
.ad24-hero-sf button {
  background: #1a73e8;
  color: #fff;
  border: none;
  padding: 13px 28px;
  font-family: var(--fh);
  font-weight: 700;
  cursor: pointer;
  font-size: .92rem;
}
.ad24-hero-sf button:hover { background: #1557b0; }
.ad24-stats {
  display: flex;
  justify-content: center;
  gap: 40px;
  margin-top: 26px;
}
.ad24-stats .st { color: #555; text-align: center; font-size: .9rem; }
.ad24-stats .st strong { display: block; font-family: var(--fh); font-size: 1.5rem; font-weight: 800; color: var(--red); }

/* ============================================
   HOMEPAGE
   ============================================ */
.ad24-home { padding: 22px 0 40px; }
.ad24-in { max-width: 1160px; margin: 0 auto; padding: 0 16px; }

/* Ascunde containerele Starter */
.home-container { display: none !important; }

/* Titlu sectiune */
.ad24-st {
  font-family: var(--fh);
  font-size: 1.15rem;
  font-weight: 800;
  margin-bottom: 14px;
  padding-bottom: 9px;
  border-bottom: 3px solid var(--red);
  display: flex;
  align-items: center;
  gap: 7px;
}
.ad24-st.yw { border-bottom-color: var(--yellow); color: var(--orange); }

/* Grid categorii */
.ad24-cg {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 14px;
  margin-bottom: 26px;
}
.ad24-cc {
  background: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  padding: 14px 16px;
  text-align: left;
  transition: all .2s;
  color: #333;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  text-decoration: none;
}
.ad24-cc:hover {
  border-color: #1a73e8;
  box-shadow: 0 2px 10px rgba(0,0,0,.08);
  transform: translateY(-1px);
  background: #f0f7ff;
}
.ad24-cc .ci {
  width: 44px; height: 44px;
  border-radius: 50%;
  background: #27ae60;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
  font-size: 1.2rem;
  margin-bottom: 0;
  color: #fff;
}
.ad24-cc .cn { font-family: var(--fh); font-weight: 600; font-size: .88rem; display: block; color: #333; }
.ad24-cc:hover .cn { color: #1a73e8; }
.ad24-cc .cc { display: none; }
.ad24-cc:nth-child(1) .ci { background: #27ae60; }
.ad24-cc:nth-child(2) .ci { background: #2980b9; }
.ad24-cc:nth-child(3) .ci { background: #e67e22; }
.ad24-cc:nth-child(4) .ci { background: #e91e8c; }
.ad24-cc:nth-child(5) .ci { background: #8e44ad; }
.ad24-cc:nth-child(6) .ci { background: #16a085; }
.ad24-cc:nth-child(7) .ci { background: #d35400; }
.ad24-cc:nth-child(8) .ci { background: #c0392b; }
.ad24-cc:nth-child(9) .ci { background: #f39c12; }
.ad24-cc:nth-child(10) .ci { background: #2980b9; }
.ad24-cc:nth-child(11) .ci { background: #c0392b; }
.ad24-cc:nth-child(12) .ci { background: #27ae60; }
.ad24-cc:nth-child(13) .ci { background: #8e44ad; }
.ad24-cc:nth-child(14) .ci { background: #16a085; }
.ad24-cc:nth-child(15) .ci { background: #e67e22; }
.ad24-cc:nth-child(16) .ci { background: #34495e; }

/* Zona anunturi promovate */
.ad24-fs {
  background: #fff9e6;
  border: 1px solid #ffe082;
  border-radius: var(--r);
  padding: 14px;
  margin-bottom: 18px;
}

/* Grid anunturi */
.ad24-ag {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 12px;
}

/* Card anunt */
.ad24-ac {
  background: #fff;
  border: 1px solid var(--g200);
  border-radius: var(--r);
  overflow: hidden;
  transition: all .22s;
  display: flex;
  flex-direction: column;
}
.ad24-ac:hover {
  border-color: var(--red);
  box-shadow: 0 4px 16px rgba(0,0,0,.12);
  transform: translateY(-2px);
}
.ad24-ai {
  position: relative;
  display: block;
  overflow: hidden;
  background: var(--g200);
  height: 148px;
  text-decoration: none;
}
.ad24-ai img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .3s;
}
.ad24-ac:hover .ad24-ai img { transform: scale(1.04); }
.ad24-ani { display: flex; align-items: center; justify-content: center; height: 100%; font-size: 2rem; color: #bbb; }
.ad24-bp {
  position: absolute;
  top: 7px; left: 7px;
  background: var(--red);
  color: #fff;
  font-size: .68rem;
  font-weight: 700;
  padding: 2px 7px;
  border-radius: 3px;
  text-transform: uppercase;
}
.ad24-ab { padding: 10px; flex: 1; display: flex; flex-direction: column; }
.ad24-at {
  font-family: var(--fh);
  font-weight: 700;
  font-size: .87rem;
  color: var(--g900);
  margin-bottom: 5px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.3;
  text-decoration: none;
}
.ad24-at:hover { color: var(--red); }
.ad24-ap { font-family: var(--fh); font-weight: 800; font-size: 1.05rem; color: #1a73e8; margin-bottom: 5px; }
.ad24-pn { font-size: .85rem; color: var(--g500); font-weight: 400; }
.ad24-an {
  margin-top: auto;
  display: flex;
  justify-content: space-between;
  font-size: .72rem;
  color: var(--g500);
  padding-top: 6px;
  border-top: 1px solid var(--g100);
}

/* Buton generic */
.ad24-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: var(--red);
  color: #fff !important;
  border: none;
  border-radius: 6px;
  padding: 10px 20px;
  font-family: var(--fh);
  font-weight: 700;
  font-size: .9rem;
  cursor: pointer;
  transition: all .2s;
  text-decoration: none !important;
}
.ad24-btn:hover { background: var(--red-dark) !important; color: #fff !important; }

/* No results */
.ad24-nr { text-align: center; padding: 50px 20px; color: var(--g500); }
.ad24-nr h3 { font-family: var(--fh); font-weight: 700; margin-bottom: 8px; color: var(--g700); }

/* ============================================
   SEARCH PAGE
   ============================================ */
.ad24-sw { padding: 22px 0 40px; }
.ad24-lr { display: flex; gap: 18px; align-items: flex-start; max-width: 1160px; margin: 0 auto; padding: 0 16px; }
.ad24-mc { flex: 1 1 0; min-width: 0; }
.ad24-sb { flex: 0 0 260px; min-width: 0; }
.ad24-pt { font-family: var(--fh); font-size: 1.35rem; font-weight: 800; margin-bottom: 14px; }

/* Controale lista */
.ad24-lc {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  padding: 9px 13px;
  border-radius: var(--r);
  border: 1px solid var(--g200);
  margin-bottom: 12px;
  font-size: .85rem;
  flex-wrap: wrap;
  gap: 8px;
}
.ad24-lc select { border: 1px solid var(--g300); border-radius: 4px; padding: 4px 8px; font-size: .82rem; outline: none; }

/* Paginare — ascunde Starter, folosim al nostru */
#pagination { display: none !important; }
.ad24-pg { display: flex; justify-content: center; gap: 4px; padding: 20px 0; flex-wrap: wrap; }
.ad24-pg a, .ad24-pg span {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 34px; height: 34px; padding: 0 8px;
  border: 1px solid var(--g300); border-radius: 4px;
  font-size: .85rem; color: var(--g700);
  font-family: var(--fh); font-weight: 600; transition: all .15s;
}
.ad24-pg a:hover { border-color: var(--red); color: var(--red); }
.ad24-pg .current, .ad24-pg .selected { background: var(--red); border-color: var(--red); color: #fff; }

/* ============================================
   SIDEBAR WIDGETS
   ============================================ */
.ad24-w { background: #fff; border: 1px solid var(--g200); border-radius: var(--r); overflow: hidden; margin-bottom: 14px; }
.ad24-wt { background: var(--g900); color: #fff; padding: 9px 13px; font-family: var(--fh); font-weight: 700; font-size: .88rem; }
.ad24-wb { padding: 13px; }
.ad24-fg { margin-bottom: 12px; }
.ad24-fg label { display: block; font-weight: 700; font-size: .82rem; color: var(--g700); margin-bottom: 5px; }
.ad24-fg input, .ad24-fg select {
  width: 100%; border: 1px solid var(--g300); border-radius: 4px;
  padding: 7px 9px; font-size: .85rem; font-family: var(--fb);
  outline: none; background: #fff; box-sizing: border-box;
}
.ad24-fg input:focus, .ad24-fg select:focus { border-color: var(--red); }
.ad24-fr { display: flex; gap: 7px; }
.ad24-fr input { flex: 1; }
.ad24-btn-o {
  display: block; text-align: center; margin-top: 7px;
  font-size: .82rem; color: var(--g500);
  border: 1px solid var(--g300); border-radius: 4px;
  padding: 7px; transition: all .2s;
}
.ad24-btn-o:hover { color: var(--red); border-color: var(--red); }
.ad24-scl { padding: 0; }
.ad24-scl li { border-bottom: 1px solid var(--g100); }
.ad24-scl a { display: block; padding: 7px 13px; font-size: .85rem; color: var(--g700); transition: all .15s; }
.ad24-scl a:hover { color: var(--red); padding-left: 18px; background: var(--g100); }

/* ============================================
   PAGINA ANUNT (item.php)
   ============================================ */
.ad24-detail { background: #fff; border: 1px solid var(--g200); border-radius: var(--r); overflow: hidden; margin-bottom: 18px; }
.ad24-dh { padding: 16px 18px; border-bottom: 1px solid var(--g200); }
.ad24-dh h1 { font-family: var(--fh); font-size: 1.4rem; font-weight: 800; margin-bottom: 8px; }
.ad24-dm { display: flex; gap: 16px; font-size: .8rem; color: var(--g500); flex-wrap: wrap; }
.ad24-dm a { color: var(--g700); }
.ad24-gal { background: #000; }
.ad24-gal-m img { width: 100%; max-height: 420px; object-fit: contain; }
.ad24-gal-t { display: flex; gap: 3px; padding: 3px; background: #111; overflow-x: auto; }
.ad24-th { width: 80px; height: 60px; object-fit: cover; cursor: pointer; opacity: .65; transition: opacity .2s; flex-shrink: 0; }
.ad24-th:hover, .ad24-th.act { opacity: 1; }
.ad24-noph { background: var(--g200); height: 240px; display: flex; align-items: center; justify-content: center; font-size: 1rem; color: var(--g500); gap: 8px; }
.ad24-db { padding: 18px; }
.ad24-pb-box { background: var(--g100); border: 1px solid var(--g200); border-radius: var(--r); padding: 14px 18px; margin-bottom: 16px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; }
.ad24-pl { font-size: .78rem; color: var(--g500); }
.ad24-pv { font-family: var(--fh); font-size: 1.8rem; font-weight: 800; color: var(--red); }
.ad24-desc { font-size: .92rem; line-height: 1.8; color: var(--g700); white-space: pre-line; }
.ad24-attrs { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px,1fr)); gap: 8px; margin: 14px 0; }
.ad24-attr { background: var(--g100); border-radius: 4px; padding: 8px 12px; font-size: .85rem; }
.ad24-attr label { font-weight: 700; color: var(--g500); display: block; font-size: .75rem; text-transform: uppercase; margin-bottom: 2px; }

/* Seller box */
.ad24-sel { background: #fff; border: 1px solid var(--g200); border-radius: var(--r); overflow: hidden; margin-bottom: 14px; }
.ad24-selh { background: var(--red); color: #fff; padding: 10px 14px; font-family: var(--fh); font-weight: 700; font-size: .95rem; }
.ad24-selb { padding: 14px; }
.ad24-seli { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.ad24-selav { width: 46px; height: 46px; border-radius: 50%; background: var(--g200); display: flex; align-items: center; justify-content: center; overflow: hidden; flex-shrink: 0; }
.ad24-selav img { width: 100%; height: 100%; object-fit: cover; }
.ad24-seln { font-family: var(--fh); font-weight: 700; font-size: .95rem; }
.ad24-selsi { font-size: .75rem; color: var(--g500); }
.ad24-bph { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; background: var(--red); color: #fff !important; border: none; border-radius: 6px; padding: 11px; font-family: var(--fh); font-weight: 700; font-size: .95rem; cursor: pointer; text-decoration: none; margin-bottom: 7px; transition: background .2s; }
.ad24-bph:hover { background: var(--red-dark) !important; color: #fff !important; }
.ad24-bmsg { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; background: #fff; color: var(--red) !important; border: 2px solid var(--red); border-radius: 6px; padding: 9px; font-family: var(--fh); font-weight: 700; font-size: .88rem; cursor: pointer; text-decoration: none; transition: all .2s; }
.ad24-bmsg:hover { background: var(--red) !important; color: #fff !important; }
.ad24-saf { font-size: .78rem; color: var(--g500); text-align: center; margin-top: 10px; }
.ad24-dt { width: 100%; border-collapse: collapse; font-size: .85rem; }
.ad24-dt td { padding: 5px 0; vertical-align: top; }
.ad24-dt td:first-child { color: var(--g500); width: 90px; }

/* Mobile sticky */
.ad24-mca { display: none; position: fixed; bottom: 0; left: 0; right: 0; background: #fff; border-top: 1px solid var(--g200); padding: 10px 14px; gap: 10px; z-index: 999; }

/* ============================================
   FOOTER — override Starter
   ============================================ */
#footer { background: var(--g900) !important; color: rgba(255,255,255,.7) !important; }
/* Ascunde footer-ul original Starter */
#footer .left, #footer .right.share, #footer .locales { display: none !important; }

.ad24-fg-grid {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  gap: 26px;
  padding: 34px 16px 24px;
  max-width: 1160px;
  margin: 0 auto;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.ad24-fc h4 { font-family: var(--fh); font-weight: 700; color: #fff; font-size: .95rem; margin-bottom: 12px; padding-bottom: 7px; border-bottom: 2px solid var(--red); }
.ad24-fc p { font-size: .85rem; line-height: 1.7; }
.ad24-fc ul { list-style: none; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.ad24-fc a { color: rgba(255,255,255,.6); font-size: .85rem; transition: color .15s; }
.ad24-fc a:hover { color: var(--yellow); }
.ad24-fl a { font-family: var(--fh); font-size: 1.5rem; font-weight: 800; color: #fff !important; display: flex; align-items: center; margin-bottom: 8px; text-decoration: none; }
.ad24-fl .ld { color: var(--yellow); }
.ad24-soc { display: flex; gap: 9px; margin-top: 14px; }
.ad24-soc a { background: rgba(255,255,255,.1); color: rgba(255,255,255,.8); width: 33px; height: 33px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: .88rem; transition: all .2s; }
.ad24-soc a:hover { background: var(--red); color: #fff; }
.ad24-fb { padding: 14px 16px; text-align: center; font-size: .78rem; color: rgba(255,255,255,.35); max-width: 1160px; margin: 0 auto; }
.ad24-fb a { color: rgba(255,255,255,.4); }

/* Scroll to top */
#scroll-top {
  position: fixed;
  bottom: 90px;
  right: 20px;
  background: var(--red);
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 42px;
  height: 42px;
  font-size: 1.2rem;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  transition: opacity .3s, transform .3s, background .2s;
  z-index: 990;
  box-shadow: 0 3px 12px rgba(220,38,38,.35);
  display: flex;
  align-items: center;
  justify-content: center;
}
#scroll-top.visible {
  opacity: 1;
  pointer-events: auto;
}
#scroll-top:hover {
  background: #b91c1c;
  transform: translateY(-3px);
  box-shadow: 0 5px 16px rgba(220,38,38,.45);
}
@media(max-width: 600px) {
  #scroll-top {
    bottom: 80px;
    right: 14px;
    width: 38px;
    height: 38px;
    font-size: 1rem;
  }
}

/* ============================================
   RESPONSIVE
   ============================================ */
@media(max-width:1024px) {
  .ad24-cg { grid-template-columns: repeat(4,1fr); }
  .ad24-ag { grid-template-columns: repeat(3,1fr); }
  .ad24-fg-grid { grid-template-columns: 1fr 1fr; }
}
@media(max-width:900px) {
  .ad24-lr { flex-direction: column; }
  .ad24-sb { flex: 0 0 auto; width: 100%; }
  .ad24-ag { grid-template-columns: repeat(2,1fr); }
  .ad24-cg { grid-template-columns: repeat(3,1fr); }
}

/* ---- HIDE STARTER BANNERS & FIX OVERLAP ---- */
.banner-theme { display: none !important; }
.hc-slider { display: none !important; }

/* Fix: asigura ca header-bar nu se suprapune cu continut */
body { padding-top: 0 !important; }
#header-bar { position: sticky !important; top: 0 !important; z-index: 1000 !important; }

/* Fix: ascunde orice text ramas din Starter in header-line */
#header-line * { 
  visibility: hidden;
}
#header-line > .inside,
#header-line > .inside * {
  visibility: visible;
}


/* ============================================
   1. GALERIE FULLSCREEN LIGHTBOX
   ============================================ */
#ad24-lightbox {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.95);
  z-index: 9999;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#ad24-lightbox.open { display: flex; }
#ad24-lightbox img {
  max-width: 92vw;
  max-height: 80vh;
  object-fit: contain;
  border-radius: 4px;
  user-select: none;
  transition: opacity .2s;
}
.lb-close {
  position: absolute;
  top: 16px; right: 20px;
  color: #fff;
  font-size: 1.6rem;
  cursor: pointer;
  background: rgba(255,255,255,.1);
  width: 40px; height: 40px;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  transition: background .2s;
  z-index: 10;
}
.lb-close:hover { background: rgba(255,255,255,.2); }
.lb-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  font-size: 1.4rem;
  cursor: pointer;
  background: rgba(255,255,255,.1);
  width: 44px; height: 44px;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  transition: background .2s;
  user-select: none;
}
.lb-arrow:hover { background: rgba(255,255,255,.25); }
.lb-prev { left: 16px; }
.lb-next { right: 16px; }
.lb-counter {
  position: absolute;
  bottom: 20px;
  color: rgba(255,255,255,.6);
  font-size: .82rem;
  font-family: var(--fh);
}
.lb-dots {
  position: absolute;
  bottom: 44px;
  display: flex;
  gap: 6px;
}
.lb-dot {
  width: 7px; height: 7px;
  border-radius: 50%;
  background: rgba(255,255,255,.3);
  cursor: pointer;
  transition: background .2s;
}
.lb-dot.active { background: #fff; }
/* Thumb clickable */
.ad24-gal-m img,
.ad24-ai img { cursor: zoom-in; }

/* ============================================
   2. SHARE BUTTONS
   ============================================ */
.ad24-share-bar {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
  margin: 14px 0;
  padding: 12px 14px;
  background: var(--g100);
  border-radius: var(--r);
  border: 1px solid var(--g200);
}
.ad24-share-label {
  font-size: .78rem;
  color: var(--g500);
  font-weight: 600;
  margin-right: 4px;
}
.ad24-share-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 14px;
  border-radius: 20px;
  font-size: .78rem;
  font-weight: 700;
  cursor: pointer;
  text-decoration: none;
  font-family: var(--fh);
  transition: all .2s;
  border: none;
}
.ad24-share-btn:hover { transform: translateY(-1px); opacity: .9; }
.share-wa { background: #25D366; color: #fff; }
.share-fb { background: #1877F2; color: #fff; }
.share-tg { background: #2CA5E0; color: #fff; }
.share-cp { background: var(--g200); color: var(--g700); }
.share-cp.copied { background: var(--green, #22c55e); color: #fff; }

/* ============================================
   3. LOGIN SOCIAL
   ============================================ */
.ad24-social-login {
  margin-bottom: 18px;
}
.ad24-social-divider {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 14px 0;
  color: var(--g500);
  font-size: .78rem;
}
.ad24-social-divider::before,
.ad24-social-divider::after {
  content: '';
  flex: 1;
  height: 1px;
  background: var(--g200);
}
.ad24-btn-google {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  padding: 11px 16px;
  background: #fff;
  border: 1px solid #dadce0;
  border-radius: 8px;
  font-family: var(--fh);
  font-weight: 700;
  font-size: .9rem;
  color: #3c4043;
  cursor: pointer;
  transition: all .2s;
  margin-bottom: 8px;
  text-decoration: none;
}
.ad24-btn-google:hover { background: #f8f9fa; border-color: #c6c8ca; box-shadow: 0 2px 8px rgba(0,0,0,.1); }
.ad24-btn-google svg { width: 20px; height: 20px; flex-shrink: 0; }
.ad24-btn-facebook {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  padding: 11px 16px;
  background: #1877F2;
  border: none;
  border-radius: 8px;
  font-family: var(--fh);
  font-weight: 700;
  font-size: .9rem;
  color: #fff;
  cursor: pointer;
  transition: all .2s;
  text-decoration: none;
}
.ad24-btn-facebook:hover { background: #166fe5; color: #fff; }
.ad24-btn-facebook i { font-size: 1.1rem; }

/* Notice configurare */
.ad24-social-notice {
  background: #fff8e1;
  border: 1px solid #ffe082;
  border-radius: 6px;
  padding: 8px 12px;
  font-size: .75rem;
  color: #e65100;
  margin-bottom: 8px;
}

/* ============================================
   RATING / RECENZII
   ============================================ */
.ad24-rating-bar {
  display: flex;
  align-items: center;
  gap: 10px;
  background: var(--g100);
  border: 1px solid var(--g200);
  border-radius: var(--r);
  padding: 12px 16px;
  margin-bottom: 14px;
  flex-wrap: wrap;
}
.ad24-stars { display: flex; gap: 3px; }
.ad24-star { font-size: 1.1rem; color: #ddd; cursor: pointer; transition: color .1s; }
.ad24-star.on, .ad24-star:hover ~ .ad24-star { color: #ddd; }
.ad24-stars:hover .ad24-star { color: #f59e0b; }
.ad24-star:hover ~ .ad24-star { color: #ddd !important; }
.ad24-stars .ad24-star.on { color: #f59e0b; }
.ad24-rating-num { font-family: var(--fh); font-weight: 800; font-size: 1.1rem; color: var(--g900); }
.ad24-rating-count { font-size: .78rem; color: var(--g500); }

/* Review cards */
.ad24-review-card {
  background: #fff;
  border: 1px solid var(--g200);
  border-radius: var(--r);
  padding: 14px 16px;
  margin-bottom: 10px;
}
.ad24-review-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
}
.ad24-review-av {
  width: 36px; height: 36px;
  border-radius: 50%;
  background: var(--g200);
  display: flex; align-items: center; justify-content: center;
  font-size: .85rem; flex-shrink: 0;
  overflow: hidden;
}
.ad24-review-av img { width: 100%; height: 100%; object-fit: cover; }
.ad24-review-name { font-family: var(--fh); font-weight: 700; font-size: .85rem; color: var(--g900); }
.ad24-review-date { font-size: .72rem; color: var(--g500); }
.ad24-review-stars { display: flex; gap: 2px; }
.ad24-review-stars i { color: #f59e0b; font-size: .75rem; }
.ad24-review-stars i.empty { color: #ddd; }
.ad24-review-title { font-family: var(--fh); font-weight: 700; font-size: .85rem; color: var(--g900); margin-bottom: 4px; }
.ad24-review-body { font-size: .82rem; color: var(--g700); line-height: 1.6; }

/* Add review form */
.ad24-add-review {
  background: #fff;
  border: 1px solid var(--g200);
  border-radius: var(--r);
  padding: 16px;
  margin-bottom: 14px;
}
.ad24-add-review h4 { font-family: var(--fh); font-weight: 700; font-size: .88rem; margin-bottom: 12px; color: var(--g900); }
.ad24-star-input { display: flex; gap: 6px; margin-bottom: 12px; }
.ad24-star-input i {
  font-size: 1.6rem; color: #ddd; cursor: pointer;
  transition: color .15s; line-height: 1;
}
.ad24-star-input i.sel { color: #f59e0b; }

/* ============================================
   REPUBLICĂ ANUNȚ
   ============================================ */
.ad24-republish-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(34,197,94,.1);
  color: #16a34a;
  border: 1px solid rgba(34,197,94,.25);
  border-radius: 6px;
  padding: 6px 12px;
  font-family: var(--fh);
  font-weight: 700;
  font-size: .78rem;
  cursor: pointer;
  text-decoration: none;
  transition: all .2s;
}
.ad24-republish-btn:hover { background: rgba(34,197,94,.2); color: #15803d; }
.ad24-expired-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: rgba(239,68,68,.08);
  color: #dc2626;
  border: 1px solid rgba(239,68,68,.15);
  border-radius: 4px;
  padding: 2px 8px;
  font-size: .72rem;
  font-weight: 700;
  font-family: var(--fh);
  margin-right: 6px;
}

/* ============================================
   PROMOVARE PREMIUM
   ============================================ */
.ad24-promote-box {
  background: linear-gradient(135deg, #fff9e6, #fff3cc);
  border: 1px solid #ffe082;
  border-radius: var(--r);
  padding: 16px;
  margin-bottom: 14px;
}
.ad24-promote-title {
  font-family: var(--fh);
  font-weight: 800;
  font-size: .9rem;
  color: #92400e;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 7px;
}
.ad24-promo-plans {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin-bottom: 12px;
}
.ad24-promo-plan {
  background: #fff;
  border: 2px solid #e8e8e8;
  border-radius: 8px;
  padding: 10px 8px;
  text-align: center;
  cursor: pointer;
  transition: all .2s;
  position: relative;
}
.ad24-promo-plan:hover { border-color: #f59e0b; }
.ad24-promo-plan.selected { border-color: #f59e0b; background: #fffbeb; }
.ad24-promo-plan .days { font-family: var(--fh); font-weight: 800; font-size: .9rem; color: var(--g900); }
.ad24-promo-plan .price { font-family: var(--fh); font-weight: 800; font-size: 1rem; color: #f59e0b; }
.ad24-promo-plan .popular {
  position: absolute; top: -8px; left: 50%; transform: translateX(-50%);
  background: #f59e0b; color: #fff; font-size: .55rem; font-weight: 700;
  padding: 2px 7px; border-radius: 8px; white-space: nowrap;
  font-family: var(--fh);
}
.ad24-promo-benefits { display: flex; flex-direction: column; gap: 4px; margin-bottom: 12px; }
.ad24-promo-benefits span { font-size: .78rem; color: #78350f; display: flex; align-items: center; gap: 6px; }
.ad24-promo-benefits i { color: #f59e0b; width: 14px; }
.ad24-btn-stripe {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  background: #635bff;
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 11px;
  font-family: var(--fh);
  font-weight: 800;
  font-size: .9rem;
  cursor: pointer;
  transition: all .2s;
}
.ad24-btn-stripe:hover { background: #4f46e5; transform: translateY(-1px); }
.ad24-btn-stripe i { font-size: .85rem; }

/* Premium badge on cards */
.ad24-badge-premium {
  position: absolute;
  top: 7px; left: 7px;
  background: linear-gradient(135deg, #f59e0b, #f97316);
  color: #fff;
  font-size: .62rem;
  font-weight: 800;
  padding: 2px 7px;
  border-radius: 3px;
  text-transform: uppercase;
  font-family: var(--fh);
  box-shadow: 0 2px 6px rgba(245,158,11,.3);
}
.ad24-ac.is-premium {
  border-color: #f59e0b !important;
  box-shadow: 0 0 0 1px #f59e0b !important;
}

/* ============================================
   FORM LABELS - mai vizibile
   ============================================ */
.add_item fieldset .row label,
.add_item fieldset label {
  font-family: var(--fh);
  font-weight: 700;
  font-size: .85rem;
  color: var(--g700);
  display: block;
  margin-bottom: 5px;
}
.add_item fieldset .row label span[style*="font-weight:400"] {
  font-size: .78rem;
}
.add_item .input-box input[type="tel"],
.add_item .input-box input[type="text"],
.add_item .input-box input[type="email"] {
  width: 100%;
}
/* Placeholder mai vizibil */
.add_item ::placeholder {
  color: #aaa;
  font-style: italic;
  font-size: .85rem;
}

/* ============================================
   SHARE FOR FREE PROMOTION BOX
   ============================================ */
.ad24-share-promo-box, .ad24-spc {
  background: linear-gradient(135deg, #f0fdf4, #dcfce7);
  border: 2px solid #86efac;
  border-radius: 12px;
  padding: 16px;
  margin-top: 12px;
}
.ad24-spc-title {
  font-family: var(--fh);
  font-weight: 800;
  font-size: .95rem;
  color: #15803d;
  margin-bottom: 8px;
}
.ad24-spc-desc {
  font-size: .82rem;
  color: #166534;
  margin-bottom: 14px;
  line-height: 1.6;
}
.ad24-spc-steps {
  display: flex;
  gap: 10px;
  margin-bottom: 12px;
  flex-wrap: wrap;
}
.ad24-spc-step {
  flex: 1;
  min-width: 90px;
  background: #fff;
  border: 2px solid #d1fae5;
  border-radius: 10px;
  padding: 10px 8px;
  text-align: center;
  transition: all .2s;
}
.ad24-spc-step.done {
  border-color: #22c55e;
  background: #f0fdf4;
}
.ad24-spc-step i {
  font-size: 1.3rem;
  display: block;
  margin-bottom: 5px;
  color: #16a34a;
}
.ad24-spc-step span {
  font-family: var(--fh);
  font-weight: 700;
  font-size: .78rem;
  color: #166534;
  display: block;
  margin-bottom: 6px;
}
.ad24-spc-check {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background: #22c55e;
  color: #fff;
  border-radius: 50%;
  font-size: .75rem;
}
.ad24-spc-confirm {
  background: #22c55e;
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 5px 10px;
  font-family: var(--fh);
  font-weight: 700;
  font-size: .72rem;
  cursor: pointer;
  transition: all .2s;
  white-space: nowrap;
}
.ad24-spc-confirm:hover { background: #16a34a; }
.ad24-spc-progress {
  height: 6px;
  background: #d1fae5;
  border-radius: 3px;
  overflow: hidden;
  margin-bottom: 6px;
}
.ad24-spc-bar {
  height: 100%;
  background: linear-gradient(90deg, #22c55e, #16a34a);
  border-radius: 3px;
  transition: width .5s ease;
}
.ad24-spc-count {
  font-size: .75rem;
  color: #166534;
  font-family: var(--fh);
  font-weight: 700;
  text-align: center;
}
/* Share button - confirmat */
.ad24-sh-done {
  opacity: .7;
  pointer-events: none;
}
.ad24-sh-done i.fa-check-circle { color: #22c55e !important; }

/* ============================================
   LAYOUT LISTA - search results
   ============================================ */
.ad24-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.ad24-li {
  display: grid;
  grid-template-columns: 220px 1fr auto;
  gap: 0;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #e5e7eb;
  transition: box-shadow .2s;
  min-height: 140px;
}
.ad24-li:hover { box-shadow: 0 4px 16px rgba(0,0,0,.1); }
.ad24-li-promo { border-color: #fde68a; border-width: 2px; }

/* Poza */
.ad24-li-img {
  position: relative;
  display: block;
  overflow: hidden;
  background: #f3f4f6;
  width: 220px;
  min-height: 140px;
}
.ad24-li-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.ad24-li-noimg {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ccc;
  font-size: 2rem;
  min-height: 140px;
}
.ad24-li-badge {
  position: absolute;
  bottom: 8px;
  left: 8px;
  background: linear-gradient(135deg,#22c55e,#16a34a);
  color: #fff;
  font-size: .65rem;
  font-weight: 800;
  font-family: var(--fh);
  padding: 3px 8px;
  border-radius: 4px;
}
.ad24-li-sold {
  position: absolute;
  top: 8px;
  left: 8px;
  background: #ef4444;
  color: #fff;
  font-size: .65rem;
  font-weight: 800;
  padding: 3px 8px;
  border-radius: 4px;
}
.ad24-li-count {
  position: absolute;
  bottom: 8px;
  right: 8px;
  background: rgba(0,0,0,.5);
  color: #fff;
  font-size: .7rem;
  padding: 2px 7px;
  border-radius: 4px;
}

/* Detalii */
.ad24-li-body {
  padding: 14px 16px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}
.ad24-li-cat {
  font-size: .72rem;
  font-weight: 700;
  font-family: var(--fh);
  text-transform: uppercase;
  letter-spacing: .3px;
}
.ad24-li-cat a { color: #1a73e8; text-decoration: none; }
.ad24-li-title {
  font-family: var(--fh);
  font-weight: 700;
  font-size: .95rem;
  color: #111827;
  text-decoration: none;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.ad24-li-title:hover { color: #1a73e8; }
.ad24-li-desc {
  font-size: .8rem;
  color: #6b7280;
  line-height: 1.5;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.ad24-li-meta {
  display: flex;
  gap: 14px;
  margin-top: auto;
  font-size: .75rem;
  color: #9ca3af;
}
.ad24-li-meta i { margin-right: 3px; }

/* Pret */
.ad24-li-price {
  padding: 14px 16px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  min-width: 130px;
}
.ad24-li-price strong {
  font-family: var(--fh);
  font-weight: 800;
  font-size: 1rem;
  color: #1a73e8;
  white-space: nowrap;
}

/* Responsive */
@media (max-width: 640px) {
  .ad24-li {
    grid-template-columns: 120px 1fr;
    grid-template-rows: auto auto;
  }
  .ad24-li-price {
    grid-column: 2;
    grid-row: 1;
    padding: 10px 12px 0;
    justify-content: flex-start;
  }
  .ad24-li-img { width: 120px; grid-row: 1 / 3; }
  .ad24-li-body { padding: 8px 12px; grid-row: 2; }
  .ad24-li-desc { display: none; }
}

/* Paginare nativa Osclass */
.ad24-pg .searchPaginationSelected,
.ad24-pg .searchPaginationNonSelected,
.ad24-pg .searchPaginationNext,
.ad24-pg .searchPaginationPrev,
.ad24-pg .searchPaginationFirst,
.ad24-pg .searchPaginationLast {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 36px;
  padding: 0 10px;
  border-radius: 6px;
  font-family: var(--fh);
  font-weight: 700;
  font-size: .85rem;
  text-decoration: none;
  transition: all .2s;
  border: 1px solid var(--g200);
  color: var(--g700);
  background: #fff;
  margin: 0 2px;
}
.ad24-pg .searchPaginationNonSelected:hover,
.ad24-pg .searchPaginationNext:hover,
.ad24-pg .searchPaginationPrev:hover,
.ad24-pg .searchPaginationFirst:hover,
.ad24-pg .searchPaginationLast:hover {
  background: #1a73e8;
  color: #fff;
  border-color: #1a73e8;
}
.ad24-pg .searchPaginationSelected {
  background: #1a73e8;
  color: #fff;
  border-color: #1a73e8;
  pointer-events: none;
}

/* ============================================
   GALERIE SLIDER - fara lightbox
   ============================================ */
.ad24-gal-m {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  background: #000;
  cursor: default !important;
}
.ad24-gal-m img {
  width: 100%;
  max-height: 500px;
  object-fit: contain;
  display: block;
  cursor: default !important;
}
.ad24-gal-arr {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0,0,0,.5);
  color: #fff;
  border: none;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  font-size: 1.8rem;
  line-height: 1;
  cursor: pointer;
  z-index: 10;
  transition: background .2s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ad24-gal-arr:hover { background: rgba(0,0,0,.8); }
.ad24-gal-prev { left: 10px; }
.ad24-gal-next { right: 10px; }
.ad24-gal-cnt {
  position: absolute;
  bottom: 10px;
  right: 12px;
  background: rgba(0,0,0,.5);
  color: #fff;
  font-size: .75rem;
  padding: 3px 8px;
  border-radius: 4px;
  font-family: var(--fh);
}

/* Related Ads Plugin - fix layout */
.related-ads, #related-ads, .related_items {
  margin-top: 20px;
}
.related-ads .simple-prod,
.related_items .item,
#related-ads .item {
  display: flex;
  gap: 12px;
  padding: 10px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  margin-bottom: 10px;
  background: #fff;
}
.related-ads .item-img-wrap,
.related_items .img-wrap {
  width: 120px;
  flex-shrink: 0;
}
.related-ads .item-img-wrap img,
.related_items img {
  width: 120px;
  height: 90px;
  object-fit: cover;
  border-radius: 6px;
}

/* ============================================
   ANUNTURI SIMILARE - Related Ads override
   ============================================ */
.ad24-related { margin-top: 20px; }
.ad24-related-title {
  font-family: var(--fh);
  font-size: 1rem;
  font-weight: 800;
  color: var(--g900);
  margin-bottom: 12px;
  padding-bottom: 8px;
  border-bottom: 2px solid var(--red);
  display: flex;
  align-items: center;
  gap: 8px;
}
.ad24-related-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.ad24-rel-item {
  display: flex;
  gap: 12px;
  padding: 10px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
  text-decoration: none;
  transition: box-shadow .2s;
}
.ad24-rel-item:hover { box-shadow: 0 2px 8px rgba(0,0,0,.1); }
.ad24-rel-img {
  width: 100px;
  height: 75px;
  flex-shrink: 0;
  border-radius: 6px;
  overflow: hidden;
  background: #f3f4f6;
}
.ad24-rel-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ad24-rel-noimg {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ccc;
  font-size: 1.5rem;
}
.ad24-rel-body { flex: 1; min-width: 0; }
.ad24-rel-title {
  font-family: var(--fh);
  font-weight: 700;
  font-size: .85rem;
  color: #111;
  margin-bottom: 4px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.ad24-rel-price {
  font-family: var(--fh);
  font-weight: 800;
  font-size: .9rem;
  color: #1a73e8;
}
.ad24-rel-loc {
  font-size: .75rem;
  color: #9ca3af;
  margin-top: 4px;
}



/* ============================================================
   MOBILE & RESPONSIVE — FIX COMPLET
   ============================================================ */

/* ── 768px — tabletă mică ── */
@media(max-width:768px) {
  .ad24-hm { flex-wrap: wrap; gap: 8px; padding: 8px 12px; }
  .ad24-logo { flex: 1; }
  .ad24-srch { order: 3; flex: 0 0 100%; }
  .ad24-srch form { border-radius: 8px; }
  .ad24-pb .nrsp { display: none; }
  .ad24-pb { padding: 7px 12px !important; }
  .ad24-hero h1 { font-size: 1.4rem; }
  .ad24-cg { grid-template-columns: repeat(3,1fr); }
  .ad24-ag { grid-template-columns: repeat(2,1fr); gap: 9px; }
  .ad24-fg-grid { grid-template-columns: 1fr 1fr; }
  .ad24-lr { flex-direction: column; }
  .ad24-sb { flex: 0 0 auto; width: 100%; }
}

/* ── 600px — mobil mare ── */
@media(max-width:600px) {
  /* Topbar: păstrează DOAR linkurile auth, ascunde Acasă/Alerte/Admin */
  .ad24-tb .ad24-in > div:last-child { display: none !important; }
  .ad24-tb .ad24-in { justify-content: center !important; }
  .ad24-tb { font-size: .75rem; padding: 3px 0; }
  .ad24-tb a { margin-left: 12px; }

  /* Hero compact */
  .ad24-hero { padding: 14px 0 16px !important; }
  .ad24-hero h1 { font-size: 1.1rem !important; margin-bottom: 5px !important; }
  .ad24-hero p { display: none !important; }
  .ad24-stats { display: none !important; }
  .ad24-hero-sf { border-radius: 8px; }
  .ad24-hero-sf input { padding: 10px 14px !important; font-size: .88rem; }
  .ad24-hero-sf button { padding: 10px 14px; font-size: .84rem; }

  /* Bara categorii */
  #header-line > .inside {
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    padding: 0 8px !important;
  }
  #header-line > .inside > a {
    padding: 8px 8px !important;
    font-size: .76rem !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
  }

  /* Item page layout */
  .ad24-lr { padding: 0 10px !important; gap: 12px !important; }
  .ad24-sb { width: 100% !important; flex: none !important; }

  /* Footer */
  .ad24-fg-grid { grid-template-columns: 1fr 1fr !important; gap: 18px !important; padding: 20px 16px !important; }

  /* Fancybox pe mobil */
  .fancybox-container { width: 100% !important; }
  .flat-cat-box { width: 100% !important; overflow-x: hidden; }
  .flat-cat-box .flat-wrap { width: 100% !important; }
}

/* ── 480px — mobil standard ── */
@media(max-width:480px) {
  /* Header */
  .ad24-hm { padding: 7px 10px !important; gap: 7px !important; }
  .ad24-logo a { font-size: 1.35rem !important; }
  .ad24-pb { padding: 7px 10px !important; font-size: .78rem !important; }

  /* Hero */
  .ad24-hero { padding: 12px 0 14px !important; }
  .ad24-hero h1 { font-size: 1rem !important; }

  /* Grile homepage */
  .ad24-cg { grid-template-columns: repeat(2,1fr) !important; gap: 7px !important; }
  .ad24-cc .cc { display: none; }
  .ad24-ag { grid-template-columns: repeat(2,1fr) !important; gap: 7px !important; }
  .ad24-ai { height: 118px !important; }

  /* Mobile sticky contact */
  .ad24-mca { display: flex !important; }
  .ad24-mca .ad24-bph, .ad24-mca .ad24-bmsg {
    flex: 1; border-radius: 26px; padding: 11px;
  }

  /* Galerie item */
  #ad24-sw { height: 220px !important; }
  #ad24-sw .ad24-sw-img { height: 220px !important; }
  .ad24-fg-thumb { height: 52px !important; }

  /* Item page */
  .ad24-dh h1 { font-size: 1.1rem !important; }
  .ad24-pv { font-size: 1.4rem !important; }
  .ad24-attrs { grid-template-columns: 1fr 1fr !important; gap: 6px !important; }

  /* Adaugă anunț - category picker mai mare */
  #flat-cat .category-box { min-height: 48px !important; }
  #flat-cat .option { width: 46px !important; height: 46px !important; }
  .flat-cat-box .single { padding: 10px 12px !important; font-size: .88rem !important; }

  /* Search page */
  .ad24-sw { padding: 10px 0 20px !important; }
  .ad24-lc { padding: 7px 10px !important; font-size: .8rem !important; }
  .ad24-pt { font-size: 1.1rem !important; }

  /* Login / Register */
  .user_forms .inner { padding: 16px !important; }
  .ad24-social-wrapper { margin: 8px 0 4px !important; }
  .ad24-social-btn { height: 36px !important; font-size: .82rem !important; }

  /* User account pages */
  .user_account #sidebar { float: none !important; width: 100% !important; margin-bottom: 14px !important; }
  .user_account #main { float: none !important; width: 100% !important; padding: 0 !important; }
  .user_account .content { flex-direction: column !important; }

  /* Breadcrumb */
  .ad24-bc { padding: 6px 10px !important; font-size: .78rem !important; }

  /* Item post form */
  .add_item .left-col, .add_item .right-col {
    float: none !important; width: 100% !important; margin: 0 !important;
  }
  .add_item fieldset { padding: 12px !important; }
}

/* ── 400px — mobil mic ── */
@media(max-width:400px) {
  .ad24-tb a { margin-left: 8px; font-size: .72rem; }
  .ad24-mca { padding: 8px 10px !important; gap: 6px !important; }
  .ad24-mca .ad24-bph, .ad24-mca .ad24-bmsg {
    font-size: .78rem !important; padding: 10px 6px !important;
  }
  .ad24-fg-grid { grid-template-columns: 1fr !important; }
}

/* ── 360px — mobil foarte mic ── */
@media(max-width:360px) {
  .ad24-cg { grid-template-columns: repeat(2,1fr) !important; }
  .ad24-ag { grid-template-columns: 1fr !important; }
  .ad24-ai { height: 160px !important; }
}

/* ── Fancybox responsive global ── */
@media(max-width:600px) {
  .fancybox-slide > * { padding: 10px !important; }
  .fancybox-content { max-width: calc(100vw - 20px) !important; }
  .flat-cat-box { max-width: calc(100vw - 20px) !important; overflow-y: auto !important; }
}



/* ============================================
   MOBILE RESPONSIVE FIX — adaugagratuit.ro
   Adaugat la sfarsitul ad24.css
   ============================================ */

/* 1. Previne scroll orizontal global */
html { overflow-x: hidden; }
body { overflow-x: hidden; max-width: 100vw; }

/* 2. Imagini responsive global */
img { max-width: 100%; height: auto; }
iframe, embed, object, video { max-width: 100% !important; }

/* 3. Descriere anunt — continut introdus de utilizatori */
.ad24-desc { overflow-wrap: break-word; word-break: break-word; }
.ad24-desc img { max-width: 100% !important; height: auto !important; }
.ad24-desc table { display: block; overflow-x: auto; max-width: 100%; }
.ad24-desc iframe { max-width: 100% !important; }

/* ── 768px — tableta ── */
@media(max-width: 768px) {
  /* Layout item — sidebar sub continut */
  .ad24-lr { flex-direction: column !important; padding: 0 12px !important; gap: 14px !important; }
  .ad24-mc { width: 100% !important; min-width: 0 !important; }
  .ad24-sb { width: 100% !important; flex: none !important; min-width: 0 !important; }

  /* Galerie */
  .ad24-gal { overflow: hidden !important; border-radius: 8px !important; }
  .ad24-gal-m { border-radius: 8px !important; }
  .ad24-gal-m img { max-height: 340px !important; width: 100% !important; object-fit: contain !important; }

  /* Thumbnails galerie */
  .ad24-th { width: 70px !important; height: 54px !important; }

  /* Atribute anunt */
  .ad24-attrs { grid-template-columns: 1fr 1fr !important; }

  /* Share bar */
  .ad24-share-bar { flex-wrap: wrap !important; gap: 6px !important; }
  .ad24-share-btn { font-size: .8rem !important; padding: 6px 10px !important; }

  /* Slider related ads */
  .ad24r-card { flex: 0 0 165px !important; }
  .ad24r-imgw, .ad24r-img { height: 118px !important; }
}

/* ── 600px — mobil mare ── */
@media(max-width: 600px) {
  /* Layout */
  .ad24-lr { padding: 0 8px !important; }

  /* Galerie */
  .ad24-gal-m img { max-height: 280px !important; }
  .ad24-gal-arr { width: 36px !important; height: 36px !important; font-size: 1.4rem !important; }
  .ad24-th { width: 60px !important; height: 46px !important; }

  /* Header anunt */
  .ad24-dh { padding: 12px 14px !important; }
  .ad24-dh h1 { font-size: 1.1rem !important; word-break: break-word !important; }
  .ad24-pv { font-size: 1.5rem !important; }

  /* Atribute */
  .ad24-attrs { grid-template-columns: 1fr 1fr !important; gap: 6px !important; }

  /* Share */
  .ad24-share-label { width: 100% !important; }

  /* Titlu sectiuni */
  .ad24-st { font-size: .85rem !important; padding: 8px 12px !important; }

  /* Slider related ads */
  .ad24r-card { flex: 0 0 150px !important; }
  .ad24r-imgw, .ad24r-img { height: 108px !important; }
  .ad24r-ttl { font-size: 14px !important; }
}

/* ── 480px — mobil standard ── */
@media(max-width: 480px) {
  /* Galerie */
  .ad24-gal-m img { max-height: 240px !important; }
  .ad24-th { width: 54px !important; height: 42px !important; }
  .ad24-gal-arr { width: 32px !important; height: 32px !important; font-size: 1.2rem !important; }

  /* Atribute — o coloana */
  .ad24-attrs { grid-template-columns: 1fr !important; }

  /* Pretul */
  .ad24-pv { font-size: 1.3rem !important; }

  /* Sectiunea vanzator */
  .ad24-sel { margin-bottom: 10px !important; }
  .ad24-selh { font-size: .88rem !important; padding: 9px 12px !important; }
  .ad24-selb { padding: 12px !important; }

  /* Slider related ads */
  .ad24r-sec { margin: 18px 0 0 !important; }
  .ad24r-card { flex: 0 0 140px !important; }
  .ad24r-imgw, .ad24r-img { height: 100px !important; }
  .ad24r-nm { font-size: 11.5px !important; }
  .ad24r-pr { font-size: 12.5px !important; }

  /* Widgeturi sidebar */
  .ad24-w { border-radius: 8px !important; }
  .ad24-wt { font-size: .85rem !important; padding: 9px 12px !important; }
  .ad24-wb { padding: 12px !important; }
}

/* ── 400px — mobil mic ── */
@media(max-width: 400px) {
  /* Galerie */
  .ad24-gal-m img { max-height: 200px !important; }
  .ad24-th { width: 48px !important; height: 37px !important; }

  /* Grid anunturi */
  .ad24-ag { grid-template-columns: 1fr 1fr !important; gap: 6px !important; }

  /* Slider */
  .ad24r-card { flex: 0 0 128px !important; }
  .ad24r-imgw, .ad24r-img { height: 90px !important; }
}

/* ── 360px — mobil foarte mic ── */
@media(max-width: 360px) {
  .ad24-gal-m img { max-height: 180px !important; }
  .ad24-th { width: 44px !important; height: 34px !important; }
  .ad24-dh h1 { font-size: 1rem !important; }
  .ad24-pv { font-size: 1.2rem !important; }
  .ad24r-card { flex: 0 0 120px !important; }
  .ad24r-imgw, .ad24r-img { height: 85px !important; }
}

/* Buton Salvează alertă — search.php */
.ad24-alert-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: #fff;
  border: 1px solid var(--red);
  color: var(--red);
  border-radius: 20px;
  padding: 5px 13px;
  font-size: .8rem;
  font-weight: 700;
  text-decoration: none;
  transition: all .15s;
  white-space: nowrap;
}
.ad24-alert-btn:hover {
  background: var(--red);
  color: #fff;
  text-decoration: none;
}

/* Descriere anunt - link clickabil */
a.ad24-li-desc {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: .8rem;
  color: #6b7280;
  line-height: 1.5;
  text-decoration: none;
  margin: 0;
}
a.ad24-li-desc:hover { color: #1a73e8; }

/* Overlay clickabil pe tot cardul - ca OLX */
.ad24-li { position: relative; }
.ad24-li-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block;
}
/* Body si imagine raman deasupra overlay-ului */
.ad24-li-img { z-index: 2; }
.ad24-li-body { position: relative; z-index: 2; }


/* ============================================
   AD24 - STIL REFRESH FORMULAR PUBLICARE
   (scoped pe #body-item-post pentru specificitate maxima)
   ============================================ */
#body-item-post .left-col fieldset,
#body-item-post .right-col fieldset {
  background: #fff !important;
  border: 1px solid #e9eef3 !important;
  border-left: 3px solid #1d4ed8 !important;
  border-radius: 12px !important;
  padding: 20px 22px !important;
  margin-bottom: 16px !important;
  box-shadow: 0 1px 2px rgba(15,23,42,.04) !important;
}
#body-item-post .left-col fieldset > h2,
#body-item-post .right-col fieldset > h2 {
  font-family: var(--fh) !important;
  font-size: 1.05rem !important;
  font-weight: 800 !important;
  color: #1e293b !important;
  margin: 0 0 16px !important;
  padding: 0 0 12px !important;
  border-bottom: 1px solid #f1f5f9 !important;
  background: none !important;
}
#body-item-post fieldset .row label,
#body-item-post fieldset label {
  font-family: var(--fh) !important;
  font-weight: 700 !important;
  font-size: .85rem !important;
  color: #334155 !important;
  display: block !important;
  margin-bottom: 6px !important;
}
#body-item-post .input-box input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]),
#body-item-post .input-box select,
#body-item-post .input-box textarea,
#body-item-post .price-wrap input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]),
#body-item-post #location-picker input.term,
#body-item-post .title-desc-box input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]),
#body-item-post .title-desc-box textarea,
#body-item-post #sPhone {
  width: 100% !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 9px !important;
  padding: 11px 14px !important;
  font-size: .9rem !important;
  line-height: 1.4 !important;
  height: auto !important;
  background: #fff !important;
  transition: border-color .15s, box-shadow .15s !important;
  box-sizing: border-box !important;
}
#body-item-post .input-box input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]):focus,
#body-item-post .input-box select:focus,
#body-item-post .input-box textarea:focus,
#body-item-post .price-wrap input:focus,
#body-item-post #location-picker input.term:focus,
#body-item-post .title-desc-box input:focus,
#body-item-post .title-desc-box textarea:focus,
#body-item-post #sPhone:focus {
  border-color: #1d4ed8 !important;
  box-shadow: 0 0 0 3px rgba(29,78,216,.10) !important;
  outline: none !important;
}
#body-item-post .input-box {
  position: relative;
  border-radius: 9px;
}
#body-item-post .input-box i.fa {
  color: #94a3b8 !important;
}
#body-item-post #ad24-open-publish-modal,
#body-item-post .post-submit,
#body-item-post button[type="submit"].btn-primary {
  border-radius: 10px !important;
  font-weight: 700 !important;
  font-family: var(--fh) !important;
}

/* Categorii cu nume - stil refresh */
#flat-cat .category-box.ad24-cat-named {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 10px !important;
  width: 100% !important;
}
#flat-cat .category-box.ad24-cat-named .option {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 13px 6px !important;
  border-radius: 11px !important;
  background: #fff !important;
  border: 1px solid #e9eef3 !important;
  cursor: pointer !important;
  transition: border-color .15s, box-shadow .15s, transform .12s !important;
  width: auto !important;
  height: auto !important;
  float: none !important;
  margin: 0 !important;
  box-shadow: none !important;
}
/* uniformizeaza prima tigla (tema ii scotea umbra doar primei) */
#flat-cat .category-box.ad24-cat-named .option:first-child { box-shadow: none !important; }
#flat-cat .category-box.ad24-cat-named .option:hover {
  border-color: #1d4ed8 !important;
  box-shadow: 0 2px 8px rgba(29,78,216,.10) !important;
  transform: translateY(-1px) !important;
}
#flat-cat .category-box.ad24-cat-named .ad24-cat-ico {
  width: 48px !important;
  height: 48px !important;
  border-radius: 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}
#flat-cat .category-box.ad24-cat-named .ad24-cat-ico i,
#flat-cat .category-box.ad24-cat-named .ad24-cat-ico img {
  font-size: 23px !important;
  color: #fff !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
}
#flat-cat .category-box.ad24-cat-named .ad24-cat-name {
  font-family: var(--fh) !important;
  font-size: .8rem !important;
  font-weight: 700 !important;
  color: #475569 !important;
  text-align: center !important;
  line-height: 1.25 !important;
}
@media (max-width: 600px) {
  #flat-cat .category-box.ad24-cat-named {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  #flat-cat .category-box.ad24-cat-named .ad24-cat-ico {
    width: 44px !important;
    height: 44px !important;
  }
}

/* ============================================
   AD24 — REFRESH v3 — pagina publicare: o coloana, eticheta-stanga, fara dunga
   Scoped #body-item-post. Adaugat la final (castiga cascada). Modal .flat-cat-box inclus.
   ============================================ */

/* --- Fundal + o singura coloana --- */
body#body-item-post { background:#f4f1ea !important; }
#body-item-post .left-col,
#body-item-post .right-col {
  width:100% !important;
  max-width:760px !important;
  float:none !important;
  margin:0 auto !important;
  padding:0 !important;
}

/* --- Carduri curate, FARA dunga albastra --- */
#body-item-post .left-col fieldset,
#body-item-post .right-col fieldset,
#body-item-post fieldset {
  background:#fff !important;
  border:1px solid #e7e7e7 !important;
  border-left:1px solid #e7e7e7 !important;
  border-radius:16px !important;
  padding:24px 28px !important;
  margin:0 auto 18px !important;
  max-width:760px !important;
  box-shadow:0 1px 3px rgba(0,0,0,.04) !important;
  float:none !important;
  width:auto !important;
}

/* --- Titluri carduri --- */
#body-item-post fieldset > h2 {
  font-family:var(--fh) !important;
  font-size:1.25rem !important;
  font-weight:800 !important;
  color:#1f2937 !important;
  margin:0 0 20px !important;
  padding:0 !important;
  border:none !important;
  background:none !important;
}

/* --- RANDURI eticheta-stanga (Categorie, Locatie, Vanzator) --- */
#body-item-post .row.category,
#body-item-post .location .row,
#body-item-post .seller .row {
  display:flex !important;
  gap:18px !important;
  align-items:flex-start !important;
  margin-bottom:18px !important;
  float:none !important;
  width:auto !important;
}
#body-item-post .row.category > label,
#body-item-post .location .row > label,
#body-item-post .seller .row > label {
  width:150px !important;
  flex-shrink:0 !important;
  text-align:right !important;
  padding-top:12px !important;
  margin:0 !important;
  font-size:.95rem !important;
  font-weight:700 !important;
  color:#374151 !important;
  display:block !important;
}
#body-item-post .row.category > label { padding-top:4px !important; }
#body-item-post .row.category > #flat-cat,
#body-item-post .location .row > .input-box,
#body-item-post .location .row > #location-picker,
#body-item-post .seller .row > .input-box {
  flex:1 1 auto !important;
  min-width:0 !important;
}

/* --- Input-uri / select / textarea moderne (intareste fix-ul vechi) --- */
#body-item-post .input-box input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]),
#body-item-post .input-box select,
#body-item-post .input-box textarea,
#body-item-post .title-desc-box input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]),
#body-item-post .title-desc-box textarea,
#body-item-post .price-wrap input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]),
#body-item-post .transaction select,
#body-item-post .condition select,
#body-item-post #location-picker input.term,
#body-item-post #sPhone {
  width:100% !important;
  border:1px solid #d1d5db !important;
  border-radius:12px !important;
  padding:13px 16px !important;
  font-size:.95rem !important;
  line-height:1.4 !important;
  height:auto !important;
  min-height:50px !important;
  background:#fff !important;
  color:#1f2937 !important;
  box-shadow:none !important;
  box-sizing:border-box !important;
  transition:border-color .15s, box-shadow .15s !important;
}
#body-item-post .input-box textarea,
#body-item-post .title-desc-box textarea { min-height:130px !important; resize:vertical !important; }
#body-item-post .input-box input:focus,
#body-item-post .input-box select:focus,
#body-item-post .input-box textarea:focus,
#body-item-post .title-desc-box input:focus,
#body-item-post .title-desc-box textarea:focus,
#body-item-post .price-wrap input:focus,
#body-item-post #location-picker input.term:focus,
#body-item-post #sPhone:focus {
  border-color:#2563eb !important;
  box-shadow:0 0 0 3px rgba(37,99,235,.12) !important;
  outline:none !important;
}
#body-item-post .input-box i.fa { display:none !important; }

/* Etichete titlu/descriere (raman deasupra - generate cu taburi de limba) */
#body-item-post .title-desc-box label {
  font-size:.95rem !important; font-weight:700 !important; color:#374151 !important;
  margin-bottom:8px !important; display:block !important;
}

/* Ascunde caseta albastra de ajutor de la Locatie */
#body-item-post .location > div[style*="e3f2fd"] { display:none !important; }

/* Pret curat + Tranzactie/Stare pe un rand */
#body-item-post .price-wrap .input-box i.fa-money { display:none !important; }
#body-item-post .status-wrap { display:flex !important; gap:14px !important; margin-top:12px !important; }
#body-item-post .status-wrap .transaction,
#body-item-post .status-wrap .condition { flex:1 !important; }

/* Zona poze - dropzone mare */
#body-item-post .box.photos.drag_drop,
#body-item-post #photos {
  border:none !important;
  background:transparent !important;
  padding:6px 0 !important;
  text-align:center !important;
}
#body-item-post #photos .qq-upload-button,
#body-item-post #photos .qq-upload-button .sample-box-wrap {
  max-width:360px !important;
  margin:0 auto !important;
  float:none !important;
}

/* Buton publicare mare albastru */
#body-item-post .buttons-block,
#body-item-post .buttons-block .inside {
  max-width:760px !important; margin:0 auto !important; float:none !important; width:auto !important;
  padding-left:0 !important; padding-right:0 !important;
}
#body-item-post .buttons-block button.btn-primary,
#body-item-post #ad24-open-publish-modal {
  display:block !important; width:100% !important; max-width:760px !important; margin:0 auto !important;
  background:#2563eb !important; color:#fff !important; border:none !important;
  border-radius:12px !important; padding:16px 20px !important;
  font-family:var(--fh) !important; font-size:1.05rem !important; font-weight:800 !important;
  cursor:pointer !important; transition:background .15s !important;
  box-shadow:0 2px 8px rgba(37,99,235,.25) !important;
}
#body-item-post .buttons-block button.btn-primary:hover,
#body-item-post #ad24-open-publish-modal:hover { background:#1d4ed8 !important; }

/* ============================================
   MODAL SUBCATEGORII — .flat-cat-box (alb curat, nu galben)
   ============================================ */
.flat-cat-box { padding:6px 8px !important; background:#fff !important; }
.flat-cat-box .flat-wrap { background:#fff !important; }
.flat-cat-box .single.info {
  font-size:1rem !important; font-weight:700 !important; color:#1f2937 !important;
  padding:12px 12px 14px !important; border-bottom:1px solid #eee !important; margin-bottom:6px !important;
  display:flex !important; align-items:center !important; justify-content:space-between !important;
}
.flat-cat-box .single.info .back {
  background:#f1f5f9 !important; color:#374151 !important; border-radius:8px !important;
  padding:6px 12px !important; font-size:.82rem !important; font-weight:600 !important; cursor:pointer !important;
}
.flat-cat-box .single.info .back:hover { background:#e2e8f0 !important; }
.flat-cat-box .single:not(.info) {
  display:flex !important; align-items:center !important;
  padding:10px 12px !important; border-radius:10px !important; cursor:pointer !important;
  margin-bottom:2px !important; transition:background .12s !important; background:#fff !important;
}
.flat-cat-box .single:not(.info) > span {
  display:flex !important; align-items:center !important; gap:12px !important;
  font-size:.92rem !important; color:#1f2937 !important; width:100% !important;
}
.flat-cat-box .single:not(.info):hover { background:#f1f5f9 !important; }
.flat-cat-box .single.selected { background:#eff6ff !important; }
.flat-cat-box .single.selected > span { color:#1d4ed8 !important; font-weight:700 !important; }
.flat-cat-box .parent-icon {
  width:34px !important; height:34px !important; flex-shrink:0 !important;
  border-radius:9px !important; display:flex !important; align-items:center !important; justify-content:center !important;
  color:#fff !important; font-size:16px !important;
}
/* SUBCATEGORII IN GRILA (nu lista) — 3 pe rand desktop / 2 mobil */
.flat-cat-box .flat-wrap{ display:grid !important; grid-template-columns:repeat(3,1fr) !important; gap:8px !important; }
.flat-cat-box .single.info{ grid-column:1 / -1 !important; }
.flat-cat-box .single:not(.info){ flex-direction:column !important; text-align:center !important; border:0.5px solid #eef1f5 !important; border-radius:12px !important; padding:14px 8px !important; margin-bottom:0 !important; }
.flat-cat-box .single:not(.info) > span{ flex-direction:column !important; gap:8px !important; justify-content:center !important; text-align:center !important; font-size:.8rem !important; }
.flat-cat-box .single:not(.info) .parent-icon{ width:42px !important; height:42px !important; font-size:20px !important; }
@media(max-width:768px){ .flat-cat-box .flat-wrap{ grid-template-columns:repeat(2,1fr) !important; } }

/* ============================================
   MOBIL — randurile devin pe verticala
   ============================================ */
@media (max-width:768px){
  #body-item-post .row.category,
  #body-item-post .location .row,
  #body-item-post .seller .row { flex-direction:column !important; gap:8px !important; }
  #body-item-post .row.category > label,
  #body-item-post .location .row > label,
  #body-item-post .seller .row > label {
    width:auto !important; text-align:left !important; padding-top:0 !important;
  }
  #body-item-post .left-col fieldset,
  #body-item-post .right-col fieldset,
  #body-item-post fieldset { padding:18px 16px !important; }
}

/* ============================================
   AD24 — v3.1 — breadcrumb categorie + vanzator logat + retusuri
   ============================================ */

/* Breadcrumb categorie aleasa (dupa selectie) */
#body-item-post .ad24-cat-selected { flex:1 1 auto !important; min-width:0 !important; }
#body-item-post .ad24-cat-crumb {
  display:flex !important; align-items:center !important; gap:10px !important;
  padding:11px 14px !important; border:1px solid #bfdbfe !important;
  background:#eff6ff !important; border-radius:12px !important;
}
#body-item-post .ad24-cat-crumb .parent-icon {
  width:30px !important; height:30px !important; flex-shrink:0 !important;
  border-radius:8px !important; display:flex !important; align-items:center !important;
  justify-content:center !important; color:#fff !important; font-size:14px !important;
}
#body-item-post .ad24-crumb-path {
  flex:1 1 auto !important; min-width:0 !important; color:#1d4ed8 !important;
  font-weight:700 !important; font-size:.9rem !important;
  display:flex !important; align-items:center !important; gap:6px !important; flex-wrap:wrap !important;
}
#body-item-post .ad24-crumb-path .fa { font-size:.78rem !important; color:#60a5fa !important; }
#body-item-post .ad24-crumb-check { color:#16a34a !important; font-size:1.05rem !important; flex-shrink:0 !important; }
#body-item-post .ad24-cat-change {
  margin-top:8px !important; color:#2563eb !important; font-size:.85rem !important;
  cursor:pointer !important; display:inline-flex !important; align-items:center !important; gap:6px !important;
}
#body-item-post .ad24-cat-change:hover { text-decoration:underline !important; }

/* Vanzator logat: ascunde Nume + Email (vin din cont, sunt readonly). Telefonul ramane. */
#body-item-post .seller.logged > .row:first-child { display:none !important; }
#body-item-post .seller.logged .user-email { display:none !important; }

/* Pret: lasa loc la dreapta pentru butoanele RON + setari */
#body-item-post .price-wrap .input-box { position:relative !important; }
#body-item-post .price-wrap input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]) {
  padding-right: 96px !important;
}

/* ============================================
   AD24 — v3.2 — iconite modal neutre + toggle Negociabil
   ============================================ */

/* Toggle Negociabil (intarit, nu mai e in .row ca sa nu-l strice tema) */
#body-item-post .ad24-neg-row { clear:both !important; display:block !important; margin:14px 0 4px !important; }
#body-item-post .ad24-neg-toggle {
  display:inline-flex !important; align-items:center !important; gap:10px !important;
  cursor:pointer !important; font-weight:600 !important; color:#374151 !important; font-size:.95rem !important;
  margin:0 !important; padding:0 !important; float:none !important; width:auto !important;
  position:relative !important; user-select:none !important;
}
#body-item-post .ad24-neg-toggle input {
  position:absolute !important; opacity:0 !important; width:1px !important; height:1px !important; margin:0 !important; pointer-events:none !important;
}
#body-item-post .ad24-neg-switch {
  display:inline-block !important; width:44px !important; height:24px !important; border-radius:999px !important;
  background:#cbd5e1 !important; position:relative !important; flex:0 0 44px !important;
  vertical-align:middle !important; float:none !important; transition:background .15s !important;
}
#body-item-post .ad24-neg-text { display:inline-block !important; float:none !important; }
#body-item-post .ad24-neg-switch::after {
  content:"" !important; position:absolute !important; top:2px !important; left:2px !important;
  width:20px !important; height:20px !important; border-radius:50% !important; background:#fff !important;
  transition:transform .15s !important; box-shadow:0 1px 2px rgba(0,0,0,.2) !important;
}
#body-item-post .ad24-neg-toggle input:checked + .ad24-neg-switch { background:#2563eb !important; }
#body-item-post .ad24-neg-toggle input:checked + .ad24-neg-switch::after { transform:translateX(20px) !important; }

/* Badge negociabil pe pagina anuntului */
.ad24-neg-badge {
  display:inline-block; font-size:.7em; font-weight:700; color:#2563eb;
  background:#eff6ff; border:1px solid #bfdbfe; border-radius:6px; padding:2px 7px; margin-left:8px; vertical-align:middle;
}

/* ============================================
   AD24 — v3.3 — rand pret: pret + moneda egale (separate), Negociabil inline,
   roata + Tranzactie/Stare ascunse
   ============================================ */

/* Randul: pret+moneda intr-un grup egal, Negociabil alaturi */
#body-item-post .price-wrap .ad24-price-line {
  display:flex !important; gap:16px !important; align-items:center !important; flex-wrap:wrap !important;
  float:none !important; width:auto !important;
}
#body-item-post .ad24-price-box {
  display:flex !important; gap:8px !important; align-items:center !important;
  flex:1 1 240px !important; min-width:0 !important;
  position:static !important; float:none !important; width:auto !important;
}

/* Pret si moneda - marime egala */
#body-item-post .ad24-price-box input#price {
  flex:1 1 0 !important; min-width:0 !important; width:auto !important;
  height:50px !important; min-height:50px !important; padding:0 14px !important;
}
#body-item-post .ad24-price-box .simple-currency {
  flex:1 1 0 !important; min-width:0 !important; width:auto !important;
  float:none !important; clear:none !important; position:relative !important; margin:0 !important;
  right:auto !important; top:auto !important; left:auto !important; bottom:auto !important;
  height:auto !important;
}

/* Moneda ca dropdown curat (in loc de butonul albastru) */
#body-item-post .ad24-price-box .simple-currency .text {
  display:flex !important; align-items:center !important; justify-content:space-between !important; gap:8px !important;
  height:50px !important; min-height:50px !important; padding:0 14px !important;
  background:#fff !important; border:1px solid #d1d5db !important; border-radius:12px !important;
  color:#1f2937 !important; font-size:.95rem !important; width:100% !important;
  float:none !important; box-sizing:border-box !important; cursor:pointer !important;
}
#body-item-post .ad24-price-box .simple-currency .text:hover { border-color:#94a3b8 !important; }
#body-item-post .ad24-price-box .simple-currency .text i { color:#94a3b8 !important; float:none !important; font-size:14px !important; }
#body-item-post .ad24-price-box .simple-currency .list {
  border:1px solid #d1d5db !important; border-radius:10px !important; top:54px !important;
  box-shadow:0 4px 16px rgba(0,0,0,.08) !important; padding:4px !important;
}
#body-item-post .ad24-price-box .simple-currency .option { border-radius:8px !important; padding:9px 12px !important; float:none !important; }
#body-item-post .ad24-price-box .simple-currency .option:not(.info):hover { background:#eff6ff !important; color:#1d4ed8 !important; }

/* Ascunde iconita de bani + roata de setari (price-type) */
#body-item-post .ad24-price-box .fa-money,
#body-item-post .ad24-price-box .simple-price-type { display:none !important; }

/* Negociabil mutat inline, lipit de margine */
#body-item-post .ad24-price-line .ad24-neg-row {
  margin:0 !important; clear:none !important; flex-shrink:0 !important;
  display:flex !important; align-items:center !important;
}

/* Tranzactie / Stare - eliminate (ascunse) */
#body-item-post .status-wrap { display:none !important; }

/* Pe mobil: Negociabil coboara sub pret+moneda */
@media (max-width:600px){
  #body-item-post .price-wrap .ad24-price-line { gap:12px !important; }
  #body-item-post .ad24-price-box { flex:1 1 100% !important; }
}

/* ============================================
   FLASH MESSAGES MODERNE (suprascrie style.css)
   Notificare compacta, rotunjita, cu accent lateral
   ============================================ */
.flash-wrap .flashmessage {
  position: relative;
  width: 100% !important;
  max-width: 560px;
  margin: 16px auto !important;
  padding: 15px 46px 15px 52px !important;
  border: none !important;
  border-radius: 12px !important;
  border-bottom-width: 0 !important;
  font-size: .95rem;
  font-weight: 600;
  text-align: left;
  text-shadow: none !important;
  box-shadow: 0 6px 20px rgba(0,0,0,.10) !important;
  display: flex;
  align-items: center;
  animation: ad24-flash-in .35s cubic-bezier(.22,1,.36,1);
}
/* Iconita rotunda din stanga (cerc semi-transparent) */
.flash-wrap .flashmessage::before {
  content: "";
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 22px 22px;
}
/* SUCCES - verde modern (gradient subtil) */
.flash-wrap .flashmessage-ok {
  background: linear-gradient(135deg, #16a34a, #22c55e) !important;
  color: #fff !important;
}
.flash-wrap .flashmessage-ok::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
}
/* EROARE - rosu modern */
.flash-wrap .flashmessage-error {
  background: linear-gradient(135deg, #dc2626, #ef4444) !important;
  color: #fff !important;
}
.flash-wrap .flashmessage-error::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E");
}
/* Butonul de inchidere (x) */
.flash-wrap .flashmessage .ico-close,
.flash-wrap .flashmessage .close {
  position: absolute !important;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  border-radius: 50%;
  background: rgba(255,255,255,.22);
  color: #fff !important;
  cursor: pointer;
  transition: background .2s;
}
.flash-wrap .flashmessage .ico-close:hover,
.flash-wrap .flashmessage .close:hover {
  background: rgba(255,255,255,.38);
}
/* Link-uri in interiorul notificarii */
.flash-wrap .flashmessage a { color:#fff; text-decoration:underline; }
.flash-wrap .flashmessage a:hover { text-decoration:none; }
/* Animatie de intrare (slide + fade de sus) */
@keyframes ad24-flash-in {
  from { opacity: 0; transform: translateY(-12px); }
  to   { opacity: 1; transform: translateY(0); }
}
/* Pe mobil - putin mai ingust pe margini */
@media (max-width: 600px) {
  .flash-wrap .flashmessage {
    max-width: calc(100% - 24px);
    font-size: .9rem;
    padding: 13px 42px 13px 46px !important;
  }
}

/* ============================================================
   BUTOANE ANUNȚURI (cont user) — varianta A: link-uri text + buton verde principal
   Override peste style.css + responsive.css (ad24.css se încarcă ultimul).
   Container flex-column: buton verde (Reactivează/Promovează) pe rândul lui,
   apoi link-urile text dedesubt. Fără float => curat pe desktop ȘI mobil.
   ============================================================ */
.user_account .us-item .buttons {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 13px;
  float: none;
  width: 100%;
  margin: 10px 0 0 0;
  line-height: normal;
}

/* Rândul de link-uri text */
.user_account .us-item .buttons .ad24-link-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 18px;
  width: 100%;
}
.user_account .us-item .buttons .ad24-link-row > a {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  float: none;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  border-radius: 0;
  font-weight: 500;
  font-size: 13px;
  line-height: 1.3;
  text-decoration: none;
  white-space: nowrap;
  transition: color .15s;
}
.user_account .us-item .buttons .ad24-link-row > a:hover { text-decoration: none; }
.user_account .us-item .buttons .ad24-link-row > a i {
  position: static; width: auto; height: auto; line-height: 1;
  background: none; font-size: 14px; color: inherit; margin: 0; top: auto; left: auto;
}

/* Albastru — uzuale principale: Deschide, Editează */
.user_account .us-item .buttons .ad24-link-row > a.view,
.user_account .us-item .buttons .ad24-link-row > a.edit { color: #2563eb; }
.user_account .us-item .buttons .ad24-link-row > a.view:hover,
.user_account .us-item .buttons .ad24-link-row > a.edit:hover { color: #1d4ed8; }

/* Gri — Marchează vândut (dacă reactivat) */
.user_account .us-item .buttons .ad24-link-row > a.sold { color: #475569; }
.user_account .us-item .buttons .ad24-link-row > a.sold:hover { color: #1e293b; }

/* Teal — Republică */
.user_account .us-item .buttons .ad24-link-row > a.republish,
.user_account .us-item .buttons .ad24-link-row > a.ad24-republish-btn { color: #0d9488; }
.user_account .us-item .buttons .ad24-link-row > a.republish:hover,
.user_account .us-item .buttons .ad24-link-row > a.ad24-republish-btn:hover { color: #0f766e; }

/* Mov — Rezervă */
.user_account .us-item .buttons .ad24-link-row > a.reserved { color: #7c3aed; }
.user_account .us-item .buttons .ad24-link-row > a.reserved:hover { color: #6d28d9; }

/* Roșu — grele: Dezactivează, Șterge */
.user_account .us-item .buttons .ad24-link-row > a.ad24-disable-btn,
.user_account .us-item .buttons .ad24-link-row > a.delete { color: #e11d48; }
.user_account .us-item .buttons .ad24-link-row > a.ad24-disable-btn:hover,
.user_account .us-item .buttons .ad24-link-row > a.delete:hover { color: #be123c; }

/* Buton verde slim — acțiune principală: Reactivează (+ Promovează la #4) */
.user_account .us-item .buttons > a.ad24-enable-btn,
.user_account .us-item .buttons > a.ad24-promote-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  float: none;
  width: auto;
  height: auto;
  margin: 0;
  padding: 6px 18px;
  border: none;
  border-radius: 999px;
  background: #16a34a;
  color: #fff;
  font-weight: 600;
  font-size: 13px;
  line-height: 1.3;
  text-decoration: none;
  white-space: nowrap;
  transition: background .15s;
}
.user_account .us-item .buttons > a.ad24-enable-btn:hover,
.user_account .us-item .buttons > a.ad24-promote-btn:hover { background: #15803d; color: #fff; }
.user_account .us-item .buttons > a.ad24-enable-btn i,
.user_account .us-item .buttons > a.ad24-promote-btn i { font-size: 14px; color: inherit; }

/* Mobil: link-urile se string mai compact */
@media screen and (max-width: 767px) {
  .user_account .us-item .buttons { gap: 11px; }
  .user_account .us-item .buttons .ad24-link-row { gap: 11px 16px; }
}

/* ============================================================
   MODAL PROMOVARE (#4)
   ============================================================ */
.ad24-promo-overlay {
  position: fixed; inset: 0; z-index: 99999;
  background: rgba(15,23,42,.55);
  align-items: center; justify-content: center; padding: 16px;
}
.ad24-promo-box {
  background: #fff; border-radius: 16px; width: 100%; max-width: 380px;
  padding: 22px 22px 20px; position: relative;
  box-shadow: 0 20px 50px rgba(0,0,0,.25);
}
.ad24-promo-close {
  position: absolute; top: 12px; right: 14px;
  background: none; border: none; font-size: 26px; line-height: 1;
  color: #94a3b8; cursor: pointer;
}
.ad24-promo-close:hover { color: #475569; }
.ad24-promo-title { margin: 0 0 8px; font-size: 18px; font-weight: 700; color: #0f172a; }
.ad24-promo-title i { color: #16a34a; }
.ad24-promo-sub { margin: 0 0 16px; font-size: 13px; color: #64748b; line-height: 1.5; }
.ad24-promo-days { display: flex; flex-direction: column; gap: 8px; margin-bottom: 18px; }
.ad24-promo-days label {
  display: flex; align-items: center; gap: 10px;
  padding: 10px 14px; border: 1.5px solid #e6e9ef; border-radius: 10px;
  cursor: pointer; font-size: 14px; transition: border-color .15s;
}
.ad24-promo-days label:hover { border-color: #cbd5e1; }
.ad24-promo-days input { margin: 0; accent-color: #16a34a; }
.ad24-promo-days .d { font-weight: 600; color: #0f172a; }
.ad24-promo-days .p { margin-left: auto; font-weight: 700; color: #16a34a; }
.ad24-promo-actions { display: flex; flex-direction: column; gap: 10px; }
.ad24-promo-actions button {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  padding: 12px 16px; border-radius: 999px; border: none;
  font-size: 14px; font-weight: 600; cursor: pointer; transition: background .15s;
}
.ad24-promo-pkg { background: #16a34a; color: #fff; }
.ad24-promo-pkg:hover { background: #15803d; }
.ad24-promo-pkg small { font-weight: 500; opacity: .85; font-size: 12px; }
.ad24-promo-card { background: #2563eb; color: #fff; }
.ad24-promo-card:hover { background: #1d4ed8; }
@media screen and (max-width: 480px) { .ad24-promo-box { max-width: 100%; } }