/* ClassiPress 4.2.8 UI Bridge for Super Messages AI + Offers
   - Nie zmienia logiki, tylko wygląd (kolory/przyciski/odstępy/focus)
   - Scoping: targetuje selektory smai-* oraz ogólne guziki/odsyłacze w obrębie wtyczki
*/

/* --- Kolory i linki --- */
[class^="smai-"] a,
[class*=" smai-"] a {
  color: inherit;
  text-decoration: none;
}
[class^="smai-"] a:hover,
[class*=" smai-"] a:hover { text-decoration: underline; }

/* --- Przyciski: dopasowanie do ClassiPress .button --- */
[class^="smai-"] .button,
[class*=" smai-"] .button,
[class^="smai-"] .btn,
[class*=" smai-"] .btn,
[class^="smai-"] button,
[class*=" smai-"] button,
.smai-button,
.smai-btn {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  padding: .6rem 1rem;
  border: 1px solid transparent;
  border-radius: 8px;
  font-weight: 600;
  line-height: 1.2;
  cursor: pointer;
  transition: transform .08s ease, filter .15s ease, background-color .15s ease, border-color .15s ease;
  background: var(--primary, #2ea3f2);
  border-color: var(--primary, #2ea3f2);
  color: #fff;
  text-decoration: none;
}
/* Hover/active */
[class^="smai-"] .button:hover,
[class*=" smai-"] .button:hover,
[class^="smai-"] .btn:hover,
[class*=" smai-"] .btn:hover,
[class^="smai-"] button:hover,
[class*=" smai-"] button:hover,
.smai-button:hover,
.smai-btn:hover {
  filter: brightness(.92);
}
[class^="smai-"] .button:active,
[class*=" smai-"] .button:active,
[class^="smai-"] .btn:active,
[class*=" smai-"] .btn:active,
[class^="smai-"] button:active,
[class*=" smai-"] button:active,
.smai-button:active,
.smai-btn:active {
  transform: translateY(1px);
}

/* Odmiany */
[class^="smai-"] .button.hollow,
[class*=" smai-"] .button.hollow,
.smai-button.hollow {
  background: transparent;
  color: var(--primary, #2ea3f2);
  border-color: currentColor;
}
[class^="smai-"] .button.secondary,
[class*=" smai-"] .button.secondary,
.smai-button.secondary {
  background: var(--accent, #ff5a5f);
  border-color: var(--accent, #ff5a5f);
}

/* --- Pola formularza / focus --- */
[class^="smai-"] input[type="text"],
[class*=" smai-"] input[type="text"],
[class^="smai-"] input[type="search"],
[class*=" smai-"] input[type="search"],
[class^="smai-"] input[type="email"],
[class*=" smai-"] input[type="email"],
[class^="smai-"] textarea,
[class*=" smai-"] textarea,
[class^="smai-"] select,
[class*=" smai-"] select {
  border-radius: 10px;
  border: 1px solid rgba(0,0,0,.12);
  padding: .6rem .75rem;
  transition: box-shadow .15s ease, border-color .15s ease;
}
[class^="smai-"] input:focus,
[class*=" smai-"] input:focus,
[class^="smai-"] textarea:focus,
[class*=" smai-"] textarea:focus,
[class^="smai-"] select:focus,
[class*=" smai-"] select:focus {
  outline: none;
  border-color: var(--primary, #2ea3f2);
  box-shadow: 0 0 0 2px #2ea3f233;
}

/* --- Karty/panele wiadomości --- */
.smai-msg,
.smai-message,
.smai-msg-content,
.smai-modal {
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 8px 20px rgba(0,0,0,.06);
  background: #fff;
}

/* --- Badge/etykiety --- */
.smai-badge, .smai-label, .smai-tag {
  display: inline-block;
  padding: .25rem .5rem;
  border-radius: 999px;
  background: var(--accent, #ff5a5f);
  color: #fff;
  font-size: .85rem;
  line-height: 1;
}

/* --- Marginesy/siatka --- */
.smai-block-conv { gap: .75rem; }
.smai-reply { padding: .75rem; }

/* --- Dopasowanie do motywu przycisków ClassiPress (jeśli wtyczka używa swoich nazw) --- */
.button-primary,
.smai-reply-send,
.smai-reply-attachment {
  background: var(--primary, #2ea3f2) !important;
  border-color: var(--primary, #2ea3f2) !important;
  color: #fff !important;
}