/* ============================================================
   WARCOMMONS — ADDITIONAL CSS
   ============================================================ */

/* ── ARTICLE LAYOUT (theme switch fix) ── */
.entry-content p {
  margin-bottom: 1.2em;
  line-height: 1.7;
}
.entry-content h2,
.entry-content h3 {
  margin-top: 0em;
  margin-bottom: 0em;
}
.entry-content hr {
  width: 100%;
  max-width: 100%;
}
.entry-content figcaption {
  margin-top: 0.5em;
  margin-bottom: 1.8em;
}

/* ── MAGAZINE BLOCKS: CATEGORY TAGS ── */
[class*="mzb-featured-posts"] .mzb-post-categories a {
  background-color: #4A5240 !important;
  color: #ffffff !important;
}
[class*="mzb-featured-posts"] .mzb-post-categories a:hover {
  background-color: #8B7355 !important;
  color: #ffffff !important;
}

/* ── MAGAZINE BLOCKS: POST TITLE HOVER ── */
[class*="mzb-featured-posts"] .mzb-post-title a:hover,
[class*="mzb-featured-posts"] .mzb-post-title a:focus,
[class*="mzb-post"] .mzb-post-title a:hover {
  color: #8B7355 !important;
}



/* ── TYPOGRAPHY: FORCE FONTS ON PLUGIN BLOCKS ── */
h1, h2, h3, h4, h5, h6,
[class*="mzb-"] h1,
[class*="mzb-"] h2,
[class*="mzb-"] h3,
[class*="mzb-"] h4,
[class*="mzb-post-title"] a,
[class*="mzb-post-title"] {
  font-family: 'Playfair Display', serif !important;
}

body, p,
[class*="mzb-"] p,
[class*="mzb-"] span,
[class*="mzb-post-excerpt"],
.entry-content,
.entry-content p {
  font-family: 'Lora', serif !important;
}

button,
.wp-block-button__link,
[class*="mzb-"] button,
nav,
.nav-links {
  font-family: 'Inter', sans-serif !important;
}

/* ── PAYWALL RESTRICT BOX ── */
.warcommons-restrict {
  max-width: 760px;
  margin: 2rem auto;
  padding: 1.5rem;
  background: #F0EDE6;
  border: 1px solid rgba(74, 82, 64, 0.18);
  border-radius: 18px;
  box-shadow: 0 10px 28px rgba(28, 28, 26, 0.08);
}
.warcommons-restrict a {
  display: inline-block;
  margin-top: 1rem;
  padding: 0.85rem 1.2rem;
  background: #4A5240;
  color: #FAF8F5 !important;
  border-radius: 999px;
  text-decoration: none !important;
  font-weight: 700;
}
.warcommons-restrict a:hover {
  background: #8B7355;
}

/* ── PMS FORMS: REGISTER, LOGIN, ACCOUNT ── */
.pms-form,
.pms-register-form,
.pms-login-form,
.pms-account-form,
#pms-login-wrap,
#pms-register-wrap,
#pms-account-wrap {
  max-width: 640px !important;
  margin: 40px auto !important;
  background: #F7F4EE !important;
  padding: 48px !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 32px rgba(28,28,26,0.10) !important;
  border: 1px solid rgba(74,82,64,0.12) !important;
}

/* ── TEXT INPUTS ── */
.pms-form input[type="text"],
.pms-form input[type="email"],
.pms-form input[type="password"],
.pms-form input[type="number"],
.pms-register-form input[type="text"],
.pms-register-form input[type="email"],
.pms-register-form input[type="password"],
.pms-login-form input[type="text"],
.pms-login-form input[type="email"],
.pms-login-form input[type="password"],
#loginform input[type="text"],
#loginform input[type="password"],
#pms-login-wrap input[type="text"],
#pms-login-wrap input[type="email"],
#pms-login-wrap input[type="password"],
#pms-register-wrap input[type="text"],
#pms-register-wrap input[type="email"],
#pms-register-wrap input[type="password"] {
  width: 100% !important;
  height: 52px !important;
  border: 1.5px solid #C8C3B8 !important;
  border-radius: 8px !important;
  padding: 0 16px !important;
  font-size: 15px !important;
  font-family: Lora, Georgia, serif !important;
  color: #1C1C1A !important;
  background: #FFFFFF !important;
  margin-bottom: 20px !important;
  box-shadow: none !important;
  transition: border-color 0.2s ease !important;
  box-sizing: border-box !important;
}

/* ── INPUT FOCUS ── */
.pms-form input[type="text"]:focus,
.pms-form input[type="email"]:focus,
.pms-form input[type="password"]:focus,
.pms-login-form input:focus,
#loginform input:focus,
#pms-login-wrap input:focus,
#pms-register-wrap input:focus {
  border-color: #4A5240 !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(74,82,64,0.10) !important;
}

/* ── LABELS ── */
.pms-form label,
.pms-register-form label,
.pms-login-form label,
#loginform label,
#pms-login-wrap label,
#pms-register-wrap label {
  display: block !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: #4A5240 !important;
  margin-bottom: 8px !important;
}

