/* ===== MEMBERPRESS COMPATIBILITY ===== */

/* Login form */
.mepr-login-form,
.mp_wrapper {
  max-width: 500px;
  margin: 0 auto;
}

.mepr-login-form input[type="text"],
.mepr-login-form input[type="email"],
.mepr-login-form input[type="password"],
.mp_wrapper input[type="text"],
.mp_wrapper input[type="email"],
.mp_wrapper input[type="password"],
.mepr-form input[type="text"],
.mepr-form input[type="email"],
.mepr-form input[type="password"] {
  width: 100%;
  padding: 12px 16px;
  background: #F8FAFC;
  border: 1.5px solid #E2E8F0;
  border-radius: 10px;
  font-family: 'Tajawal', sans-serif;
  font-size: 0.9rem;
  color: #0F172A;
  transition: all 0.3s;
  outline: none;
  margin-bottom: 12px;
}

.mepr-login-form input:focus,
.mp_wrapper input:focus,
.mepr-form input:focus {
  border-color: #00C2FF;
  box-shadow: 0 0 0 3px rgba(0,194,255,0.15);
  background: #fff;
}

.mepr-login-form label,
.mp_wrapper label,
.mepr-form label {
  font-family: 'Cairo', sans-serif;
  font-weight: 700;
  font-size: 0.85rem;
  color: #1E293B;
  display: block;
  margin-bottom: 6px;
}

/* Submit buttons */
.mepr-login-form input[type="submit"],
.mepr-submit,
.mp_wrapper input[type="submit"],
.mepr-form input[type="submit"] {
  width: 100%;
  padding: 14px 32px;
  border-radius: 16px;
  background: linear-gradient(135deg, #00C2FF, #4DEEEA);
  color: #060E24;
  font-family: 'Cairo', sans-serif;
  font-weight: 800;
  font-size: 0.95rem;
  border: none;
  cursor: pointer;
  transition: all 0.35s;
  box-shadow: 0 0 32px rgba(0,194,255,0.15);
  margin-top: 8px;
}

.mepr-login-form input[type="submit"]:hover,
.mepr-submit:hover,
.mp_wrapper input[type="submit"]:hover {
  transform: translateY(-2px);
  box-shadow: 0 0 56px rgba(0,194,255,0.3);
}

/* Account page */
.mepr-account-container {
  font-family: 'Tajawal', sans-serif;
}

.mepr-account-container .mepr-nav-item {
  font-family: 'Cairo', sans-serif;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 10px;
  transition: all 0.3s;
}

.mepr-account-container .mepr-nav-item.mepr-active {
  background: #060E24;
  color: #fff;
}

/* Tables */
.mepr-account-container table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid #E2E8F0;
}

.mepr-account-container th {
  background: #060E24;
  color: #fff;
  font-family: 'Cairo', sans-serif;
  font-weight: 700;
  padding: 14px 18px;
  font-size: 0.88rem;
}

.mepr-account-container td {
  padding: 12px 18px;
  border-bottom: 1px solid #F1F5F9;
  font-size: 0.9rem;
  color: #475569;
}

/* Pricing table (MemberPress) */
.mepr-price-menu {
  display: flex;
  gap: 20px;
  justify-content: center;
  flex-wrap: wrap;
}

.mepr-price-box {
  background: #fff;
  border: 2px solid #E2E8F0;
  border-radius: 24px;
  padding: 32px;
  text-align: center;
  transition: all 0.35s;
  flex: 1;
  min-width: 280px;
  max-width: 380px;
}

.mepr-price-box:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 48px rgba(6,14,36,0.08);
}

.mepr-price-box.mepr-most-popular {
  border-color: #00C2FF;
  box-shadow: 0 0 48px rgba(0,194,255,0.15);
}

/* Messages */
.mepr_error,
.mepr-error {
  background: rgba(244,63,94,0.08);
  border: 1px solid rgba(244,63,94,0.2);
  border-radius: 12px;
  padding: 14px 18px;
  color: #F43F5E;
  font-size: 0.9rem;
  margin-bottom: 16px;
}

.mepr_updated,
.mepr-success {
  background: rgba(16,185,129,0.08);
  border: 1px solid rgba(16,185,129,0.2);
  border-radius: 12px;
  padding: 14px 18px;
  color: #10B981;
  font-size: 0.9rem;
  margin-bottom: 16px;
}

/* Links */
.mepr-login-form a,
.mp_wrapper a {
  color: #0096CC;
  font-weight: 600;
  transition: color 0.2s;
}

.mepr-login-form a:hover,
.mp_wrapper a:hover {
  color: #00C2FF;
}

/* Video containers (for course pages) */
iframe,
.wp-video,
video {
  max-width: 100%;
  border-radius: 16px;
  overflow: hidden;
}

/* WordPress default content styling */
.entry-content h1, .entry-content h2, .entry-content h3 {
  font-family: 'Cairo', sans-serif;
  font-weight: 800;
  margin-bottom: 16px;
  color: #0F172A;
}

.entry-content p {
  margin-bottom: 16px;
  line-height: 2;
}

.entry-content img {
  border-radius: 16px;
  margin: 16px 0;
}

/* bbPress / Forum compatibility */
#bbpress-forums {
  font-family: 'Tajawal', sans-serif;
}

#bbpress-forums .bbp-forum-title,
#bbpress-forums .bbp-topic-title {
  font-family: 'Cairo', sans-serif;
  font-weight: 700;
}