/*
 * Bloom Art — oprawa wyjścia modułów.
 *
 * Wyłącznie zmienne motywu. Moduły odpowiadają za znaczniki i logikę,
 * ten arkusz tylko sadza ich klasy w systemie projektowym Bloom Art.
 * Wszystkie zmienne nadpisuje wtyczka bloomart-artists w świecie artysty.
 */

/* ============================================================
   WSPÓLNE
   ============================================================ */
.bm,
.bm-zam,
.bloomart-wersje{
  font-family:var(--sans);color:var(--ink);
}
.bm__eyebrow{
  font-family:var(--sans);font-size:var(--t-meta);font-weight:600;letter-spacing:.19em;
  text-transform:uppercase;color:var(--ink-3);margin:0 0 1rem;
}
.bm__title,.bm-zam__tytul{
  font-family:var(--serif);font-weight:400;font-size:var(--t-h2);line-height:1.15;margin:0;
}
.bm__lead{color:var(--ink-2);line-height:1.7;margin:1rem 0 0;max-width:62ch}
.bm__meta,.bm-zam__data,.bm-list__date,.bm-msg__date,.bm-drobne{
  font-family:var(--mono);font-size:var(--t-meta);letter-spacing:.05em;
  text-transform:uppercase;color:var(--ink-3);
}
.bm__empty,.bm__closed{
  border:var(--line);border-radius:var(--r);background:var(--paper);
  padding:clamp(1.2rem,2.4vw,1.8rem);color:var(--ink-2);
}
.bm__back,.bm-link{
  display:inline-flex;align-items:center;gap:.5rem;color:var(--dusk);
  font-size:var(--t-small);border-bottom:1px solid transparent;
}
.bm__back:hover,.bm-link:hover{border-bottom-color:var(--dusk)}
.bm__work{font-size:var(--t-small);color:var(--ink-2)}

/* ============================================================
   FORMULARZE MODUŁÓW
   ============================================================ */
.bm-form{display:grid;gap:1.1rem;max-width:44rem}
.bm-field{display:grid;gap:.4rem}
.bm-field label{font-size:var(--t-small);color:var(--ink-2)}
.bm-field input,
.bm-field textarea,
.bm-field select{
  width:100%;font-family:var(--sans);font-size:var(--t-body);
  padding:.82rem .9rem;border:var(--line);border-radius:var(--r);
  background:var(--field-bg);color:var(--ink);
}
.bm-field input:focus-visible,
.bm-field textarea:focus-visible{outline:2px solid var(--dusk);outline-offset:2px}
.bm-field--check{grid-template-columns:auto 1fr;align-items:start;gap:.7rem}
.bm-field--check input{width:auto;margin-top:.3rem}
.bm-form__actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}
.bm-form__note{font-size:var(--t-small);color:var(--ink-3);line-height:1.6}
.bm-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

.bm-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.6rem;
  font-family:var(--sans);font-size:.83rem;font-weight:500;letter-spacing:.09em;
  text-transform:uppercase;padding:1.05rem 1.9rem;border-radius:var(--r);
  border:1px solid transparent;min-height:52px;cursor:pointer;
  background:var(--ink);color:var(--paper);
  transition:background .3s var(--ease),color .3s var(--ease),border-color .3s var(--ease);
}
.bm-btn:hover{background:var(--dusk)}

/* ============================================================
   KOMUNIKATY
   ============================================================ */
.bm-notice,.bm-komunikat{
  border:var(--line);border-left:3px solid var(--dusk);border-radius:var(--r);
  background:var(--paper);padding:.95rem 1.1rem;font-size:var(--t-small);color:var(--ink-2);
}
.bm-notice--error,.bm-notice--blad{border-left-color:var(--alert);color:var(--ink)}
.bm-notice--success,.bm-notice--ok{border-left-color:var(--dusk-deep)}

.bm-chip,.bm-stan,.bm-status{
  display:inline-flex;align-items:center;gap:.4rem;
  font-family:var(--mono);font-size:var(--t-meta);letter-spacing:.08em;text-transform:uppercase;
  padding:.3rem .6rem;border:1px solid var(--stone);border-radius:var(--r);
  background:var(--stone-2);color:var(--ink-2);
}
.bm-chip--accent{background:var(--dusk-tint);border-color:var(--dusk);color:var(--dusk-deep)}

/* ============================================================
   MESSAGES — skrzynka i wątek
   ============================================================ */
.bm-list{list-style:none;margin:0;padding:0;border-top:var(--line)}
.bm-list__item{border-bottom:var(--line)}
.bm-list__item.is-unread .bm-list__subject{font-weight:600;color:var(--ink)}
.bm-list__link{display:grid;gap:.35rem;padding:1.15rem 0}
.bm-list__link:hover .bm-list__subject{color:var(--dusk)}
.bm-list__subject{font-family:var(--serif);font-size:var(--t-h3);line-height:1.25;color:var(--ink)}
.bm-list__excerpt{font-size:var(--t-small);color:var(--ink-2);line-height:1.6}
.bm-list__meta{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center}
.bm-list__work{font-size:var(--t-small);color:var(--ink-3)}

