/* CsonkaTrans Predaj – natív elrendezés (#predaj-app). A színek a csonka-dop.css
   változóihoz igazodnak; a Bootstrap panel look-ot reprodukálja saját szabályokkal. */

#predaj-app { --pblue:#1a4b8c; --pborder:#d4dae6; --pmuted:#5a6475; --ptext:#1a1f2e; }
#predaj-app { color: var(--ptext); }

/* Kártya */
#predaj-app .predaj-card {
  background:#fff; border:1px solid var(--pborder); border-radius:6px; overflow:hidden;
  box-shadow:0 2px 10px rgba(20,40,90,.06); transition:box-shadow .2s, transform .2s;
  display:flex; flex-direction:column; min-height:435px;
}
#predaj-app .predaj-card:hover { box-shadow:0 8px 24px rgba(20,40,90,.16); transform:translateY(-2px); }
#predaj-app .predaj-card .panel-heading {
  background:var(--pblue); color:#fff; text-align:center; padding:10px 8px;
}
#predaj-app .predaj-card .panel-heading .name {
  margin:0; font-family:Arial,sans-serif; font-weight:bold; font-size:1.4rem; color:#fff; line-height:1.2;
}
#predaj-app .predaj-card .panel-body { padding:12px; flex:1; }
#predaj-app .predaj-card .image img { display:block; width:100%; border-radius:4px; }
#predaj-app .predaj-card .description { font-size:1rem; margin-top:8px; }
#predaj-app .predaj-card .description > strong { display:block; margin-bottom:6px; font-size:1.05rem; }

/* Spec tábla (cell0/cell1 a régi kinézethez) */
#predaj-app .predaj-spec { width:100%; border-collapse:collapse; }
#predaj-app .predaj-spec .cell0 { color:var(--pmuted); font-family:Arial,sans-serif; font-size:.82rem; padding:5px 4px; }
#predaj-app .predaj-spec .cell1 { color:var(--ptext); font-family:monospace; font-size:1rem; padding:5px 4px; }
#predaj-app .predaj-spec .cell1 strong { font-weight:700; }

/* Részletnézet */
#predaj-app .predaj-main-img { width:100%; border-radius:6px; box-shadow:0 0 10px rgba(50,50,50,.25); }
#predaj-app .predaj-gallery { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
#predaj-app .predaj-gallery img { width:88px; height:66px; object-fit:cover; border-radius:4px; cursor:pointer; }
#predaj-app .predaj-detail-info h1 { font-size:1.8rem; margin:0 0 8px; }
#predaj-app .predaj-price { color:var(--pblue); }
#predaj-app .predaj-price strong { color:#c0392b; }
#predaj-app .predaj-text { white-space:normal; line-height:1.5; }
#predaj-app .predaj-btn {
  display:inline-block; background:var(--pblue); color:#fff; text-decoration:none;
  padding:8px 18px; border-radius:5px; font-weight:600;
}
#predaj-app .predaj-btn:hover { background:#0f2e5a; color:#fff; }

/* Material Icons helyi WordPress Dashicons fallback */
#predaj-app .material-icons.ctp-icon-fallback {
  font-family: dashicons !important;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  width: auto;
  height: auto;
  vertical-align: middle;
}

/* Legacy detail icons - local WordPress Dashicons, no external font dependency */
#predaj-app .dashicons {
  display: inline-block;
  font-family: dashicons !important;
  font-style: normal;
  font-weight: normal;
  font-size: 1.35rem;
  line-height: 1;
  width: 1.35rem;
  height: 1.35rem;
  vertical-align: middle;
  flex: 0 0 auto;
}
#predaj-app .vd-ks .dashicons { color: var(--blue, #1a4b8c); font-size: 1.4rem; width:1.4rem; height:1.4rem; }
#predaj-app .vd-btn .dashicons,
#predaj-app .ct-btn .dashicons { font-size: 1.1rem; width:1.1rem; height:1.1rem; }

/* Saját, könnyű dokumentáció-modal (Bootstrap nélkül) */
#predaj-app .ctp-modal { display:none; position:fixed; inset:0; z-index:99999; background:rgba(15,30,60,.55); }
#predaj-app .ctp-modal.open { display:flex; align-items:flex-start; justify-content:center; padding:6vh 16px; }
#predaj-app .ctp-modal-box { background:#fff; max-width:720px; width:100%; border-radius:8px; padding:22px 26px; position:relative; box-shadow:0 20px 60px rgba(0,0,0,.35); max-height:86vh; overflow:auto; }
#predaj-app .ctp-modal-close { position:absolute; top:10px; right:14px; border:0; background:none; font-size:1.8rem; line-height:1; color:#5a6475; cursor:pointer; }
#predaj-app .ctp-modal-title { margin:0 0 12px; font-family:'Barlow Condensed',sans-serif; font-weight:800; color:#1a4b8c; }
#predaj-app .ctp-modal-body { line-height:1.5; }

/* Legacy modal (kontakt űrlap, dokumentáció) — saját shim megjelenítés */
#predaj-app .modal { display:none; }
#predaj-app .modal.ctp-open { display:block !important; position:fixed; inset:0; z-index:100000; background:rgba(15,30,60,.55); overflow:auto; padding:6vh 16px; }
#predaj-app .modal.ctp-open .modal-dialog { margin:0 auto; max-width:720px; width:100%; }
#predaj-app .modal.ctp-open .modal-content { background:#fff; border-radius:8px; box-shadow:0 20px 60px rgba(0,0,0,.35); }
#predaj-app .modal.ctp-open .modal-header { display:flex; justify-content:space-between; align-items:center; padding:14px 18px; border-bottom:1px solid #e5e9f0; }
#predaj-app .modal.ctp-open .modal-body { padding:18px; }
#predaj-app .modal.ctp-open .close { border:0; background:none; font-size:1.8rem; line-height:1; color:#5a6475; cursor:pointer; }
body.ctp-modal-lock { overflow:hidden; }