/* blackshop.ge — მარკეტი (ბირჟა). მხოლოდ ის, რაც app.css-ში არ არის; ფერები app.css-ის ცვლადებით (ორივე თემა) */

/* ქვენავიგაცია: ძებნა / ჩემი განცხადებები / შეტყობინებები */
.mk-sub{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 18px}
.mk-sub a{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 15px;border:1px solid var(--line);border-radius:9px;background:var(--card);font-weight:500;text-decoration:none;color:var(--muted);font-size:.88rem}
.mk-sub a:hover{color:var(--text);background:var(--card2)}
.mk-sub a.on{color:var(--btn-ink);background:var(--btn);border-color:var(--btn)}

.mk-tabs{margin:0 0 14px}
.mk-back{margin:0 0 12px}
.mk-back a{color:var(--muted);text-decoration:none}
.mk-back a:hover{color:var(--text)}
.mk-h1{font-size:clamp(1.5rem,3.4vw,2.3rem);font-weight:800;letter-spacing:-.03em;margin:12px 0 14px;overflow-wrap:anywhere}
.mk-h2{font-size:1.05rem;margin:22px 0 8px}
.mk-thread-h{font-size:1.5rem;margin:0}

/* ფილტრის ზოლი: auto-fit — 375px-ზე 2 სვეტი, ფართოზე ერთ ხაზზე */
.mk-filter{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:12px;align-items:end;padding:16px;margin:0 0 18px}
.mk-filter .field{margin:0;min-width:0}
.mk-filter .mk-q{grid-column:1/-1}
.mk-filter-acts{display:flex;gap:8px;flex-wrap:wrap;grid-column:1/-1}
.mk-count{margin:0 0 10px}