.bm-thread{display:grid;gap:1.1rem}
.bm-msg{
  border:var(--line);border-radius:var(--r);background:var(--paper);
  padding:clamp(1rem,2vw,1.4rem);max-width:min(100%,46rem);
}
.bm-msg--klient,.bm-msg--customer{margin-right:auto}
.bm-msg--galeria,.bm-msg--artysta,.bm-msg--staff{margin-left:auto;background:var(--wall)}
.bm-msg__meta{display:flex;flex-wrap:wrap;gap:.4rem .9rem;align-items:baseline;margin-bottom:.6rem}
.bm-msg__author{font-size:var(--t-small);font-weight:500;color:var(--ink)}
.bm-msg__body{white-space:pre-wrap;line-height:1.7;color:var(--ink-2)}

/* ============================================================
   COMMERCE — wersje zakupu
   ============================================================ */
.bloomart-wersje{display:grid;gap:1rem;margin:1.4rem 0 0}
.bloomart-wersje__lista{display:grid;gap:.7rem;list-style:none;margin:0;padding:0}
.bloomart-wersje__legenda{
  font-family:var(--sans);font-size:var(--t-meta);font-weight:600;letter-spacing:.19em;
  text-transform:uppercase;color:var(--ink-3);padding:0;
}
.bloomart-wersja{
  display:grid;gap:.25rem;border:var(--line);border-radius:var(--r);
  background:var(--paper);padding:.95rem 1.1rem;cursor:pointer;
  transition:border-color .25s var(--ease),background .25s var(--ease);
}
.bloomart-wersja:hover{border-color:var(--ink)}
.bloomart-wersja:has(input:checked){border-color:var(--dusk);background:var(--dusk-tint)}
.bloomart-wersja__nazwa{font-size:var(--t-body);color:var(--ink)}
.bloomart-wersja__opis{font-size:var(--t-small);color:var(--ink-2);line-height:1.6}
.bloomart-wersje__opcje{display:grid;gap:.7rem}
.bloomart-pole{display:grid;gap:.4rem;font-size:var(--t-small);color:var(--ink-2)}
.bloomart-pole select,.bloomart-pole input{
  font-family:var(--sans);font-size:var(--t-body);padding:.7rem .8rem;
  border:var(--line);border-radius:var(--r);background:var(--field-bg);color:var(--ink);
}
.bloomart-ilosc{max-width:7rem}

.bloomart-rezerwacja{
  font-family:var(--mono);font-size:var(--t-meta);letter-spacing:.06em;text-transform:uppercase;
  color:var(--dusk-deep);background:var(--dusk-tint);border-radius:var(--r);
  padding:.5rem .7rem;display:inline-flex;gap:.5rem;align-items:center;
}

.bloomart-platnosc{display:grid;gap:1rem;border:var(--line);border-radius:var(--r);
  background:var(--paper);padding:clamp(1.2rem,2.4vw,1.8rem)}
.bloomart-platnosc__kwota{font-family:var(--serif);font-size:var(--t-h2);color:var(--ink)}
.bloomart-platnosc__nota{font-size:var(--t-small);color:var(--ink-3);line-height:1.6}
.bloomart-platnosc__blad{font-size:var(--t-small);color:var(--alert)}

/* ============================================================
   COMMERCE — podgląd zamówienia
   ============================================================ */
.bm-zam__wrap{max-width:var(--max);margin:0 auto;padding:var(--sec) var(--gut)}
.bm-zam__karta{border:var(--line);border-radius:var(--r);background:var(--paper);
  padding:clamp(1.3rem,2.8vw,2.1rem);display:grid;gap:1.2rem}
.bm-zam__nad{display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;align-items:baseline;justify-content:space-between}

.bm-poz{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.4rem 1.4rem;
  padding:1rem 0;border-bottom:var(--line)}
.bm-poz__nazwa{font-family:var(--serif);font-size:var(--t-h3);line-height:1.25;color:var(--ink)}
.bm-poz__opis{grid-column:1;font-size:var(--t-small);color:var(--ink-2)}
.bm-poz__kwota{grid-row:1;grid-column:2;font-family:var(--serif);font-size:1.16rem;
  color:var(--ink);text-align:right;white-space:nowrap}

.bm-suma{display:flex;justify-content:space-between;gap:1.4rem;
  font-family:var(--serif);font-size:var(--t-h3);color:var(--ink);padding-top:.8rem}

.bm-etapy{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.bm-etapy li{display:flex;gap:.7rem;align-items:baseline;font-size:var(--t-small);color:var(--ink-2)}
.bm-etapy li::before{content:"";width:8px;height:8px;border-radius:50%;
  background:var(--stone);flex:none;transform:translateY(-1px)}
.bm-etapy li.is-done::before{background:var(--dusk)}

.bm-pliki{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.bm-pliki a{color:var(--dusk);border-bottom:1px solid var(--stone)}
.bm-pliki a:hover{border-bottom-color:var(--dusk)}
.bm-stopka{border-top:var(--line);padding-top:1.2rem;color:var(--ink-3);font-size:var(--t-small)}

@media (max-width:640px){
  .bm-poz{grid-template-columns:1fr}
  .bm-poz__kwota{grid-row:auto;grid-column:1;text-align:left}
  .bm-msg{max-width:100%}
}