/* =========================================
   PMPro Modern UI Redesign (Cilenia style)
   ========================================= */

/* Base layout */
.pmpro_body {
/*  background: var(--bg);
  color: var(--text);*/
}

/* Container */
.pmpro {
  margin: 0 auto;
}

/* =========================
   Messages / Alerts
   ========================= */

.pmpro_message,
.pmpro_content_message {
/*    border-radius: 12px;
    padding: 16px 18px;
    border: 1px solid #e5e7eb;
    background: #fff;
    box-shadow: 0 4px 12px rgba(0,0,0,0.04);*/
}

.pmpro_message.pmpro_success {
/*    border-color: #22c55e;
    background: #ecfdf5;*/
}

.pmpro_message.pmpro_error {
/*    border-color: #ef4444;
    background: #fef2f2;*/
}

.pmpro_message.pmpro_alert {
/*    border-color: #f59e0b;
    background: #fffbeb;*/
}

/* =========================
   Levels / Pricing Cards
   ========================= */

.pmpro_levels_table {
/*    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 20px;
    border: none;*/
}

.pmpro_level {
/*    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 24px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.05);
    transition: all 0.25s ease;
    position: relative;*/
}

.pmpro_level:hover {
/*    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(0,0,0,0.08);*/
}

/* Highlight recommended plan */
.pmpro_level.highlight {
    /*border: 2px solid #4f7cff;*/
}

/* Level title */
.pmpro_level h2 {
/*    font-size: 20px;
    margin-bottom: 10px;*/
}

/* Price */
.pmpro_level .pmpro_level-price {
/*    font-size: 28px;
    font-weight: 700;
    color: #4f7cff;
    margin: 10px 0;*/
}

/* Description */
.pmpro_level_description {
/*    font-size: 14px;
    color: #6b7280;
    margin-bottom: 16px;*/
}

/* =========================
   Buttons
   ========================= */

.pmpro_btn,
.pmpro_btn:link,
.pmpro_btn:visited {
/*    display: inline-block;
    padding: 12px 18px;
    border-radius: 10px;
    background: #4f7cff;
    color: #fff;
    font-weight: 600;
    text-align: center;
    border: none;
    transition: 0.2s ease;*/
}

.pmpro_btn:hover {
/*    background: #3b5fd6;
    transform: translateY(-1px);*/
}

/* Secondary button */
.pmpro_btn.pmpro_btn-secondary {
/*    background: #e5e7eb;
    color: #111827;*/
}

/* =========================
   Checkout Form
   ========================= */

.pmpro_form {
/*  background: var(--bg);
  color: var(--text);
  padding: var(--space-l);
  border-radius: var(--radius);
  border: 1px solid var(--control-border);
  box-shadow: var(--surface-shadow);*/
}

.pmpro_form label {
/*    font-weight: 600;
    font-size: 14px;
    margin-bottom: 6px;
    display: block;*/
}

.pmpro_form input,
.pmpro_form select,
.pmpro_form textarea {
/*    width: 100%;
    padding: 10px 12px;
    border-radius: 10px;
    border: 1px solid #d1d5db;
    margin-bottom: 14px;
    transition: 0.2s;*/
}

.pmpro_form input:focus {
/*    border-color: #4f7cff;
    outline: none;
    box-shadow: 0 0 0 3px rgba(79,124,255,0.15);*/
}

/* =========================
   Checkout sections
   ========================= */

.pmpro_checkout h3 {
/*    font-size: 18px;
    margin-bottom: 12px;*/
}

/* Summary box */
.pmpro_checkout_box {
/*    background: #f9fafb;
    padding: 16px;
    border-radius: 12px;
    border: 1px solid #e5e7eb;*/
}

/* =========================
   Login / Account pages
   ========================= */

.pmpro_login_wrap,
.pmpro_member_profile {
/*    max-width: 520px;
    margin: 0 auto;*/
}

/* =========================
   Tables fallback
   ========================= */

.pmpro_table {
/*    width: 100%;
    border-collapse: collapse;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;*/
}

.pmpro_table th {
/*    background: #f3f4f6;
    padding: 12px;
    text-align: left;*/
}

.pmpro_table td {
/*    padding: 12px;
    border-top: 1px solid #e5e7eb;*/
}

/* =========================
   Mobile
   ========================= */

@media (max-width: 768px) {
/*  .pmpro_level {
    padding: 18px;
  }

  .pmpro_levels_table {
    grid-template-columns: 1fr;
  }*/
}


.pmpro_message, .pmpro_content_message{
/*  background: var(--bg);
  border-color: var(--control-border);*/
}

.pmpro_form_legend .pmpro_form_heading{
  margin-block: 0;
}

.pmpro_form_submit{
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  justify-content: center;
  margin-block: var(--space-m);
}

.pmpro_card{
  margin-block: var(--space-xl);
}

.pmpro_form_fields * {
  /* ↓ Any extant vertical margins are removed */
  /* ↓ Но това разваля ритъма при заглавията */
  margin-block: 0;
}
.pmpro_form_fields > * + * {
  /* ↓ Top margin is only applied to successive elements */
  margin-block-start: var(--space-m, 1.5rem);
}

.pmpro_form_hint{
  color: var(--text-subtle);
  font-size: var(--fs-sm);
}