/* განცხადების ბარათები */
.mk-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.mk-card{position:relative;display:flex;flex-direction:column;gap:11px;padding:20px;transition:border-color .15s}
.mk-card + .mk-card{margin-top:0}
.mk-card.is-featured{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}
.mk-card h3{font-size:1.05rem;margin:0;overflow-wrap:anywhere}
.mk-card h3 a{text-decoration:none}
.mk-card h3 a::after{content:"";position:absolute;inset:0;border-radius:var(--r)} /* მთელი ბარათი დაწკაპუნებადია (მობილურზე მოსახერხებელი) */
.mk-card:hover{border-color:var(--line2)}
.mk-card.is-featured:hover{border-color:var(--accent)}
.mk-ex{margin:0;color:var(--muted);font-size:.9rem;overflow-wrap:anywhere}
.mk-tags{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.mk-ver{display:inline-flex;align-items:center;gap:4px}
.mk-facts{display:flex;gap:6px 16px;flex-wrap:wrap;align-items:center;font-size:.86rem;color:var(--muted);margin-top:auto}
.mk-facts b{color:var(--text);font-weight:650}
.mk-facts .ic{vertical-align:-2px}
.mk-price{color:var(--text);font-weight:700}
.mk-disc{margin-top:26px;display:flex;gap:8px;align-items:flex-start}
.mk-disc .ic{flex:none;margin-top:3px}

/* გვერდები */
.mk-pager{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin:22px 0 0}
.mk-pager a,.mk-pager span{min-width:36px;padding:7px 11px;text-align:center;border:1px solid var(--line);border-radius:8px;text-decoration:none;font-size:.88rem;color:var(--muted)}
.mk-pager a:hover{color:var(--text);background:var(--card2)}
.mk-pager .on{background:var(--btn);color:var(--btn-ink);border-color:var(--btn);font-weight:700}
.mk-pager .gap{border:0;min-width:0;padding:7px 2px}

/* დეტალი */
.mk-detail{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start}
.mk-dl{display:flex;gap:10px 28px;flex-wrap:wrap;margin:0 0 6px}
.mk-dl div{min-width:0}
.mk-dl dt{color:var(--muted);font-size:.78rem}
.mk-dl dd{margin:2px 0 0;font-weight:650}
.mk-text{white-space:pre-line;overflow-wrap:anywhere;line-height:1.65}
.mk-aside{position:sticky;top:78px;display:flex;flex-direction:column;gap:16px}
.mk-aside .card + .card{margin-top:0}
.mk-aside-price{font-size:1.35rem;font-weight:750;letter-spacing:-.02em;overflow-wrap:anywhere}
.mk-report{font-size:.88rem}
.mk-report summary{cursor:pointer;color:var(--muted);padding:6px 2px}
.mk-report summary:hover{color:var(--text)}
.mk-report form{margin-top:10px}

/* ჩემი განცხადებები / ადმინის ბარათები */
.mk-mine,.mk-adm{display:flex;flex-direction:column;gap:12px}
.mk-item{display:flex;flex-direction:column;gap:12px;padding:16px}
.mk-item + .mk-item{margin-top:0}
.mk-item-h{display:flex;flex-direction:column;gap:8px}
.mk-item-h h3{margin:0;font-size:1.02rem;overflow-wrap:anywhere}
.mk-item-h h3 a{text-decoration:none}
.mk-item-h h3 a:hover{text-decoration:underline}
.mk-item .note{margin:0}
.mk-adm-filters{margin:0 0 6px}
.chip.on{background:var(--accent-soft);border-color:var(--accent)}
.chips a.chip{text-decoration:none;color:var(--text)}
.mk-adm-more summary{cursor:pointer;color:var(--muted);font-size:.88rem}
.mk-adm-more[open] summary{margin-bottom:10px}
.mk-reps{margin:4px 0 0;padding-left:18px}
.mk-adm-acts{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.mk-inline-form{display:flex;gap:8px;flex:1 1 280px;min-width:0}
.mk-inline-form input[type=text]{flex:1;min-width:0;padding:7px 10px}

/* შეტყობინებები */
.mk-rows{display:flex;flex-direction:column;gap:8px}
.mk-row{display:flex;gap:12px;justify-content:space-between;align-items:flex-start;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r);background:var(--card);text-decoration:none}
.mk-row:hover{border-color:var(--line2);background:var(--card2)}
.mk-row.unread{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}
.mk-row-main{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.mk-row-top{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.mk-row-title{color:var(--muted);font-size:.86rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mk-row-snip{font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mk-row-time{flex:none;color:var(--faint);font-size:.78rem;white-space:nowrap}

.mk-chat{display:flex;flex-direction:column;gap:10px;padding:16px;margin-bottom:16px}
.mk-msg{max-width:78%;padding:10px 13px;border-radius:14px 14px 14px 4px;background:var(--card2);border:1px solid var(--line);overflow-wrap:anywhere;align-self:flex-start}
.mk-body{display:block;white-space:pre-wrap} /* pre-wrap მხოლოდ ტექსტზე: შაბლონის ინტერვალები ბუშტში არ ჩავარდეს */
.mk-msg.me{align-self:flex-end;border-radius:14px 14px 4px 14px;background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 45%,transparent)}
.mk-msg time{display:block;margin-top:5px;font-size:.72rem;color:var(--faint)}
#reply{scroll-margin-top:80px}

.mk-form .card{margin-top:0}
.mk-form .note{margin-bottom:14px}

@media (max-width:900px){
  .mk-detail{grid-template-columns:minmax(0,1fr)}
  .mk-aside{position:static}
}
@media (max-width:720px){
  /* ქვენავიგაცია ერთ ხაზზე (საჭიროებისას გადაიფურცლება), ხატულების გარეშე — სხვაგვარად 375px-ზე 3 სტრიქონად იშლება */
  .mk-sub{flex-wrap:nowrap;overflow-x:auto;gap:4px;padding-bottom:2px;scrollbar-width:none}
  .mk-sub a{flex:none;white-space:nowrap;padding:6px 8px;font-size:.8rem}
  .mk-sub .ic{display:none}
  .mk-list{grid-template-columns:minmax(0,1fr)}
  .mk-msg{max-width:92%}
  .mk-row{flex-direction:column;align-items:stretch;gap:6px}
  .mk-filter{padding:14px;gap:10px}
}