/* =========================================================
   PSB2B – Основен контейнер и карта
========================================================= */
/* --------- PSB2B CSS: layout начало --------- */
.psb2b-wrap {
  max-width: 920px;
  margin: 24px auto;
  padding: 0 14px;
}

.psb2b-card {
  border: 1px solid #ead6f0;
  border-radius: 12px;
  padding: 18px;
  background: #fff;
  box-shadow: 0 6px 18px rgba(0,0,0,.05);
}

.psb2b-title {
  margin: 0 0 12px;
  font-size: 20px;
}

/* ✅ Badge + legend */
.psb2b-badge {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  border: 1px solid transparent;
  white-space: nowrap;
}

.psb2b-badge--approved {
  background: #e9f8ee;
  border-color: #bfe8c9;
  color: #1d7a3a;
}

.psb2b-badge--pending {
  background: #fff6e5;
  border-color: #ffd79a;
  color: #8a4b00;
}

.psb2b-badge--normal {
  background: #f2f2f2;
  border-color: #d9d9d9;
  color: #444;
}

/* Легенда в профила: заглавие + бадж ДО НЕГО (не вдясно) */
.psb2b-legend {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  font-weight: 800;
  margin-bottom: 10px;
}

.psb2b-legend-title {
  font-weight: 800;
}

/* Woo понякога стилизира legend странно — стабилизираме */
.woocommerce-account .psb2b-legend {
  padding: 0;
  border: 0;
}
/* --------- PSB2B CSS: layout край --------- */


/* =========================================================
   PSB2B – Grid и полета
========================================================= */
/* --------- PSB2B CSS: form grid начало --------- */
.psb2b-form {
  margin: 0;
}

.psb2b-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 14px;
}

.psb2b-grid p {
  margin: 0;
}

.psb2b-grid label {
  display: block;
  font-weight: 700;
  margin-bottom: 6px;
  color: #2b0b28;
}

.psb2b-grid input,
.psb2b-grid textarea {
  width: 100%;
  padding: 11px 12px;
  border: 1px solid #d6b9e2;
  border-radius: 10px;
  background: #fff;
  color: #1f1f1f;
  transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}

.psb2b-grid input::placeholder,
.psb2b-grid textarea::placeholder {
  color: rgba(40, 10, 36, .45);
}

.psb2b-grid input:focus,
.psb2b-grid textarea:focus {
  outline: none;
  border-color: #720167;
  box-shadow: 0 0 0 3px rgba(114,1,103,.14);
  background: #fff;
}

/* по-приятно textarea поведение */
.psb2b-grid textarea {
  resize: vertical;
  min-height: 92px;
}

.psb2b-span2 {
  grid-column: 1 / -1;
}
/* --------- PSB2B CSS: form grid край --------- */


/* =========================================================
   PSB2B – Помощни текстове и инфо блокове
========================================================= */
/* --------- PSB2B CSS: help texts начало --------- */
.psb2b-help {
  display: block;
  margin-top: 6px;
  font-size: 12px;
  color: rgba(43, 11, 40, .65);
}

.psb2b-hint {
  margin: 12px 0 0;
  color: rgba(43, 11, 40, .75);
  font-size: 13px;
  line-height: 1.45;
}

/*
  ✅ Инфо блокове: ЕДНА дефиниция
  ВАЖНО:
  - Не ползваме :before икона, защото се получава ДВОЙНО при HTML иконка.
  - Иконата е през HTML: <span class="psb2b-info-ico">i</span>
*/
.psb2b-info {
  margin: 12px 0;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid #ead6f0;
  background: #faf6fc;
  color: rgba(43, 11, 40, .92);
}

.psb2b-info-row {
  display: flex;
  gap: 10px;
  align-items: flex-start;
}

.psb2b-info-ico {
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  font-size: 13px;
  line-height: 1;
  background: #720167;
  color: #fff;
  margin-top: 1px;
}

.psb2b-info-title {
  font-weight: 900;
  margin: 0 0 4px;
  color: #2b0b28;
}

.psb2b-info-text {
  margin: 0;
  font-size: 13px;
  line-height: 1.45;
  opacity: .92;
}

/* Ако вътре имаш <p> – правим ги компактни (без “нов ред за всяка дума”) */
.psb2b-info-text p {
  margin: 6px 0 0;
}

.psb2b-info-text p:first-child {
  margin-top: 0;
}

.psb2b-info-text strong {
  font-weight: 900;
}

/* компактен вариант (под заглавия / до inline login) */
.psb2b-info--compact {
  margin: 10px 0 12px;
  padding: 10px 12px;
  font-size: 13px;
}

.psb2b-info--compact .psb2b-info-ico {
  width: 20px;
  height: 20px;
  font-size: 12px;
}
/* --------- PSB2B CSS: help texts край --------- */


/* =========================================================
   PSB2B – Бутони и действия
========================================================= */
/* --------- PSB2B CSS: actions начало --------- */
.psb2b-actions {
  margin: 14px 0 0;
}

/* Основен бутон */
.psb2b-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 18px;
  border-radius: 10px;
  background: #720167;
  font-weight: 700;
  line-height: 1.2;
  cursor: pointer;
  text-decoration: none !important;

  /* 🔒 заключваме текста */
  color: #ffffff !important;
}

/* 🔒 заключваме ВСИЧКО вътре */
.psb2b-btn,
.psb2b-btn *,
.psb2b-btn span,
.psb2b-btn strong {
  color: #ffffff !important;
}

