/* ==========================================================================
   chatgptads.lt — papildomi stiliai virš bendros SocialAds dizaino sistemos
   (style.css lieka identiškas socialads.lt, čia tik tai, ko ten nėra).
   ========================================================================== */

/* Trijų stulpelių kortelės (style.css turi tik .two ir .four) */
@media (min-width: 900px) { .cards.three { grid-template-columns: repeat(3, 1fr); } }

/* ChatGPT pokalbio iliustracija: klausimas, atsakymas, reklamos kortelė */
.chat {
  border: 1px solid var(--line); border-radius: 18px; background: var(--paper);
  padding: clamp(20px, 2.4vw, 28px); display: grid; gap: 16px; font-size: .95rem;
  box-shadow: 0 22px 60px -40px rgba(21, 24, 26, .45);
}
.chat .u { justify-self: end; background: var(--paper-2); border-radius: 16px 16px 4px 16px; padding: 12px 16px; max-width: 36ch; color: var(--ink-2); }
.chat .a { color: var(--ink-2); max-width: 50ch; }
.chat .ad { border: 1px solid var(--line); border-radius: 14px; padding: 14px 16px; display: grid; grid-template-columns: auto 1fr; gap: 12px; align-items: start; }
.chat .ad .lg { width: 38px; height: 38px; border-radius: 10px; background: var(--purple-tint); display: grid; place-items: center; color: var(--purple); font-weight: 600; }
.chat .ad .sp { font-family: var(--mono); font-size: .7rem; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); display: block; margin-bottom: 4px; }
.chat .ad b { display: block; letter-spacing: -0.01em; }
.chat .ad .t { color: var(--ink-2); display: block; margin: 2px 0 6px; }
.chat .ad .l { color: var(--purple); font-weight: 600; font-size: .9rem; text-decoration: none; }
.chat-cap { margin-top: 12px; font-size: .84rem; color: var(--muted); }

/* Kas dar tikrintina prieš publikuojant — matoma juodraštyje, ištrinti prieš paleidžiant */
mark.todo { background: #FFF1B8; color: #5A4300; padding: 0 .3em; border-radius: 4px; }

/* Sutikimo langas (consent.js). Abu mygtukai vienodo svorio — atsisakyti turi būti
   taip pat lengva kaip sutikti. Telefone uždengia apatinę CTA juostą, kol pasirenkama. */
.consent {
  position: fixed; z-index: 90; left: 16px; right: 16px; bottom: 16px;
  max-width: 560px;
  background: var(--paper); border: 1px solid var(--line); border-radius: 16px;
  box-shadow: 0 24px 60px -24px rgba(21, 24, 26, .35);
  padding: 18px 20px; display: grid; gap: 14px;
  font-size: .92rem; line-height: 1.5; color: var(--ink-2);
}
.consent p { margin: 0; }
.consent b { color: var(--ink); }
.consent a { color: var(--purple); text-underline-offset: 3px; }
.consent-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.consent .btn {
  flex: 1 1 140px; justify-content: center; padding: 12px 18px; font-size: .95rem;
  border-color: var(--ink); color: var(--ink); background: var(--paper); cursor: pointer; font-family: inherit;
}
.consent .btn:hover { background: var(--ink); color: #fff; transform: none; }
@media (max-width: 760px) {
  .consent { left: 10px; right: 10px; bottom: calc(10px + env(safe-area-inset-bottom)); }
}