/* ── SUBMIT BUTTON ── */
.pms-form input[type="submit"],
.pms-form .pms-submit,
.pms-form button[type="submit"],
.pms-register-form input[type="submit"],
.pms-register-form .pms-submit,
.pms-login-form input[type="submit"],
.pms-login-form .pms-submit,
#loginform input[type="submit"],
#pms-login-wrap input[type="submit"],
#pms-register-wrap input[type="submit"],
button.pms-submit {
  display: block !important;
  width: 100% !important;
  height: 52px !important;
  background: #4A5240 !important;
  color: #F0EDE6 !important;
  border: none !important;
  border-radius: 999px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 3px !important;
  cursor: pointer !important;
  margin-top: 16px !important;
  transition: background 0.2s ease, transform 0.15s ease !important;
  box-shadow: 0 4px 12px rgba(74,82,64,0.25) !important;
}

.pms-form input[type="submit"]:hover,
.pms-form .pms-submit:hover,
.pms-form button[type="submit"]:hover,
.pms-register-form input[type="submit"]:hover,
.pms-login-form input[type="submit"]:hover,
#loginform input[type="submit"]:hover,
#pms-login-wrap input[type="submit"]:hover,
#pms-register-wrap input[type="submit"]:hover,
button.pms-submit:hover {
  background: #8B7355 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 16px rgba(139,115,85,0.35) !important;
}

/* ── SUBSCRIPTION PLAN OPTIONS ── */
.pms-subscription-plan-list,
.pms-subscription-plans {
  margin: 24px 0 !important;
}
.pms-subscription-plan-list li,
.pms-subscription-plans li {
  list-style: none !important;
  background: #FFFFFF !important;
  border: 1.5px solid #C8C3B8 !important;
  border-radius: 10px !important;
  padding: 16px 20px !important;
  margin-bottom: 12px !important;
  transition: border-color 0.2s ease !important;
}
.pms-subscription-plan-list li:hover,
.pms-subscription-plans li:hover {
  border-color: #4A5240 !important;
}

/* ── CHECKBOXES ── */
.pms-form input[type="checkbox"],
.pms-register-form input[type="checkbox"],
#pms-register-wrap input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;
  accent-color: #4A5240 !important;
  margin-right: 8px !important;
  transform: none !important;
  vertical-align: middle !important;
}

/* ── DISCOUNT CODE ROW ── */
.pms-discount-code-wrap {
  display: flex !important;
  gap: 12px !important;
  align-items: center !important;
  margin: 16px 0 !important;
}
.pms-discount-code-wrap input[type="text"] {
  flex: 1 !important;
  margin-bottom: 0 !important;
}
.pms-discount-code-wrap input[type="button"],
.pms-discount-code-wrap button {
  height: 52px !important;
  padding: 0 24px !important;
  background: #1C1C1A !important;
  color: #F0EDE6 !important;
  border: none !important;
  border-radius: 8px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  white-space: nowrap !important;
}

/* ── FORM HEADING ── */
.pms-form h2,
.pms-register-form h2,
.pms-login-form h2,
#pms-login-wrap h2,
#pms-register-wrap h2 {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-size: 22px !important;
  color: #1C1C1A !important;
  margin-bottom: 28px !important;
  padding-bottom: 16px !important;
  border-bottom: 1px solid #C8C3B8 !important;
}

/* ── ERROR AND SUCCESS MESSAGES ── */
.pms-form .pms-error,
.pms-form .pms-success,
.pms-register-form .pms-error,
.pms-register-form .pms-success {
  padding: 14px 18px !important;
  border-radius: 8px !important;
  margin-bottom: 20px !important;
  font-size: 14px !important;
  font-family: Lora, Georgia, serif !important;
}
.pms-form .pms-error,
.pms-register-form .pms-error {
  background: #FDF0EF !important;
  border-left: 4px solid #C0392B !important;
  color: #922B21 !important;
}
.pms-form .pms-success,
.pms-register-form .pms-success {
  background: #EFF7F0 !important;
  border-left: 4px solid #4A5240 !important;
  color: #2D6A4F !important;
}

/* ── PAYPAL BUTTON WRAPPER ── */
.pms-paypal-form,
.paypal-button-container {
  margin-top: 16px !important;
}

/* ── FORM LINKS ── */
.pms-form a,
.pms-login-form a,
#loginform a,
#pms-login-wrap a {
  color: #8B7355 !important;
  text-decoration: none !important;
  font-size: 13px !important;
}
.pms-form a:hover,
.pms-login-form a:hover,
#loginform a:hover,
#pms-login-wrap a:hover {
  color: #4A5240 !important;
  text-decoration: underline !important;
}

/* ── MOBILE ── */
@media (max-width: 680px) {
  .pms-form,
  .pms-register-form,
  .pms-login-form,
  #pms-login-wrap,
  #pms-register-wrap {
    padding: 28px 20px !important;
    margin: 20px 16px !important;
  }
}