/* hover / focus / visited – темата тук обикновено бърника */
.psb2b-btn:hover,
.psb2b-btn:focus,
.psb2b-btn:active,
.psb2b-btn:visited {
  background: #5a0f51;
  color: #ffffff !important;
  text-decoration: none !important;
}

/* fallback за супер-агресивни теми */
.psb2b-actions a.psb2b-btn {
  color: #ffffff !important;
}

/* линкът в текста (Моят профил) */
.psb2b-link {
  color: #1d7a3a;
  font-weight: 800;
  text-decoration: underline;
}

.psb2b-link:hover,
.psb2b-link:focus,
.psb2b-link:visited {
  color: #16602d;
}
/* --------- PSB2B CSS: actions край --------- */


/* =========================================================
   PSB2B – Линкове вътре във формата
========================================================= */
.psb2b-wrap a {
  color: #720167;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.psb2b-wrap a:hover {
  color: #5a0f51;
}


/* =========================================================
   PSB2B – Съобщения (OK / Error)
========================================================= */
/* --------- PSB2B CSS: notices начало --------- */
.psb2b-notice {
  margin: 0 0 12px;
  padding: 12px 14px;
  border-radius: 12px;
  font-weight: 700;
  line-height: 1.4;
}

.psb2b-ok {
  background: #e9f8ee;
  border: 1px solid #bfe8c9;
  color: #1d7a3a;
}

.psb2b-err {
  background: #ffecec;
  border: 1px solid #ffb7b7;
  color: #a40000;
}
/* --------- PSB2B CSS: notices край --------- */


/* =========================================================
   PSB2B – Checkbox секция
========================================================= */
/* --------- PSB2B CSS: checkboxes начало --------- */
.psb2b-checks {
  margin: 14px 0 6px;
  padding-top: 10px;
  border-top: 1px dashed rgba(214, 185, 226, .75);
}

.psb2b-check {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  margin: 10px 0;
  font-size: 14px;
  color: rgba(43, 11, 40, .92);
}

.psb2b-check input[type="checkbox"] {
  margin-top: 3px;
  width: 16px;
  height: 16px;
  accent-color: #720167;
}
/* --------- PSB2B CSS: checkboxes край --------- */


/* =========================================================
   PSB2B – Валидация и грешни полета
========================================================= */
/* --------- PSB2B CSS: validation начало --------- */
.psb2b-invalid {
  border-color: #d63638 !important;
  box-shadow: 0 0 0 3px rgba(214,54,56,0.14) !important;
}

.psb2b-invalid-wrap label,
.psb2b-invalid-wrap span {
  color: #a40000;
}

.psb2b-invalid-wrap .psb2b-help {
  color: #a40000;
  opacity: 1;
}
/* --------- PSB2B CSS: validation край --------- */


/* =========================================================
   PSB2B – Honeypot
========================================================= */
/* --------- PSB2B CSS: honeypot начало --------- */
.psb2b-hp {
  display: none !important;
}
/* --------- PSB2B CSS: honeypot край --------- */


/* =========================================================
   PSB2B – Responsive
========================================================= */
/* --------- PSB2B CSS: responsive начало --------- */
@media (max-width: 760px) {
  .psb2b-card {
    padding: 16px 14px 14px;
    border-radius: 14px;
  }

  .psb2b-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .psb2b-btn {
    width: 100%;
  }
}
/* --------- PSB2B CSS: responsive край --------- */


/* =========================================================
   PSB2B – Inline login (ако потребителят не е логнат)
========================================================= */
/* --------- PSB2B CSS: inline login начало --------- */
.psb2b-login-card {
  margin: 0 0 14px;
  padding: 14px 16px;
  border: 1px solid #ead6f0;
  border-radius: 12px;
  background: #faf6fc;
}

.psb2b-login-title {
  font-size: 16px;
  font-weight: 800;
  margin: 0 0 4px;
}

.psb2b-login-sub {
  font-size: 13px;
  opacity: .8;
  margin: 0 0 12px;
}

.psb2b-login-form form {
  margin: 0;
}

.psb2b-login-form p {
  margin: 0 0 10px;
}

.psb2b-login-form label {
  display: block;
  font-weight: 600;
  margin-bottom: 6px;
}

.psb2b-login-form input[type="text"],
.psb2b-login-form input[type="password"] {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #d6b9e2;
  border-radius: 10px;
  transition: border-color .15s ease, box-shadow .15s ease;
}

.psb2b-login-form input:focus {
  outline: none;
  border-color: #720167;
  box-shadow: 0 0 0 2px rgba(114,1,103,.15);
}

.psb2b-login-form .login-remember {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 2px;
}

.psb2b-login-form .login-submit {
  margin-top: 10px;
}

.psb2b-login-form input[type="submit"] {
  display: inline-block;
  padding: 10px 16px;
  border-radius: 10px;
  border: 0;
  cursor: pointer;
  background: #720167;
  color: #fff;
  font-weight: 700;
  transition: background .15s ease, transform .05s ease;
}

.psb2b-login-form input[type="submit"]:hover {
  background: #5a0f51;
}

.psb2b-login-form input[type="submit"]:active {
  transform: translateY(1px);
}

.psb2b-login-links {
  margin-top: 8px;
  font-size: 13px;
}

.psb2b-login-links a {
  text-decoration: none;
}

.psb2b-login-links a:hover {
  text-decoration: underline;
}
/* --------- PSB2B CSS: inline login край --------- */