/* Google Fonts: Cinzel for titles, Antic for body text */
@import url("https://fonts.googleapis.com/css2?family=Antic&family=Cinzel:wght@400;500;600;700;800;900&display=swap");

/**
 * MAM Public Styles
 * Modern Islamic Matrimonial Platform
 *
 * IMPORTANT: These styles are designed to be completely independent from any theme.
 * All styles use high specificity and !important to ensure they override theme styles.
 */

/* ============================================
   FONT AWESOME CRITICAL FIXES
   Ensures icons display properly across all browsers
   ============================================ */

/* Force Font Awesome font-family on all icon elements */
.fa,
.fas,
.far,
.fal,
.fab,
.fad,
.fa-solid,
.fa-regular,
.fa-light,
.fa-brands,
.fa-duotone,
[class*="mam-"] .fa,
[class*="mam-"] .fas,
[class*="mam-"] .far,
[class*="mam-"] .fab,
[class*="mam-"] i[class*="fa-"] {
  font-style: normal !important;
  font-variant: normal !important;
  text-rendering: auto !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  display: inline-block !important;
  line-height: 1 !important;
}

.fas,
.fa-solid,
[class*="mam-"] .fas,
[class*="mam-"] .fa-solid {
  font-family: "Font Awesome 6 Free", "FontAwesome", sans-serif !important;
  font-weight: 900 !important;
}

.far,
.fa-regular,
[class*="mam-"] .far,
[class*="mam-"] .fa-regular {
  font-family: "Font Awesome 6 Free", "FontAwesome", sans-serif !important;
  font-weight: 400 !important;
}

.fab,
.fa-brands,
[class*="mam-"] .fab,
[class*="mam-"] .fa-brands {
  font-family: "Font Awesome 6 Brands", "FontAwesome", sans-serif !important;
  font-weight: 400 !important;
}

/* Common icon content codes for fallback */
.fa-home:before,
.fa-house:before {
  content: "\f015" !important;
}
.fa-user:before {
  content: "\f007" !important;
}
.fa-users:before {
  content: "\f0c0" !important;
}
.fa-envelope:before {
  content: "\f0e0" !important;
}
.fa-lock:before {
  content: "\f023" !important;
}
.fa-eye:before {
  content: "\f06e" !important;
}
.fa-eye-slash:before {
  content: "\f070" !important;
}
.fa-check:before {
  content: "\f00c" !important;
}
.fa-times:before,
.fa-xmark:before {
  content: "\f00d" !important;
}
.fa-heart:before {
  content: "\f004" !important;
}
.fa-star:before {
  content: "\f005" !important;
}
.fa-search:before,
.fa-magnifying-glass:before {
  content: "\f002" !important;
}
.fa-cog:before,
.fa-gear:before {
  content: "\f013" !important;
}
.fa-sign-out-alt:before,
.fa-right-from-bracket:before {
  content: "\f2f5" !important;
}
.fa-sign-in-alt:before,
.fa-right-to-bracket:before {
  content: "\f2f6" !important;
}
.fa-bell:before {
  content: "\f0f3" !important;
}
.fa-comment:before {
  content: "\f075" !important;
}
.fa-comments:before {
  content: "\f086" !important;
}
.fa-image:before {
  content: "\f03e" !important;
}
.fa-camera:before {
  content: "\f030" !important;
}
.fa-plus:before {
  content: "\f067" !important;
}
.fa-minus:before {
  content: "\f068" !important;
}
.fa-edit:before,
.fa-pen:before {
  content: "\f304" !important;
}
.fa-trash:before,
.fa-trash-can:before {
  content: "\f2ed" !important;
}
.fa-save:before,
.fa-floppy-disk:before {
  content: "\f0c7" !important;
}
.fa-spinner:before {
  content: "\f110" !important;
}
.fa-circle-notch:before {
  content: "\f1ce" !important;
}
.fa-arrow-left:before {
  content: "\f060" !important;
}
.fa-arrow-right:before {
  content: "\f061" !important;
}
.fa-chevron-left:before {
  content: "\f053" !important;
}
.fa-chevron-right:before {
  content: "\f054" !important;
}
.fa-chevron-down:before {
  content: "\f078" !important;
}
.fa-chevron-up:before {
  content: "\f077" !important;
}
.fa-calendar:before,
.fa-calendar-days:before {
  content: "\f073" !important;
}
.fa-clock:before {
  content: "\f017" !important;
}
.fa-map-marker-alt:before,
.fa-location-dot:before {
  content: "\f3c5" !important;
}
.fa-phone:before {
  content: "\f095" !important;
}
.fa-video:before {
  content: "\f03d" !important;
}
.fa-bookmark:before {
  content: "\f02e" !important;
}
.fa-share:before,
.fa-share-nodes:before {
  content: "\f1e0" !important;
}
.fa-link:before {
  content: "\f0c1" !important;
}
.fa-copy:before {
  content: "\f0c5" !important;
}
.fa-at:before {
  content: "\f1fa" !important;
}
.fa-user-plus:before {
  content: "\f234" !important;
}
.fa-paper-plane:before {
  content: "\f1d8" !important;
}
.fa-shield-check:before,
.fa-shield-halved:before {
  content: "\f3ed" !important;
}
.fa-id-card:before {
  content: "\f2c2" !important;
}
.fa-wallet:before {
  content: "\f555" !important;
}
.fa-credit-card:before {
  content: "\f09d" !important;
}
.fa-ticket:before,
.fa-ticket-alt:before {
  content: "\f3ff" !important;
}
.fa-user-friends:before,
.fa-user-group:before {
  content: "\f500" !important;
}
.fa-compass:before {
  content: "\f14e" !important;
}
.fa-bolt:before {
  content: "\f0e7" !important;
}
.fa-fire:before {
  content: "\f06d" !important;
}
.fa-chart-line:before {
  content: "\f201" !important;
}
.fa-envelope-circle-check:before {
  content: "\e4e8" !important;
}

/* ============================================
   CSS ISOLATION & RESET LAYER
   Makes plugin completely theme-independent
   ============================================ */

/* Reset all inherited styles for MAM containers */
[class*="mam-"],
[class*="mam-"] *,
.elementor-widget-mam_register,
.elementor-widget-mam_register *,
.elementor-widget-mam_login,
.elementor-widget-mam_login *,
.elementor-widget-mam_profiles,
.elementor-widget-mam_profiles *,
.elementor-widget-mam_dashboard,
.elementor-widget-mam_dashboard *,
.elementor-widget-mam_notifications,
.elementor-widget-mam_notifications *,
.elementor-widget-mam_auth_button,
.elementor-widget-mam_auth_button *,
.elementor-widget-mam_my_profile,
.elementor-widget-mam_my_profile * {
  box-sizing: border-box !important;
  font-family: inherit;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

/* Base typography reset for MAM */
.mam-auth-wrap,
.mam-register-wrap,
.mam-login-wrap,
.mam-dashboard-modern,
.mam-profiles-page,
.mam-notifications-page,
.mam-profile-view,
.mam-intake-form,
.mam-payment-page,
.mam-auth-button {
  font-family:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu,
    Cantarell, "Helvetica Neue", sans-serif !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  color: #fffaec !important;
  letter-spacing: normal !important;
  text-transform: none !important;
}

/* Heading reset for MAM */
.mam-auth-wrap h1,
.mam-auth-wrap h2,
.mam-auth-wrap h3,
.mam-auth-wrap h4,
.mam-register-wrap h1,
.mam-register-wrap h2,
.mam-register-wrap h3,
.mam-login-wrap h1,
.mam-login-wrap h2,
.mam-login-wrap h3,
.mam-dashboard-modern h1,
.mam-dashboard-modern h2,
.mam-dashboard-modern h3,
.mam-dashboard-modern h4 {
  font-family:
    "DM Serif Display", "Playfair Display", Georgia, serif !important;
  font-weight: 400 !important;
  margin: 0 0 16px 0 !important;
  padding: 0 !important;
  line-height: 1.3 !important;
  letter-spacing: 0.5px !important;
  text-transform: none !important;
}

/* Paragraph reset for MAM */
.mam-auth-wrap p,
.mam-register-wrap p,
.mam-login-wrap p,
.mam-dashboard-modern p,
.mam-profiles-page p,
.mam-notifications-page p {
  margin: 0 0 12px 0 !important;
  padding: 0 !important;
  line-height: 1.5 !important;
}

/* Link reset for MAM */
.mam-auth-wrap a,
.mam-register-wrap a,
.mam-login-wrap a,
.mam-dashboard-modern a,
.mam-profiles-page a,
.mam-notifications-page a {
  text-decoration: none !important;
  transition: all 0.3s ease !important;
}

/* Button base reset for MAM - only for form buttons, not UI/layout buttons */
a[class*="mam-btn"],
.mam-btn,
input[type="submit"][class*="mam-"],
input[type="button"][class*="mam-"] {
  all: unset !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  font-family:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

/* Input reset for MAM - override ALL theme input styles */
.mam-form-input,
.mam-form-select,
.mam-form-textarea,
input[class*="mam-"]:not(.mam-replace-photo-input):not(.mam-photo-input),
select[class*="mam-"],
textarea[class*="mam-"],
.mam-register-wrap input,
.mam-register-wrap select,
.mam-register-wrap textarea,
.mam-login-wrap input,
.mam-login-wrap select,
.mam-intake-form input,
.mam-intake-form select,
.mam-intake-form textarea {
  all: unset !important;
  box-sizing: border-box !important;
  display: block !important;
  width: 100% !important;
  font-family:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  background: #094239 !important;
  border: 1px solid rgba(255, 250, 236, 0.2) !important;
  border-radius: 8px !important;
  padding: 12px 16px !important;
  color: #fffaec !important;
  transition: all 0.3s ease !important;
}

/* Input focus state */
.mam-form-input:focus,
.mam-form-select:focus,
.mam-form-textarea:focus,
.mam-register-wrap input:focus,
.mam-register-wrap select:focus,
.mam-login-wrap input:focus,
.mam-login-wrap select:focus,
.mam-intake-form input:focus,
.mam-intake-form select:focus,
.mam-intake-form textarea:focus {
  outline: none !important;
  border-color: rgba(191, 168, 107, 0.7) !important;
  box-shadow: 0 0 0 3px rgba(191, 168, 107, 0.15) !important;
  background: #094239 !important;
}

/* Placeholder color for MAM inputs */
.mam-form-input::placeholder,
.mam-form-textarea::placeholder,
.mam-register-wrap input::placeholder,
.mam-login-wrap input::placeholder,
.mam-intake-form input::placeholder,
.mam-intake-form textarea::placeholder {
  color: rgba(255, 250, 236, 0.5) !important;
  opacity: 1 !important;
}

/* Label reset for MAM */
.mam-form-label,
.mam-form-group label,
.mam-register-wrap label,
.mam-login-wrap label,
.mam-intake-form label {
  display: block !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: rgba(255, 250, 236, 0.85) !important;
  margin-bottom: 8px !important;
  text-transform: none !important;
  letter-spacing: normal !important;
}

/* Required star */
.mam-form-group label .required,
.mam-register-wrap label .required,
.mam-login-wrap label .required {
  color: #bfa86b !important;
  margin-left: 4px !important;
}

/* ============================================
   END CSS ISOLATION LAYER
   ============================================ */

:root {
  --mam-primary: #094239;
  --mam-primary-light: #094239;
  --mam-accent: #bfa86b;
  --mam-accent-light: #e6d996;
  --mam-success: #28a745;
  --mam-warning: #ffc107;
  --mam-danger: #dc3545;
  --mam-info: #17a2b8;
  --mam-text: #333333;
  --mam-text-light: #666666;
  --mam-text-muted: #999999;
  --mam-bg: #f8f9fa;
  --mam-bg-light: #fffaec;
  --mam-border: #e9ecef;
  --mam-radius: 12px;
  --mam-radius-sm: 8px;
  --mam-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
  --mam-shadow-lg: 0 4px 24px rgba(0, 0, 0, 0.12);
  --mam-transition: 0.3s ease;
  --mam-gold-gradient: linear-gradient(
    90deg,
    #927431,
    #bfa86b,
    #e6d996,
    #efe3c4,
    #fffde4,
    #efe3c4,
    #e6d996,
    #bfa86b,
    #937431
  );

  /* Override Elementor theme colors with gold */
  --e-global-color-primary: #bfa86b !important;
  --e-global-color-secondary: #094239 !important;
  --e-global-color-text: #fffaec !important;
  --e-global-color-accent: #bfa86b !important;
}

/* Force Elementor to use gold instead of pink */
body,
body.elementor-page,
body.elementor-default,
.elementor,
.elementor-element,
[class*="elementor-kit-"] {
  --e-global-color-primary: #bfa86b !important;
  --e-global-color-secondary: #094239 !important;
  --e-global-color-accent: #bfa86b !important;
  --e-global-color-text: #fffaec !important;
}

/* Base */
body.mam-modal-open,
body.mam-sidebar-open {
  overflow: hidden;
}

.mam-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

.mam-page-title {
  font-family: "Cinzel", serif;
  font-size: 34px;
  letter-spacing: 0.5px;
  color: var(--mam-primary);
  margin: 0 0 20px;
}

.mam-section-title {
  font-family: "Cinzel", serif;
  color: var(--mam-primary);
  margin: 0 0 12px;
}

/* Buttons - High specificity to override themes */
.mam-btn,
body .mam-btn,
.elementor-widget .mam-btn,
.mam-register-wrap .mam-btn,
.mam-login-wrap .mam-btn,
.mam-dashboard-modern .mam-btn,
.mam-profiles-page .mam-btn,
.mam-notifications-page .mam-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 12px 24px !important;
  border: none !important;
  border-radius: 8px !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
  line-height: 1.4 !important;
  white-space: nowrap !important;
  box-shadow: none !important;
}

.mam-btn:hover,
body .mam-btn:hover {
  transform: translateY(-1px) !important;
  text-decoration: none !important;
}

/* Primary Button - Gold Luxury Gradient */
.mam-btn-primary,
body .mam-btn-primary,
.elementor-widget .mam-btn-primary {
  background: linear-gradient(
    90deg,
    #927431,
    #bfa86b,
    #eee1b0,
    #f5ecca,
    #fffece,
    #fefefa,
    #f5ecca,
    #eee1b0,
    #bfa86b,
    #927431
  ) !important;
  color: #1a0f08 !important;
  border: none !important;
  font-weight: 700 !important;
  text-shadow: none !important;
}

.mam-btn-primary:hover,
body .mam-btn-primary:hover {
  box-shadow: 0 4px 16px rgba(191, 168, 107, 0.4) !important;
  color: #1a0f08 !important;
  filter: brightness(1.05) !important;
}

/* Accent Button - Gold Luxury Gradient */
.mam-btn-accent,
body .mam-btn-accent,
.elementor-widget .mam-btn-accent {
  background: linear-gradient(
    90deg,
    #927431,
    #bfa86b,
    #eee1b0,
    #f5ecca,
    #fffece,
    #fefefa,
    #f5ecca,
    #eee1b0,
    #bfa86b,
    #927431
  ) !important;
  color: #1a0f08 !important;
  border: none !important;
  font-weight: 700 !important;
  text-shadow: none !important;
}

.mam-btn-accent:hover,
body .mam-btn-accent:hover {
  box-shadow: 0 4px 16px rgba(191, 168, 107, 0.4) !important;
  color: #1a0f08 !important;
  filter: brightness(1.05) !important;
}

/* Outline Button - Gold Gradient Border */
.mam-btn-outline,
body .mam-btn-outline,
.elementor-widget .mam-btn-outline {
  background: transparent !important;
  border: 2px solid #bfa86b !important;
  color: #bfa86b !important;
}

.mam-btn-outline:hover,
body .mam-btn-outline:hover {
  background: linear-gradient(
    90deg,
    #927431,
    #bfa86b,
    #eee1b0,
    #f5ecca,
    #fffece,
    #fefefa,
    #f5ecca,
    #eee1b0,
    #bfa86b,
    #927431
  ) !important;
  border-color: transparent !important;
  color: #1a0f08 !important;
  font-weight: 700 !important;
}

/* Danger Button */
.mam-btn-danger,
body .mam-btn-danger {
  background: #dc3545 !important;
  color: #fffaec !important;
}

/* Success Button */
.mam-btn-success,
body .mam-btn-success {
  background: #28a745 !important;
  color: #fffaec !important;
}

/* Button Sizes */
.mam-btn-lg,
body .mam-btn-lg {
  padding: 16px 32px !important;
  font-size: 17px !important;
}

.mam-btn-sm,
body .mam-btn-sm {
  padding: 8px 16px !important;
  font-size: 13px !important;
}

/* Block Button */
.mam-btn-block,
body .mam-btn-block {
  width: 100% !important;
}

/* Disabled Button */
.mam-btn:disabled,
body .mam-btn:disabled {
  opacity: 0.6 !important;
  cursor: not-allowed !important;
  transform: none !important;
}

.mam-btn i {
  font-size: inherit;
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
  font-style: normal !important;
}

.mam-btn i.fa-user-plus:before {
  content: "\f234";
}

.mam-btn svg,
.mam-btn .e-font-icon-svg {
  width: 1em !important;
  height: 1em !important;
  fill: currentColor !important;
  display: inline-block;
  vertical-align: middle;
}

.mam-btn .elementor-icon {
  display: inline-flex;
  align-items: center;
  width: auto;
  height: auto;
  font-size: inherit;
}

/* Forms */
.mam-form-group {
  margin-bottom: 20px;
}

.mam-form-group label {
  display: block;
  margin-bottom: 8px;
  font-weight: 500;
  color: var(--mam-text);
}

.mam-form-group label .required,
.mam-auth-wrap .required,
.mam-form-wrap .required {
  color: #bfa86b !important;
}

.mam-input,
.mam-select,
.mam-textarea {
  width: 100%;
  padding: 14px 16px;
  border: 1px solid var(--mam-border);
  border-radius: var(--mam-radius-sm);
  font-size: 15px;
  transition: all var(--mam-transition);
  background: var(--mam-bg-light);
}

.mam-input:focus,
.mam-select:focus,
.mam-textarea:focus {
  outline: none;
  border-color: var(--mam-primary);
  box-shadow: 0 0 0 3px rgba(9, 66, 57, 0.1);
}

.mam-input.error,
.mam-select.error {
  border-color: var(--mam-danger);
}

.mam-form-error {
  color: var(--mam-danger);
  font-size: 13px;
  margin-top: 6px;
}

.mam-form-hint {
  color: var(--mam-text-muted);
  font-size: 12px;
  margin-top: 6px;
}

/* Field hint text - smaller - high specificity */
p.mam-field-hint,
.mam-field-hint,
.mam-register-wrap p.mam-field-hint,
.mam-register-wrap .mam-field-hint,
.mam-register-form p.mam-field-hint,
.mam-register-form .mam-field-hint,
.mam-form-group p.mam-field-hint,
.mam-form-group .mam-field-hint,
.elementor-widget-mam_register p.mam-field-hint,
.elementor-widget-mam_register .mam-field-hint,
body p.mam-field-hint,
body .mam-field-hint {
  font-size: 11px !important;
  color: rgba(255, 250, 236, 0.5) !important;
  margin-top: 4px !important;
  line-height: 1.4 !important;
  margin-bottom: 0 !important;
}

.mam-form-row {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 16px;
}

.mam-col-6 {
  grid-column: span 6;
}

.mam-form-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 16px;
}

/* City Autocomplete Dropdown */
.mam-city-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #094239;
  border: 1px solid rgba(191, 168, 107, 0.3);
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
  z-index: 1000;
  max-height: 280px;
  overflow-y: auto;
  display: none;
  margin-top: 4px;
}

.mam-city-item {
  padding: 12px 16px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 10px;
  border-bottom: 1px solid rgba(255, 250, 236, 0.05);
  transition: background 0.2s ease;
}

.mam-city-item:last-child {
  border-bottom: none;
}

.mam-city-item:hover {
  background: rgba(191, 168, 107, 0.15);
}

.mam-city-item i {
  color: #bfa86b;
  font-size: 14px;
  flex-shrink: 0;
}

.mam-city-name {
  color: #fffaec;
  font-weight: 500;
  font-size: 14px;
}

.mam-city-region {
  color: rgba(255, 250, 236, 0.5);
  font-size: 12px;
  margin-left: auto;
  text-align: right;
}

/* Make city input wrapper relative for dropdown positioning */
.mam-form-group:has(.mam-city-autocomplete) {
  position: relative;
}

/* Payment */
.mam-payment-page {
  padding: 40px 20px;
  background: var(--mam-primary);
  border-radius: 20px;
}

.mam-payment-card {
  max-width: 720px;
  margin: 0 auto;
  padding: 32px;
  background: rgba(10, 48, 35, 0.92);
  border-radius: 20px;
  box-shadow: var(--mam-shadow-lg);
  color: #fffaec;
}

.mam-payment-header {
  text-align: left;
  margin-bottom: 20px;
}

.mam-payment-header i {
  color: var(--mam-accent);
  font-size: 28px;
  margin-bottom: 8px;
}

.mam-payment-header svg {
  width: 32px !important;
  height: 32px !important;
  fill: var(--mam-accent) !important;
  margin-bottom: 8px;
}

.mam-payment-header h2 {
  margin: 0 0 6px;
  font-size: 30px;
  color: #fffaec;
}

.mam-payment-header p {
  margin: 0 0 12px;
  color: rgba(255, 250, 236, 0.72);
}

.mam-price {
  display: flex;
  align-items: baseline;
  gap: 8px;
  font-size: 28px;
  font-weight: 600;
  color: var(--mam-accent);
}

.mam-price span {
  font-size: 16px;
  font-weight: 500;
  color: rgba(255, 250, 236, 0.75);
}

.mam-features {
  list-style: none;
  padding: 0;
  margin: 24px 0;
  display: grid;
  gap: 10px;
}

.mam-features li {
  display: flex;
  align-items: center;
  gap: 10px;
  color: rgba(255, 250, 236, 0.9);
  font-size: 15px;
}

.mam-features li i {
  color: var(--mam-accent);
}

.mam-features li svg {
  width: 18px !important;
  height: 18px !important;
  fill: var(--mam-accent) !important;
  flex-shrink: 0;
}

.mam-referral-section {
  margin-bottom: 20px;
}

.mam-referral-section label {
  display: block;
  margin-bottom: 8px;
  color: rgba(255, 250, 236, 0.9);
  font-weight: 500;
}

.mam-referral-input {
  display: flex;
  gap: 10px;
  align-items: center;
}

.mam-referral-input input {
  flex: 1;
  padding: 12px 14px;
  border-radius: 10px;
  border: 1px solid rgba(255, 250, 236, 0.2);
  background: #094239;
  color: #fffaec;
}

.mam-referral-input input::placeholder {
  color: rgba(255, 250, 236, 0.6);
}

/* Apply button in referral section - make it visible on dark background */
.mam-referral-input .mam-btn,
.mam-referral-input .mam-btn-outline,
.mam-payment-card .mam-referral-input button {
  background: transparent !important;
  border: 2px solid #bfa86b !important;
  color: #bfa86b !important;
  padding: 10px 20px !important;
  font-weight: 600 !important;
  border-radius: 10px !important;
  transition: all 0.3s ease !important;
  white-space: nowrap !important;
}

.mam-referral-input .mam-btn:hover,
.mam-referral-input .mam-btn-outline:hover,
.mam-payment-card .mam-referral-input button:hover {
  background: linear-gradient(
    90deg,
    #927431,
    #bfa86b,
    #eee1b0,
    #f5ecca,
    #fffece,
    #fefefa,
    #f5ecca,
    #eee1b0,
    #bfa86b,
    #927431
  ) !important;
  color: #1a0f08 !important;
}

.mam-referral-message {
  margin: 8px 0 0;
  font-size: 14px;
}

.mam-secure-notice {
  margin-top: 16px;
  color: rgba(255, 250, 236, 0.7);
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.mam-secure-notice i {
  color: var(--mam-accent);
}

.mam-secure-notice svg {
  width: 16px !important;
  height: 16px !important;
  fill: var(--mam-accent) !important;
}

@media (max-width: 640px) {
  .mam-payment-card {
    padding: 24px;
  }

  .mam-referral-input {
    flex-direction: column;
    align-items: stretch;
  }
}

/* Payment Notice Styles (Success, Warning, Info) */
.mam-notice {
  padding: 40px;
  border-radius: 20px;
  text-align: center;
  max-width: 500px;
  margin: 0 auto;
}

.mam-notice-success {
  background: linear-gradient(145deg, #094239 0%, #0c5247 100%) !important;
  border: 1px solid rgba(191, 168, 107, 0.3) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3) !important;
}

.mam-notice-success h3 {
  color: #fffaec !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  margin: 0 0 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
}

.mam-notice-success h3 i,
.mam-notice-success h3 svg {
  width: 32px !important;
  height: 32px !important;
  font-size: 28px !important;
  color: #bfa86b !important;
  fill: #bfa86b !important;
}

.mam-notice-success p {
  color: rgba(255, 250, 236, 0.8) !important;
  font-size: 15px !important;
  margin: 0 0 12px !important;
  line-height: 1.6 !important;
}

.mam-notice-success .mam-btn,
.mam-notice-success .mam-btn-primary {
  background: linear-gradient(
    90deg,
    #927431,
    #bfa86b,
    #eee1b0,
    #f5ecca,
    #fffece,
    #fefefa,
    #f5ecca,
    #eee1b0,
    #bfa86b,
    #927431
  ) !important;
  color: #1a0f08 !important;
  border: none !important;
  padding: 14px 32px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  border-radius: 12px !important;
  margin-top: 16px !important;
  display: inline-block !important;
  transition: all 0.3s ease !important;
}

.mam-notice-success .mam-btn:hover,
.mam-notice-success .mam-btn-primary:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 20px rgba(191, 168, 107, 0.4) !important;
}

.mam-notice-warning {
  background: linear-gradient(145deg, #094239 0%, #0c5247 100%) !important;
  border: 1px solid rgba(255, 193, 7, 0.3) !important;
}

.mam-notice-warning h3,
.mam-notice-warning p {
  color: #fffaec !important;
}

.mam-notice-warning .mam-btn-primary {
  background: linear-gradient(
    90deg,
    #927431,
    #bfa86b,
    #eee1b0,
    #f5ecca,
    #fffece,
    #fefefa,
    #f5ecca,
    #eee1b0,
    #bfa86b,
    #927431
  ) !important;
  color: #1a0f08 !important;
}

.mam-notice-info {
  background: linear-gradient(145deg, #094239 0%, #0c5247 100%) !important;
  border: 1px solid rgba(191, 168, 107, 0.3) !important;
}

.mam-notice-info h3,
.mam-notice-info p {
  color: #fffaec !important;
}

/* Cards */
.mam-card {
  background: var(--mam-bg-light);
  border-radius: var(--mam-radius);
  box-shadow: var(--mam-shadow);
  overflow: hidden;
  transition: all var(--mam-transition);
}

.mam-card:hover {
  box-shadow: var(--mam-shadow-lg);
}

.mam-card-header {
  padding: 20px 24px;
  border-bottom: 1px solid var(--mam-border);
  font-weight: 600;
  color: var(--mam-primary);
}

.mam-card-body {
  padding: 24px;
}

.mam-card-footer {
  padding: 16px 24px;
  border-top: 1px solid var(--mam-border);
  background: var(--mam-bg);
}

/* Profile Card */
.mam-profile-card {
  position: relative;
  border-radius: var(--mam-radius);
  overflow: hidden;
  background: var(--mam-bg-light);
  box-shadow: var(--mam-shadow);
  transition: all var(--mam-transition);
}

.mam-profile-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--mam-shadow-lg);
}

.mam-profile-photo {
  position: relative;
  width: 100%;
  padding-top: 100%;
  background: var(--mam-bg);
  overflow: hidden;
}

.mam-profile-photo img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mam-profile-photo .mam-placeholder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(
    135deg,
    var(--mam-primary) 0%,
    var(--mam-primary-light) 100%
  );
  color: #fffaec;
  font-size: 48px;
  font-weight: 600;
}

.mam-profile-placeholder {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(
    135deg,
    var(--mam-primary) 0%,
    var(--mam-primary-light) 100%
  );
  color: #fffaec;
  font-size: 42px;
  font-weight: 600;
}

.mam-profile-initials {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.mam-profile-initials.mam-gender-female {
  background: linear-gradient(135deg, #e83e8c 0%, #f06595 100%);
  color: #fffaec;
}

.mam-profile-initials.mam-gender-male {
  background: linear-gradient(135deg, #007bff 0%, #4dabf7 100%);
  color: #fffaec;
}

.mam-profile-new-badge {
  position: absolute;
  top: 12px;
  left: 12px;
  padding: 4px 10px;
  background: var(--mam-accent);
  color: var(--mam-primary);
  font-size: 11px;
  font-weight: 600;
  border-radius: 20px;
  text-transform: uppercase;
}

.mam-profile-info {
  padding: 16px;
}

.mam-profile-name {
  font-size: 18px;
  font-weight: 600;
  color: var(--mam-text);
  margin: 0 0 6px;
}

.mam-profile-meta {
  color: var(--mam-text-muted);
  font-size: 14px;
}

.mam-profile-actions {
  display: flex;
  gap: 8px;
  padding: 0 16px 16px;
}

/* Profile Grid */
.mam-profiles-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 24px;
}

.mam-profiles-page {
  background:
    radial-gradient(
      1200px 400px at 10% -10%,
      rgba(9, 66, 57, 0.12),
      transparent
    ),
    radial-gradient(
      900px 400px at 90% 0%,
      rgba(191, 168, 107, 0.12),
      transparent
    ),
    var(--mam-bg);
  border-radius: 20px;
  padding: 24px;
}

.mam-filters-bar {
  background: rgba(255, 250, 236, 0.85);
  border: 1px solid var(--mam-border);
  border-radius: 16px;
  padding: 16px;
  margin-bottom: 24px;
  box-shadow: var(--mam-shadow);
}

.mam-filters-form {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items: flex-end;
}

.mam-filters-form .mam-filter-group label {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  color: var(--mam-text-muted);
}

.mam-filter-group input,
.mam-filter-group select {
  padding: 10px 12px;
  border: 1px solid rgba(255, 250, 236, 0.12);
  border-radius: 10px;
  background: rgba(9, 66, 57, 0.95);
  color: #fffaec;
  font-size: 14px;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.mam-filter-group select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23c9a55c' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  padding-right: 36px;
}

.mam-filter-group input:focus,
.mam-filter-group select:focus {
  outline: none;
  border-color: rgba(191, 168, 107, 0.7);
  box-shadow: 0 0 0 3px rgba(191, 168, 107, 0.15);
}

/* Dropdown options styling - dark theme */
.mam-filter-group select option {
  background: #094239;
  color: #fffaec;
  padding: 10px 12px;
}

.mam-filter-group select option:hover,
.mam-filter-group select option:focus,
.mam-filter-group select option:checked {
  background: #094239;
  color: #bfa86b;
}

.mam-profile-card .mam-profile-photo::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 40%, rgba(0, 0, 0, 0.45));
  opacity: 0;
  transition: opacity var(--mam-transition);
}

.mam-profile-card:hover .mam-profile-photo::after {
  opacity: 1;
}

.mam-profile-detail {
  background: rgba(255, 250, 236, 0.92);
  border-radius: 20px;
  padding: 24px;
  box-shadow: var(--mam-shadow);
}

.mam-profile-detail-header {
  display: grid;
  grid-template-columns: 320px 1fr;
  gap: 24px;
  align-items: center;
  margin-bottom: 24px;
}

.mam-profile-detail-photo {
  position: relative;
  border-radius: 18px;
  overflow: hidden;
  background: var(--mam-bg);
  padding-top: 100%;
}

.mam-profile-detail-photo img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mam-profile-detail-summary h3 {
  margin: 0 0 8px;
  font-size: 26px;
  color: var(--mam-primary);
}

.mam-profile-detail-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 20px;
}

.mam-profile-detail-card {
  background: var(--mam-bg);
  border: 1px solid var(--mam-border);
  border-radius: 16px;
  padding: 18px;
}

.mam-profile-section-title {
  font-size: 16px;
  margin: 0 0 10px;
  color: var(--mam-primary);
}

.mam-profile-detail .mam-profile-actions {
  margin-top: 14px;
}

.mam-profile-detail .mam-profile-actions {
  justify-content: flex-start !important;
}

.mam-profile-detail .mam-profile-actions .mam-btn-accent,
.mam-profile-detail .mam-profile-actions .mam-show-interest {
  white-space: nowrap !important;
}

/* Auth Button Widget - ensure it stays above all content */
.elementor-widget-mam_auth_button {
  position: relative !important;
  z-index: 99999 !important;
}
/* Ensure parent Elementor containers don't trap the dropdown in a low stacking context */
.elementor-element:has(.elementor-widget-mam_auth_button),
.e-con:has(.elementor-widget-mam_auth_button),
.elementor-section:has(.elementor-widget-mam_auth_button),
.elementor-column:has(.elementor-widget-mam_auth_button),
.elementor-widget-wrap:has(.elementor-widget-mam_auth_button) {
  z-index: 99999 !important;
  overflow: visible !important;
}
.mam-auth-button {
  position: relative !important;
}
.mam-auth-dropdown {
  z-index: 999999 !important;
}

/* Auth Button - Override theme styles */
.mam-auth-button,
.mam-auth-button.mam-auth-logged-in,
div.mam-auth-button,
.elementor-widget-mam_auth_button .mam-auth-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  background: transparent !important;
  border: none !important;
  position: relative !important;
  z-index: 99999 !important;
  transition: all 0.3s ease !important;
  box-shadow: none !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

.mam-auth-button:hover,
.mam-auth-button.mam-auth-logged-in:hover,
div.mam-auth-button:hover,
.elementor-widget-mam_auth_button .mam-auth-button:hover {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.mam-auth-button:hover .mam-auth-link,
.mam-auth-button:hover .mam-auth-name,
.mam-auth-button:hover .mam-auth-caret,
.mam-auth-button:hover .mam-auth-divider {
  color: #fffaec !important;
}

.mam-auth-logged-in {
  gap: 12px !important;
}

.mam-auth-link {
  text-decoration: none !important;
  color: #bfa86b !important;
  font-weight: 600 !important;
  transition: color 0.3s ease !important;
  background: none !important;
  border: none !important;
  padding: 0 !important;
  white-space: nowrap !important;
  font-size: 13px !important;
}

.mam-auth-divider {
  color: rgba(255, 250, 236, 0.5) !important;
  transition: color 0.3s ease !important;
  white-space: nowrap !important;
}

.mam-auth-desktop-links {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  white-space: nowrap !important;
}

.mam-auth-account,
button.mam-auth-account,
.mam-auth-button button.mam-auth-account {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  background: none !important;
  background-color: transparent !important;
  border: none !important;
  padding: 0 !important;
  cursor: pointer !important;
  box-shadow: none !important;
  margin: 0 !important;
}

.mam-auth-account:hover,
button.mam-auth-account:hover {
  background: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

.mam-auth-name {
  transition: color 0.3s ease !important;
  color: #bfa86b !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  white-space: nowrap !important;
}

.mam-auth-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  min-width: 36px;
  min-height: 36px;
  border-radius: 50%;
  background: rgba(191, 168, 107, 0.1) !important;
  color: #bfa86b !important;
  font-size: 12px;
  font-weight: 600;
  overflow: hidden;
  border: 2px solid #bfa86b !important;
  box-shadow: none !important;
  letter-spacing: 0.5px;
}

.mam-auth-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.mam-auth-button:hover .mam-auth-avatar {
  border-color: #bfa86b !important;
  background: rgba(191, 168, 107, 0.2) !important;
}

.mam-auth-caret {
  font-size: 8px !important;
  color: #fffaec !important;
  transition: color 0.3s ease !important;
}

.mam-auth-button:hover .mam-auth-caret {
  color: #fffaec !important;
}

.mam-auth-dropdown {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  min-width: 200px;
  background: #fffaec;
  border: 1px solid var(--mam-border);
  border-radius: 12px;
  box-shadow: var(--mam-shadow);
  padding: 8px;
  display: none;
  z-index: 999999 !important;
}

.mam-auth-dropdown a {
  display: block;
  padding: 10px 12px;
  border-radius: 8px;
  color: var(--mam-text);
  text-decoration: none;
  transition: background var(--mam-transition);
}

.mam-auth-dropdown a:hover {
  background: var(--mam-bg);
}

.mam-auth-dropdown.is-open {
  display: block;
}

/* Show dropdown on hover (desktop) */
@media (min-width: 769px) {
  .mam-auth-button:hover > .mam-auth-dropdown,
  .mam-auth-logged-out:hover > .mam-auth-dropdown,
  .mam-auth-logged-in:hover > .mam-auth-dropdown {
    display: block !important;
  }
  /* Ensure Elementor containers don't clip the dropdown */
  .elementor-widget-mam_auth_button,
  .elementor-widget-mam_auth_button .elementor-widget-container {
    overflow: visible !important;
  }
  /* Bridge the gap between button and dropdown for smooth hover */
  .mam-auth-dropdown::before {
    content: "";
    position: absolute;
    top: -12px;
    left: 0;
    right: 0;
    height: 12px;
  }
}

/* Auth Button - Guest Icon (for mobile) */
.mam-auth-guest-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  min-width: 36px;
  min-height: 36px;
  border-radius: 50%;
  background: rgba(191, 168, 107, 0.1) !important;
  color: #bfa86b !important;
  font-size: 16px;
  border: 2px solid #bfa86b !important;
  box-shadow: none !important;
}

.mam-auth-guest-icon svg,
.mam-auth-guest-icon .mam-guest-icon-svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}

.mam-auth-button:hover .mam-auth-guest-icon {
  border-color: #bfa86b !important;
  background: rgba(191, 168, 107, 0.2) !important;
}

/* Auth Button - Mobile Toggle */
.mam-auth-mobile-toggle {
  display: none;
  align-items: center;
  justify-content: center;
}

.mam-auth-mobile-toggle.mam-auth-account {
  padding: 0 !important;
}

/* Auth Button - Desktop Links */
.mam-auth-desktop-links {
  display: flex;
  align-items: center;
  gap: 0;
}

/* Auth Button - Logged Out with dropdown */
.mam-auth-logged-out {
  position: relative;
}

.mam-auth-logged-out .mam-auth-dropdown {
  display: none;
}

.mam-auth-logged-out .mam-auth-dropdown.is-open {
  display: block;
}

/* Auth Dropdown Item Icons */
.mam-auth-dropdown a i {
  width: 20px;
  margin-right: 8px;
  text-align: center;
  color: var(--mam-text-muted);
  transition: color 0.2s ease;
}

.mam-auth-dropdown a:hover i {
  color: var(--mam-accent);
}

/* Auth Logout item styling */
.mam-auth-dropdown a.mam-auth-logout {
  border-top: 1px solid var(--mam-border);
  margin-top: 8px;
  padding-top: 12px;
  color: var(--mam-danger);
}

.mam-auth-dropdown a.mam-auth-logout i {
  color: var(--mam-danger);
}

.mam-auth-dropdown a.mam-auth-logout:hover {
  background: rgba(220, 53, 69, 0.1);
}

/* Auth Text - for responsive */
.mam-auth-text {
  color: #bfa86b;
  font-weight: 500;
  font-size: 14px;
  transition: color 0.3s ease;
  white-space: nowrap;
}

.mam-auth-button:hover .mam-auth-text {
  color: #fffaec;
}

/* Badge */
.mam-badge {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 500;
}

.mam-badge-success {
  background: rgba(40, 167, 69, 0.1);
  color: var(--mam-success);
}
.mam-badge-warning {
  background: rgba(255, 193, 7, 0.15);
  color: #d39e00;
}
.mam-badge-danger {
  background: rgba(220, 53, 69, 0.1);
  color: var(--mam-danger);
}
.mam-badge-info {
  background: rgba(23, 162, 184, 0.1);
  color: var(--mam-info);
}
.mam-badge-primary {
  background: rgba(9, 66, 57, 0.1);
  color: var(--mam-primary);
}

/* Auth Forms */
.mam-auth-form {
  max-width: 440px;
  margin: 40px auto;
  padding: 40px;
  background: var(--mam-bg-light);
  border-radius: var(--mam-radius);
  box-shadow: var(--mam-shadow-lg);
}

.mam-auth-header {
  text-align: center;
  margin-bottom: 30px;
}

.mam-auth-header h2 {
  margin: 0 0 10px;
  font-size: 28px;
  color: var(--mam-primary);
}

.mam-auth-header p {
  margin: 0;
  color: var(--mam-text-muted);
}

.mam-auth-footer {
  text-align: center;
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid var(--mam-border);
  color: var(--mam-text-muted);
}

.mam-auth-footer a {
  color: var(--mam-primary);
  text-decoration: none;
  font-weight: 500;
}

.mam-auth-footer a:hover {
  text-decoration: underline;
}

/* Login & Register Forms */
.mam-form-wrap,
.mam-auth-wrap {
  max-width: 880px;
  margin: 24px auto;
  padding: 32px;
  background: linear-gradient(
    180deg,
    rgba(9, 66, 57, 0.96),
    rgba(11, 47, 47, 0.98)
  );
  border: 1px solid rgba(255, 250, 236, 0.08);
  border-radius: 20px;
  box-shadow: 0 22px 44px rgba(0, 0, 0, 0.28);
  color: #f5f7f7;
  box-sizing: border-box;
  overflow: hidden !important;
  width: 100% !important;
}

.mam-login-wrap {
  max-width: 520px;
}

.mam-register-wrap {
  max-width: 680px !important;
  width: 100% !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

/* Register form - prevent overflow */
.mam-register-wrap .mam-form,
.mam-register-wrap form {
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

/* Register form row layout - Desktop */
.mam-register-wrap .mam-form-row {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 16px !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.mam-register-wrap .mam-form-row .mam-col-6 {
  grid-column: span 1 !important;
  min-width: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Form group and input field overflow fix */
.mam-register-wrap .mam-form-group {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  margin-bottom: 16px !important;
}

.mam-register-wrap .mam-input-field {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.mam-register-wrap .mam-input-field input,
.mam-register-wrap .mam-input-field select,
.mam-register-wrap .mam-input-field textarea {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* =============================================
   REGISTER FORM - MOBILE RESPONSIVE
   ============================================= */

/* Tablet - 768px - Keep 2 columns but constrain width */
@media screen and (max-width: 768px) {
  .elementor-widget-mam_register .mam-register-wrap,
  .mam-register-wrap {
    max-width: calc(100% - 32px) !important;
    width: calc(100% - 32px) !important;
    margin: 16px auto !important;
    padding: 24px !important;
    overflow: hidden !important;
  }

  .elementor-widget-mam_register .mam-register-wrap .mam-form-row,
  .mam-register-wrap .mam-form-row {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
    width: 100% !important;
  }

  .elementor-widget-mam_register .mam-register-wrap .mam-col-6,
  .mam-register-wrap .mam-form-row .mam-col-6,
  .mam-register-wrap .mam-col-6 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .elementor-widget-mam_register .mam-register-wrap input,
  .elementor-widget-mam_register .mam-register-wrap select,
  .mam-register-wrap input,
  .mam-register-wrap select {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* Mobile - 600px and below - STACK ALL FIELDS */
@media screen and (max-width: 600px) {
  /* Main container */
  .elementor-widget-mam_register .mam-register-wrap,
  .mam-register-wrap {
    max-width: calc(100% - 24px) !important;
    width: calc(100% - 24px) !important;
    margin: 12px auto !important;
    padding: 20px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
  }

  /* FORCE single column - override grid with block display */
  .elementor-widget-mam_register .mam-register-wrap .mam-form-row,
  .mam-register-wrap .mam-form-row,
  .mam-register-wrap .mam-account-gender-row,
  .mam-register-wrap .mam-email-username-row {
    display: block !important;
    grid-template-columns: none !important;
    width: 100% !important;
  }

  /* All columns should be full width */
  .elementor-widget-mam_register .mam-register-wrap .mam-col-6,
  .elementor-widget-mam_register .mam-register-wrap .mam-form-row .mam-col-6,
  .elementor-widget-mam_register .mam-register-wrap .mam-form-group:not(.mam-terms-member):not(.mam-terms-partner),
  .mam-register-wrap .mam-col-6,
  .mam-register-wrap .mam-form-row .mam-col-6,
  .mam-register-wrap .mam-form-row .mam-form-group:not(.mam-terms-member):not(.mam-terms-partner),
  .mam-register-wrap .mam-form-group:not(.mam-terms-member):not(.mam-terms-partner) {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    grid-column: span 1 !important;
    margin-bottom: 14px !important;
  }

  /* Ensure all inputs/selects don't overflow */
  .elementor-widget-mam_register .mam-register-wrap input,
  .elementor-widget-mam_register .mam-register-wrap select,
  .elementor-widget-mam_register .mam-register-wrap textarea,
  .elementor-widget-mam_register .mam-register-wrap .mam-input-field,
  .mam-register-wrap input,
  .mam-register-wrap select,
  .mam-register-wrap textarea,
  .mam-register-wrap .mam-input-field {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  .mam-register-wrap h2,
  .mam-register-wrap .mam-form-title {
    font-size: 22px !important;
  }

  .mam-register-wrap .mam-form-subtitle {
    font-size: 13px !important;
  }

  .mam-register-wrap .mam-input-field input,
  .mam-register-wrap .mam-input-field select {
    padding: 12px 14px 12px 40px !important;
    font-size: 14px !important;
  }

  .mam-register-wrap .mam-field-hint {
    font-size: 10px !important;
  }

  /* Subscription note mobile styles */
  .mam-register-wrap .mam-subscription-note.is-visible {
    padding: 12px !important;
  }

  .mam-register-wrap .mam-subscription-prices {
    flex-direction: column !important;
    gap: 6px !important;
  }
}

/* Small mobile - 480px and below */
@media screen and (max-width: 480px) {
  .elementor-widget-mam_register .mam-register-wrap,
  .mam-register-wrap {
    max-width: calc(100% - 16px) !important;
    width: calc(100% - 16px) !important;
    margin: 8px auto !important;
    padding: 16px !important;
    border-radius: 12px !important;
  }

  .elementor-widget-mam_register .mam-register-wrap h2,
  .elementor-widget-mam_register .mam-register-wrap .mam-form-title,
  .mam-register-wrap h2,
  .mam-register-wrap .mam-form-title {
    font-size: 20px !important;
    word-wrap: break-word !important;
  }

  .elementor-widget-mam_register .mam-register-wrap .mam-form-group label,
  .mam-register-wrap .mam-form-group label {
    font-size: 12px !important;
  }

  .elementor-widget-mam_register .mam-register-wrap .mam-input-field input,
  .elementor-widget-mam_register .mam-register-wrap .mam-input-field select,
  .mam-register-wrap .mam-input-field input,
  .mam-register-wrap .mam-input-field select {
    padding: 10px 12px 10px 36px !important;
    font-size: 13px !important;
  }

  .elementor-widget-mam_register .mam-register-wrap .mam-btn,
  .mam-register-wrap .mam-btn {
    padding: 12px 20px !important;
    font-size: 14px !important;
    width: 100% !important;
    justify-content: center !important;
  }

  .elementor-widget-mam_register
    .mam-register-wrap
    .mam-subscription-note.is-visible,
  .mam-register-wrap .mam-subscription-note.is-visible {
    padding: 10px 12px !important;
  }

  .elementor-widget-mam_register .mam-register-wrap .mam-subscription-prices,
  .mam-register-wrap .mam-subscription-prices {
    flex-direction: column !important;
    gap: 6px !important;
  }

  .elementor-widget-mam_register .mam-register-wrap .mam-field-hint,
  .mam-register-wrap .mam-field-hint {
    font-size: 9px !important;
  }
}

/* When member field is hidden in a row, make the other field full width */
.mam-register-wrap
  .mam-email-username-row:has(.mam-member-field[style*="display: none"])
  .mam-form-group:first-child,
.mam-register-wrap
  .mam-account-gender-row:has(.mam-member-field[style*="display: none"])
  .mam-form-group:first-child {
  grid-column: span 2 !important;
}

/* Subscription note - hidden by default, only show when gender selected */
.mam-register-wrap .mam-subscription-note {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
  opacity: 0 !important;
  border: none !important;
  background: transparent !important;
}

/* Hide all children when subscription note is hidden */
.mam-register-wrap .mam-subscription-note:not(.is-visible) * {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Subscription note visible state - show when has content */
.mam-register-wrap .mam-subscription-note.is-visible {
  display: block !important;
  height: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
  margin-bottom: 16px !important;
  padding: 14px 16px !important;
  background: rgba(255, 250, 236, 0.06) !important;
  border: 1px solid rgba(255, 250, 236, 0.12) !important;
  border-radius: 12px !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

/* Show children when subscription note is visible (exclude plan selector which uses flex) */
.mam-register-wrap .mam-subscription-note.is-visible *:not(.mam-reg-plan-selector):not(.mam-reg-plan-option):not(.mam-reg-plan-price):not(.mam-reg-plan-sublabel):not(.mam-reg-plan-note) {
  display: block !important;
  visibility: visible !important;
  height: auto !important;
}

.mam-register-wrap .mam-subscription-note.is-visible .mam-subscription-prices {
  display: flex !important;
}

.mam-register-wrap .mam-subscription-note.is-visible .mam-subscription-price {
  display: inline-block !important;
}

/* Subscription prices - prevent overflow */
.mam-register-wrap .mam-subscription-prices {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-top: 8px !important;
}

.mam-register-wrap .mam-subscription-price {
  display: inline-block !important;
  padding: 4px 10px !important;
  background: rgba(191, 168, 107, 0.15) !important;
  border-radius: 20px !important;
  font-size: 12px !important;
  color: #bfa86b !important;
  white-space: nowrap !important;
}

/* Auth forms responsive */
@media (max-width: 768px) {
  .mam-auth-wrap {
    margin: 16px auto !important;
    padding: 24px !important;
    border-radius: 16px !important;
  }
}

@media (max-width: 600px) {
  .mam-auth-wrap {
    margin: 12px !important;
    padding: 20px !important;
    border-radius: 12px !important;
  }

  .mam-auth-wrap h2,
  .mam-auth-wrap .mam-form-title {
    font-size: 22px !important;
  }

  .mam-auth-wrap .mam-form-subtitle {
    font-size: 13px !important;
  }
}

@media (max-width: 480px) {
  .mam-auth-wrap {
    margin: 8px !important;
    padding: 16px !important;
  }

  .mam-auth-wrap h2,
  .mam-auth-wrap .mam-form-title {
    font-size: 20px !important;
  }

  .mam-auth-wrap .mam-form-group label {
    font-size: 12px !important;
  }

  .mam-auth-wrap .mam-btn {
    padding: 12px 20px !important;
    font-size: 14px !important;
  }
}

/* Override all links in auth forms - no pink colors */
.mam-auth-wrap a,
.mam-form-wrap a,
.mam-login-wrap a,
.mam-register-wrap a {
  color: #bfa86b !important;
  text-decoration: none;
}

.mam-auth-wrap a:hover,
.mam-form-wrap a:hover,
.mam-login-wrap a:hover,
.mam-register-wrap a:hover {
  color: #bfa86b !important;
  text-decoration: underline;
}

/* Override all buttons in auth forms */
.mam-auth-wrap button,
.mam-form-wrap button,
.mam-auth-wrap .mam-btn,
.mam-form-wrap .mam-btn {
  color: #103836;
}

/* SVG icons in auth/form wraps - small and golden */
.mam-form-wrap svg,
.mam-auth-wrap svg {
  width: 18px !important;
  height: 18px !important;
  fill: var(--mam-accent) !important;
}

.mam-form-wrap .mam-btn svg,
.mam-auth-wrap .mam-btn svg {
  width: 16px !important;
  height: 16px !important;
  fill: currentColor !important;
}

.mam-form-wrap .mam-btn-primary svg,
.mam-auth-wrap .mam-btn-primary svg {
  fill: var(--mam-primary) !important;
}

.mam-form-title {
  color: #fffaec;
  font-size: 26px;
  margin-bottom: 6px;
}

.mam-form-subtitle {
  margin: 0 0 32px;
  color: rgba(255, 250, 236, 0.65);
  font-size: 14px;
}

.mam-form-group label {
  color: rgba(255, 250, 236, 0.75);
  font-size: 13px;
  font-weight: 500;
}

.mam-form-label-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}

.mam-forgot-link {
  font-size: 12px;
  color: #bfa86b !important;
  text-decoration: none;
}

.mam-forgot-link:hover {
  color: #bfa86b !important;
  text-decoration: underline;
}

/* Password Toggle Button */
.mam-password-toggle {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(191, 168, 107, 0.2);
  border: 1px solid rgba(191, 168, 107, 0.4);
  border-radius: 6px;
  padding: 6px 10px;
  cursor: pointer;
  color: #bfa86b;
  transition: all 0.3s ease;
}

.mam-password-toggle:hover {
  background: rgba(191, 168, 107, 0.3);
  border-color: #bfa86b;
}

.mam-password-toggle i {
  color: #bfa86b;
}

.mam-form-group
  input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.mam-form-group select,
.mam-form-group textarea {
  background: #094239;
  border: 1px solid rgba(255, 250, 236, 0.12);
  color: #fffaec;
  border-radius: 12px;
  padding: 0.5rem 3rem;
}

/* ============================================
   CHECKBOX RESET - Visually hidden for custom styling
   ============================================ */
.mam-terms-input,
input.mam-terms-input,
.mam-form-group .mam-terms-input,
.mam-form-group input[type="checkbox"],
.mam-terms-group input[type="checkbox"] {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important;
  background: transparent !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
}

.mam-input-field {
  position: relative;
  display: flex;
  align-items: center;
}

.mam-input-icon,
[class*="elementor-element"] .mam-input-icon,
.mam-register-wrap .mam-input-icon,
.mam-login-wrap .mam-input-icon,
.mam-form .mam-input-icon {
  position: absolute;
  left: 18px;
  color: var(--mam-accent);
  font-size: 14px;
  pointer-events: none;
  width: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  z-index: 0 !important;
}

.mam-input-icon svg {
  width: 16px !important;
  height: 16px !important;
  fill: var(--mam-accent) !important;
}

.mam-input-field input,
.mam-input-field select,
.mam-input-field textarea {
  padding-left: 3rem !important;
}

.mam-input-field select {
  appearance: none;
  background-image:
    linear-gradient(45deg, transparent 50%, rgba(255, 250, 236, 0.7) 50%),
    linear-gradient(135deg, rgba(255, 250, 236, 0.7) 50%, transparent 50%);
  background-position:
    calc(100% - 20px) 50%,
    calc(100% - 14px) 50%;
  background-size:
    6px 6px,
    6px 6px;
  background-repeat: no-repeat;
}

.mam-input-field select:invalid {
  color: rgba(255, 250, 236, 0.5);
}

.mam-input-field select option {
  color: #1a0f08;
}

/* Duplicate responsive styles removed - consolidated in main REGISTER FORM MOBILE RESPONSIVE section above */

.mam-field-error {
  display: block;
  margin-top: 6px;
  font-size: 12px;
  color: #f5b8b8;
}

.mam-password-strength {
  margin-top: 8px;
}

.mam-strength-bar {
  height: 6px;
  width: 0;
  border-radius: 999px;
  background: rgba(255, 250, 236, 0.2);
  transition: width 0.2s ease;
}

.mam-strength-text {
  display: block;
  margin-top: 6px;
  font-size: 12px;
}

.mam-form-group input::placeholder,
.mam-form-group textarea::placeholder {
  color: rgba(255, 250, 236, 0.5);
}

.mam-form-group input:focus,
.mam-form-group select:focus,
.mam-form-group textarea:focus {
  outline: none;
  border-color: rgba(191, 168, 107, 0.7);
  box-shadow: 0 0 0 3px rgba(191, 168, 107, 0.15);
}

.mam-field-hint {
  font-size: 11px !important;
  color: rgba(255, 250, 236, 0.5) !important;
  line-height: 1.4 !important;
}

.mam-checkbox-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: rgba(255, 250, 236, 0.75);
  white-space: nowrap;
}

/* Custom Terms Checkbox Styling */
.mam-terms-group {
  margin-top: 8px;
  margin-bottom: 16px;
}

.mam-terms-checkbox {
  cursor: pointer;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 20px !important;
  white-space: normal !important;
}

.mam-terms-checkbox input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  pointer-events: none;
}

.mam-checkbox-custom {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  min-width: 22px;
  background: #094239;
  border: 2px solid rgba(191, 168, 107, 0.5);
  border-radius: 5px;
  transition: all 0.2s ease;
}

.mam-checkbox-custom i {
  font-size: 12px;
  color: transparent;
  transition: all 0.2s ease;
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
  font-style: normal !important;
}

.mam-checkbox-custom i.fa-check:before {
  content: "\f00c";
}

.mam-terms-checkbox:hover .mam-checkbox-custom {
  border-color: #bfa86b;
  background: rgba(191, 168, 107, 0.15);
}

.mam-terms-checkbox input[type="checkbox"]:checked + .mam-checkbox-custom {
  background: #bfa86b;
  border-color: #bfa86b;
}

.mam-terms-checkbox input[type="checkbox"]:checked + .mam-checkbox-custom i {
  color: #1a0f08;
}

.mam-terms-checkbox input[type="checkbox"]:focus + .mam-checkbox-custom {
  box-shadow: 0 0 0 3px rgba(191, 168, 107, 0.3);
}

.mam-checkbox-text {
  font-size: 14px;
  line-height: 1.5;
  color: rgba(255, 250, 236, 0.85);
}

/* Password field with toggle wrapper */
.mam-password-wrapper {
  position: relative;
}

.mam-password-wrapper input {
  padding-right: 50px !important;
  padding-left: 3rem !important;
}

.mam-password-toggle {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  border: none;
  padding: 5px;
  cursor: pointer;
  color: #bfa86b;
  transition: all 0.3s ease;
  z-index: 10;
}

.mam-password-toggle:hover {
  color: #bfa86b;
}

.mam-password-toggle i {
  font-size: 14px;
  color: #bfa86b;
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
  font-style: normal !important;
}

.mam-password-toggle i.fa-eye:before {
  content: "\f06e";
}

.mam-password-toggle i.fa-eye-slash:before {
  content: "\f070";
}

/* Ensure Font Awesome icons display properly in form fields */
.mam-input-icon i,
.mam-input-field i {
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
  font-style: normal !important;
}

.mam-input-icon i.fa-user:before {
  content: "\f007";
}
.mam-input-icon i.fa-at:before {
  content: "\f1fa";
}
.mam-input-icon i.fa-envelope:before {
  content: "\f0e0";
}
.mam-input-icon i.fa-lock:before {
  content: "\f023";
}
.mam-input-icon i.fa-venus-mars:before {
  content: "\f228";
}
.mam-input-icon i.fa-user-tag:before {
  content: "\f507";
}
.mam-input-icon i.fa-tag:before {
  content: "\f02b";
}
.mam-input-icon i.fa-phone:before {
  content: "\f095";
}
.mam-input-icon i.fa-university:before {
  content: "\f19c";
}
.mam-input-icon i.fa-credit-card:before {
  content: "\f09d";
}

.mam-form-footer {
  margin-top: 16px;
  color: rgba(255, 250, 236, 0.65);
  font-size: 13px;
}

.mam-form-footer a {
  color: #bfa86b !important;
  text-decoration: none;
}

.mam-form-footer a:hover {
  color: #bfa86b !important;
  text-decoration: underline;
}

/* Affiliate Fields Section */
.mam-affiliate-fields {
  padding: 20px;
  margin: 16px 0;
  background: rgba(191, 168, 107, 0.1);
  border: 1px solid rgba(191, 168, 107, 0.3);
  border-radius: 10px;
}

.mam-affiliate-fields .mam-form-group:last-child {
  margin-bottom: 0;
}

/* Phone Field with Country Code */
.mam-phone-field {
  display: flex;
  align-items: center;
  gap: 0;
  border: 1px solid rgba(191, 168, 107, 0.3);
  border-radius: 10px;
  overflow: hidden;
  background: #094239;
}

.mam-phone-code {
  padding: 12px 14px;
  color: #bfa86b;
  font-weight: 600;
  font-size: 15px;
  white-space: nowrap;
  border-right: 1px solid rgba(191, 168, 107, 0.3);
  background: rgba(191, 168, 107, 0.08);
  user-select: none;
  flex-shrink: 0;
}

.mam-phone-field input[type="tel"] {
  flex: 1;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.mam-phone-field input[type="tel"]:focus {
  border: none !important;
  box-shadow: none !important;
}

.mam-phone-field:focus-within {
  border-color: #bfa86b;
  box-shadow: 0 0 0 3px rgba(191, 168, 107, 0.2);
}

.mam-phone-country {
  width: 110px !important;
  flex-shrink: 0;
  padding: 10px 8px !important;
  font-size: 14px !important;
}

/* Member-only field visibility */
.mam-member-field.is-hidden {
  display: none !important;
}

.mam-login-options {
  justify-content: flex-start;
  margin-bottom: 6px;
}

.mam-subscription-note {
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 12px;
  background: transparent !important;
  border: none !important;
  color: rgba(255, 250, 236, 0.85);
  display: none !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  height: 0 !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* Hide all children when note is not visible */
.mam-subscription-note:not(.is-visible) * {
  display: none !important;
  height: 0 !important;
  visibility: hidden !important;
}

.mam-subscription-note.is-visible {
  display: block !important;
  height: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
  margin-top: 0 !important;
  margin-bottom: 16px !important;
  padding: 14px 16px !important;
  background: rgba(255, 250, 236, 0.06) !important;
  border: 1px solid rgba(255, 250, 236, 0.12) !important;
  overflow: visible !important;
}

/* Subscription title and text - only show when parent is visible */
.mam-subscription-note.is-visible .mam-subscription-title {
  display: block !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  margin-bottom: 6px !important;
  color: #bfa86b !important;
  height: auto !important;
  visibility: visible !important;
}

.mam-subscription-note.is-visible .mam-subscription-text {
  display: block !important;
  font-size: 13px !important;
  color: rgba(255, 250, 236, 0.75) !important;
  line-height: 1.5 !important;
  height: auto !important;
  visibility: visible !important;
}

/* Subscription prices - only display when parent is visible */
.mam-subscription-note.is-visible .mam-subscription-prices {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-top: 10px !important;
  height: auto !important;
  visibility: visible !important;
}

.mam-subscription-note.is-visible .mam-subscription-price {
  display: inline-block !important;
  padding: 4px 12px !important;
  background: rgba(191, 168, 107, 0.15) !important;
  border-radius: 20px !important;
  font-size: 12px !important;
  color: #bfa86b !important;
  white-space: nowrap !important;
  height: auto !important;
  visibility: visible !important;
}

/* Subscription note — payment-header style (crown + title + subtitle + price) */
.mam-subscription-note.is-visible .mam-subscription-icon {
  display: block !important;
  color: #bfa86b !important;
  font-size: 28px !important;
  margin-bottom: 8px !important;
  height: auto !important;
  visibility: visible !important;
}
.mam-subscription-note.is-visible h3.mam-subscription-title {
  display: block !important;
  margin: 0 0 6px !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  color: #fffaec !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  font-family: 'Cinzel', Georgia, serif !important;
  height: auto !important;
  visibility: visible !important;
}
.mam-subscription-note.is-visible p.mam-subscription-text {
  display: block !important;
  margin: 0 0 12px !important;
  font-size: 14px !important;
  color: rgba(255, 250, 236, 0.72) !important;
  height: auto !important;
  visibility: visible !important;
}
.mam-subscription-note.is-visible .mam-subscription-prices {
  display: flex !important;
  align-items: baseline !important;
  gap: 8px !important;
  margin-top: 4px !important;
}
.mam-subscription-note.is-visible .mam-subscription-price-yearly {
  font-family: 'Cinzel', Georgia, serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  color: #bfa86b !important;
  background: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}
.mam-subscription-note.is-visible .mam-subscription-price-monthly {
  font-family: 'Cinzel', Georgia, serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #bfa86b !important;
  background: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
  opacity: 0.7 !important;
}

/* Female free label - golden text like price */
.mam-subscription-free-label {
  display: none !important;
}
.mam-subscription-note.is-visible .mam-subscription-free-label {
  font-family: 'Cinzel', serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #bfa86b !important;
  letter-spacing: 2px !important;
  margin-top: 10px !important;
  text-transform: uppercase !important;
}

/* Initially hide referral field - JS will show it for male members only */
.mam-referral-group,
.mam-form-group.mam-referral-group,
.mam-register-form .mam-referral-group {
  display: none !important;
}

.mam-referral-group.is-visible,
.mam-form-group.mam-referral-group.is-visible,
.mam-register-form .mam-referral-group.is-visible {
  display: block !important;
}

.mam-referral-message.is-success {
  color: #4caf50;
}

.mam-referral-message.is-error {
  color: #e53935;
}

/* Subscription children - only styled when parent is visible (defined above) */

.mam-account-card,
.mam-gender-card {
  border: 1px solid rgba(255, 250, 236, 0.12);
  background: rgba(255, 250, 236, 0.04);
  color: #fffaec;
  border-radius: 14px;
}

.mam-account-card i,
.mam-gender-card i {
  color: var(--mam-accent);
}

.mam-account-option input:checked + .mam-account-card,
.mam-gender-option input:checked + .mam-gender-card {
  border-color: rgba(191, 168, 107, 0.9);
  background: rgba(191, 168, 107, 0.12);
  box-shadow: 0 0 0 2px rgba(191, 168, 107, 0.15) inset;
}

.mam-btn-primary {
  background: linear-gradient(
    90deg,
    #927431,
    #bfa86b,
    #eee1b0,
    #f5ecca,
    #fffece,
    #fefefa,
    #f5ecca,
    #eee1b0,
    #bfa86b,
    #927431
  );
  color: #1a0f08;
  border-radius: 12px;
}

.mam-btn-primary:hover {
  color: #1a0f08;
  box-shadow: 0 6px 16px rgba(191, 168, 107, 0.35);
}

.mam-link {
  color: var(--mam-accent);
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.mam-link svg {
  width: 16px !important;
  height: 16px !important;
  fill: var(--mam-accent) !important;
}

/* Gender Selection */
.mam-gender-select {
  display: flex;
  gap: 16px;
  margin-bottom: 24px;
}

.mam-gender-option {
  flex: 1;
  position: relative;
}

.mam-gender-option input {
  position: absolute;
  opacity: 0;
}

.mam-gender-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 120px;
  padding: 24px;
  border: 2px solid rgba(9, 66, 57, 0.15);
  border-radius: 14px;
  background: #fffaec;
  color: #123f3f;
  cursor: pointer;
  transition: all var(--mam-transition);
  font-weight: 600;
}

.mam-gender-card i {
  font-size: 32px;
  color: #123f3f;
}

.mam-gender-option input:checked + .mam-gender-card {
  border-color: #123f3f;
  box-shadow: 0 8px 20px rgba(18, 63, 63, 0.15);
}

/* Account Type Selection */
.mam-account-select {
  display: flex;
  gap: 16px;
  margin-bottom: 24px;
}

.mam-account-option {
  flex: 1;
  position: relative;
}

.mam-account-option input {
  position: absolute;
  opacity: 0;
}

.mam-account-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 120px;
  padding: 24px;
  border: 2px solid rgba(9, 66, 57, 0.15);
  border-radius: 14px;
  background: #fffaec;
  color: #123f3f;
  cursor: pointer;
  transition: all var(--mam-transition);
  font-weight: 600;
}

.mam-account-card i {
  font-size: 28px;
  color: #123f3f;
}

.mam-account-option input:checked + .mam-account-card {
  border-color: #123f3f;
  box-shadow: 0 8px 20px rgba(18, 63, 63, 0.15);
}

/* Dashboard */
.mam-dashboard {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 30px;
  padding: 26px;
  background: #094239;
  border-radius: 20px;
  box-shadow: 0 22px 40px rgba(10, 32, 32, 0.25);
  color: #f5f7f7;
}

.mam-dashboard-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  background: rgba(10, 48, 35, 0.85);
  border: 1px solid rgba(255, 250, 236, 0.08);
  border-radius: 18px;
  padding: 22px 24px;
  margin-bottom: 20px;
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.2);
}

.mam-dashboard-header-content {
  flex: 1;
}

.mam-dashboard-header h2 {
  font-family: "Cinzel", serif;
  font-size: 28px;
  margin: 0 0 6px;
  color: #fffaec;
}

.mam-dashboard-header p {
  margin: 0;
  color: rgba(255, 250, 236, 0.7);
}

.mam-btn-logout {
  background: transparent;
  border: 1px solid rgba(255, 250, 236, 0.3);
  color: #fffaec;
  padding: 10px 20px;
  border-radius: 8px;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all 0.2s ease;
}

.mam-btn-logout:hover {
  background: rgba(255, 250, 236, 0.1);
  border-color: rgba(255, 250, 236, 0.5);
  color: #fffaec;
}

.mam-stats-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 16px;
}

.mam-dashboard .mam-card {
  background: rgba(10, 48, 35, 0.85);
  border: 1px solid rgba(255, 250, 236, 0.08);
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.2);
}

.mam-dashboard .mam-card-header {
  color: #f7f0df;
  border-bottom: 1px solid rgba(255, 250, 236, 0.08);
}

.mam-dashboard .mam-card-body {
  color: rgba(255, 250, 236, 0.8);
}

.mam-stat-card {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 18px;
  background: rgba(10, 48, 35, 0.75);
  border: 1px solid rgba(255, 250, 236, 0.06);
  border-radius: 16px;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.2);
}

.mam-stat-icon {
  width: 46px;
  height: 46px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(191, 168, 107, 0.2);
  color: var(--mam-accent);
  font-size: 18px;
}

.mam-stat-content h3 {
  margin: 0 0 4px;
  font-size: 20px;
  color: #fffaec;
}

.mam-stat-content p {
  margin: 0;
  font-size: 12px;
  color: rgba(255, 250, 236, 0.7);
}

.mam-quick-actions {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 16px;
  margin-top: 20px;
}

.mam-quick-action {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  border-radius: 14px;
  background: rgba(10, 48, 35, 0.75);
  border: 1px solid rgba(255, 250, 236, 0.08);
  color: #fffaec;
  text-decoration: none;
  transition: all var(--mam-transition);
}

.mam-quick-action:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.2);
}

.mam-quick-action i {
  color: var(--mam-accent);
}

/* ============================================
   Affiliate Dashboard — Sidebar Layout
   ============================================ */

/* Referral Code Card */
.mam-aff-code-row {
  display: flex;
  align-items: center;
  gap: 12px;
}

.mam-aff-code-value {
  flex: 1;
  padding: 12px 16px;
  font-size: 16px;
  font-family: "Cinzel", serif;
  font-weight: 700;
  color: #bfa86b;
  background: rgba(191, 168, 107, 0.08);
  border: 1px solid rgba(191, 168, 107, 0.2);
  border-radius: 10px;
  letter-spacing: 1px;
}

.mam-aff-copy-btn {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(191, 168, 107, 0.1) !important;
  border: 1px solid rgba(191, 168, 107, 0.3) !important;
  border-radius: 10px !important;
  color: #bfa86b !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  font-size: 16px !important;
}

.mam-aff-copy-btn:hover {
  background: rgba(191, 168, 107, 0.2) !important;
}

/* Notice bar */
.mam-aff-notice {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 18px;
  background: rgba(191, 168, 107, 0.08);
  border: 1px solid rgba(191, 168, 107, 0.2);
  border-radius: 10px;
  color: rgba(255, 250, 236, 0.8);
  font-size: 14px;
  font-family: "Antic", sans-serif;
}

.mam-aff-notice i {
  color: #bfa86b;
  font-size: 16px;
}

/* Edit button in card header */
.mam-aff-edit-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 6px 14px !important;
  font-size: 13px !important;
  font-family: "Antic", sans-serif !important;
  color: #bfa86b !important;
  background: rgba(191, 168, 107, 0.1) !important;
  border: 1px solid rgba(191, 168, 107, 0.3) !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.mam-aff-edit-btn:hover {
  background: rgba(191, 168, 107, 0.18) !important;
  border-color: rgba(191, 168, 107, 0.5) !important;
}

.mam-aff-edit-btn i {
  font-size: 12px !important;
}

/* Read-only detail grid */
.mam-aff-detail-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.mam-aff-detail-item {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 14px 16px;
  background: rgba(255, 250, 236, 0.03);
  border-radius: 10px;
  border: 1px solid rgba(255, 250, 236, 0.06);
}

.mam-aff-detail-label {
  font-size: 11px;
  font-family: "Antic", sans-serif;
  color: rgba(255, 250, 236, 0.45);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.mam-aff-detail-label i {
  font-size: 11px;
  color: rgba(191, 168, 107, 0.6);
}

.mam-aff-detail-value {
  font-size: 14px;
  font-family: "Antic", sans-serif;
  color: #fffaec;
  font-weight: 500;
  word-break: break-all;
}

/* Edit form */
.mam-aff-bank-desc {
  font-size: 14px;
  color: rgba(255, 250, 236, 0.55);
  margin: 0 0 18px;
  font-family: "Antic", sans-serif;
}

.mam-affiliate-bank-form .mam-form-group {
  margin-bottom: 16px;
}

.mam-affiliate-bank-form label {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: rgba(255, 250, 236, 0.75);
  margin-bottom: 6px;
  font-family: "Antic", sans-serif;
}

.mam-affiliate-bank-form input[type="text"] {
  width: 100% !important;
  padding: 10px 14px !important;
  font-size: 14px !important;
  border: 1px solid rgba(255, 250, 236, 0.1) !important;
  border-radius: 10px !important;
  background: rgba(255, 250, 236, 0.05) !important;
  color: #fffaec !important;
  transition: border-color 0.2s ease !important;
  box-sizing: border-box !important;
}

.mam-affiliate-bank-form input[type="text"]::placeholder {
  color: rgba(255, 250, 236, 0.3) !important;
}

.mam-affiliate-bank-form input[type="text"]:focus {
  outline: none !important;
  border-color: #bfa86b !important;
  background: rgba(255, 250, 236, 0.07) !important;
}

.mam-affiliate-bank-form .mam-iban-input {
  font-family: monospace !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
}

/* Form action buttons */
.mam-aff-form-actions {
  margin-top: 20px;
  display: flex;
  align-items: center;
  gap: 12px;
}

.mam-btn-gold {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 10px 24px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  font-family: "Antic", sans-serif !important;
  background: var(
    --mam-gold-gradient,
    linear-gradient(
      90deg,
      #927431,
      #bfa86b,
      #e6d996,
      #efe3c4,
      #fffde4,
      #efe3c4,
      #e6d996,
      #bfa86b,
      #937431
    )
  ) !important;
  color: #094239 !important;
  border: none !important;
  border-radius: 10px !important;
  cursor: pointer !important;
  transition: opacity 0.2s ease !important;
}

.mam-btn-gold:hover {
  opacity: 0.9 !important;
}

.mam-btn-outline-light {
  display: inline-flex !important;
  align-items: center !important;
  padding: 10px 20px !important;
  font-size: 14px !important;
  font-family: "Antic", sans-serif !important;
  color: rgba(255, 250, 236, 0.6) !important;
  background: transparent !important;
  border: 1px solid rgba(255, 250, 236, 0.15) !important;
  border-radius: 10px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.mam-btn-outline-light:hover {
  color: #fffaec !important;
  border-color: rgba(255, 250, 236, 0.3) !important;
}

/* Referral List */
.mam-aff-referral-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.mam-aff-referral-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  background: rgba(255, 250, 236, 0.03);
  border: 1px solid rgba(255, 250, 236, 0.06);
  border-radius: 10px;
  transition: background 0.2s ease;
}

.mam-aff-referral-item:hover {
  background: rgba(255, 250, 236, 0.05);
}

.mam-aff-referral-avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(191, 168, 107, 0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.mam-aff-referral-avatar span {
  font-size: 14px;
  font-weight: 700;
  color: #bfa86b;
  font-family: "Cinzel", serif;
}

.mam-aff-referral-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.mam-aff-referral-name {
  font-size: 14px;
  font-family: "Antic", sans-serif;
  color: #fffaec;
  font-weight: 500;
}

.mam-aff-referral-date {
  font-size: 12px;
  font-family: "Antic", sans-serif;
  color: rgba(255, 250, 236, 0.4);
}

.mam-aff-referral-status {
  padding: 4px 10px;
  border-radius: 6px;
  font-size: 12px;
  font-family: "Antic", sans-serif;
  font-weight: 600;
  text-transform: capitalize;
}

.mam-aff-referral-status--pending {
  background: rgba(255, 193, 7, 0.12);
  color: #ffc107;
}

.mam-aff-referral-status--paid {
  background: rgba(76, 175, 80, 0.12);
  color: #4caf50;
}

.mam-aff-referral-status--converted {
  background: rgba(191, 168, 107, 0.12);
  color: #bfa86b;
}

/* Empty state */
.mam-aff-empty-state {
  text-align: center;
  padding: 40px 20px;
  color: rgba(255, 250, 236, 0.4);
}

.mam-aff-empty-state i {
  font-size: 40px;
  color: rgba(191, 168, 107, 0.3);
  margin-bottom: 16px;
  display: block;
}

.mam-aff-empty-state p {
  font-size: 14px;
  font-family: "Antic", sans-serif;
  margin: 0;
}

/* Mobile responsive for affiliate details */
@media (max-width: 768px) {
  .mam-aff-detail-grid {
    grid-template-columns: 1fr;
  }
  .mam-aff-form-actions {
    flex-direction: column;
  }
  .mam-aff-form-actions .mam-btn-gold,
  .mam-aff-form-actions .mam-btn-outline-light {
    width: 100% !important;
    justify-content: center !important;
  }
  .mam-dash-card-header {
    flex-wrap: wrap;
    gap: 10px;
  }
}

/* Affiliate Mini Dashboard (for all members) */
.mam-affiliate-mini-card {
  background: linear-gradient(
    145deg,
    rgba(191, 168, 107, 0.15) 0%,
    rgba(9, 66, 57, 0.95) 100%
  );
  border: 1px solid rgba(191, 168, 107, 0.3);
}

.mam-affiliate-intro {
  font-size: 14px;
  color: rgba(255, 250, 236, 0.8);
  margin-bottom: 20px;
  line-height: 1.5;
}

.mam-affiliate-mini-stats {
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
}

.mam-affiliate-stat {
  flex: 1;
  background: #094239;
  padding: 16px;
  border-radius: 12px;
  text-align: center;
}

.mam-affiliate-stat-value {
  display: block;
  font-size: 24px;
  font-weight: 700;
  color: var(--mam-accent);
  margin-bottom: 4px;
}

.mam-affiliate-stat-label {
  display: block;
  font-size: 12px;
  color: rgba(255, 250, 236, 0.6);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.mam-affiliate-code-box {
  background: #094239;
  padding: 16px;
  border-radius: 12px;
}

.mam-affiliate-code-box label {
  display: block;
  font-size: 12px;
  color: rgba(255, 250, 236, 0.6);
  text-transform: uppercase;
  margin-bottom: 8px;
}

.mam-affiliate-code-input {
  display: flex;
  gap: 8px;
}

.mam-affiliate-code-input input {
  flex: 1;
  background: rgba(255, 250, 236, 0.1);
  border: 1px solid rgba(255, 250, 236, 0.2);
  border-radius: 8px;
  padding: 10px 14px;
  color: #fffaec;
  font-family: monospace;
  font-size: 14px;
  letter-spacing: 1px;
}

.mam-affiliate-code-input input:focus {
  outline: none;
  border-color: var(--mam-accent);
}

.mam-affiliate-bank-notice {
  margin-top: 16px;
  padding: 12px 16px;
  background: rgba(255, 193, 7, 0.15);
  border: 1px solid rgba(255, 193, 7, 0.3);
  border-radius: 10px;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  color: #ffc107;
}

.mam-affiliate-bank-notice i {
  flex-shrink: 0;
}

.mam-affiliate-bank-notice .mam-link {
  margin-left: auto;
  color: #ffc107;
  text-decoration: underline;
}

.mam-copy-code {
  padding: 10px 16px;
}

.mam-dashboard-sidebar {
  position: sticky;
  top: 30px;
  height: fit-content;
}

.mam-dashboard-nav {
  background: rgba(10, 48, 35, 0.6);
  border-radius: var(--mam-radius);
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}

.mam-dashboard-nav a {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 20px;
  color: rgba(255, 250, 236, 0.75);
  text-decoration: none;
  border-left: 3px solid transparent;
  transition: all var(--mam-transition);
}

.mam-dashboard-nav a:hover {
  background: #094239;
}

.mam-dashboard-nav a.active {
  background: rgba(191, 168, 107, 0.15);
  border-left-color: var(--mam-accent);
  color: #fffaec;
}

.mam-dashboard-nav a i {
  width: 20px;
  text-align: center;
}

/* =============================================
   Modern Dashboard Styles
   ============================================= */

.mam-dashboard-modern {
  background: linear-gradient(
    135deg,
    #094239 0%,
    #094239 50%,
    #0c5247 100%
  ) !important;
  border-radius: 24px !important;
  padding: 32px !important;
  color: #fffaec !important;
  min-height: 500px !important;
  box-sizing: border-box !important;
}

/* =============================================
   Sidebar Layout for Dashboard
   ============================================= */
.mam-dashboard-sidebar-layout {
  display: flex !important;
  padding: 0 !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  min-height: 100vh !important;
  position: relative !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Mobile Header - Modern Compact Design */
.mam-mobile-header {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 56px;
  background: linear-gradient(135deg, #062e27 0%, #094239 50%, #094239 100%);
  padding: 0 12px;
  align-items: center;
  justify-content: space-between;
  z-index: 1000;
  border-bottom: 1px solid rgba(191, 168, 107, 0.15);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3);
}

.mam-sidebar-toggle {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: #094239;
  border: 1px solid rgba(255, 250, 236, 0.1);
  color: #fffaec;
  font-size: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}

.mam-sidebar-toggle:hover {
  background: rgba(255, 250, 236, 0.15);
  border-color: rgba(191, 168, 107, 0.3);
}

.mam-mobile-title {
  font-family: "DM Serif Display", serif;
  font-size: 17px;
  color: #fffaec;
  font-weight: 400;
}

.mam-mobile-actions {
  display: flex;
  gap: 10px;
  align-items: center;
}

.mam-mobile-icon-btn {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: #094239;
  border: 1px solid rgba(255, 250, 236, 0.1);
  color: rgba(255, 250, 236, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  position: relative;
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 16px;
}

.mam-mobile-icon-btn:hover {
  background: rgba(255, 250, 236, 0.15);
  color: #fffaec;
  transform: translateY(-1px);
}

/* Mobile notification bell - golden accent */
.mam-mobile-icon-btn.mam-notif-toggle {
  background: rgba(191, 168, 107, 0.15);
  border-color: rgba(191, 168, 107, 0.3);
}

.mam-mobile-icon-btn.mam-notif-toggle:hover {
  background: rgba(191, 168, 107, 0.25);
  border-color: rgba(191, 168, 107, 0.5);
}

.mam-mobile-icon-btn.mam-notif-toggle i {
  color: #bfa86b;
}

.mam-mobile-icon-btn .mam-notif-badge {
  top: -4px;
  right: -4px;
  min-width: 18px;
  height: 18px;
  font-size: 10px;
  line-height: 18px;
}

/* Sidebar - Modern Design */
.mam-sidebar {
  width: 260px !important;
  min-width: 260px !important;
  max-width: 260px !important;
  background: #0a3023 !important;
  display: flex !important;
  flex-direction: column !important;
  border-right: 1px solid rgba(191, 168, 107, 0.1) !important;
  position: relative !important;
  z-index: 100 !important;
  box-sizing: border-box !important;
  box-shadow: 4px 0 20px rgba(0, 0, 0, 0.15) !important;
}

/* Sidebar close button - COMPLETELY HIDDEN on all devices */
.mam-sidebar-close,
.mam-sidebar-header .mam-sidebar-close,
button.mam-sidebar-close,
.mam-sidebar .mam-sidebar-close {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  position: absolute !important;
  left: -9999px !important;
}

/* Dashboard Sections - Tab Content */
.mam-dash-section {
  display: none;
  animation: mamFadeIn 0.3s ease;
}

.mam-dash-section.is-active {
  display: block;
}

@keyframes mamFadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Card Section Visibility - used by sidebar section toggle */
.mam-dash-card.mam-card-hidden {
  display: none !important;
}

.mam-dash-card.mam-card-visible {
  display: block !important;
  animation: mamFadeIn 0.3s ease !important;
}

.mam-dash-stats.mam-card-hidden {
  display: none !important;
}

/* =====================================================
   DASHBOARD SECTION LAYOUTS
   ===================================================== */

/* DISCOVER Section - Both cards full width */
.mam-dash-card.mam-dash-suggestions-card,
.mam-dash-card.mam-dash-daily-picks-card {
  grid-column: 1 / -1 !important;
  width: 100% !important;
}

/* ACTIVITY Section Layout */
/* Profile Insights - full width */
.mam-dash-card.mam-dash-insights-card {
  grid-column: 1 / -1 !important;
  width: 100% !important;
}

/* Who Viewed and Recently Viewed - side by side */
.mam-dash-card.mam-dash-viewers-card,
.mam-dash-card.mam-dash-recent-card {
  grid-column: span 1 !important;
}

/* Recent Activity - full width with horizontal scroller */
.mam-dash-card.mam-dash-activity-card {
  grid-column: 1 / -1 !important;
  width: 100% !important;
}

.mam-dash-activity-card .mam-activity-list {
  display: flex !important;
  flex-direction: row !important;
  gap: 16px !important;
  overflow-x: auto !important;
  padding-bottom: 12px !important;
  scroll-behavior: smooth !important;
  -webkit-overflow-scrolling: touch !important;
}

.mam-dash-activity-card .mam-activity-list::-webkit-scrollbar {
  height: 6px !important;
}

.mam-dash-activity-card .mam-activity-list::-webkit-scrollbar-track {
  background: rgba(255, 250, 236, 0.05) !important;
  border-radius: 3px !important;
}

.mam-dash-activity-card .mam-activity-list::-webkit-scrollbar-thumb {
  background: rgba(191, 168, 107, 0.3) !important;
  border-radius: 3px !important;
}

.mam-dash-activity-card .mam-activity-list::-webkit-scrollbar-thumb:hover {
  background: rgba(191, 168, 107, 0.5) !important;
}

.mam-dash-activity-card .mam-activity-item {
  flex: 0 0 auto !important;
  min-width: 250px !important;
  max-width: 300px !important;
  background: rgba(255, 250, 236, 0.04) !important;
  border: 1px solid rgba(255, 250, 236, 0.08) !important;
  border-radius: 12px !important;
  padding: 16px !important;
}

/* SAVED Section - Cards full width */
.mam-dash-card.mam-dash-saved-card,
.mam-dash-card.mam-share-profile-card {
  grid-column: 1 / -1 !important;
  width: 100% !important;
}

/* Saved Profiles Empty State - centered */
.mam-dash-saved-card .mam-empty-state {
  text-align: center !important;
  padding: 40px 20px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

.mam-dash-saved-card .mam-empty-state i {
  font-size: 48px !important;
  color: rgba(191, 168, 107, 0.3) !important;
  margin-bottom: 16px !important;
  display: block !important;
}

/* Share Profile Empty State - centered */
.mam-share-profile-card .mam-empty-state {
  text-align: center !important;
  padding: 40px 20px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

.mam-share-profile-card .mam-empty-state i {
  font-size: 48px !important;
  color: rgba(191, 168, 107, 0.3) !important;
  margin-bottom: 16px !important;
  display: block !important;
}

/* Share Modal - Force full screen centering */
#mam-share-modal {
  margin-left: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100vw !important;
}

#mam-share-modal .mam-modal-content {
  margin: 0 auto !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  /* On mobile, stack Who Viewed and Recently Viewed */
  .mam-dash-card.mam-dash-viewers-card,
  .mam-dash-card.mam-dash-recent-card {
    grid-column: 1 / -1 !important;
  }

  .mam-dash-activity-card .mam-activity-item {
    min-width: 200px !important;
  }
}

/* Sidebar Items - Override Elementor Pink with Gold */
.mam-sidebar-item,
.mam-sidebar-item:link,
.mam-sidebar-item:visited {
  color: rgba(255, 250, 236, 0.7) !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  text-decoration: none !important;
}

.mam-sidebar-item:hover,
.mam-sidebar-item:focus {
  color: #bfa86b !important;
  background: rgba(191, 168, 107, 0.1) !important;
  border-color: rgba(191, 168, 107, 0.2) !important;
}

.mam-sidebar-item.active,
.mam-sidebar-item.active:link,
.mam-sidebar-item.active:visited,
.mam-sidebar-item.active:hover,
.mam-sidebar-item.active:focus {
  color: #bfa86b !important;
  background: linear-gradient(
    135deg,
    rgba(191, 168, 107, 0.2) 0%,
    rgba(191, 168, 107, 0.1) 100%
  ) !important;
  border: 1px solid rgba(191, 168, 107, 0.3) !important;
  border-left: 3px solid #bfa86b !important;
}

.mam-sidebar-item.active i,
.mam-sidebar-item:hover i {
  color: #bfa86b !important;
}

.mam-sidebar-item i {
  color: rgba(255, 250, 236, 0.6) !important;
}

/* Action Center - Full Width on all devices */
.mam-dash-action-center {
  grid-column: 1 / -1 !important;
  width: 100% !important;
}

/* Section header */
.mam-section-header {
  margin-bottom: 24px;
}

.mam-section-header h2 {
  font-family: "DM Serif Display", serif;
  font-size: 24px;
  color: #fffaec;
  margin: 0 0 8px;
}

.mam-section-header p {
  color: rgba(255, 250, 236, 0.6);
  margin: 0;
  font-size: 14px;
}

/* Two column grid for sections */
.mam-section-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

@media (max-width: 1024px) {
  .mam-section-grid {
    grid-template-columns: 1fr;
  }
}

.mam-sidebar-header {
  padding: 24px 20px;
  border-bottom: 1px solid rgba(191, 168, 107, 0.15);
  background: rgba(0, 0, 0, 0.2);
}

.mam-sidebar-user {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.mam-sidebar-avatar {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
  border-radius: 12px !important;
  background: linear-gradient(
    135deg,
    var(--mam-primary) 0%,
    var(--mam-primary-light) 100%
  ) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #fffaec !important;
  overflow: hidden !important;
  position: relative !important;
  border: 2px solid var(--mam-accent) !important;
}

.mam-sidebar-avatar img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.mam-sidebar-verified {
  position: absolute;
  bottom: -2px;
  right: -2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--mam-success);
  color: #fffaec;
  font-size: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0a3023;
}

.mam-sidebar-user-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
  overflow: hidden;
}

.mam-sidebar-username {
  font-size: 15px;
  font-weight: 600;
  color: #fffaec;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mam-sidebar-member-id {
  font-size: 12px;
  color: rgba(255, 250, 236, 0.5);
}

/* Sidebar Navigation - Modern Design */
.mam-sidebar-nav {
  flex: 1 !important;
  padding: 20px 14px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  overflow-y: auto !important;
}

.mam-sidebar-item {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 14px 20px;
  border-radius: 12px;
  color: rgba(255, 250, 236, 0.8);
  text-decoration: none;
  font-size: 15px;
  font-weight: 500;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  border: 1px solid transparent;
  letter-spacing: 0.2px;
}

.mam-sidebar-item i {
  width: 24px;
  text-align: center;
  font-size: 18px;
  transition: all 0.25s ease;
}

.mam-sidebar-item:hover {
  background: rgba(191, 168, 107, 0.08);
  color: #fffaec;
  border-color: rgba(191, 168, 107, 0.15);
  transform: translateX(4px);
}

.mam-sidebar-item:hover i {
  color: #bfa86b;
}

.mam-sidebar-item.active {
  background: linear-gradient(
    135deg,
    rgba(191, 168, 107, 0.2) 0%,
    rgba(191, 168, 107, 0.08) 100%
  );
  color: #bfa86b;
  border-color: rgba(191, 168, 107, 0.3);
  box-shadow: 0 4px 12px rgba(191, 168, 107, 0.15);
}

.mam-sidebar-item.active i {
  color: #bfa86b;
}

.mam-sidebar-badge {
  margin-left: auto;
  background: var(--mam-accent);
  color: #1a0f08;
  font-size: 10px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 10px;
  min-width: 20px;
  text-align: center;
}

.mam-sidebar-divider {
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(191, 168, 107, 0.2) 50%,
    transparent 100%
  );
  margin: 12px 16px;
}

.mam-sidebar-footer {
  padding: 14px;
  border-top: 1px solid rgba(191, 168, 107, 0.1);
  background: rgba(0, 0, 0, 0.15);
}

.mam-sidebar-logout {
  color: rgba(255, 250, 236, 0.5);
}

.mam-sidebar-logout:hover {
  background: rgba(220, 53, 69, 0.15);
  color: #ff6b6b;
  border-color: rgba(220, 53, 69, 0.2);
}

/* Sidebar Overlay - Click to close */
.mam-sidebar-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 998;
  opacity: 0;
  transition: opacity 0.3s ease;
  cursor: pointer;
}

.mam-sidebar-overlay.is-active {
  display: block;
  opacity: 1;
}

/* Main Content */
.mam-dashboard-sidebar-layout .mam-main-content {
  flex: 1 !important;
  padding: 32px !important;
  overflow-y: auto !important;
  background: #094239 !important;
  box-sizing: border-box !important;
  min-width: 0 !important;
}

/* Hide desktop header on mobile, show on desktop */
.mam-dashboard-sidebar-layout .mam-dash-header {
  display: flex;
}

/* Mobile Responsive */
@media (max-width: 1024px) {
  .mam-sidebar {
    width: 280px;
    min-width: 280px;
  }
}

@media (max-width: 768px) {
  .mam-dashboard-sidebar-layout {
    flex-direction: column;
    border-radius: 0;
  }

  .mam-mobile-header {
    display: flex;
  }

  .mam-sidebar {
    position: fixed;
    top: 0;
    left: -300px;
    bottom: 0;
    width: 280px;
    min-width: 280px;
    z-index: 999;
    transition: left 0.3s ease;
    border-radius: 0;
    padding-top: 0;
    background: linear-gradient(
      180deg,
      #051a1a 0%,
      #0a3023 50%,
      #062e27 100%
    ) !important;
  }

  .mam-sidebar.is-open {
    left: 0;
    box-shadow: 10px 0 40px rgba(0, 0, 0, 0.6);
  }

  /* Close button hidden - user closes by clicking overlay */

  .mam-dashboard-sidebar-layout .mam-main-content {
    padding: 60px 16px 24px;
    border-radius: 0;
    min-height: calc(100vh - 56px);
  }

  /* Hide desktop header on mobile */
  .mam-dashboard-sidebar-layout .mam-dash-header {
    display: none;
  }

  /* Adjust stats grid for mobile */
  .mam-dashboard-sidebar-layout .mam-dash-stats {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  /* Adjust cards grid for mobile */
  .mam-dashboard-sidebar-layout .mam-dash-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  /* Sidebar overlay */
  .mam-sidebar-overlay.is-active {
    display: block;
  }

  /* Unverified banner mobile */
  .mam-dashboard-sidebar-layout .mam-unverified-banner {
    flex-direction: column;
    text-align: center;
    gap: 12px;
    padding: 16px;
  }

  .mam-dashboard-sidebar-layout .mam-unverified-banner-content {
    text-align: center;
  }
}

@media (max-width: 480px) {
  .mam-dashboard-sidebar-layout .mam-main-content {
    padding: 58px 12px 20px;
  }

  .mam-dashboard-sidebar-layout .mam-dash-card {
    padding: 16px;
  }

  .mam-sidebar-header {
    padding: 20px 16px;
  }

  .mam-sidebar-nav {
    padding: 16px 12px;
  }

  .mam-sidebar-item {
    padding: 12px 14px;
    font-size: 14px;
  }

  .mam-sidebar-item i {
    font-size: 16px;
  }
}

/* Header */
.mam-dash-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 32px;
}

.mam-dash-welcome {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.mam-dash-greeting {
  font-size: 14px;
  color: var(--mam-accent);
  font-weight: 500;
  letter-spacing: 0.5px;
}

.mam-dash-welcome h1 {
  font-family: "Cinzel", serif;
  font-size: clamp(28px, 5vw, 36px);
  margin: 0;
  color: #fffaec;
  font-weight: 400;
}

.mam-dash-subtitle {
  margin: 0;
  font-size: 14px;
  color: rgba(255, 250, 236, 0.6);
}

.mam-dash-header-actions {
  display: flex;
  gap: 12px;
}

.mam-dash-icon-btn {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: #094239;
  border: 1px solid rgba(255, 250, 236, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 250, 236, 0.7);
  text-decoration: none;
  transition: all 0.2s ease;
  font-size: 18px;
}

.mam-dash-icon-btn i,
.mam-dash-icon-btn .fas,
.mam-dash-icon-btn .far,
.mam-dash-icon-btn .fa {
  font-size: 18px !important;
  line-height: 1;
}

.mam-dash-icon-btn:hover {
  background: rgba(255, 250, 236, 0.15);
  color: #fffaec;
  transform: translateY(-2px);
}

.mam-dash-logout:hover {
  background: rgba(220, 53, 69, 0.2);
  border-color: rgba(220, 53, 69, 0.3);
  color: #ff6b6b;
}

/* Notification Button with Badge */
.mam-dash-notif-btn {
  position: relative;
  background: rgba(191, 168, 107, 0.15) !important;
  border-color: rgba(191, 168, 107, 0.3) !important;
  width: 44px !important;
  height: 44px !important;
}

.mam-dash-notif-btn:hover {
  background: rgba(191, 168, 107, 0.25) !important;
  border-color: rgba(191, 168, 107, 0.5) !important;
}

.mam-dash-notif-btn i.fa-bell,
.mam-dash-notif-btn .fa-bell,
button.mam-dash-notif-btn i {
  color: #bfa86b !important;
  font-size: 24px !important;
  transform-origin: top center;
}

.mam-dash-notif-btn:hover i.fa-bell,
.mam-dash-notif-btn:hover .fa-bell,
button.mam-dash-notif-btn:hover i {
  color: #d4b56d !important;
}

/* Bell vibrate animation when notifications exist */
@keyframes mam-bell-vibrate {
  0% { transform: rotate(0deg); }
  10% { transform: rotate(14deg); }
  20% { transform: rotate(-12deg); }
  30% { transform: rotate(10deg); }
  40% { transform: rotate(-8deg); }
  50% { transform: rotate(6deg); }
  60% { transform: rotate(-4deg); }
  70% { transform: rotate(2deg); }
  80% { transform: rotate(0deg); }
  100% { transform: rotate(0deg); }
}

.mam-dash-notif-btn:has(.mam-notif-badge) i.fa-bell,
.mam-mobile-icon-btn.mam-notif-toggle:has(.mam-notif-badge) i.fa-bell {
  animation: mam-bell-vibrate 0.8s ease-in-out infinite;
  animation-delay: 0.2s;
}

/* Mobile bell - bigger icon + vibrate support */
.mam-mobile-icon-btn.mam-notif-toggle i.fa-bell {
  font-size: 22px !important;
  transform-origin: top center;
}

.mam-notif-badge,
span.mam-notif-badge,
.mam-dash-notif-btn .mam-notif-badge {
  position: absolute;
  top: -4px;
  right: -4px;
  background: linear-gradient(
    90deg,
    #927431,
    #bfa86b,
    #eee1b0,
    #f5ecca,
    #fffece,
    #fefefa,
    #f5ecca,
    #eee1b0,
    #bfa86b,
    #927431
  ) !important;
  color: #1a0f08 !important;
  font-size: 10px;
  font-weight: 700;
  min-width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  border-radius: 10px;
  padding: 0 4px;
  box-shadow: 0 2px 6px rgba(191, 168, 107, 0.5);
  animation: mam-badge-pulse 2s infinite;
}

@keyframes mam-badge-pulse {
  0%,
  100% {
    box-shadow: 0 2px 6px rgba(191, 168, 107, 0.5);
  }
  50% {
    box-shadow: 0 2px 12px rgba(191, 168, 107, 0.8);
  }
}

/* Notification Dropdown */
.mam-notif-dropdown-wrapper {
  position: relative;
}

.mam-notif-toggle {
  background: transparent;
  border: none;
  cursor: pointer;
}

.mam-notif-dropdown {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  width: 360px;
  max-height: 480px;
  background: linear-gradient(135deg, #1a2a3a 0%, #142330 100%);
  border: 1px solid rgba(191, 168, 107, 0.3);
  border-radius: 16px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4);
  z-index: 9999;
  overflow: hidden;
  animation: mam-dropdown-slide 0.2s ease;
}

@keyframes mam-dropdown-slide {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.mam-notif-dropdown-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  border-bottom: 1px solid rgba(255, 250, 236, 0.1);
  background: rgba(0, 0, 0, 0.2);
}

.mam-notif-dropdown-header h4 {
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  color: #bfa86b;
  display: flex;
  align-items: center;
  gap: 8px;
}

.mam-notif-dropdown-header h4 i {
  font-size: 14px;
}

.mam-notif-mark-all {
  background: transparent;
  border: 1px solid rgba(191, 168, 107, 0.3);
  color: #bfa86b;
  cursor: pointer;
  padding: 6px 10px;
  border-radius: 6px;
  transition: all 0.2s ease;
  font-size: 14px;
}

.mam-notif-mark-all:hover {
  background: rgba(191, 168, 107, 0.15);
  border-color: rgba(191, 168, 107, 0.5);
  color: #d4b56d;
}

.mam-notif-dropdown-body {
  max-height: 340px;
  overflow-y: auto;
}

.mam-notif-dropdown-body::-webkit-scrollbar {
  width: 6px;
}

.mam-notif-dropdown-body::-webkit-scrollbar-track {
  background: rgba(255, 250, 236, 0.05);
}

.mam-notif-dropdown-body::-webkit-scrollbar-thumb {
  background: rgba(191, 168, 107, 0.3);
  border-radius: 3px;
}

.mam-notif-loading {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px;
  color: rgba(255, 250, 236, 0.5);
}

.mam-notif-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px 20px;
  text-align: center;
}

.mam-notif-empty i {
  font-size: 36px;
  color: rgba(255, 250, 236, 0.15);
  margin-bottom: 12px;
}

.mam-notif-empty p {
  color: rgba(255, 250, 236, 0.4);
  font-size: 14px;
  margin: 0;
}

.mam-notif-item {
  display: flex;
  gap: 14px;
  padding: 14px 20px;
  border-bottom: 1px solid rgba(255, 250, 236, 0.05);
  cursor: pointer;
  transition: all 0.2s ease;
  text-decoration: none;
}

.mam-notif-item:hover {
  background: rgba(191, 168, 107, 0.08);
}

.mam-notif-item.is-unread {
  background: rgba(191, 168, 107, 0.05);
  border-left: 3px solid #bfa86b;
}

.mam-notif-item.is-unread:hover {
  background: rgba(191, 168, 107, 0.12);
}

.mam-notif-icon {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 16px;
}

.mam-notif-icon.type-interest {
  background: linear-gradient(
    135deg,
    rgba(231, 76, 60, 0.2),
    rgba(231, 76, 60, 0.1)
  );
  color: #e74c3c;
}

.mam-notif-icon.type-match {
  background: linear-gradient(
    135deg,
    rgba(46, 204, 113, 0.2),
    rgba(46, 204, 113, 0.1)
  );
  color: #2ecc71;
}

.mam-notif-icon.type-message {
  background: linear-gradient(
    135deg,
    rgba(52, 152, 219, 0.2),
    rgba(52, 152, 219, 0.1)
  );
  color: #3498db;
}

.mam-notif-icon.type-meeting {
  background: linear-gradient(
    135deg,
    rgba(155, 89, 182, 0.2),
    rgba(155, 89, 182, 0.1)
  );
  color: #9b59b6;
}

.mam-notif-icon.type-default {
  background: linear-gradient(
    135deg,
    rgba(191, 168, 107, 0.2),
    rgba(191, 168, 107, 0.1)
  );
  color: #bfa86b;
}

.mam-notif-content {
  flex: 1;
  min-width: 0;
}

.mam-notif-title {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #fffaec;
  margin-bottom: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mam-notif-message {
  display: block;
  font-size: 13px;
  color: rgba(255, 250, 236, 0.6);
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.mam-notif-time {
  display: block;
  font-size: 11px;
  color: rgba(255, 250, 236, 0.4);
  margin-top: 6px;
}

.mam-notif-dropdown-footer {
  padding: 12px 20px;
  border-top: 1px solid rgba(255, 250, 236, 0.1);
  background: rgba(0, 0, 0, 0.2);
  text-align: center;
}

.mam-notif-dropdown-footer a {
  color: #bfa86b;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: all 0.2s ease;
}

.mam-notif-dropdown-footer a:hover {
  color: #bfa86b;
}

.mam-notif-dropdown-footer a i {
  font-size: 11px;
  transition: transform 0.2s ease;
}

.mam-notif-dropdown-footer a:hover i {
  transform: translateX(3px);
}

/* Mobile responsive */
@media (max-width: 480px) {
  .mam-notif-dropdown {
    position: fixed;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-height: 70vh;
    border-radius: 20px 20px 0 0;
  }
}

/* Stats Row */
.mam-dash-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin-bottom: 32px;
}

.mam-dash-stat {
  background: rgba(255, 250, 236, 0.05);
  border: 1px solid rgba(255, 250, 236, 0.08);
  border-radius: 16px;
  padding: 20px;
  display: flex;
  align-items: center;
  gap: 16px;
  transition: all 0.3s ease;
}

.mam-dash-stat:hover {
  background: #094239;
  transform: translateY(-2px);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
}

.mam-dash-stat-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: linear-gradient(
    135deg,
    rgba(191, 168, 107, 0.2) 0%,
    rgba(191, 168, 107, 0.1) 100%
  );
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--mam-accent);
  font-size: 20px;
  flex-shrink: 0;
}

.mam-dash-stat-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.mam-dash-stat-value {
  font-size: 18px;
  font-weight: 600;
  color: #fffaec;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mam-dash-stat-label {
  font-size: 12px;
  color: rgba(255, 250, 236, 0.6);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.mam-dash-stat-status.status-active .mam-dash-stat-icon {
  background: linear-gradient(
    135deg,
    rgba(40, 167, 69, 0.2) 0%,
    rgba(40, 167, 69, 0.1) 100%
  );
  color: #4ade80;
}

/* Profile Completion Stat */
.mam-dash-stat-completion {
  position: relative;
  flex-direction: column;
  padding-bottom: 10px !important;
}

.mam-dash-stat-completion .mam-dash-stat-icon {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 32px;
  height: 32px;
  font-size: 14px;
}

.mam-dash-stat-completion .mam-dash-stat-info {
  flex: none;
  width: 100%;
}

.mam-completion-bar {
  width: 100%;
  height: 6px;
  background: rgba(255, 250, 236, 0.1);
  border-radius: 3px;
  margin-top: 8px;
  overflow: hidden;
}

.mam-completion-fill {
  height: 100%;
  border-radius: 3px;
  transition: width 0.5s ease;
}

.mam-dash-stat-completion.completion-high .mam-completion-fill {
  background: linear-gradient(90deg, #22c55e, #4ade80);
}

.mam-dash-stat-completion.completion-high .mam-dash-stat-icon {
  background: linear-gradient(
    135deg,
    rgba(34, 197, 94, 0.2),
    rgba(34, 197, 94, 0.1)
  );
  color: #4ade80;
}

.mam-dash-stat-completion.completion-medium .mam-completion-fill {
  background: linear-gradient(90deg, #f59e0b, #fbbf24);
}

.mam-dash-stat-completion.completion-medium .mam-dash-stat-icon {
  background: linear-gradient(
    135deg,
    rgba(245, 158, 11, 0.2),
    rgba(245, 158, 11, 0.1)
  );
  color: #fbbf24;
}

.mam-dash-stat-completion.completion-low .mam-completion-fill {
  background: linear-gradient(90deg, #ef4444, #f87171);
}

.mam-dash-stat-completion.completion-low .mam-dash-stat-icon {
  background: linear-gradient(
    135deg,
    rgba(239, 68, 68, 0.2),
    rgba(239, 68, 68, 0.1)
  );
  color: #f87171;
}

/* Main Grid */
.mam-dash-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px;
  margin-top: 24px;
}

/* Add spacing between dashboard sections */
.mam-dash-stats {
  margin-bottom: 8px;
}

.mam-unverified-banner {
  margin-bottom: 24px;
}

.mam-dash-section + .mam-dash-section {
  margin-top: 32px;
}

/* Cards */
.mam-dash-card {
  background: rgba(255, 250, 236, 0.03);
  border: 1px solid rgba(255, 250, 236, 0.08);
  border-radius: 20px;
  overflow: hidden;
}

.mam-dash-card-header {
  padding: 20px 24px;
  border-bottom: 1px solid rgba(255, 250, 236, 0.06);
}

.mam-dash-card-header h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: #fffaec;
  display: flex;
  align-items: center;
  gap: 10px;
}

.mam-dash-card-header h3 i {
  color: var(--mam-accent);
  font-size: 14px;
}

.mam-dash-card-body {
  padding: 16px;
}

/* Action Buttons */
.mam-dash-action-btn {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px;
  background: rgba(255, 250, 236, 0.03);
  border: 1px solid rgba(255, 250, 236, 0.06);
  border-radius: 14px;
  text-decoration: none;
  color: #fffaec;
  transition: all 0.2s ease;
  margin-bottom: 12px;
}

.mam-dash-action-btn:last-child {
  margin-bottom: 0;
}

.mam-dash-action-btn:hover {
  background: #094239;
  border-color: rgba(255, 250, 236, 0.12);
  transform: translateX(4px);
  color: #fffaec;
}

.mam-dash-action-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: linear-gradient(
    135deg,
    rgba(191, 168, 107, 0.15) 0%,
    rgba(191, 168, 107, 0.05) 100%
  );
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--mam-accent);
  font-size: 18px;
  flex-shrink: 0;
}

.mam-dash-action-text {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.mam-dash-action-text strong {
  font-size: 15px;
  font-weight: 600;
}

.mam-dash-action-text span {
  font-size: 13px;
  color: rgba(255, 250, 236, 0.5);
}

.mam-dash-action-btn > i {
  color: rgba(255, 250, 236, 0.3);
  font-size: 12px;
}

.mam-dash-action-premium {
  background: linear-gradient(
    135deg,
    rgba(191, 168, 107, 0.15) 0%,
    rgba(191, 168, 107, 0.05) 100%
  );
  border-color: rgba(191, 168, 107, 0.2);
}

.mam-dash-action-premium .mam-dash-action-icon {
  background: linear-gradient(135deg, var(--mam-accent) 0%, #bfa86b 100%);
  color: #1a0f08;
}

/* Activity Items */
.mam-dash-activity-item {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px;
  background: rgba(255, 250, 236, 0.03);
  border-radius: 12px;
}

.mam-dash-activity-icon {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: linear-gradient(
    135deg,
    rgba(239, 68, 68, 0.2) 0%,
    rgba(239, 68, 68, 0.1) 100%
  );
  display: flex;
  align-items: center;
  justify-content: center;
  color: #f87171;
  font-size: 16px;
}

.mam-dash-activity-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.mam-dash-activity-text strong {
  font-size: 14px;
  color: #fffaec;
}

.mam-dash-activity-text span {
  font-size: 12px;
  color: rgba(255, 250, 236, 0.5);
}

/* Empty State */
.mam-dash-empty {
  text-align: center;
  padding: 40px 20px;
  color: rgba(255, 250, 236, 0.4);
}

.mam-dash-empty i {
  font-size: 36px;
  margin-bottom: 12px;
  display: block;
}

.mam-dash-empty p {
  margin: 0;
  font-size: 14px;
}

/* Responsive */
@media (max-width: 1024px) {
  .mam-dash-stats {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .mam-dashboard-modern {
    padding: 20px;
    border-radius: 16px;
  }

  .mam-dash-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }

  .mam-dash-stats {
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }

  .mam-dash-stat {
    padding: 16px;
  }

  .mam-dash-stat-icon {
    width: 40px;
    height: 40px;
    font-size: 16px;
  }

  .mam-dash-stat-value {
    font-size: 16px;
  }

  .mam-dash-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 480px) {
  .mam-dash-stats {
    grid-template-columns: 1fr;
  }

  .mam-dash-stat {
    padding: 14px;
  }
}

/* Notifications */
.mam-notification {
  display: flex;
  gap: 12px;
  padding: 16px;
  background: var(--mam-bg);
  border-radius: var(--mam-radius-sm);
  margin-bottom: 12px;
}

/* Dashboard Actions */
.mam-dashboard-actions .mam-card-body {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.mam-action-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  border: 1px solid rgba(255, 250, 236, 0.08);
  border-radius: var(--mam-radius-sm);
  background: rgba(10, 48, 35, 0.65);
  transition: all 0.3s ease;
}

.mam-action-item:hover {
  background: rgba(10, 48, 35, 0.85);
  border-color: rgba(191, 168, 107, 0.3);
}

.mam-action-icon {
  flex-shrink: 0;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: rgba(255, 250, 236, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
}

.mam-action-icon i {
  font-size: 18px;
}

.mam-action-text {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.mam-action-text strong {
  font-weight: 600;
  color: #fffaec;
  font-size: 14px;
}

.mam-action-text span {
  font-size: 13px;
  color: rgba(255, 250, 236, 0.7);
}

/* Sent pending (waiting for response) */
.mam-sent-pending-item {
  background: rgba(233, 30, 99, 0.1);
  border-color: rgba(233, 30, 99, 0.3);
}

.mam-sent-pending-item:hover {
  background: rgba(233, 30, 99, 0.15);
}

.mam-sent-pending-item .mam-action-icon {
  background: rgba(233, 30, 99, 0.2);
}

/* Received pending (need to respond) */
.mam-received-pending-item {
  background: rgba(191, 168, 107, 0.1);
  border-color: rgba(191, 168, 107, 0.3);
}

.mam-received-pending-item:hover {
  background: rgba(191, 168, 107, 0.15);
}

.mam-received-pending-item .mam-action-icon {
  background: rgba(191, 168, 107, 0.2);
}

.mam-action-buttons {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

/* Decline/Reject buttons - Red background with white text */
.mam-decline-interest,
.mam-photo-response[data-response="decline"],
.mam-respond-meeting[data-response="reject"],
.mam-respond-interest[data-action="decline"],
.mam-action-buttons .mam-btn-outline,
.mam-action-item .mam-btn-outline {
  background: linear-gradient(135deg, #dc3545 0%, #c82333 100%) !important;
  border: none !important;
  color: #fffaec !important;
  box-shadow: 0 4px 12px rgba(220, 53, 69, 0.3);
}

.mam-decline-interest:hover,
.mam-photo-response[data-response="decline"]:hover,
.mam-respond-meeting[data-response="reject"]:hover,
.mam-respond-interest[data-action="decline"]:hover,
.mam-action-buttons .mam-btn-outline:hover,
.mam-action-item .mam-btn-outline:hover {
  background: linear-gradient(135deg, #e04555 0%, #d63344 100%) !important;
  color: #fffaec !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(220, 53, 69, 0.4);
}

.mam-decline-interest i,
.mam-photo-response[data-response="decline"] i,
.mam-respond-meeting[data-response="reject"] i,
.mam-respond-interest[data-action="decline"] i,
.mam-action-buttons .mam-btn-outline i,
.mam-action-item .mam-btn-outline i {
  color: #fffaec !important;
}

/* Match Action Item */
.mam-match-action {
  flex-direction: column;
  align-items: flex-start;
}

.mam-match-action .mam-action-buttons {
  width: 100%;
  flex-direction: column;
}

/* Waiting text in action center */
.mam-waiting-text {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  background: rgba(251, 191, 36, 0.15);
  border: 1px solid rgba(251, 191, 36, 0.3);
  border-radius: 8px;
  color: #fbbf24;
  font-size: 13px;
  font-weight: 500;
}

.mam-waiting-text i {
  color: #fbbf24;
}

/* Meeting Proposal Form */
.mam-meeting-proposal-form {
  width: 100%;
}

.mam-toggle-proposal {
  width: 100%;
  justify-content: center;
}

.mam-toggle-proposal.active {
  background: rgba(191, 168, 107, 0.2);
  border-color: var(--mam-accent);
}

.mam-proposal-inputs {
  margin-top: 12px;
  padding: 16px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: var(--mam-radius-sm);
  border: 1px solid rgba(255, 250, 236, 0.1);
}

.mam-proposal-row {
  margin-bottom: 12px;
}

.mam-proposal-row label {
  display: block;
  font-size: 13px;
  color: rgba(255, 250, 236, 0.7);
  margin-bottom: 6px;
}

.mam-proposal-row input[type="date"],
.mam-proposal-row input[type="time"] {
  width: 100%;
  padding: 10px 14px;
  background: rgba(255, 250, 236, 0.1);
  border: 1px solid rgba(255, 250, 236, 0.15);
  border-radius: var(--mam-radius-sm);
  color: #fffaec;
  font-size: 14px;
}

.mam-proposal-row input[type="date"]:focus,
.mam-proposal-row input[type="time"]:focus {
  outline: none;
  border-color: var(--mam-accent);
  background: rgba(255, 250, 236, 0.15);
}

.mam-proposal-inputs .mam-send-proposal {
  width: 100%;
  margin-top: 4px;
}

/* Meeting Proposal Received (Female View) */
.mam-meeting-proposal-received {
  width: 100%;
  padding: 16px;
  background: rgba(191, 168, 107, 0.1);
  border: 1px solid rgba(191, 168, 107, 0.3);
  border-radius: var(--mam-radius-sm);
}

.mam-proposal-message {
  color: #fffaec;
  font-size: 14px;
  margin-bottom: 12px;
}

.mam-proposal-message i {
  color: var(--mam-accent);
  margin-right: 8px;
}

.mam-proposal-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

/* Meeting Datetime Display */
.mam-meeting-datetime {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  background: rgba(191, 168, 107, 0.15);
  border: 1px solid rgba(191, 168, 107, 0.3);
  border-radius: 8px;
  color: #bfa86b !important;
  font-size: 14px;
  font-weight: 500;
  margin: 8px 0;
}

.mam-meeting-datetime i {
  color: #bfa86b;
}

.mam-meeting-proposal {
  width: 100%;
}

.mam-meeting-proposal > p {
  color: #fffaec !important;
  margin: 0 0 10px !important;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.mam-waiting-card {
  width: 100%;
}

.mam-waiting-card .mam-waiting-text {
  margin-bottom: 8px;
}

/* Meeting Confirmed */
.mam-meeting-confirmed {
  width: 100%;
}

.mam-meeting-confirmed-text {
  color: #4ade80;
  font-size: 14px;
  margin-bottom: 12px;
}

.mam-meeting-confirmed-text i {
  margin-right: 8px;
}

.mam-meeting-confirmed .mam-btn {
  margin-right: 8px;
  margin-bottom: 8px;
}

/* Meeting Confirmed Card - Join Meeting View */
.mam-meeting-confirmed-card {
  width: 100%;
  background: linear-gradient(
    135deg,
    rgba(74, 222, 128, 0.1) 0%,
    rgba(34, 197, 94, 0.05) 100%
  );
  border: 1px solid rgba(74, 222, 128, 0.3);
  border-radius: var(--mam-radius);
  padding: 16px;
  margin-top: 8px;
}

.mam-meeting-confirmed-header {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  font-weight: 600;
  color: #22c55e;
  margin-bottom: 12px;
}

.mam-meeting-confirmed-header i {
  font-size: 20px;
}

.mam-meeting-confirmed-card .mam-meeting-datetime {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #fffaec !important;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 14px;
  padding: 10px 14px;
  background: rgba(9, 66, 57, 0.85);
  border-radius: var(--mam-radius-sm);
  border: 1px solid rgba(191, 168, 107, 0.4);
}

.mam-meeting-confirmed-card .mam-meeting-datetime i {
  color: #22c55e;
  font-size: 16px;
}

.mam-meeting-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.mam-meeting-buttons .mam-btn-success {
  background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
  color: #fffaec;
  font-weight: 500;
}

.mam-meeting-buttons .mam-btn-success:hover {
  box-shadow: 0 4px 12px rgba(34, 197, 94, 0.4);
  transform: translateY(-2px);
}

.mam-meeting-buttons .mam-btn-success i {
  font-size: 14px;
}

.mam-meeting-buttons .mam-btn-primary {
  background: linear-gradient(
    135deg,
    var(--mam-primary) 0%,
    var(--mam-primary-light) 100%
  );
}

/* Waiting Badge for Proposal */
.mam-waiting-proposal {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

.mam-proposed-details {
  margin-top: 8px;
  padding: 8px 12px;
  background: rgba(191, 168, 107, 0.1);
  border-radius: var(--mam-radius-sm);
}

.mam-proposed-details small {
  color: var(--mam-accent);
  font-size: 12px;
}

.mam-proposed-details i {
  margin-right: 6px;
}

/* Photo Action Card - Modern Design */
.mam-photo-action-card {
  background: linear-gradient(
    135deg,
    rgba(10, 48, 35, 0.85) 0%,
    rgba(9, 66, 57, 0.95) 100%
  );
  border: 1px solid rgba(255, 250, 236, 0.1);
  border-radius: 16px;
  overflow: hidden;
  margin-bottom: 12px;
  display: flex;
  flex-direction: row;
  align-items: stretch;
}

.mam-photo-action-image {
  width: 140px;
  min-width: 140px;
  height: 140px;
  overflow: hidden;
  position: relative;
  background: rgba(0, 0, 0, 0.2);
  flex-shrink: 0;
}

.mam-photo-action-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  transition: transform 0.3s ease;
}

.mam-photo-action-card:hover .mam-photo-action-image img {
  transform: scale(1.02);
}

/* Photo Gallery Navigation */
.mam-photo-gallery {
  position: relative;
}

.mam-gallery-nav {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 4px;
  pointer-events: none;
  z-index: 5;
}

.mam-gallery-nav button {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.5);
  border: none;
  color: #fffaec;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: auto;
  transition: all 0.2s ease;
  font-size: 10px;
}

.mam-gallery-nav button:hover {
  background: rgba(0, 0, 0, 0.7);
  transform: scale(1.1);
}

.mam-gallery-counter {
  background: rgba(0, 0, 0, 0.6);
  color: #fffaec;
  font-size: 10px;
  padding: 2px 6px;
  border-radius: 8px;
  pointer-events: none;
}

.mam-gallery-dots {
  position: absolute;
  bottom: 6px;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  gap: 4px;
  z-index: 5;
}

.mam-gallery-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgba(255, 250, 236, 0.4);
  cursor: pointer;
  transition: all 0.2s ease;
}

.mam-gallery-dot.active {
  background: var(--mam-accent);
  transform: scale(1.2);
}

.mam-gallery-dot:hover {
  background: rgba(255, 250, 236, 0.8);
}

/* Accepted Interest Card */
.mam-accepted-card .mam-accepted-message {
  color: #4ade80;
  font-weight: 500;
}

.mam-accepted-card .mam-accepted-message i {
  margin-right: 6px;
}

/* Shared Photos Card (Female sees after sharing) */
.mam-shared-card .mam-shared-message {
  color: var(--mam-info);
  font-weight: 500;
}

.mam-shared-card .mam-shared-message i {
  margin-right: 6px;
}

.mam-photo-action-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(
    135deg,
    rgba(191, 168, 107, 0.2) 0%,
    rgba(191, 168, 107, 0.1) 100%
  );
}

.mam-photo-action-placeholder i {
  font-size: 48px;
  color: var(--mam-accent);
  opacity: 0.6;
}

.mam-photo-action-initials {
  flex-direction: column;
  gap: 8px;
}

.mam-photo-action-initials span {
  font-size: 36px;
  font-weight: 700;
  color: var(--mam-accent);
  line-height: 1;
  letter-spacing: 2px;
}

.mam-photo-action-initials small {
  font-size: 10px;
  color: rgba(255, 250, 236, 0.5);
  text-transform: uppercase;
  letter-spacing: 1px;
}

.mam-photo-action-content {
  padding: 14px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
}

.mam-photo-action-content h4 {
  margin: 0 0 6px;
  font-size: 16px;
  font-weight: 600;
  color: #fffaec;
}

.mam-photo-action-content p {
  margin: 0 0 10px;
  font-size: 13px;
  color: rgba(255, 250, 236, 0.7);
  line-height: 1.4;
}

.mam-photo-action-buttons {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.mam-photo-action-buttons .mam-btn {
  padding: 8px 14px;
  font-size: 13px;
  justify-content: center;
}

.mam-photo-action-buttons .mam-btn i {
  margin-right: 5px;
}

/* Decline button in Photo Action Cards - Make it MORE visible */
.mam-photo-action-buttons .mam-btn-outline,
.mam-photo-action-buttons .mam-photo-response[data-response="decline"] {
  background: linear-gradient(135deg, #dc3545 0%, #c82333 100%) !important;
  border: none !important;
  color: #fffaec !important;
  box-shadow: 0 4px 12px rgba(220, 53, 69, 0.35) !important;
  opacity: 1 !important;
}

.mam-photo-action-buttons .mam-btn-outline:hover,
.mam-photo-action-buttons .mam-photo-response[data-response="decline"]:hover {
  background: linear-gradient(135deg, #e04555 0%, #d63344 100%) !important;
  color: #fffaec !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(220, 53, 69, 0.5) !important;
}

.mam-photo-action-buttons .mam-btn-outline i,
.mam-photo-action-buttons .mam-photo-response[data-response="decline"] i {
  color: #fffaec !important;
}

/* Responsive for Photo Action Card */
@media (max-width: 480px) {
  .mam-photo-action-card {
    flex-direction: column;
  }

  .mam-photo-action-image {
    width: 100%;
    height: 160px;
  }

  .mam-photo-action-buttons {
    flex-direction: column;
  }

  .mam-photo-action-buttons .mam-btn {
    width: 100%;
  }

  .mam-gallery-nav button {
    width: 28px;
    height: 28px;
  }
}

.mam-notification.unread {
  background: rgba(9, 66, 57, 0.05);
  border-left: 3px solid var(--mam-primary);
}

.mam-notification-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--mam-primary);
  color: #fffaec;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.mam-notification-content {
  flex: 1;
}

.mam-notification-title {
  font-weight: 600;
  margin-bottom: 4px;
}

.mam-notification-time {
  color: var(--mam-text-muted);
  font-size: 13px;
}

/* Photo Upload */
.mam-photo-upload {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  gap: 16px;
}

.mam-photo-item {
  position: relative;
  padding-top: 100%;
  border-radius: var(--mam-radius-sm);
  overflow: hidden;
  background: var(--mam-bg);
}

.mam-photo-item img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mam-photo-item .mam-photo-actions {
  position: absolute;
  bottom: 8px;
  left: 8px;
  right: 8px;
  display: flex;
  gap: 6px;
  opacity: 0;
  transition: opacity var(--mam-transition);
}

.mam-photo-item:hover .mam-photo-actions {
  opacity: 1;
}

.mam-photo-item .mam-photo-actions button {
  width: 30px;
  height: 30px;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  transition: all 0.2s ease;
}

.mam-photo-item .mam-photo-actions .mam-photo-primary {
  background: rgba(191, 168, 107, 0.9);
  color: #1a0f08;
}

.mam-photo-item .mam-photo-actions .mam-photo-remove {
  background: rgba(239, 68, 68, 0.85);
  color: #fff;
}

.mam-photo-item .mam-photo-actions button:hover {
  transform: scale(1.15);
}

.mam-photo-item.primary {
  border: 2px solid #bfa86b;
  border-radius: var(--mam-radius-sm);
}

/* Hide replace file input (override intake form all:unset !important) */
.mam-intake-form .mam-replace-photo-input,
.mam-replace-photo-input {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  z-index: -1 !important;
}

/* Clickable photo images for replace */
.mam-photo-item > img,
.mam-my-profile-photo > img {
  cursor: pointer !important;
}

/* Style replace button in intake photo actions */
.mam-photo-item .mam-photo-actions .mam-replace-photo {
  background: rgba(255, 250, 236, 0.85);
  color: #0d2d2d;
}

.mam-photo-item .mam-photo-progress {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 3px;
  background: #bfa86b;
  transition: width 0.2s;
}

.mam-photo-item.uploading {
  opacity: 0.7;
}

.mam-photo-add {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px dashed var(--mam-border);
  border-radius: var(--mam-radius-sm);
  cursor: pointer;
  color: var(--mam-text-muted);
  transition: all var(--mam-transition);
}

.mam-photo-add:hover {
  border-color: var(--mam-primary);
  color: var(--mam-primary);
}

.mam-photo-add i {
  font-size: 24px;
  margin-bottom: 8px;
}

/* Intake Steps */
.mam-steps {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
  position: relative;
}

.mam-intake-wrap {
  background:
    radial-gradient(
      1000px 400px at 0% -10%,
      rgba(9, 66, 57, 0.08),
      transparent
    ),
    radial-gradient(
      1000px 400px at 100% -10%,
      rgba(191, 168, 107, 0.12),
      transparent
    ),
    var(--mam-bg-light);
  border-radius: 20px;
  padding: 24px;
  box-shadow: var(--mam-shadow);
}

.mam-progress-header {
  margin-bottom: 20px;
}

.mam-progress-track {
  height: 8px;
  background: var(--mam-border);
  border-radius: 999px;
  overflow: hidden;
}

.mam-progress-bar {
  height: 100%;
  background: linear-gradient(90deg, var(--mam-primary), var(--mam-accent));
  border-radius: 999px;
  transition: width var(--mam-transition);
}

.mam-progress-text {
  margin: 10px 0 0;
  font-size: 13px;
  color: var(--mam-text-muted);
}

.mam-form-step {
  display: none;
  background: rgba(255, 250, 236, 0.85);
  border: 1px solid var(--mam-border);
  border-radius: 16px;
  padding: 20px;
}

.mam-form-step.active {
  display: block;
}

.mam-photo-upload-section {
  margin-top: 16px;
}

.mam-photo-dropzone {
  position: relative;
  padding: 24px;
  border: 2px dashed var(--mam-border);
  border-radius: 14px;
  text-align: center;
  color: var(--mam-text-muted);
  background: rgba(248, 249, 250, 0.8);
  transition: all var(--mam-transition);
}

.mam-photo-dropzone.drag-over {
  border-color: var(--mam-primary);
  color: var(--mam-primary);
  background: rgba(9, 66, 57, 0.05);
}

.mam-photos-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  gap: 14px;
  margin-top: 14px;
}

.mam-steps::before {
  content: "";
  position: absolute;
  top: 20px;
  left: 10%;
  right: 10%;
  height: 2px;
  background: var(--mam-border);
  z-index: 0;
}

.mam-step {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.mam-step-number {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--mam-bg);
  border: 2px solid var(--mam-border);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  margin-bottom: 8px;
  transition: all var(--mam-transition);
}

.mam-step.active .mam-step-number {
  background: var(--mam-primary);
  border-color: var(--mam-primary);
  color: #fffaec;
}

.mam-step.completed .mam-step-number {
  background: var(--mam-success);
  border-color: var(--mam-success);
  color: #fffaec;
}

.mam-step-title {
  font-size: 13px;
  color: var(--mam-text-muted);
}

.mam-step.active .mam-step-title {
  color: var(--mam-primary);
  font-weight: 500;
}

/* Messages */
.mam-message {
  padding: 16px 20px;
  border-radius: var(--mam-radius-sm);
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 12px;
}

.mam-message-success {
  background: rgba(40, 167, 69, 0.1);
  color: var(--mam-success);
}

.mam-message-error {
  background: rgba(220, 53, 69, 0.1);
  color: var(--mam-danger);
}

.mam-message-warning {
  background: rgba(255, 193, 7, 0.1);
  color: #856404;
}

.mam-message-info {
  background: rgba(23, 162, 184, 0.1);
  color: var(--mam-info);
}

/* Toast Messages */
.mam-toast-container {
  position: fixed;
  left: 50%;
  bottom: 24px;
  transform: translateX(-50%);
  z-index: 99999;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 0 16px;
  pointer-events: none;
  max-width: 480px;
  width: calc(100vw - 32px);
}

.mam-toast {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 13px 16px;
  border-radius: 12px;
  border: 1px solid rgba(255, 250, 236, 0.2);
  background: rgba(9, 66, 57, 0.97);
  color: #fffaec;
  font-size: 14px;
  line-height: 1.4;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.32);
  opacity: 0;
  transform: translateY(8px);
  transition: opacity 0.25s ease, transform 0.25s ease;
  pointer-events: auto;
  width: 100%;
  box-sizing: border-box;
  /* override any position:fixed from other CSS blocks */
  position: relative !important;
  bottom: auto !important;
  left: auto !important;
}

.mam-toast.show {
  opacity: 1;
  transform: translateY(0);
}

.mam-toast i {
  font-size: 16px;
  flex-shrink: 0;
}

.mam-toast-msg {
  flex: 1;
  word-break: break-word;
}

/* Close button — override Hello Elementor theme button styles */
.mam-toast-close,
button.mam-toast-close,
.mam-toast .mam-toast-close {
  all: unset !important;
  background: rgba(255, 255, 255, 0.15) !important;
  border: none !important;
  color: #fffaec !important;
  opacity: 0.8 !important;
  font-size: 16px !important;
  line-height: 1 !important;
  cursor: pointer !important;
  padding: 4px 8px !important;
  margin-left: 8px !important;
  flex-shrink: 0 !important;
  transition: opacity 0.15s !important;
  border-radius: 4px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.mam-toast-close:hover,
button.mam-toast-close:hover {
  opacity: 1 !important;
  background: rgba(255, 255, 255, 0.25) !important;
}

.mam-toast-error {
  border-color: rgba(220, 53, 69, 0.6);
  background: rgba(70, 15, 15, 0.97);
}

.mam-toast-error i {
  color: #ff8b8b;
}

.mam-toast-success {
  border-color: rgba(40, 167, 69, 0.45);
  background: rgba(18, 64, 36, 0.97);
}

.mam-toast-success i {
  color: #82e0a6;
}

.mam-toast-info {
  border-color: rgba(191, 168, 107, 0.5);
  background: rgba(21, 60, 60, 0.97);
}

.mam-toast-info i {
  color: var(--mam-accent);
}

/* Intake Theme */
.mam-intake-wrap {
  background: #094239;
  border: 1px solid rgba(255, 250, 236, 0.08);
  border-radius: 20px;
  padding: 26px;
  box-shadow: 0 22px 40px rgba(10, 32, 32, 0.25);
  color: #fffaec;
}

.mam-intake-header {
  margin-bottom: 18px;
}

.mam-intake-title {
  margin: 0 0 6px;
  font-size: 28px;
  color: #fffaec;
}

.mam-intake-subtitle {
  margin: 0;
  color: rgba(255, 250, 236, 0.7);
  font-size: 14px;
}

.mam-intake-wrap .mam-progress-track {
  background: rgba(255, 250, 236, 0.18);
}

.mam-intake-wrap .mam-progress-bar {
  background: linear-gradient(90deg, #bfa86b 0%, #e6d996 100%);
}

.mam-intake-wrap .mam-progress-text {
  color: rgba(255, 250, 236, 0.75);
}

.mam-intake-wrap .mam-progress-text strong,
.mam-intake-wrap .mam-progress-text span {
  color: #bfa86b;
}

.mam-intake-wrap .mam-form-step {
  background: #094239;
  border: 1px solid rgba(191, 168, 107, 0.2);
  border-radius: 18px;
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.15);
  padding: 30px;
}

.mam-intake-wrap .mam-form-step h2 {
  color: #fffaec;
  font-size: 22px;
  margin-bottom: 25px;
}

.mam-intake-wrap .mam-form-step h2 i {
  color: #bfa86b;
  margin-right: 10px;
}

.mam-intake-wrap .mam-form-group {
  margin-bottom: 20px;
}

.mam-intake-wrap .mam-form-group label {
  color: #fffaec;
  font-weight: 500;
  margin-bottom: 8px;
  display: block;
}

.mam-intake-wrap .mam-form-group input,
.mam-intake-wrap .mam-form-group select,
.mam-intake-wrap .mam-form-group textarea {
  background: #094239;
  border: 1px solid rgba(191, 168, 107, 0.3);
  color: #fffaec;
  padding: 12px 15px;
  border-radius: 10px;
  width: 100%;
  font-size: 15px;
}

.mam-intake-wrap .mam-form-group input::placeholder,
.mam-intake-wrap .mam-form-group textarea::placeholder {
  color: rgba(255, 250, 236, 0.5);
}

.mam-intake-wrap .mam-form-group input:focus,
.mam-intake-wrap .mam-form-group select:focus,
.mam-intake-wrap .mam-form-group textarea:focus {
  border-color: #bfa86b;
  box-shadow: 0 0 0 3px rgba(191, 168, 107, 0.2);
  background: rgba(255, 250, 236, 0.12);
  outline: none;
}

.mam-intake-wrap .mam-form-group select option {
  background: #094239;
  color: #fffaec;
}

.mam-intake-wrap .mam-btn {
  border-radius: 12px;
  padding: 12px 24px;
  font-weight: 600;
}

.mam-intake-wrap .mam-btn-primary {
  background: linear-gradient(
    90deg,
    #927431,
    #bfa86b,
    #eee1b0,
    #f5ecca,
    #fffece,
    #fefefa,
    #f5ecca,
    #eee1b0,
    #bfa86b,
    #927431
  );
  color: #1a0f08;
  border: none;
  font-weight: 700;
}

.mam-intake-wrap .mam-btn-primary:hover {
  background: linear-gradient(
    90deg,
    #927431,
    #bfa86b,
    #eee1b0,
    #f5ecca,
    #fffece,
    #fefefa,
    #f5ecca,
    #eee1b0,
    #bfa86b,
    #927431
  );
  filter: brightness(1.05);
}

.mam-intake-wrap .mam-btn-outline,
.mam-form-step .mam-btn-outline {
  border: 2px solid #bfa86b !important;
  color: #bfa86b !important;
  background: rgba(191, 168, 107, 0.1) !important;
  font-weight: 600 !important;
}

.mam-intake-wrap .mam-btn-outline:hover,
.mam-form-step .mam-btn-outline:hover {
  background: rgba(191, 168, 107, 0.25) !important;
  border-color: #bfa86b !important;
}

.mam-intake-wrap .mam-btn-outline i,
.mam-form-step .mam-btn-outline i {
  color: #bfa86b !important;
}

.mam-intake-wrap .mam-photo-dropzone {
  background: rgba(255, 250, 236, 0.05);
  border: 2px dashed rgba(191, 168, 107, 0.4);
  border-radius: 12px;
  color: rgba(255, 250, 236, 0.7);
}

.mam-intake-wrap .mam-photo-dropzone:hover {
  border-color: #bfa86b;
  background: rgba(191, 168, 107, 0.1);
}

/* Tom Select / Multi-select dark theme for intake - GLOBAL STYLES */
/* These must be global because Tom Select renders dropdowns at body level */
body:has(.mam-intake-wrap) .ts-wrapper .ts-control,
body:has(.mam-intake-form) .ts-wrapper .ts-control,
.mam-intake-wrap .ts-wrapper .ts-control,
.mam-intake-wrap .ts-control,
.mam-form-step .ts-wrapper .ts-control {
  background: #094239 !important;
  border: 1px solid rgba(191, 168, 107, 0.3) !important;
  color: #fffaec !important;
  border-radius: 10px !important;
  padding: 8px 12px !important;
  min-height: 46px !important;
}

body:has(.mam-intake-wrap) .ts-wrapper .ts-control input,
body:has(.mam-intake-form) .ts-wrapper .ts-control input,
.mam-intake-wrap .ts-wrapper .ts-control input,
.mam-intake-wrap .ts-control input,
.mam-form-step .ts-control input {
  color: #fffaec !important;
  background: transparent !important;
}

body:has(.mam-intake-wrap) .ts-wrapper .ts-control input::placeholder,
body:has(.mam-intake-form) .ts-wrapper .ts-control input::placeholder,
.mam-intake-wrap .ts-wrapper .ts-control input::placeholder,
.mam-intake-wrap .ts-control input::placeholder,
.mam-form-step .ts-control input::placeholder {
  color: rgba(255, 250, 236, 0.5) !important;
}

body:has(.mam-intake-wrap) .ts-wrapper.focus .ts-control,
body:has(.mam-intake-form) .ts-wrapper.focus .ts-control,
.mam-intake-wrap .ts-wrapper.focus .ts-control,
.mam-form-step .ts-wrapper.focus .ts-control {
  border-color: #bfa86b !important;
  box-shadow: 0 0 0 3px rgba(191, 168, 107, 0.2) !important;
}

/* Hide notification banners on intake and payment pages */
body:has(.mam-intake-wrap) .mam-global-notification-banner,
body:has(.mam-payment-page) .mam-global-notification-banner {
  display: none !important;
}

/* GLOBAL dropdown styles - Tom Select renders these at body level */
body:has(.mam-intake-wrap) .ts-dropdown,
body:has(.mam-intake-form) .ts-dropdown,
.mam-intake-wrap .ts-dropdown,
.mam-form-step .ts-dropdown,
.ts-dropdown[data-selectable] {
  background: #094239 !important;
  border: 1px solid rgba(191, 168, 107, 0.3) !important;
  border-radius: 10px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3) !important;
  z-index: 10000 !important;
}

body:has(.mam-intake-wrap) .ts-dropdown .ts-dropdown-content,
body:has(.mam-intake-form) .ts-dropdown .ts-dropdown-content,
.mam-intake-wrap .ts-dropdown .ts-dropdown-content,
.mam-form-step .ts-dropdown .ts-dropdown-content {
  background: #094239 !important;
}

/* Search/filter input inside dropdown */
body:has(.mam-intake-wrap) .ts-dropdown .ts-wrapper-input,
body:has(.mam-intake-form) .ts-dropdown .ts-wrapper-input,
body:has(.mam-intake-wrap) .ts-dropdown input,
body:has(.mam-intake-form) .ts-dropdown input {
  background: rgba(255, 250, 236, 0.1) !important;
  border: 1px solid rgba(191, 168, 107, 0.3) !important;
  color: #fffaec !important;
}

body:has(.mam-intake-wrap) .ts-dropdown .option,
body:has(.mam-intake-form) .ts-dropdown .option,
.mam-intake-wrap .ts-dropdown .option,
.mam-form-step .ts-dropdown .option,
.ts-dropdown .option {
  color: #fffaec !important;
  padding: 12px 15px !important;
  background: transparent !important;
}

body:has(.mam-intake-wrap) .ts-dropdown .option:hover,
body:has(.mam-intake-wrap) .ts-dropdown .option.active,
body:has(.mam-intake-wrap) .ts-dropdown .option.selected,
body:has(.mam-intake-form) .ts-dropdown .option:hover,
body:has(.mam-intake-form) .ts-dropdown .option.active,
body:has(.mam-intake-form) .ts-dropdown .option.selected,
.mam-intake-wrap .ts-dropdown .option:hover,
.mam-intake-wrap .ts-dropdown .option.active,
.mam-intake-wrap .ts-dropdown .option.selected,
.mam-form-step .ts-dropdown .option:hover,
.mam-form-step .ts-dropdown .option.active {
  background: rgba(191, 168, 107, 0.2) !important;
  color: #bfa86b !important;
}

body:has(.mam-intake-wrap) .ts-wrapper .item,
body:has(.mam-intake-form) .ts-wrapper .item,
.mam-intake-wrap .ts-wrapper .item,
.mam-form-step .ts-wrapper .item {
  background: rgba(191, 168, 107, 0.25) !important;
  color: #bfa86b !important;
  border: 1px solid rgba(191, 168, 107, 0.4) !important;
  border-radius: 6px !important;
  padding: 4px 10px !important;
}

body:has(.mam-intake-wrap) .ts-wrapper .item .remove,
body:has(.mam-intake-form) .ts-wrapper .item .remove,
.mam-intake-wrap .ts-wrapper .item .remove,
.mam-form-step .ts-wrapper .item .remove {
  color: #bfa86b !important;
}

/* Tom Select search input in dropdown */
body:has(.mam-intake-wrap)
  .ts-dropdown
  .ts-dropdown-content
  .option
  input[type="checkbox"],
body:has(.mam-intake-form)
  .ts-dropdown
  .ts-dropdown-content
  .option
  input[type="checkbox"],
body:has(.mam-intake-wrap) .ts-dropdown input[type="checkbox"],
body:has(.mam-intake-form) .ts-dropdown input[type="checkbox"],
.mam-intake-wrap
  .ts-dropdown
  .ts-dropdown-content
  .option
  input[type="checkbox"],
.mam-form-step .ts-dropdown input[type="checkbox"] {
  accent-color: #bfa86b !important;
}

/* Tom Select checkbox styling */
body:has(.mam-intake-wrap) .ts-dropdown .option .checkbox,
body:has(.mam-intake-form) .ts-dropdown .option .checkbox,
body:has(.mam-intake-wrap) .ts-dropdown .option input[type="checkbox"],
body:has(.mam-intake-form) .ts-dropdown .option input[type="checkbox"],
.mam-intake-wrap .ts-dropdown .option .checkbox,
.mam-form-step .ts-dropdown .option .checkbox,
.ts-dropdown .option input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;
  accent-color: #bfa86b !important;
  border: 2px solid rgba(191, 168, 107, 0.5) !important;
  border-radius: 4px !important;
  margin-right: 10px !important;
}

/* Tom Select header/footer */
body:has(.mam-intake-wrap) .ts-dropdown .dropdown-header,
body:has(.mam-intake-wrap) .ts-dropdown .dropdown-footer,
body:has(.mam-intake-form) .ts-dropdown .dropdown-header,
body:has(.mam-intake-form) .ts-dropdown .dropdown-footer,
.mam-intake-wrap .ts-dropdown .dropdown-header,
.mam-intake-wrap .ts-dropdown .dropdown-footer,
.mam-form-step .ts-dropdown .dropdown-header,
.mam-form-step .ts-dropdown .dropdown-footer {
  background: #094239 !important;
  border-color: rgba(191, 168, 107, 0.2) !important;
  color: rgba(255, 250, 236, 0.7) !important;
}

/* Tom Select clear button styling */
body:has(.mam-intake-wrap) .ts-dropdown .clear-button,
body:has(.mam-intake-form) .ts-dropdown .clear-button,
.mam-intake-wrap .ts-dropdown .clear-button,
.mam-form-step .ts-dropdown .clear-button {
  color: #bfa86b !important;
}

/* Tom Select no results */
body:has(.mam-intake-wrap) .ts-dropdown .no-results,
body:has(.mam-intake-form) .ts-dropdown .no-results,
/* Tom Select optgroup */
body:has(.mam-intake-wrap) .ts-dropdown .optgroup-header,
body:has(.mam-intake-form) .ts-dropdown .optgroup-header,
.mam-intake-wrap .ts-dropdown .optgroup-header,
.mam-form-step .ts-dropdown .optgroup-header {
  color: #bfa86b !important;
  background: rgba(191, 168, 107, 0.1) !important;
  font-weight: 600 !important;
}

/* Override any inline plugin styles */
body:has(.mam-intake-wrap) .plugin-checkbox_options .option,
body:has(.mam-intake-form) .plugin-checkbox_options .option,
.mam-intake-wrap .plugin-checkbox_options .option,
.mam-form-step .plugin-checkbox_options .option {
  display: flex !important;
  align-items: center !important;
  padding: 10px 15px !important;
  color: #fffaec !important;
  background: transparent !important;
}

body:has(.mam-intake-wrap) .plugin-checkbox_options .option:hover,
body:has(.mam-intake-form) .plugin-checkbox_options .option:hover,
.mam-intake-wrap .plugin-checkbox_options .option:hover,
.mam-form-step .plugin-checkbox_options .option:hover {
  background: rgba(191, 168, 107, 0.15) !important;
}

body:has(.mam-intake-wrap) .plugin-checkbox_options .option.selected,
body:has(.mam-intake-form) .plugin-checkbox_options .option.selected,
.mam-intake-wrap .plugin-checkbox_options .option.selected,
.mam-form-step .plugin-checkbox_options .option.selected {
  background: rgba(191, 168, 107, 0.2) !important;
}

/* Date input calendar icon - make white */
.mam-intake-wrap input[type="date"]::-webkit-calendar-picker-indicator,
.mam-form-step input[type="date"]::-webkit-calendar-picker-indicator {
  filter: invert(1) !important;
  cursor: pointer;
  opacity: 0.8;
}

.mam-intake-wrap input[type="date"]::-webkit-calendar-picker-indicator:hover,
.mam-form-step input[type="date"]::-webkit-calendar-picker-indicator:hover {
  opacity: 1;
}

/* All icons inside intake form should be white/golden */
.mam-intake-wrap i,
.mam-intake-wrap .mam-form-step i,
.mam-form-step i {
  color: #bfa86b !important;
}

.mam-intake-wrap .mam-form-group i,
.mam-form-step .mam-form-group i {
  color: rgba(255, 250, 236, 0.7) !important;
}

/* Select dropdown arrow - make white */
.mam-intake-wrap select,
.mam-form-step select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M6 8L1 3h10z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  background-size: 12px !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  padding-right: 35px !important;
}

/* Number input spinner - make white */
.mam-intake-wrap input[type="number"]::-webkit-inner-spin-button,
.mam-intake-wrap input[type="number"]::-webkit-outer-spin-button,
.mam-form-step input[type="number"]::-webkit-inner-spin-button,
.mam-form-step input[type="number"]::-webkit-outer-spin-button {
  filter: invert(1) !important;
}

/* ==========================================================================
   INTAKE FORM - Custom Multi-Select Dark Theme
   ========================================================================== */

/* Multi-select trigger button */
.mam-intake-wrap .mam-multiselect-trigger,
.mam-form-step .mam-multiselect-trigger {
  background: #094239 !important;
  border: 1px solid rgba(191, 168, 107, 0.3) !important;
  color: #fffaec !important;
}

.mam-intake-wrap .mam-multiselect-trigger:hover,
.mam-form-step .mam-multiselect-trigger:hover {
  border-color: rgba(191, 168, 107, 0.5) !important;
}

.mam-intake-wrap .mam-multiselect-wrapper.is-open .mam-multiselect-trigger,
.mam-form-step .mam-multiselect-wrapper.is-open .mam-multiselect-trigger {
  border-color: #bfa86b !important;
  box-shadow: 0 0 0 3px rgba(191, 168, 107, 0.15) !important;
}

/* Placeholder text */
.mam-intake-wrap .mam-multiselect-placeholder,
.mam-form-step .mam-multiselect-placeholder {
  color: rgba(255, 250, 236, 0.5) !important;
}

/* Arrow */
.mam-intake-wrap .mam-multiselect-arrow,
.mam-form-step .mam-multiselect-arrow {
  color: rgba(255, 250, 236, 0.6) !important;
}

.mam-intake-wrap .mam-multiselect-arrow svg,
.mam-form-step .mam-multiselect-arrow svg {
  fill: rgba(255, 250, 236, 0.6) !important;
}

/* Dropdown panel - DARK THEME */
.mam-intake-wrap .mam-multiselect-dropdown,
.mam-form-step .mam-multiselect-dropdown {
  background: #094239 !important;
  border: 1px solid rgba(191, 168, 107, 0.3) !important;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5) !important;
}

/* Search area */
.mam-intake-wrap .mam-multiselect-search,
.mam-form-step .mam-multiselect-search {
  background: #094239 !important;
  border-bottom: 1px solid rgba(191, 168, 107, 0.2) !important;
}

/* Search input */
.mam-intake-wrap .mam-multiselect-search-input,
.mam-form-step .mam-multiselect-search-input {
  background: #094239 !important;
  border: 1px solid rgba(191, 168, 107, 0.3) !important;
  color: #fffaec !important;
}

.mam-intake-wrap .mam-multiselect-search-input:focus,
.mam-form-step .mam-multiselect-search-input:focus {
  border-color: #bfa86b !important;
  background: rgba(255, 250, 236, 0.12) !important;
}

.mam-intake-wrap .mam-multiselect-search-input::placeholder,
.mam-form-step .mam-multiselect-search-input::placeholder {
  color: rgba(255, 250, 236, 0.4) !important;
}

/* Options container */
.mam-intake-wrap .mam-multiselect-options,
.mam-form-step .mam-multiselect-options {
  background: #094239 !important;
}

/* Scrollbar */
.mam-intake-wrap .mam-multiselect-options::-webkit-scrollbar-track,
.mam-form-step .mam-multiselect-options::-webkit-scrollbar-track {
  background: rgba(255, 250, 236, 0.05) !important;
}

.mam-intake-wrap .mam-multiselect-options::-webkit-scrollbar-thumb,
.mam-form-step .mam-multiselect-options::-webkit-scrollbar-thumb {
  background: rgba(191, 168, 107, 0.3) !important;
}

.mam-intake-wrap .mam-multiselect-options::-webkit-scrollbar-thumb:hover,
.mam-form-step .mam-multiselect-options::-webkit-scrollbar-thumb:hover {
  background: rgba(191, 168, 107, 0.5) !important;
}

/* Individual option */
.mam-intake-wrap .mam-multiselect-option,
.mam-form-step .mam-multiselect-option {
  color: #fffaec !important;
  background: transparent !important;
}

.mam-intake-wrap .mam-multiselect-option:hover,
.mam-form-step .mam-multiselect-option:hover {
  background: rgba(191, 168, 107, 0.15) !important;
}

.mam-intake-wrap .mam-multiselect-option.is-selected,
.mam-form-step .mam-multiselect-option.is-selected {
  background: rgba(191, 168, 107, 0.2) !important;
}

/* Option label */
.mam-intake-wrap .mam-multiselect-label,
.mam-form-step .mam-multiselect-label {
  color: #fffaec !important;
}

.mam-intake-wrap .mam-multiselect-option.is-selected .mam-multiselect-label,
.mam-form-step .mam-multiselect-option.is-selected .mam-multiselect-label {
  color: #bfa86b !important;
  font-weight: 600 !important;
}

/* Checkbox */
.mam-intake-wrap .mam-multiselect-checkbox,
.mam-form-step .mam-multiselect-checkbox {
  border-color: rgba(191, 168, 107, 0.4) !important;
  background: rgba(255, 250, 236, 0.05) !important;
}

.mam-intake-wrap .mam-multiselect-option:hover .mam-multiselect-checkbox,
.mam-form-step .mam-multiselect-option:hover .mam-multiselect-checkbox {
  border-color: #bfa86b !important;
}

.mam-intake-wrap .mam-multiselect-option.is-selected .mam-multiselect-checkbox,
.mam-form-step .mam-multiselect-option.is-selected .mam-multiselect-checkbox {
  background: linear-gradient(
    90deg,
    #927431,
    #bfa86b,
    #eee1b0,
    #f5ecca,
    #fffece,
    #fefefa,
    #f5ecca,
    #eee1b0,
    #bfa86b,
    #927431
  ) !important;
  border-color: #bfa86b !important;
}

/* Actions footer */
.mam-intake-wrap .mam-multiselect-actions,
.mam-form-step .mam-multiselect-actions {
  background: rgba(0, 0, 0, 0.2) !important;
  border-top: 1px solid rgba(191, 168, 107, 0.2) !important;
}

/* Clear button */
.mam-intake-wrap .mam-multiselect-clear,
.mam-form-step .mam-multiselect-clear {
  color: #ff6b6b !important;
  border-color: #ff6b6b !important;
  background: transparent !important;
}

.mam-intake-wrap .mam-multiselect-clear:hover,
.mam-form-step .mam-multiselect-clear:hover {
  background: #ff6b6b !important;
  color: #fffaec !important;
}

/* Count text */
.mam-intake-wrap .mam-multiselect-count,
.mam-form-step .mam-multiselect-count {
  color: rgba(255, 250, 236, 0.7) !important;
}

.mam-intake-wrap .mam-multiselect-count strong,
.mam-form-step .mam-multiselect-count strong {
  color: #bfa86b !important;
}

/* Done button */
.mam-intake-wrap .mam-multiselect-done,
.mam-form-step .mam-multiselect-done {
  background: linear-gradient(
    90deg,
    #927431,
    #bfa86b,
    #eee1b0,
    #f5ecca,
    #fffece,
    #fefefa,
    #f5ecca,
    #eee1b0,
    #bfa86b,
    #927431
  ) !important;
  color: #1a0f08 !important;
  border: none !important;
}

.mam-intake-wrap .mam-multiselect-done:hover,
.mam-form-step .mam-multiselect-done:hover {
  background: linear-gradient(135deg, #bfa86b 0%, #bfa86b 100%) !important;
}

/* Selected tags in trigger */
.mam-intake-wrap .mam-multiselect-tag,
.mam-form-step .mam-multiselect-tag {
  background: #60796d !important;
  color: #fffaec !important;
  border: 1px solid rgba(191, 168, 107, 0.4) !important;
}

.mam-intake-wrap .mam-multiselect-tag-text,
.mam-form-step .mam-multiselect-tag-text {
  color: #fffaec !important;
}

.mam-intake-wrap .mam-multiselect-tag-remove,
.mam-form-step .mam-multiselect-tag-remove {
  color: #bfa86b !important;
}

.mam-intake-wrap .mam-multiselect-tag-remove:hover,
.mam-form-step .mam-multiselect-tag-remove:hover {
  color: #ff6b6b !important;
}

.mam-intake-wrap .mam-multiselect-tag-remove svg,
.mam-form-step .mam-multiselect-tag-remove svg {
  fill: currentColor !important;
}

/* More indicator */
.mam-intake-wrap .mam-multiselect-more,
.mam-form-step .mam-multiselect-more {
  color: #094239 !important;
}

/* No results message */
.mam-intake-wrap .mam-multiselect-no-results,
.mam-form-step .mam-multiselect-no-results {
  color: rgba(255, 250, 236, 0.5) !important;
}

/* Multi-select limit states */
.mam-multiselect-option.is-disabled {
  opacity: 0.35 !important;
  pointer-events: none !important;
  cursor: not-allowed !important;
}

.mam-multiselect-wrapper.is-at-max .mam-multiselect-search-input {
  display: none !important;
}

.mam-multiselect-limit-msg {
  padding: 6px 12px !important;
  text-align: center !important;
  color: #bfa86b !important;
  font-size: 12px !important;
  border-top: 1px solid rgba(255, 250, 236, 0.1) !important;
  background: rgba(191, 168, 107, 0.08) !important;
}

.mam-multiselect-wrapper.has-error .mam-multiselect-trigger {
  border-color: #dc3545 !important;
  box-shadow: 0 0 0 2px rgba(220, 53, 69, 0.2) !important;
}

/* Form row spacing */
.mam-intake-wrap .mam-form-row {
  display: flex;
  gap: 20px;
  margin-bottom: 15px;
}

.mam-intake-wrap .mam-form-row .mam-col-6 {
  flex: 1;
}

/* Form actions */
.mam-intake-wrap .mam-form-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px solid rgba(191, 168, 107, 0.15);
}

/* Required field asterisk */
.mam-intake-wrap .mam-form-group label .required,
.mam-intake-wrap label span {
  color: #bfa86b;
}

/* Error messages */
.mam-intake-wrap .mam-field-error {
  color: #ff6b6b;
  font-size: 13px;
  margin-top: 5px;
}

/* Intake Mobile Responsive */
@media screen and (max-width: 768px) {
  .mam-intake-wrap {
    padding: 20px;
    border-radius: 16px;
  }

  .mam-intake-wrap .mam-form-step {
    padding: 20px;
  }

  .mam-intake-wrap .mam-form-row {
    flex-direction: column;
    gap: 15px;
  }

  .mam-intake-wrap .mam-form-row .mam-col-6 {
    width: 100%;
  }

  .mam-intake-wrap .mam-form-actions {
    flex-direction: column;
    align-items: center;
    gap: 8px;
  }

  .mam-intake-wrap .mam-form-actions .mam-btn {
    width: 100%;
    justify-content: center;
    text-align: center;
    font-size: 14px;
    padding: 12px 16px;
    border-radius: 10px;
  }

  .mam-intake-wrap .mam-form-actions .mam-btn-primary {
    order: -1;
    font-size: 15px;
    font-weight: 700;
    padding: 14px 16px;
  }
}

@media screen and (max-width: 480px) {
  .mam-intake-wrap {
    padding: 15px;
    border-radius: 12px;
  }

  .mam-intake-wrap .mam-form-step {
    padding: 15px;
    border-radius: 12px;
  }

  .mam-intake-wrap .mam-form-step h2 {
    font-size: 18px;
  }

  .mam-intake-title {
    font-size: 22px !important;
  }

  .mam-intake-wrap .mam-form-group input,
  .mam-intake-wrap .mam-form-group select,
  .mam-intake-wrap .mam-form-group textarea {
    padding: 10px 12px;
    font-size: 14px;
  }
}

/* Profiles Theme */
.mam-profiles-page {
  background: #094239;
  color: #f5f7f7;
  border-radius: 18px;
  padding: 24px;
}

.mam-profiles-page .mam-page-title {
  color: #f5f7f7;
}

/* Guest/Pending Banner */
.mam-guest-banner {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 20px;
  background: linear-gradient(
    135deg,
    rgba(9, 66, 57, 0.5) 0%,
    rgba(9, 66, 57, 0.25) 100%
  );
  border: 1px solid rgba(9, 66, 57, 0.7);
  border-radius: 12px;
  margin-bottom: 20px;
  color: #f5f7f7;
}

.mam-guest-banner i {
  font-size: 24px;
  color: var(--mam-accent);
}

.mam-guest-banner span {
  flex: 1;
}

/* Profile Pending Notice */
.mam-pending-notice {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  background: rgba(191, 168, 107, 0.1);
  border: 1px solid rgba(191, 168, 107, 0.25);
  border-radius: 10px;
  color: #bfa86b;
  font-size: 14px;
}

.mam-pending-notice i {
  font-size: 18px;
  flex-shrink: 0;
}

.mam-pending-notice span {
  flex: 1;
  font-size: 14px;
}

.mam-pending-notice-box {
  flex-direction: column;
  text-align: center;
  padding: 24px;
  background: rgba(191, 168, 107, 0.08);
  border-radius: 12px;
}

.mam-pending-notice-box i {
  font-size: 32px;
  margin-bottom: 8px;
}

.mam-pending-notice-box strong {
  display: block;
  font-size: 16px;
  margin-bottom: 4px;
  color: var(--mam-primary);
}

.mam-pending-notice-box p {
  margin: 0;
  font-size: 14px;
  color: var(--mam-text-light);
}

/* Blocked By Notice */
.mam-blocked-by-notice {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  border-radius: 10px;
  font-size: 14px;
  background: rgba(239, 68, 68, 0.08);
  border: 1px solid rgba(239, 68, 68, 0.25);
  color: #f87171;
}
.mam-blocked-by-notice i { font-size: 18px; flex-shrink: 0; }
.mam-blocked-by-notice span { flex: 1; font-size: 14px; }

/* Interest Already Sent Notice */
.mam-interest-sent-notice,
.mam-interest-received-notice {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  border-radius: 10px;
  font-size: 14px;
}

.mam-interest-sent-notice {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.25);
  color: #f87171;
}

.mam-interest-received-notice {
  background: rgba(34, 197, 94, 0.1);
  border: 1px solid rgba(34, 197, 94, 0.25);
  color: #4ade80;
}

.mam-interest-sent-notice i,
.mam-interest-received-notice i {
  font-size: 18px;
  flex-shrink: 0;
}

.mam-interest-sent-notice span,
.mam-interest-received-notice span {
  flex: 1;
  font-size: 14px;
}

/* Interest Sent/Received Box (CTA Section) */
.mam-interest-sent-box,
.mam-interest-received-box {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 24px;
  border-radius: 16px;
  text-align: left;
}

.mam-interest-sent-box {
  background: linear-gradient(
    135deg,
    rgba(239, 68, 68, 0.15) 0%,
    rgba(239, 68, 68, 0.05) 100%
  );
  border: 1px solid rgba(239, 68, 68, 0.2);
}

.mam-interest-received-box {
  background: linear-gradient(
    135deg,
    rgba(34, 197, 94, 0.15) 0%,
    rgba(34, 197, 94, 0.05) 100%
  );
  border: 1px solid rgba(34, 197, 94, 0.2);
}

.mam-interest-other-box {
  background: linear-gradient(
    135deg,
    rgba(251, 191, 36, 0.15) 0%,
    rgba(251, 191, 36, 0.05) 100%
  );
  border: 1px solid rgba(251, 191, 36, 0.2);
}

.mam-interest-sent-box > i,
.mam-interest-received-box > i,
.mam-interest-other-box > i {
  font-size: 28px;
  flex-shrink: 0;
  margin-top: 2px;
}

.mam-interest-sent-box > i {
  color: #f87171;
}

.mam-interest-received-box > i {
  color: #4ade80;
}

.mam-interest-other-box > i {
  color: #fbbf24;
}

.mam-interest-sent-box h4,
.mam-interest-received-box h4,
.mam-interest-other-box h4 {
  margin: 0 0 6px;
  font-size: 18px;
  color: #fffaec;
}

.mam-interest-sent-box p,
.mam-interest-received-box p,
.mam-interest-other-box p {
  margin: 0;
  font-size: 14px;
  color: rgba(255, 250, 236, 0.7);
  line-height: 1.5;
}

/* Interest Other Notice (sidebar) */
.mam-interest-other-notice {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  background: rgba(251, 191, 36, 0.1);
  border: 1px solid rgba(251, 191, 36, 0.25);
  border-radius: 10px;
  color: #fbbf24;
  font-size: 14px;
}

.mam-interest-other-notice i {
  font-size: 18px;
  flex-shrink: 0;
}

.mam-interest-other-notice span {
  flex: 1;
  font-size: 14px;
}

/* =============================================
   Modal / Popup Styles
   ============================================= */

.mam-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(4px);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 99999;
  padding: 20px;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.mam-modal-overlay.active {
  display: flex;
  opacity: 1;
}

.mam-modal {
  background: linear-gradient(135deg, #094239 0%, #0c5247 100%);
  border-radius: 20px;
  width: 100%;
  max-width: 420px;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.4);
  transform: scale(0.9) translateY(20px);
  transition: transform 0.3s ease;
  overflow: hidden;
}

.mam-modal-overlay.active .mam-modal {
  transform: scale(1) translateY(0);
}

.mam-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px;
  border-bottom: 1px solid rgba(255, 250, 236, 0.1);
}

.mam-modal-header h3 {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  color: #fffaec;
}

.mam-modal-close {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: rgba(255, 250, 236, 0.1);
  border: none;
  color: rgba(255, 250, 236, 0.7);
  font-size: 24px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  line-height: 1;
}

.mam-modal-close:hover {
  background: rgba(255, 250, 236, 0.2);
  color: #fffaec;
}

.mam-modal-body {
  padding: 24px;
  color: #fffaec;
}

.mam-modal-body p {
  margin: 0 0 20px;
  color: #fffaec !important;
  font-size: 15px;
  line-height: 1.6;
}

.mam-modal-body,
.mam-modal-body * {
  color: #fffaec;
}

.mam-modal h1,
.mam-modal h2,
.mam-modal h3,
.mam-modal h4,
.mam-modal p,
.mam-modal span,
.mam-modal label,
.mam-modal div {
  color: #fffaec !important;
}

.mam-modal-body .mam-btn {
  width: 100%;
  padding: 14px 24px;
  font-size: 16px;
}

/* Interest Modal Notices */
.mam-interest-notice {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 16px;
  border-radius: 10px;
  margin-bottom: 16px;
  font-size: 13px;
  line-height: 1.5;
}

.mam-interest-notice i {
  flex-shrink: 0;
  font-size: 16px;
  margin-top: 2px;
}

.mam-interest-notice span {
  flex: 1;
}

.mam-interest-notice.mam-notice-info {
  background: rgba(191, 168, 107, 0.15);
  border: 1px solid rgba(191, 168, 107, 0.3);
}

.mam-interest-notice.mam-notice-info i {
  color: #bfa86b;
}

.mam-interest-notice.mam-notice-photo-consent {
  background: rgba(23, 162, 184, 0.15);
  border: 1px solid rgba(23, 162, 184, 0.3);
}

.mam-interest-notice.mam-notice-photo-consent i {
  color: #17a2b8;
}

/* Meeting Proposal Modal */
.mam-meeting-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(4px);
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}

.mam-meeting-modal-overlay.mam-modal-visible {
  opacity: 1;
  visibility: visible;
}

.mam-meeting-modal {
  background: linear-gradient(135deg, #094239 0%, #094239 100%);
  border: 1px solid rgba(191, 168, 107, 0.3);
  border-radius: 16px;
  width: 90%;
  max-width: 420px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);
  transform: scale(0.9) translateY(20px);
  transition: all 0.3s ease;
}

.mam-meeting-modal-overlay.mam-modal-visible .mam-meeting-modal {
  transform: scale(1) translateY(0);
}

.mam-meeting-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px;
  border-bottom: 1px solid rgba(255, 250, 236, 0.1);
}

.mam-meeting-modal-header h3 {
  margin: 0;
  color: #bfa86b !important;
  font-size: 20px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 10px;
}

.mam-meeting-modal-header h3 i {
  font-size: 22px;
}

.mam-meeting-modal-close {
  background: rgba(255, 250, 236, 0.1);
  border: none;
  color: #fffaec;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  font-size: 24px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

.mam-meeting-modal-close:hover {
  background: rgba(220, 53, 69, 0.8);
  transform: rotate(90deg);
}

.mam-meeting-modal-body {
  padding: 24px;
}

.mam-meeting-modal-desc {
  color: rgba(255, 250, 236, 0.8) !important;
  margin: 0 0 20px !important;
  font-size: 14px;
  text-align: center;
}

.mam-meeting-form-group {
  margin-bottom: 20px;
}

.mam-meeting-form-group label {
  display: block;
  color: #bfa86b !important;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 8px;
}

.mam-meeting-form-group label i {
  margin-right: 6px;
}

.mam-meeting-input {
  width: 100%;
  padding: 14px 16px;
  background: rgba(255, 250, 236, 0.1);
  border: 1px solid rgba(255, 250, 236, 0.2);
  border-radius: 10px;
  color: #fffaec !important;
  font-size: 16px;
  transition: all 0.3s ease;
  box-sizing: border-box;
}

.mam-meeting-input:focus {
  outline: none;
  border-color: #bfa86b;
  background: rgba(255, 250, 236, 0.15);
  box-shadow: 0 0 0 3px rgba(191, 168, 107, 0.2);
}

.mam-meeting-input::-webkit-calendar-picker-indicator {
  filter: invert(1);
  cursor: pointer;
}

/* Meeting link field styles */
.mam-meeting-link-group {
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid rgba(255, 250, 236, 0.1);
}

.mam-meeting-form-group label .mam-optional {
  color: rgba(255, 250, 236, 0.5);
  font-weight: 400;
  font-size: 12px;
}

.mam-meeting-link-hint {
  margin-top: 8px;
  font-size: 12px;
  color: rgba(255, 250, 236, 0.6);
  line-height: 1.5;
}

.mam-meeting-link-hint i {
  margin-right: 4px;
  color: #bfa86b;
}

.mam-meeting-modal-footer {
  display: flex;
  gap: 12px;
  padding: 0 24px 24px;
}

.mam-meeting-modal-footer .mam-btn {
  flex: 1;
  padding: 14px 20px;
  font-size: 15px;
  border-radius: 10px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}

.mam-meeting-modal-footer .mam-btn-outline {
  background: transparent;
  border: 1px solid rgba(255, 250, 236, 0.3);
  color: #fffaec;
}

.mam-meeting-modal-footer .mam-btn-outline:hover {
  background: rgba(255, 250, 236, 0.1);
  border-color: rgba(255, 250, 236, 0.5);
}

.mam-meeting-modal-footer .mam-btn-primary {
  background: linear-gradient(
    90deg,
    #927431,
    #bfa86b,
    #eee1b0,
    #f5ecca,
    #fffece,
    #fefefa,
    #f5ecca,
    #eee1b0,
    #bfa86b,
    #927431
  );
  border: none;
  color: #1a0f08;
}

.mam-meeting-modal-footer .mam-btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(191, 168, 107, 0.4);
}

.mam-meeting-modal-footer .mam-btn-primary:disabled {
  opacity: 0.7;
  cursor: not-allowed;
  transform: none;
}

/* ============================
   Fullscreen Photo Lightbox
   ============================ */
body.mam-lightbox-open {
  overflow: hidden;
}

.mam-lightbox-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.95);
  z-index: 999999;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}

.mam-lightbox-overlay.mam-lightbox-visible {
  opacity: 1;
  visibility: visible;
}

.mam-lightbox-close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 50px;
  height: 50px;
  background: rgba(255, 250, 236, 0.1);
  border: 2px solid rgba(255, 250, 236, 0.3);
  border-radius: 50%;
  color: #fffaec;
  font-size: 24px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  z-index: 10;
}

.mam-lightbox-close:hover {
  background: rgba(220, 53, 69, 0.8);
  border-color: #dc3545;
  transform: rotate(90deg);
}

.mam-lightbox-content {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: calc(100% - 120px);
  padding: 20px;
  box-sizing: border-box;
}

.mam-lightbox-image-container {
  position: relative;
  max-width: 90%;
  max-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mam-lightbox-image {
  max-width: 100%;
  max-height: 70vh;
  object-fit: contain;
  border-radius: 8px;
  box-shadow: 0 10px 50px rgba(0, 0, 0, 0.5);
  transition: opacity 0.3s ease;
}

.mam-lightbox-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #bfa86b;
  font-size: 40px;
}

.mam-lightbox-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 60px;
  height: 60px;
  background: rgba(191, 168, 107, 0.2);
  border: 2px solid rgba(191, 168, 107, 0.5);
  border-radius: 50%;
  color: #bfa86b;
  font-size: 24px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  z-index: 5;
}

.mam-lightbox-nav:hover {
  background: rgba(191, 168, 107, 0.4);
  border-color: #bfa86b;
  transform: translateY(-50%) scale(1.1);
}

.mam-lightbox-prev {
  left: 20px;
}

.mam-lightbox-next {
  right: 20px;
}

.mam-lightbox-counter {
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.6);
  padding: 10px 20px;
  border-radius: 25px;
  color: #fffaec;
  font-size: 16px;
  font-weight: 500;
  border: 1px solid rgba(255, 250, 236, 0.2);
}

.mam-lightbox-thumbnails {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 10px;
  padding: 10px 15px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 12px;
  max-width: 90%;
  overflow-x: auto;
  scrollbar-width: thin;
  scrollbar-color: #bfa86b transparent;
}

.mam-lightbox-thumbnails::-webkit-scrollbar {
  height: 6px;
}

.mam-lightbox-thumbnails::-webkit-scrollbar-track {
  background: transparent;
}

.mam-lightbox-thumbnails::-webkit-scrollbar-thumb {
  background: #bfa86b;
  border-radius: 3px;
}

.mam-lightbox-thumb {
  flex-shrink: 0;
  width: 60px;
  height: 60px;
  border-radius: 8px;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid transparent;
  transition: all 0.3s ease;
  opacity: 0.6;
}

.mam-lightbox-thumb:hover {
  opacity: 1;
  border-color: rgba(191, 168, 107, 0.5);
}

.mam-lightbox-thumb.active {
  opacity: 1;
  border-color: #bfa86b;
  box-shadow: 0 0 10px rgba(191, 168, 107, 0.5);
}

.mam-lightbox-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Make gallery images clickable */
.mam-photo-gallery .mam-gallery-main {
  cursor: zoom-in;
  transition: transform 0.3s ease;
}

.mam-photo-gallery .mam-gallery-main:hover {
  transform: scale(1.02);
}

/* Responsive lightbox */
@media (max-width: 768px) {
  .mam-lightbox-close {
    top: 10px;
    right: 10px;
    width: 44px;
    height: 44px;
    font-size: 20px;
  }

  .mam-lightbox-nav {
    width: 36px !important;
    height: 36px !important;
    font-size: 16px !important;
  }

  .mam-lightbox-prev {
    left: 6px !important;
  }

  .mam-lightbox-next {
    right: 6px !important;
  }

  .mam-lightbox-image-container {
    max-width: calc(100% - 100px) !important;
  }

  .mam-lightbox-image {
    max-height: 60vh;
  }

  .mam-lightbox-counter {
    top: 10px;
    padding: 8px 16px;
    font-size: 14px;
  }

  .mam-lightbox-thumbnails {
    bottom: 10px;
    padding: 8px 10px;
    gap: 8px;
  }

  .mam-lightbox-thumb {
    width: 50px;
    height: 50px;
  }
}

/* ============================
   Successful Match Card
   ============================ */
.mam-match-success-card {
  position: relative;
  width: 100%;
  background: linear-gradient(135deg, #0d4d2d 0%, #0a3d23 100%);
  border: 2px solid #28a745;
  border-radius: 16px;
  padding: 24px;
  overflow: hidden;
  box-shadow: 0 8px 32px rgba(40, 167, 69, 0.3);
}

/* Heart Animation */
.mam-hearts-animation {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
  z-index: 0;
}

.mam-heart {
  position: absolute;
  bottom: -50px;
  font-size: 20px;
  opacity: 0;
  animation: floatHeart 4s ease-in infinite;
}

.mam-heart::before {
  content: "❤";
  color: rgba(220, 53, 69, 0.6);
}

.mam-heart:nth-child(1) {
  left: 5%;
  animation-delay: 0s;
  font-size: 16px;
}
.mam-heart:nth-child(2) {
  left: 15%;
  animation-delay: 0.5s;
  font-size: 22px;
}
.mam-heart:nth-child(3) {
  left: 25%;
  animation-delay: 1s;
  font-size: 18px;
}
.mam-heart:nth-child(4) {
  left: 40%;
  animation-delay: 1.5s;
  font-size: 24px;
}
.mam-heart:nth-child(5) {
  left: 55%;
  animation-delay: 2s;
  font-size: 16px;
}
.mam-heart:nth-child(6) {
  left: 70%;
  animation-delay: 0.8s;
  font-size: 20px;
}
.mam-heart:nth-child(7) {
  left: 85%;
  animation-delay: 1.2s;
  font-size: 22px;
}
.mam-heart:nth-child(8) {
  left: 95%;
  animation-delay: 0.3s;
  font-size: 18px;
}

@keyframes floatHeart {
  0% {
    bottom: -50px;
    opacity: 0;
    transform: translateX(0) rotate(0deg);
  }
  10% {
    opacity: 0.8;
  }
  50% {
    opacity: 0.6;
  }
  100% {
    bottom: 100%;
    opacity: 0;
    transform: translateX(20px) rotate(45deg);
  }
}

/* Success Message */
.mam-success-message {
  position: relative;
  z-index: 1;
  text-align: center;
  margin-bottom: 24px;
}

.mam-success-icon {
  width: 70px;
  height: 70px;
  margin: 0 auto 16px;
  background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: pulse 2s ease-in-out infinite;
  box-shadow: 0 4px 20px rgba(40, 167, 69, 0.4);
}

.mam-success-icon i {
  font-size: 32px;
  color: #fffaec;
}

@keyframes pulse {
  0%,
  100% {
    transform: scale(1);
    box-shadow: 0 4px 20px rgba(40, 167, 69, 0.4);
  }
  50% {
    transform: scale(1.05);
    box-shadow: 0 8px 30px rgba(40, 167, 69, 0.6);
  }
}

.mam-success-message h3 {
  font-size: 24px;
  font-weight: 700;
  color: #4ade80 !important;
  margin: 0 0 8px !important;
  font-family: "Cinzel", serif;
}

.mam-success-message p {
  font-size: 16px;
  color: rgba(255, 250, 236, 0.9) !important;
  margin: 0 !important;
}

.mam-success-message p strong {
  color: #bfa86b;
}

/* Contact Information Section */
.mam-contact-info-section {
  position: relative;
  z-index: 1;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 12px;
  padding: 20px;
  border: 1px solid rgba(255, 250, 236, 0.1);
}

.mam-contact-info-section h4 {
  font-size: 16px;
  font-weight: 600;
  color: #bfa86b !important;
  margin: 0 0 16px !important;
  display: flex;
  align-items: center;
  gap: 8px;
}

.mam-contact-items {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.mam-contact-item {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px 16px;
  background: #094239;
  border-radius: 10px;
  border: 1px solid rgba(255, 250, 236, 0.1);
  transition: all 0.3s ease;
}

.mam-contact-item:hover {
  background: rgba(255, 250, 236, 0.12);
  border-color: rgba(191, 168, 107, 0.3);
}

.mam-contact-label {
  font-size: 12px;
  color: rgba(255, 250, 236, 0.6) !important;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.mam-contact-label i {
  color: #bfa86b;
  width: 16px;
}

.mam-contact-value {
  font-size: 16px;
  color: #fffaec !important;
  text-decoration: none;
  font-weight: 500;
  word-break: break-all;
  transition: color 0.3s ease;
}

.mam-contact-value:hover {
  color: #bfa86b !important;
}

.mam-whatsapp-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.mam-whatsapp-link i.fa-external-link-alt {
  font-size: 12px;
  opacity: 0.7;
}

.mam-contact-note {
  margin-top: 16px !important;
  padding: 12px 16px;
  background: rgba(191, 168, 107, 0.15);
  border-radius: 8px;
  border-left: 3px solid #bfa86b;
  font-size: 13px;
  color: rgba(255, 250, 236, 0.8) !important;
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.mam-contact-note i {
  color: #bfa86b;
  margin-top: 2px;
}

/* Responsive */
@media (max-width: 768px) {
  .mam-match-success-card {
    padding: 20px 16px;
  }

  .mam-success-icon {
    width: 60px;
    height: 60px;
  }

  .mam-success-icon i {
    font-size: 26px;
  }

  .mam-success-message h3 {
    font-size: 20px;
  }

  .mam-success-message p {
    font-size: 14px;
  }
}

#mam-interest-form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

#mam-interest-form .mam-btn-primary {
  background: linear-gradient(135deg, var(--mam-accent) 0%, #bfa86b 100%);
  color: var(--mam-primary);
  border: none;
  font-weight: 600;
}

#mam-interest-form .mam-btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(191, 168, 107, 0.3);
}

.mam-guest-banner .mam-btn {
  flex-shrink: 0;
}

.mam-pending-banner {
  background: linear-gradient(
    135deg,
    rgba(9, 66, 57, 0.2) 0%,
    rgba(9, 66, 57, 0.1) 100%
  );
  border-color: rgba(9, 66, 57, 0.3);
}

.mam-pending-banner i {
  color: #bfa86b;
}

.mam-profiles-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}

.mam-profiles-search {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 10px;
  background: rgba(9, 66, 57, 0.9);
  border: 1px solid #60796d;
  border-radius: 12px;
  padding: 10px 14px;
  color: #dbe6e6;
}

.mam-profiles-search input {
  background: transparent;
  border: 1px solid #60796d;
  border-radius: 3px;
  color: #fffaec;
  width: 100%;
  font-size: 14px;
  padding: 0.5rem 1rem;
  transition: 0.3s;
}

.mam-profiles-search input::placeholder {
  color: rgba(255, 250, 236, 0.55);
}

.mam-profiles-search input:focus {
  outline: none;
}

button.mam-filters-toggle {
  display: inline-flex;
  align-items: center;
  gap: 7px !important;
  background: linear-gradient(90deg, #927431, #bfa86b, #e6d996, #efe3c4, #fffde4, #efe3c4, #e6d996, #bfa86b, #937431) !important;
  color: #094239 !important;
  padding: 8px 20px !important;
  border-radius: 7px !important;
  border: none !important;
  cursor: pointer;
  transition: all 0.3s ease;
  font-weight: 600;
}

button.mam-filters-toggle:hover {
  box-shadow: 0 6px 18px rgba(191, 168, 107, 0.4);
  transform: translateY(-2px);
  filter: brightness(1.08);
}

.mam-filters-panel {
  display: none;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 16px;
  background: rgba(9, 66, 57, 0.92);
  border: 1px solid rgba(255, 250, 236, 0.1);
  border-radius: 14px;
  padding: 16px;
  margin-bottom: 16px;
}

.mam-filters-panel.is-open {
  display: grid;
}

.mam-filters-panel .mam-filter-group label {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #d0dede;
}

/* Sort dropdown styling */
.mam-sort-group {
  border-left: 2px solid rgba(191, 168, 107, 0.3);
  padding-left: 12px;
}

.mam-sort-group label {
  color: var(--mam-accent) !important;
}

.mam-sort-group select {
  border-color: rgba(191, 168, 107, 0.3);
}

.mam-filters-panel select,
.mam-filters-panel input {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid rgba(255, 250, 236, 0.12);
  border-radius: 10px;
  background: rgba(9, 66, 57, 0.95);
  color: #fffaec;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23c9a55c' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  padding-right: 36px;
}

.mam-filters-panel input {
  background-image: none;
  padding-right: 12px;
}

.mam-filters-panel select:focus,
.mam-filters-panel input:focus {
  outline: none;
  border-color: rgba(191, 168, 107, 0.7);
  box-shadow: 0 0 0 3px rgba(191, 168, 107, 0.15);
}

/* Dropdown options styling - dark theme */
.mam-filters-panel select option {
  background: #094239;
  color: #fffaec;
  padding: 10px 12px;
}

.mam-filters-panel select option:hover,
.mam-filters-panel select option:focus,
.mam-filters-panel select option:checked {
  background: linear-gradient(135deg, #094239 0%, #094239 100%);
  color: #bfa86b;
}

.mam-filter-actions {
  display: flex;
  align-items: flex-end;
  gap: 12px;
  padding-bottom: 2px;
  flex-wrap: nowrap;
}

.mam-filter-actions .mam-btn,
.mam-filter-actions .mam-btn-accent,
.mam-filter-actions .mam-save-search-btn {
  white-space: nowrap !important;
  min-width: max-content !important;
  height: 42px !important;
  padding: 0 20px !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}

/* All filter action buttons - golden solid style */
.mam-filter-actions .mam-btn-accent,
.mam-filter-actions .mam-save-search-btn {
  background: linear-gradient(
    90deg,
    #927431,
    #bfa86b,
    #eee1b0,
    #f5ecca,
    #fffece,
    #fefefa,
    #f5ecca,
    #eee1b0,
    #bfa86b,
    #927431
  ) !important;
  color: #1a0f08 !important;
  border: none !important;
}

.mam-filter-actions .mam-btn-accent:hover,
.mam-filter-actions .mam-save-search-btn:hover {
  background: linear-gradient(135deg, #bfa86b 0%, #bfa86b 100%) !important;
  box-shadow: 0 4px 12px rgba(191, 168, 107, 0.3) !important;
}

/* Reset Filter Button - Golden Outline */
.mam-filter-reset,
.mam-filter-reset.mam-btn-outline {
  background: transparent !important;
  border: 2px solid #bfa86b !important;
  color: #bfa86b !important;
  height: 42px !important;
  padding: 0 20px !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
}

.mam-filter-reset:hover,
.mam-filter-reset.mam-btn-outline:hover {
  background: linear-gradient(
    90deg,
    #927431,
    #bfa86b,
    #eee1b0,
    #f5ecca,
    #fffece,
    #fefefa,
    #f5ecca,
    #eee1b0,
    #bfa86b,
    #927431
  ) !important;
  border-color: #bfa86b !important;
  color: #1a0f08 !important;
}

/* Apply Filters Button Icon - Match text color */
.mam-filter-actions .mam-btn-accent i,
.mam-filter-actions .mam-btn i,
.mam-btn-accent i {
  color: var(--mam-primary) !important;
}

/* Secondary Filters Toggle */
.mam-secondary-filters-toggle {
  grid-column: 1 / -1;
  text-align: center;
  margin: 8px 0;
}

button.mam-more-filters-btn {
  background: linear-gradient(90deg, #927431, #bfa86b, #e6d996, #efe3c4, #fffde4, #efe3c4, #e6d996, #bfa86b, #937431) !important;
  color: #094239 !important;
  padding: 8px 20px !important;
  border-radius: 7px !important;
  border: none !important;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 7px !important;
  transition: all 0.3s ease;
  white-space: nowrap;
}

button.mam-more-filters-btn:hover {
  box-shadow: 0 6px 18px rgba(191, 168, 107, 0.4);
  transform: translateY(-2px);
  filter: brightness(1.08);
}

.mam-more-filters-btn i {
  transition: transform 0.3s ease;
}

.mam-more-filters-btn.is-open i {
  transform: rotate(180deg);
}

/* Secondary Filters Section */
.mam-secondary-filters {
  display: none;
  grid-column: 1 / -1;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 16px;
  padding: 16px 0;
  border-top: 1px dashed rgba(255, 250, 236, 0.08);
  margin-top: 8px;
}

.mam-secondary-filters.is-open {
  display: grid;
}

.mam-secondary-filters .mam-filter-group label {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: rgba(191, 168, 107, 0.9);
  font-weight: 600;
  display: block;
  margin-bottom: 6px;
}

.mam-secondary-filters select {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid rgba(255, 250, 236, 0.12);
  border-radius: 6px;
  background: linear-gradient(
    145deg,
    rgba(9, 66, 57, 0.95) 0%,
    rgba(9, 66, 57, 0.95) 100%
  );
  color: #fffaec;
  font-size: 14px;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23c9a55c' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  padding-right: 36px;
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}

.mam-secondary-filters select:focus {
  outline: none;
  border-color: rgba(191, 168, 107, 0.7);
  box-shadow: 0 0 0 3px rgba(191, 168, 107, 0.15);
}

.mam-secondary-filters select option {
  background: #094239;
  color: #fffaec;
  padding: 10px 12px;
}

.mam-secondary-filters input[type="text"] {
  width: 100%;
  padding: 10px 12px;
  background: rgba(255, 250, 236, 0.06);
  border: 1px solid rgba(255, 250, 236, 0.12);
  border-radius: 8px;
  color: #fffaec;
  font-size: 13px;
}

.mam-secondary-filters input[type="text"]:focus {
  outline: none;
  border-color: rgba(191, 168, 107, 0.7);
  box-shadow: 0 0 0 3px rgba(191, 168, 107, 0.15);
}

/* Toggle filters row — all 3 in one line */
.mam-filter-toggles-row {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  align-items: center;
  padding: 8px 0;
}

/* Toggle switch — W3Schools slider pattern */
.mam-filter-toggle {
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  user-select: none;
}

.mam-filter-toggle input[type="checkbox"] {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}

.mam-toggle-switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 22px;
  min-width: 40px;
  background-color: rgba(255, 250, 236, 0.15);
  border-radius: 20px;
  transition: .4s;
}

.mam-toggle-switch .mam-toggle-knob {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 5px;
  bottom: 5px;
  background-color: rgba(255, 250, 236, 0.5);
  border-radius: 50%;
  transition: .4s;
}

/* Checked state — gold */
.mam-filter-toggle input:checked + .mam-toggle-switch {
  background: linear-gradient(135deg, #bfa86b, #bfa86b);
}

.mam-filter-toggle input:checked + .mam-toggle-switch .mam-toggle-knob {
  transform: translateX(18px);
  background-color: #094239;
}

.mam-filter-toggle input:focus + .mam-toggle-switch {
  box-shadow: 0 0 2px rgba(191, 168, 107, 0.5);
}

.mam-toggle-label {
  font-size: 13px;
  color: rgba(255, 250, 236, 0.7);
  font-weight: 500;
  transition: color 0.2s;
}

.mam-filter-toggle input:checked ~ .mam-toggle-label {
  color: #bfa86b;
}

.mam-profiles-count {
  color: rgba(255, 250, 236, 0.7);
  font-size: 14px;
  margin: 10px 0 18px;
}

.mam-profile-card {
  background: #094239;
  border: none;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
}

.mam-profile-photo {
  position: relative !important;
  padding-top: 125% !important; /* 4:5 aspect ratio for better photo coverage */
  background: var(--mam-card-bg);
  overflow: hidden !important;
}

.mam-profile-photo img {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
  z-index: 0 !important;
}

.mam-profile-photo .mam-profile-placeholder {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.mam-profile-card .mam-profile-photo::after {
  opacity: 1;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 35%,
    rgba(0, 0, 0, 0.6) 100%
  );
  z-index: 1;
}

.mam-profile-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: flex-end;
  padding: 16px;
  opacity: 0;
  transition: opacity var(--mam-transition);
  z-index: 2;
}

.mam-profile-card:hover .mam-profile-overlay {
  opacity: 1;
}

.mam-profile-card-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  border-radius: 999px;
  background: var(--mam-accent);
  color: var(--mam-primary);
  font-size: 13px;
  font-weight: 600;
}

.mam-profile-info h3 {
  color: #f5f7f7;
  font-size: 16px;
}

.mam-profile-meta {
  color: rgba(255, 250, 236, 0.7);
}

.mam-profile-bio {
  margin: 14px 0 0;
  color: rgba(255, 250, 236, 0.65);
  font-size: 13px;
  line-height: 1.5;
}

.mam-profile-details {
  margin: 6px 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.mam-profile-details span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 8px;
  background: rgba(255, 250, 236, 0.1);
  border-radius: 12px;
  font-size: 11px;
  color: rgba(255, 250, 236, 0.8);
}

.mam-profile-details span i {
  font-size: 10px;
  color: var(--mam-accent);
}

/* Compatibility Badge */
.mam-compatibility-badge {
  margin-top: 10px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
}

.mam-compatibility-badge i {
  font-size: 11px;
}

.mam-compat-high {
  background: rgba(34, 197, 94, 0.2);
  color: #22c55e;
}

.mam-compat-medium {
  background: rgba(191, 168, 107, 0.2);
  color: var(--mam-accent);
}

.mam-compat-low {
  background: rgba(255, 250, 236, 0.15);
  color: rgba(255, 250, 236, 0.7);
}

/* ============================================
   UNIFIED PROFILE CARD STYLES (Slider & Grid)
   ============================================ */

/* Card Container - Link style */
a.mam-profile-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  text-decoration: none !important;
  color: inherit;
  border-radius: 28px;
  overflow: hidden;
  background: #094239;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
}

a.mam-profile-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.4);
}

/* Card Photo Section */
.mam-card-photo {
  position: relative;
  padding-top: 90%;
  background: linear-gradient(135deg, #094239 0%, #094239 100%);
  overflow: hidden;
}

.mam-card-photo.has-photo::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 60%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 100%);
  z-index: 1;
  pointer-events: none;
}

.mam-card-photo img,
.mam-card-photo .mam-photo-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  z-index: 0;
}

.mam-card-photo .mam-profile-no-photo,
.mam-card-photo .mam-profile-initials {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 250, 236, 0.3);
  font-size: 64px;
  z-index: 0;
}

.mam-card-photo .mam-profile-initials {
  font-size: 48px;
  font-weight: 600;
  color: rgba(255, 250, 236, 0.5);
}

/* Card Badges (on top of photo) */
.mam-card-badges {
  position: absolute;
  top: 12px;
  left: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  z-index: 5;
}

.mam-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 5px 10px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

.mam-badge-new {
  background: #bfa86b;
  color: #094239;
}

.mam-badge-status {
  background: #0a3023;
  color: #fffaec;
}

.mam-badge-status .mam-status-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #22c55e;
}

.mam-badge-status.status-in-conversation .mam-status-dot {
  background: #f59e0b;
}

/* Card Favorite Button - positioned on LEFT */
.mam-card-favorite {
  position: absolute;
  top: 12px;
  left: 12px;
  right: auto;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(255, 250, 236, 0.95);
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 5;
  transition: all 0.2s ease;
  color: #666;
}

.mam-card-favorite:hover {
  transform: scale(1.1);
  background: #fffaec;
  color: #bfa86b;
}

.mam-card-favorite.is-favorited {
  color: #bfa86b;
}

.mam-card-favorite.is-favorited i {
  color: #1a0f08 !important;
}

.mam-card-favorite-disabled {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  left: auto !important;
  bottom: auto !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  background: rgba(0, 0, 0, 0.45) !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  z-index: 10 !important;
  opacity: 0.75 !important;
  transition: opacity 0.2s ease !important;
}

.mam-card-favorite-disabled:hover {
  opacity: 1 !important;
}

.mam-card-favorite-disabled > i {
  color: rgba(255, 250, 236, 0.8) !important;
  font-size: 14px !important;
}

/* Modern tooltip — appears to the LEFT of the button */
.mam-card-favorite-disabled .mam-favorite-tooltip {
  position: absolute !important;
  top: 50% !important;
  right: calc(100% + 10px) !important;
  left: auto !important;
  bottom: auto !important;
  transform: translateY(-50%) translateX(6px) !important;
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 9px 14px !important;
  background: rgba(9, 66, 57, 0.95) !important;
  border: 1px solid rgba(191, 168, 107, 0.35) !important;
  color: #fffaec !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  font-family: "Antic", sans-serif !important;
  border-radius: 8px !important;
  white-space: nowrap !important;
  z-index: 100 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  backdrop-filter: blur(8px) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3) !important;
  transition:
    opacity 0.25s ease,
    visibility 0.25s ease,
    transform 0.25s ease !important;
}

.mam-card-favorite-disabled .mam-favorite-tooltip i {
  color: #bfa86b !important;
  font-size: 11px !important;
}

/* Arrow on the RIGHT pointing towards the button */
.mam-card-favorite-disabled .mam-favorite-tooltip::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 100% !important;
  right: auto !important;
  transform: translateY(-50%) !important;
  border: 6px solid transparent !important;
  border-left-color: rgba(9, 66, 57, 0.95) !important;
}

.mam-card-favorite-disabled:hover .mam-favorite-tooltip {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(-50%) translateX(0) !important;
}

/* Card Name Overlay (on photo) */
.mam-card-name-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px 20px;
  z-index: 2;
  text-align: center;
}

.mam-card-name-overlay .mam-profile-name {
  margin: 0;
  font-size: 22px;
  font-weight: 600;
  color: #fffaec !important;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
  display: inline;
  letter-spacing: 1px;
}

.mam-card-name-overlay .mam-name-text {
  color: #fffaec !important;
}

.mam-card-name-overlay .mam-age-text {
  color: #fffaec !important;
  font-weight: 600;
}

/* Card Content Section (below photo) */
.mam-profile-content {
  padding: 24px 20px 18px;
  background: #094239;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.mam-profile-content .mam-profile-info {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 8px;
  color: #fffaec;
  font-size: 15px;
  line-height: 1.4;
  letter-spacing: 0.6px;
}

.mam-profile-content .mam-profile-info i {
  color: #bfa86b;
  width: 18px;
  text-align: center;
  flex-shrink: 0;
  margin-top: 2px;
  font-size: 16px;
}

.mam-profile-content .mam-nationality-wrap {
  display: flex;
  flex-direction: column;
}

.mam-profile-content .mam-ethnicity {
  font-weight: 500;
  color: #fffaec;
  font-size: 15px;
  letter-spacing: 2px;
  line-height: 1.5;
}

.mam-profile-content .mam-citizenship {
  font-size: 13px;
  color: rgba(255, 250, 236, 0.7);
  letter-spacing: 0.5px;
}

/* Languages */
.mam-profile-languages {
  margin-top: 24px;
  margin-bottom: 24px;
}

.mam-profile-languages .mam-lang-label {
  display: block;
  font-size: 13px;
  color: rgba(255, 250, 236, 0.65);
  margin-bottom: 5px;
  text-transform: none;
  letter-spacing: 0.5px;
}

.mam-profile-languages .mam-lang-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.mam-lang-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  background: #60796d;
  border: none;
  border-radius: 50px;
  font-size: 13px;
  color: #fffaec;
  font-weight: 500;
  white-space: nowrap;
  flex-shrink: 0;
  letter-spacing: 0.5px;
}

.mam-lang-tag::before {
  content: "\f0ac";
  font-family: "Font Awesome 6 Free", "FontAwesome", sans-serif;
  font-weight: 900;
  font-size: 13px;
  color: #bfa86b;
}

.mam-lang-more {
  display: inline-flex;
  align-items: center;
  padding: 6px 12px;
  background: #0a3023;
  border-radius: 16px;
  font-size: 13px;
  color: rgba(255, 250, 236, 0.6);
  letter-spacing: 0.5px;
}

/* Bio in card — line-clamp value set via inline style from widget settings */
.mam-profile-content .mam-profile-bio {
  margin-top: auto;
  padding-top: 8px;
  font-size: 14px;
  line-height: 1.6;
  color: rgba(255, 250, 236, 0.7);
  letter-spacing: 0.5px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Profiles Grid Layout */
.mam-profiles-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

@media (max-width: 1024px) {
  .mam-profiles-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}

@media (max-width: 640px) {
  .mam-profiles-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .mam-card-name-overlay .mam-profile-name {
    font-size: 18px;
  }
}

/* Single Profile Compatibility */
.mam-profile-compatibility {
  margin-top: 16px;
  padding: 14px 18px;
  border-radius: 12px;
  background: rgba(10, 48, 35, 0.5);
  border: 1px solid rgba(191, 168, 107, 0.15);
}

.mam-compat-score {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-bottom: 8px;
}

.mam-compat-percent {
  font-size: 28px;
  font-weight: 700;
  background: linear-gradient(90deg, #927431, #bfa86b, #e6d996, #efe3c4, #fffde4, #efe3c4, #e6d996, #bfa86b, #937431);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.mam-compat-label {
  font-size: 13px;
  color: #fffaec;
}

.mam-compat-bar {
  height: 8px;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  overflow: hidden;
}

.mam-compat-fill {
  height: 100%;
  border-radius: 4px;
  transition: width 0.5s ease;
  background: linear-gradient(90deg, #927431, #bfa86b, #e6d996, #efe3c4, #fffde4, #efe3c4, #e6d996, #bfa86b, #937431);
}

.mam-profile-compatibility.mam-compat-high .mam-compat-percent,
.mam-profile-compatibility.mam-compat-medium .mam-compat-percent,
.mam-profile-compatibility.mam-compat-low .mam-compat-percent {
  background: linear-gradient(90deg, #927431, #bfa86b, #e6d996, #efe3c4, #fffde4, #efe3c4, #e6d996, #bfa86b, #937431);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.mam-profile-compatibility.mam-compat-high .mam-compat-fill,
.mam-profile-compatibility.mam-compat-medium .mam-compat-fill,
.mam-profile-compatibility.mam-compat-low .mam-compat-fill {
  background: linear-gradient(90deg, #927431, #bfa86b, #e6d996, #efe3c4, #fffde4, #efe3c4, #e6d996, #bfa86b, #937431);
}

/* Compatibility Tooltip */
.mam-compat-has-tooltip {
  position: relative;
  cursor: pointer;
}

.mam-compat-info-icon {
  display: inline-flex;
  align-items: center;
  margin-left: 4px;
  opacity: 0.5;
  transition: opacity 0.2s;
}

.mam-compat-has-tooltip:hover .mam-compat-info-icon {
  opacity: 1;
}

.mam-compat-tooltip {
  position: absolute;
  top: calc(100% + 12px);
  left: 0;
  transform: none;
  width: 280px;
  background: linear-gradient(165deg, #162d2d 0%, #0d2020 100%) !important;
  border: 1px solid rgba(191, 168, 107, 0.15) !important;
  border-radius: 16px;
  box-shadow:
    0 24px 48px rgba(0, 0, 0, 0.5),
    0 0 0 1px rgba(191, 168, 107, 0.08);
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition:
    opacity 0.25s ease,
    visibility 0.25s,
    transform 0.25s ease;
  transform: translateY(-8px);
  backdrop-filter: blur(20px);
}

.mam-compat-has-tooltip:hover .mam-compat-tooltip {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.mam-compat-tooltip::before {
  content: "";
  position: absolute;
  top: -8px;
  left: 30px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid rgba(191, 168, 107, 0.15);
}

.mam-compat-tooltip::after {
  content: "";
  position: absolute;
  top: -6px;
  left: 32px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #162d2d;
}

.mam-compat-tooltip-header {
  padding: 16px 20px 14px;
  border-bottom: 1px solid rgba(191, 168, 107, 0.1);
}

.mam-compat-tooltip-title {
  font-size: 13px;
  font-weight: 600;
  color: rgba(255, 250, 236, 0.5) !important;
  text-transform: uppercase;
  letter-spacing: 0.8px;
}

.mam-compat-tooltip-body {
  padding: 16px 20px;
  max-height: 360px;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.mam-compat-tooltip-body::-webkit-scrollbar {
  width: 0;
  display: none;
}

/* Show thin scrollbar only on hover */
.mam-compat-tooltip-body:hover {
  scrollbar-width: thin;
  scrollbar-color: rgba(191, 168, 107, 0.3) transparent;
}

.mam-compat-tooltip-body:hover::-webkit-scrollbar {
  width: 4px;
  display: block;
}

.mam-compat-tooltip-body:hover::-webkit-scrollbar-track {
  background: transparent;
}

.mam-compat-tooltip-body:hover::-webkit-scrollbar-thumb {
  background: rgba(191, 168, 107, 0.3);
  border-radius: 4px;
}

.mam-compat-tooltip-body:hover::-webkit-scrollbar-thumb:hover {
  background: rgba(191, 168, 107, 0.5);
}

.mam-compat-category {
  margin-bottom: 20px;
}

.mam-compat-category:last-child {
  margin-bottom: 0;
}

.mam-compat-category-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  padding-bottom: 6px;
  border-bottom: 1px solid rgba(255, 250, 236, 0.04);
}

.mam-compat-category-label {
  font-size: 11px;
  font-weight: 700;
  color: var(--mam-accent) !important;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.mam-compat-category-percent {
  font-size: 12px;
  font-weight: 700;
  color: #fffaec !important;
}

.mam-compat-category-items {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.mam-compat-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 12px;
  background: rgba(255, 250, 236, 0.03) !important;
  border-radius: 10px;
  border: 1px solid rgba(255, 250, 236, 0.04);
  transition: background 0.15s ease;
}

.mam-compat-item:hover {
  background: rgba(255, 250, 236, 0.06) !important;
}

.mam-compat-item-label {
  font-size: 13px;
  color: rgba(255, 250, 236, 0.75) !important;
  font-weight: 400;
}

.mam-compat-item-indicator {
  display: flex;
  align-items: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  justify-content: center;
  font-size: 12px;
}

.mam-compat-item-match .mam-compat-item-indicator {
  color: #22c55e !important;
  background: rgba(34, 197, 94, 0.12);
}

.mam-compat-item-partial .mam-compat-item-indicator {
  color: var(--mam-accent) !important;
  background: rgba(191, 168, 107, 0.12);
}

.mam-compat-item-unknown .mam-compat-item-indicator {
  color: #94a3b8 !important;
  background: rgba(148, 163, 184, 0.1);
}

.mam-compat-item-low .mam-compat-item-indicator {
  color: #ef4444 !important;
  background: rgba(239, 68, 68, 0.1);
}

/* Mobile tooltip adjustments */
@media (max-width: 640px) {
  .mam-compat-tooltip {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 32px);
    max-width: 340px;
  }

  .mam-compat-has-tooltip:hover .mam-compat-tooltip {
    transform: translate(-50%, -50%);
  }

  .mam-compat-tooltip::before,
  .mam-compat-tooltip::after {
    display: none;
  }
}

/* Last Seen Indicator */
.mam-last-seen {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-left: 8px;
  font-size: 11px;
  color: #bfa86b;
}

.mam-last-seen i {
  font-size: 6px;
  color: #bfa86b;
}

.mam-last-seen.mam-online {
  color: #22c55e;
}

.mam-last-seen.mam-online i {
  color: #22c55e;
  animation: pulse-online 2s infinite;
}

@keyframes pulse-online {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}

/* Single Profile Last Seen */
.mam-profile-last-seen {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 8px;
  font-size: 13px;
  color: #bfa86b;
}

.mam-profile-last-seen i {
  font-size: 13px;
  color: #bfa86b;
}

.mam-profile-last-seen.mam-online {
  color: #22c55e;
}

.mam-profile-last-seen.mam-online i {
  color: #22c55e;
  animation: pulse-online 2s infinite;
}

/* Profile Viewers Card */
.mam-dash-viewers-card .mam-dash-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.mam-dash-viewers-card .mam-dash-card-header h3 {
  display: flex;
  align-items: center;
  gap: 10px;
}

.mam-viewers-badge {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  background: linear-gradient(
    135deg,
    rgba(239, 68, 68, 0.2),
    rgba(239, 68, 68, 0.1)
  );
  color: #ef4444;
  font-size: 11px;
  font-weight: 600;
  border-radius: 12px;
}

.mam-viewers-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.mam-viewer-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  background: rgba(255, 250, 236, 0.03);
  border: 1px solid rgba(255, 250, 236, 0.06);
  border-radius: 12px;
  text-decoration: none;
  color: #fffaec;
  transition: all 0.2s ease;
}

.mam-viewer-item:hover {
  background: #094239;
  border-color: rgba(255, 250, 236, 0.12);
  transform: translateX(4px);
  color: #fffaec;
}

.mam-viewer-item.mam-viewer-new {
  border-color: rgba(239, 68, 68, 0.3);
  background: rgba(239, 68, 68, 0.05);
}

.mam-viewer-avatar {
  position: relative;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  background: linear-gradient(
    135deg,
    rgba(191, 168, 107, 0.2),
    rgba(191, 168, 107, 0.1)
  );
  display: flex;
  align-items: center;
  justify-content: center;
}

.mam-viewer-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mam-viewer-initials {
  font-size: 14px;
  font-weight: 600;
  color: var(--mam-accent);
}

.mam-viewer-new-dot {
  position: absolute;
  top: 0;
  right: 0;
  width: 12px;
  height: 12px;
  background: #ef4444;
  border-radius: 50%;
  border: 2px solid var(--mam-card-bg);
}

.mam-viewer-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.mam-viewer-name {
  font-weight: 600;
  font-size: 14px;
}

.mam-viewer-time {
  font-size: 12px;
  color: rgba(255, 250, 236, 0.5);
}

.mam-viewer-arrow {
  color: rgba(255, 250, 236, 0.3);
  font-size: 12px;
}

.mam-empty-state {
  text-align: center;
  padding: 20px;
  color: rgba(255, 250, 236, 0.85);
}

/* Favorites Card */
.mam-dash-favorites-card .mam-dash-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.mam-dash-favorites-card .mam-dash-card-header h3 {
  display: flex;
  align-items: center;
  gap: 10px;
}

.mam-favorites-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 22px;
  padding: 0 6px;
  background: linear-gradient(
    135deg,
    rgba(191, 168, 107, 0.2),
    rgba(191, 168, 107, 0.1)
  );
  color: var(--mam-accent);
  font-size: 11px;
  font-weight: 600;
  border-radius: 11px;
}

.mam-favorites-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}

.mam-favorite-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  background: rgba(255, 250, 236, 0.03);
  border: 1px solid rgba(255, 250, 236, 0.06);
  border-radius: 12px;
  text-decoration: none;
  color: #fffaec;
  transition: all 0.2s ease;
}

.mam-favorite-item:hover {
  background: #094239;
  border-color: rgba(255, 250, 236, 0.12);
  color: #fffaec;
}

.mam-favorite-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  background: linear-gradient(
    135deg,
    rgba(191, 168, 107, 0.2),
    rgba(191, 168, 107, 0.1)
  );
  display: flex;
  align-items: center;
  justify-content: center;
}

.mam-favorite-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mam-favorite-initials {
  font-size: 13px;
  font-weight: 600;
  color: var(--mam-accent);
}

.mam-favorite-info {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.mam-favorite-name {
  font-weight: 600;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mam-favorite-meta {
  font-size: 11px;
  color: rgba(255, 250, 236, 0.5);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 480px) {
  .mam-favorites-grid {
    grid-template-columns: 1fr;
  }
}

/* Activity History Card */
.mam-dash-activity-card .mam-dash-card-header h3 {
  display: flex;
  align-items: center;
  gap: 10px;
}

.mam-activity-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.mam-activity-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  background: rgba(255, 250, 236, 0.03);
  border: 1px solid rgba(255, 250, 236, 0.06);
  border-radius: 10px;
  transition: all 0.2s ease;
}

.mam-activity-item:hover {
  background: rgba(255, 250, 236, 0.06);
}

.mam-activity-icon {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: linear-gradient(
    135deg,
    rgba(191, 168, 107, 0.15),
    rgba(191, 168, 107, 0.05)
  );
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.mam-activity-icon i {
  font-size: 12px;
  color: var(--mam-accent);
}

.mam-activity-content {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.mam-activity-text {
  font-size: 13px;
  font-weight: 500;
  color: #fffaec;
}

.mam-activity-time {
  font-size: 11px;
  color: rgba(255, 250, 236, 0.5);
}

/* Suggested Matches Card */
.mam-dash-suggestions-card .mam-dash-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.mam-dash-suggestions-card .mam-dash-card-header h3 {
  display: flex;
  align-items: center;
  gap: 10px;
}

.mam-suggestions-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}

.mam-suggestion-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px 12px;
  background: rgba(255, 250, 236, 0.03);
  border: 1px solid rgba(255, 250, 236, 0.06);
  border-radius: 14px;
  text-decoration: none;
  color: #fffaec;
  transition: all 0.2s ease;
  text-align: center;
}

.mam-suggestion-item:hover {
  background: #094239;
  border-color: rgba(191, 168, 107, 0.3);
  color: #fffaec;
  transform: translateY(-2px);
}

/* Best Match Styling (80%+ compatibility) */
.mam-suggestion-item.mam-best-match,
.mam-daily-pick-item.mam-best-match {
  position: relative;
  border: 2px solid #4caf50 !important;
  background: rgba(76, 175, 80, 0.08) !important;
  box-shadow: 0 0 15px rgba(76, 175, 80, 0.25);
}

.mam-suggestion-item.mam-best-match:hover,
.mam-daily-pick-item.mam-best-match:hover {
  border-color: #4caf50 !important;
  box-shadow: 0 0 20px rgba(76, 175, 80, 0.35);
}

.mam-best-match-badge {
  position: absolute;
  top: 8px;
  left: 8px;
  background: linear-gradient(135deg, #4caf50, #2e7d32);
  color: #fffaec;
  font-size: 10px;
  font-weight: 600;
  padding: 4px 8px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  gap: 4px;
  z-index: 10;
  box-shadow: 0 2px 8px rgba(76, 175, 80, 0.4);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.mam-best-match-badge i {
  font-size: 9px;
}

/* Best match photo border glow */
.mam-best-match .mam-suggestion-photo,
.mam-best-match .mam-daily-pick-photo {
  border: 3px solid #4caf50;
  box-shadow: 0 0 12px rgba(76, 175, 80, 0.5);
}

.mam-suggestion-photo {
  position: relative;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  overflow: hidden;
  background: linear-gradient(
    135deg,
    rgba(191, 168, 107, 0.2),
    rgba(191, 168, 107, 0.1)
  );
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}

.mam-suggestion-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mam-suggestion-initials {
  font-size: 18px;
  font-weight: 600;
  color: var(--mam-accent);
}

.mam-suggestion-compat {
  position: absolute;
  bottom: -4px;
  right: -4px;
  padding: 3px 8px;
  font-size: 10px;
  font-weight: 700;
  border-radius: 10px;
  border: 2px solid var(--mam-primary);
}

.mam-suggestion-compat.mam-compat-high {
  background: #22c55e;
  color: #fffaec;
}

.mam-suggestion-compat.mam-compat-medium {
  background: var(--mam-accent);
  color: #1a0f08;
}

.mam-suggestion-compat.mam-compat-low {
  background: rgba(255, 250, 236, 0.3);
  color: #fffaec;
}

.mam-suggestion-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.mam-suggestion-name {
  font-weight: 600;
  font-size: 13px;
}

.mam-suggestion-location {
  font-size: 11px;
  color: rgba(255, 250, 236, 0.5);
}

@media (max-width: 480px) {
  .mam-suggestions-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
  }

  .mam-suggestion-item {
    padding: 12px 8px;
  }

  .mam-suggestion-photo {
    width: 52px;
    height: 52px;
  }
}

/* Profile Insights Card */
.mam-dash-insights-card .mam-dash-card-body {
  padding: 20px;
}

.mam-insights-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-bottom: 16px;
}

.mam-insight-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 16px;
  background: rgba(255, 250, 236, 0.03);
  border-radius: 12px;
  border: 1px solid rgba(255, 250, 236, 0.05);
}

.mam-insight-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: rgba(191, 168, 107, 0.15);
  border-radius: 10px;
  color: var(--mam-accent);
  font-size: 16px;
  flex-shrink: 0;
}

.mam-insight-content {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
  min-width: 0;
}

.mam-insight-value {
  font-size: 24px;
  font-weight: 700;
  color: #fffaec !important;
  line-height: 1.2;
}

.mam-insight-label {
  font-size: 12px;
  color: rgba(255, 250, 236, 0.7);
  font-weight: 500;
}

.mam-insight-sub {
  font-size: 11px;
  color: rgba(255, 250, 236, 0.4);
}

.mam-insight-bar {
  height: 4px;
  background: rgba(255, 250, 236, 0.1);
  border-radius: 2px;
  overflow: hidden;
  margin-top: 8px;
}

.mam-insight-bar-fill {
  height: 100%;
  background: linear-gradient(90deg, var(--mam-accent), #e0c77a);
  border-radius: 2px;
  transition: width 0.5s ease;
}

.mam-insight-tip {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  background: rgba(191, 168, 107, 0.08);
  border: 1px solid rgba(191, 168, 107, 0.2);
  border-radius: 10px;
}

.mam-insight-tip-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: rgba(191, 168, 107, 0.2);
  border-radius: 8px;
  color: var(--mam-accent);
  font-size: 14px;
  flex-shrink: 0;
}

.mam-insight-tip-content {
  flex: 1;
  min-width: 0;
}

.mam-insight-tip-label {
  display: block;
  font-size: 10px;
  font-weight: 600;
  color: var(--mam-accent);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 2px;
}

.mam-insight-tip-text {
  font-size: 13px;
  color: rgba(255, 250, 236, 0.8) !important;
}

.mam-insight-tip .mam-btn {
  flex-shrink: 0;
}

@media (max-width: 768px) {
  .mam-insights-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .mam-insight-item {
    padding: 14px;
  }

  .mam-insight-tip {
    flex-wrap: wrap;
  }

  .mam-insight-tip .mam-btn {
    width: 100%;
    margin-top: 8px;
  }
}

/* Favorite/Save Buttons */
.mam-favorite-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  background: transparent;
  border: 1px solid var(--mam-border, rgba(255, 250, 236, 0.1));
  border-radius: 6px;
  color: var(--mam-text-muted, #888);
  font-size: 12px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.mam-favorite-btn:hover {
  border-color: var(--mam-accent);
  color: var(--mam-accent);
}

.mam-favorite-btn.is-favorited {
  background: rgba(191, 168, 107, 0.1);
  border-color: var(--mam-accent);
  color: var(--mam-accent);
}

.mam-favorite-btn.is-favorited i {
  color: var(--mam-accent);
}

/* Card Favorite Button (on profile cards) - TOP RIGHT POSITION */
.mam-card-favorite,
.mam-profile-card .mam-card-favorite,
.mam-profile-photo .mam-card-favorite {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  bottom: auto !important;
  left: auto !important;
  width: 38px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(0, 0, 0, 0.45) !important;
  backdrop-filter: blur(4px) !important;
  border: none !important;
  border-radius: 50% !important;
  color: #fffaec !important;
  font-size: 16px !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
  z-index: 10 !important;
  opacity: 1 !important;
}

.mam-card-favorite:hover,
.mam-profile-card .mam-card-favorite:hover {
  background: rgba(0, 0, 0, 0.65) !important;
  transform: scale(1.1) !important;
}

.mam-card-favorite.is-favorited,
.mam-profile-card .mam-card-favorite.is-favorited {
  opacity: 1 !important;
  background: var(--mam-accent, #bfa86b) !important;
  color: #1a0f08 !important;
}

.mam-card-favorite.is-favorited:hover {
  background: #e0c77a !important;
}

/* Disabled favorite for visitors — styles defined above */

/* Review Card */
.mam-dash-review-card .mam-dash-card-body {
  padding: 16px;
}

.mam-review-intro {
  color: rgba(255, 250, 236, 0.7);
  font-size: 13px;
  margin-bottom: 16px;
}

.mam-review-form-wrapper {
  background: rgba(255, 250, 236, 0.03);
  border-radius: 10px;
  padding: 16px;
  margin-bottom: 12px;
}

.mam-review-form-wrapper:last-child {
  margin-bottom: 0;
}

.mam-review-partner {
  font-size: 14px;
  color: #bfa86b;
  margin-bottom: 12px;
}

.mam-review-form .mam-form-group {
  margin-bottom: 12px;
}

.mam-review-form .mam-form-group label {
  display: block;
  font-size: 12px;
  color: rgba(255, 250, 236, 0.6);
  margin-bottom: 6px;
}

.mam-review-form textarea {
  width: 100%;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(255, 250, 236, 0.1);
  border-radius: 8px;
  padding: 10px 12px;
  color: #fffaec;
  font-size: 13px;
  resize: vertical;
  min-height: 70px;
}

.mam-review-form textarea:focus {
  outline: none;
  border-color: #bfa86b;
}

.mam-review-form textarea::placeholder {
  color: rgba(255, 250, 236, 0.4);
}

/* Star Rating */
.mam-star-rating {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  gap: 4px;
}

.mam-star-rating input {
  display: none;
}

.mam-star-rating label {
  cursor: pointer;
  font-size: 20px;
  color: rgba(255, 250, 236, 0.2);
  transition: color 0.15s ease;
}

.mam-star-rating label:hover,
.mam-star-rating label:hover ~ label,
.mam-star-rating input:checked ~ label {
  color: #bfa86b;
}

.mam-review-form button[type="submit"] {
  margin-top: 8px;
}

.mam-review-success {
  text-align: center;
  padding: 20px;
  color: #4caf50;
}

.mam-review-success i {
  font-size: 32px;
  margin-bottom: 10px;
}

/* Saved Profiles Card */
.mam-dash-saved-card .mam-dash-card-body {
  padding: 16px;
}

.mam-saved-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

/* Mini profile cards in saved/favorites */
.mam-saved-card-mini {
  border-radius: 12px !important;
  overflow: hidden;
  text-decoration: none !important;
}

.mam-saved-card-mini .mam-card-photo {
  height: 160px;
}

.mam-saved-card-mini .mam-profile-content {
  padding: 10px 12px;
}

.mam-saved-card-mini .mam-profile-name {
  font-size: 13px;
}

.mam-saved-card-mini .mam-profile-info {
  font-size: 11px;
  margin-bottom: 4px;
}

.mam-saved-card-mini .mam-profile-languages {
  gap: 4px;
}

.mam-saved-card-mini .mam-lang-tag {
  font-size: 10px;
  padding: 1px 5px;
}

.mam-saved-card-mini .mam-lang-label {
  font-size: 10px;
}

.mam-saved-card-mini .mam-lang-more {
  font-size: 10px;
}

.mam-saved-remove {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(4px);
  border: none;
  border-radius: 50%;
  color: rgba(255, 250, 236, 0.7);
  font-size: 12px;
  cursor: pointer;
  transition: all 0.2s ease;
  opacity: 0;
  z-index: 5;
}

.mam-saved-card-mini:hover .mam-saved-remove {
  opacity: 1;
}

.mam-saved-remove:hover {
  background: rgba(239, 68, 68, 0.8);
  color: #fffaec;
}

@media (max-width: 480px) {
  .mam-saved-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  .mam-saved-card-mini .mam-card-photo {
    height: 130px;
  }
}

.mam-dash-card-header .mam-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  background: var(--mam-accent);
  color: #1a0f08;
  font-size: 11px;
  font-weight: 600;
  border-radius: 10px;
  margin-left: 8px;
}

/* Block/Report Buttons */
.mam-profile-secondary-actions {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  margin-top: 16px !important;
  padding: 24px !important;
  border-top: 1px solid rgba(255, 250, 236, 0.1) !important;
}

.mam-profile-secondary-actions .mam-favorite-btn,
.mam-profile-secondary-actions .mam-block-btn,
.mam-profile-secondary-actions .mam-report-btn {
  padding: 6px 10px !important;
  font-size: 11px !important;
  gap: 4px !important;
  border-radius: 6px !important;
  white-space: nowrap !important;
}

.mam-block-btn,
.mam-report-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  background: transparent;
  border: 1px solid var(--mam-border, rgba(255, 250, 236, 0.1));
  border-radius: 6px;
  color: var(--mam-text-muted, #888);
  font-size: 12px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.mam-block-btn:hover {
  border-color: #ef4444;
  color: #ef4444;
  background: rgba(239, 68, 68, 0.1);
}

.mam-block-btn.is-blocked {
  border-color: #22c55e;
  color: #22c55e;
}

.mam-block-btn.is-blocked:hover {
  background: rgba(34, 197, 94, 0.1);
}

.mam-report-btn:hover {
  border-color: #f59e0b;
  color: #f59e0b;
  background: rgba(245, 158, 11, 0.1);
}

/* Report Modal */
.mam-report-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition:
    opacity 0.3s,
    visibility 0.3s;
}

.mam-report-modal.is-open {
  opacity: 1;
  visibility: visible;
}

.mam-report-modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
}

.mam-report-modal-content {
  position: relative;
  width: 100%;
  max-width: 420px;
  margin: 20px;
  padding: 24px;
  background: var(--mam-card-bg, #1a1a1a);
  border: 1px solid var(--mam-border, rgba(255, 250, 236, 0.1));
  border-radius: 16px;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5);
  transform: translateY(-20px);
  transition: transform 0.3s;
}

.mam-report-modal.is-open .mam-report-modal-content {
  transform: translateY(0);
}

.mam-report-modal-close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 250, 236, 0.05);
  border: none;
  border-radius: 50%;
  color: var(--mam-text-muted, #888);
  cursor: pointer;
  transition: all 0.2s;
}

.mam-report-modal-close:hover {
  background: rgba(255, 250, 236, 0.1);
  color: #fffaec;
}

.mam-report-modal-content h3 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 20px;
  font-size: 18px;
  color: var(--mam-text, #fffaec);
}

.mam-report-modal-content h3 i {
  color: #f59e0b;
}

.mam-report-modal .mam-form-group {
  margin-bottom: 16px;
}

.mam-report-modal .mam-form-group label {
  display: block;
  margin-bottom: 6px;
  font-size: 13px;
  font-weight: 500;
  color: var(--mam-text-muted, #888);
}

.mam-report-modal select,
.mam-report-modal textarea {
  width: 100%;
  padding: 10px 14px;
  background: rgba(255, 250, 236, 0.05);
  border: 1px solid var(--mam-border, rgba(255, 250, 236, 0.1));
  border-radius: 8px;
  color: var(--mam-text, #fffaec);
  font-size: 14px;
  transition: border-color 0.2s;
}

.mam-report-modal select:focus,
.mam-report-modal textarea:focus {
  outline: none;
  border-color: var(--mam-accent);
}

.mam-report-modal textarea {
  resize: vertical;
  min-height: 80px;
}

.mam-report-modal .mam-btn {
  width: 100%;
  margin-top: 8px;
}

.mam-new-badge {
  position: absolute;
  top: 12px;
  left: 12px;
  padding: 4px 10px;
  background: rgba(191, 168, 107, 0.9);
  color: #1a0f08;
  font-size: 11px;
  font-weight: 600;
  border-radius: 20px;
  text-transform: uppercase;
  z-index: 2;
}

/* Matched Badge */
.mam-matched-badge {
  position: absolute;
  top: 12px;
  left: 12px;
  padding: 5px 12px;
  background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
  color: #fffaec;
  font-size: 11px;
  font-weight: 600;
  border-radius: 20px;
  text-transform: uppercase;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 5px;
  box-shadow: 0 2px 8px rgba(34, 197, 94, 0.4);
}

.mam-matched-badge i {
  font-size: 10px;
}

/* Matched Profile Card */
.mam-profile-card.mam-profile-matched {
  border: 2px solid #22c55e;
  box-shadow: 0 0 15px rgba(34, 197, 94, 0.25);
}

.mam-profile-card.mam-profile-matched .mam-profile-photo::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(34, 197, 94, 0.15) 0%,
    transparent 50%
  );
  z-index: 1;
  pointer-events: none;
}

/* Single Profile - Matched State */
.mam-profile-detail.mam-profile-is-matched {
  border: 2px solid #22c55e;
}

.mam-profile-matched-banner {
  background: linear-gradient(
    135deg,
    rgba(34, 197, 94, 0.15) 0%,
    rgba(22, 163, 74, 0.1) 100%
  );
  border: 1px solid rgba(34, 197, 94, 0.3);
  border-radius: var(--mam-radius);
  padding: 16px 20px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

.mam-matched-badge-large {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
  color: #fffaec;
  font-size: 14px;
  font-weight: 600;
  border-radius: 25px;
  text-transform: uppercase;
  box-shadow: 0 2px 10px rgba(34, 197, 94, 0.4);
}

.mam-matched-badge-large i {
  font-size: 12px;
}

.mam-profile-matched-banner p {
  margin: 0;
  color: #22c55e;
  font-size: 14px;
  font-weight: 500;
}

.mam-profile-hero-photo.mam-photo-matched {
  border: 3px solid #22c55e;
  box-shadow: 0 0 20px rgba(34, 197, 94, 0.3);
}

.mam-profile-hero-photo .mam-matched-badge {
  position: absolute;
  top: 12px;
  right: 12px;
  padding: 8px 14px;
  background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
  color: #fffaec;
  font-size: 11px;
  font-weight: 700;
  border-radius: 8px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 6px;
  box-shadow: 0 4px 15px rgba(34, 197, 94, 0.4);
  z-index: 5;
  letter-spacing: 0.5px;
}

.mam-profile-hero-photo .mam-matched-badge i {
  font-size: 12px;
}

/* Profile Detail Theme */
.mam-profile-detail {
  background: #0a3023;
  color: #fffaec;
  border-radius: 18px;
  padding: 24px;
}

/* Force all SVG icons in profile detail to be small and golden */
.mam-profile-detail svg {
  width: 20px !important;
  height: 20px !important;
  fill: #bfa86b !important;
  color: #bfa86b !important;
}

.mam-profile-detail svg *,
.mam-profile-detail svg path,
.mam-profile-detail svg circle,
.mam-profile-detail svg rect,
.mam-profile-detail svg polygon {
  fill: #bfa86b !important;
  stroke: none !important;
}

.mam-profile-detail i,
.mam-profile-detail i.fa,
.mam-profile-detail i.fas,
.mam-profile-detail i.far,
.mam-profile-detail i.fab {
  color: #bfa86b !important;
  font-size: 18px !important;
  margin-left: 2px;
}

/* Profile Top Bar */
.mam-profile-top-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}

.mam-profile-top-bar .mam-profile-title {
  margin-bottom: 0;
}

/* Profile Back Button */
.mam-profile-back-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #bfa86b;
  font-family: 'Antic', sans-serif;
  font-size: 15px;
  text-decoration: none;
  padding: 8px 16px;
  border-radius: 8px;
  background: rgba(191, 168, 107, 0.1);
  border: 1px solid rgba(191, 168, 107, 0.25);
  transition: all 0.2s ease;
}

.mam-profile-back-btn:hover {
  background: rgba(191, 168, 107, 0.2);
  border-color: rgba(191, 168, 107, 0.4);
  color: #d4b56d;
  text-decoration: none;
}

.mam-profile-back-btn i {
  font-size: 14px !important;
  color: inherit !important;
}

@media (max-width: 768px) {
  .mam-profile-top-bar {
    flex-direction: column;
    align-items: flex-end;
  }

  .mam-profile-top-bar .mam-profile-title {
    align-self: flex-start;
    width: 100%;
  }
}

/* Force Elementor container to full width on profile page */
.elementor-widget-mam_profile .elementor-widget-container,
.elementor-widget-mam_profile {
  width: 100% !important;
  max-width: 100% !important;
}

.mam-profile-layout {
  display: grid !important;
  grid-template-columns: 340px 1fr !important;
  gap: 24px;
  width: 100% !important;
  max-width: 1200px !important;
  min-width: 0 !important;
  margin: 0 auto;
}
.mam-profile-layout > * {
  min-width: 0 !important;
  overflow-wrap: break-word;
  word-break: break-word;
}

.mam-profile-hero {
  background: #094239;
  border-radius: 28px;
  overflow: visible;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
}

.mam-profile-hero-photo {
  position: relative;
  padding-top: 73%;
  overflow: hidden;
  background: linear-gradient(135deg, #094239 0%, #094239 100%);
  border-radius: 18px 18px 0 0;
}

.mam-profile-hero-photo.has-photo::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 60%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 100%);
  z-index: 1;
  pointer-events: none;
}

.mam-profile-hero-photo img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}

.mam-profile-hero-photo .mam-profile-initials {
  font-size: 72px;
}

.mam-profile-hero-photo .mam-profile-placeholder {
  font-size: 72px;
}

.mam-profile-hero-photo .mam-card-name-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px 20px;
  z-index: 2;
  text-align: center;
}

.mam-profile-hero-photo .mam-card-name-overlay .mam-profile-name {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: #fffaec !important;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
  display: inline;
  letter-spacing: 1px;
}

.mam-profile-hero-photo .mam-card-name-overlay .mam-name-text {
  color: #fffaec !important;
}

.mam-profile-hero-photo .mam-card-name-overlay .mam-age-text {
  color: #fffaec !important;
  font-weight: 600;
}

.mam-profile-hero-info {
  padding: 20px 24px 28px;
  margin-left: -6px;
}

.mam-profile-hero-info .mam-profile-meta {
  color: rgba(255, 250, 236, 0.75);
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 10px;
  font-size: 14px;
  letter-spacing: 1.2px;
}

.mam-profile-hero-info .mam-profile-last-seen {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: 13px;
}

.mam-profile-panel {
  background: #094239;
  border: 1px solid rgba(255, 250, 236, 0.06);
  border-radius: 16px;
  padding: 16px;
  margin-bottom: 16px;
  overflow: hidden;
}

.mam-profile-body {
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: pre-wrap;
  color: #fffaec;
  font-family: 'Antic', sans-serif;
  font-size: 15px;
  line-height: 1.6;
}

h4.mam-profile-section-title {
  color: #fffaec;
  margin: 0 0 12px;
  font-size: 16px;
}

.mam-profile-info-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 12px;
}

.mam-profile-info-item {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  background: rgba(9, 66, 57, 0.65);
  border-radius: 12px;
  padding: 12px;
  color: #fffaec;
}

.mam-profile-info-item i {
  color: var(--mam-accent) !important;
  font-size: 18px;
  margin-top: 2px;
}

/* SVG icons in profile info items - make them small and golden */
.mam-profile-info-item svg {
  width: 20px !important;
  height: 20px !important;
  fill: #bfa86b !important;
  color: #bfa86b !important;
  flex-shrink: 0;
  margin-top: 2px;
}

.mam-profile-info-item svg *,
.mam-profile-info-item svg path,
.mam-profile-info-item svg circle,
.mam-profile-info-item svg rect,
.mam-profile-info-item svg polygon {
  fill: #bfa86b !important;
  stroke: none !important;
}

/* Elementor icon wrapper in profile info */
.mam-profile-info-item .elementor-icon,
.mam-profile-info-item [class*="elementor-icon"] {
  width: 20px !important;
  height: 20px !important;
  font-size: 18px !important;
  color: #bfa86b !important;
}

.mam-profile-info-item span {
  display: block;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #bfa86b;
  margin-bottom: 4px;
}

.mam-profile-info-item strong {
  font-size: 14px;
  font-weight: 400;
  color: #fffaec;
}

.mam-profile-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.mam-profile-tags span {
  padding: 8px 16px;
  border-radius: 999px;
  background: #60796d;
  color: #fffaec;
  font-size: 15px;
}

.mam-profile-cta {
  text-align: center;
  background: rgba(9, 66, 57, 0.85);
  border: 1px solid rgba(255, 250, 236, 0.1);
  border-radius: 18px;
  padding: 24px;
}

.mam-profile-cta h4 {
  margin: 0 0 10px;
  color: #f7f0df;
}

.mam-profile-cta p {
  margin: 0 0 16px;
  color: rgba(255, 250, 236, 0.7);
  font-size: 14px;
}

/* Loading */
.mam-loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px 40px;
  gap: 16px;
  color: rgba(255, 250, 236, 0.6);
}

.mam-loading i {
  font-size: 32px;
  color: var(--mam-accent);
}

.mam-spinner {
  width: 40px;
  height: 40px;
  border: 3px solid rgba(255, 250, 236, 0.1);
  border-top-color: var(--mam-accent);
  border-radius: 50%;
  animation: mam-spin 0.8s linear infinite;
}

@keyframes mam-spin {
  to {
    transform: rotate(360deg);
  }
}

/* Empty State */
.mam-empty-state {
  text-align: center;
  padding: 60px 20px;
}

.mam-empty-state i {
  font-size: 48px;
  color: rgba(255, 250, 236, 0.2);
  margin-bottom: 20px;
}

.mam-empty-state h3 {
  font-family: "Cinzel", serif;
  font-size: 22px;
  color: #fffaec;
  margin: 0 0 12px;
}

.mam-empty-state p {
  color: rgba(255, 250, 236, 0.85);
  margin: 0 0 24px;
  font-size: 14px;
}

/* Responsive */
@media (max-width: 768px) {
  .mam-dashboard {
    grid-template-columns: 1fr;
  }

  .mam-dashboard-sidebar {
    position: static;
  }

  .mam-auth-form {
    margin: 20px;
    padding: 24px;
  }

  .mam-profiles-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }

  .mam-gender-select {
    flex-direction: column;
  }

  .mam-account-select {
    flex-direction: column;
  }

  .mam-form-row {
    grid-template-columns: 1fr;
  }

  .mam-col-6 {
    grid-column: span 12;
  }

  .mam-filters-form {
    flex-direction: column;
    align-items: stretch;
  }

  .mam-profile-detail-header {
    grid-template-columns: 1fr;
  }

  .mam-profiles-top {
    flex-direction: column;
    align-items: stretch;
  }

  .mam-filter-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .mam-profile-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 480px) {
  .mam-profiles-grid {
    grid-template-columns: 1fr;
  }

  .mam-page-title {
    font-size: 28px;
  }
}

/* =============================================
   Dashboard - Red Logout Button
   ============================================= */

.mam-dash-logout-btn {
  background: rgba(220, 53, 69, 0.15) !important;
  border-color: rgba(220, 53, 69, 0.3) !important;
  color: #ff6b6b !important;
}

.mam-dash-logout-btn:hover {
  background: rgba(220, 53, 69, 0.25) !important;
  border-color: rgba(220, 53, 69, 0.5) !important;
  color: #ff4757 !important;
  transform: translateY(-2px);
}

/* =============================================
   Dashboard - Pending Interest Banner
   ============================================= */

.mam-dash-pending-interest {
  display: flex;
  align-items: center;
  gap: 16px;
  background: linear-gradient(
    135deg,
    rgba(239, 68, 68, 0.15) 0%,
    rgba(239, 68, 68, 0.05) 100%
  );
  border: 1px solid rgba(239, 68, 68, 0.25);
  border-radius: 16px;
  padding: 16px 20px;
  margin-bottom: 24px;
}

.mam-dash-pending-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: rgba(239, 68, 68, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #f87171;
  font-size: 20px;
  flex-shrink: 0;
  animation: mam-pulse 2s ease-in-out infinite;
}

@keyframes mam-pulse {
  0%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
}

.mam-dash-pending-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.mam-dash-pending-info strong {
  font-size: 15px;
  font-weight: 600;
  color: #fffaec;
}

.mam-dash-pending-info span {
  font-size: 13px;
  color: rgba(255, 250, 236, 0.6);
}

.mam-dash-withdraw-btn {
  padding: 10px 20px;
  background: transparent;
  border: 1px solid rgba(239, 68, 68, 0.4);
  border-radius: 10px;
  color: #f87171;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}

.mam-dash-withdraw-btn:hover {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.6);
  color: #ff6b6b;
}

/* Responsive for pending interest banner */
@media (max-width: 640px) {
  .mam-dash-pending-interest {
    flex-direction: column;
    text-align: center;
    padding: 20px;
  }

  .mam-dash-withdraw-btn {
    width: 100%;
  }
}

/* =============================================
   Dashboard - Action Center Notification Banner
   ============================================= */

.mam-dash-action-banner {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 18px 24px;
  background: linear-gradient(
    135deg,
    rgba(191, 168, 107, 0.12) 0%,
    rgba(191, 168, 107, 0.05) 100%
  );
  border: 1px solid rgba(191, 168, 107, 0.25);
  border-radius: 14px;
  margin-bottom: 24px;
}

.mam-dash-action-banner-icon {
  width: 46px;
  height: 46px;
  border-radius: 12px;
  background: linear-gradient(
    135deg,
    rgba(191, 168, 107, 0.2) 0%,
    rgba(191, 168, 107, 0.1) 100%
  );
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  animation: mam-pulse 2s ease-in-out infinite;
}

.mam-dash-action-banner-icon i {
  color: #bfa86b;
  font-size: 18px;
}

.mam-dash-action-banner-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.mam-dash-action-banner-content strong {
  font-size: 15px;
  font-weight: 600;
  color: #fffaec;
  font-family: 'Cinzel', serif;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.mam-dash-action-banner-content span {
  font-size: 13px;
  color: rgba(255, 250, 236, 0.6);
  font-family: 'Antic', sans-serif;
}

.mam-dash-action-banner-btn {
  padding: 10px 20px;
  background: linear-gradient(135deg, #16a34a 0%, #22c55e 50%, #16a34a 100%);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  border-radius: 10px;
  text-decoration: none;
  white-space: nowrap;
  box-shadow: 0 4px 15px rgba(22, 163, 74, 0.3);
  transition: all 0.2s ease;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.mam-dash-action-banner-btn:hover {
  background: linear-gradient(135deg, #15803d 0%, #16a34a 50%, #15803d 100%);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(22, 163, 74, 0.4);
  color: #fff;
  text-decoration: none;
}

.mam-dash-action-banner-dismiss,
.mam-dash-action-banner-close,
.mam-dash-action-banner button[class*="close"],
.mam-dash-action-banner button[class*="dismiss"] {
  background: rgba(255, 255, 255, 0.15) !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  color: #fffaec !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  font-size: 16px !important;
  transition: all 0.2s ease !important;
  flex-shrink: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1 !important;
}
.mam-dash-action-banner-dismiss:hover,
.mam-dash-action-banner-close:hover,
.mam-dash-action-banner button[class*="close"]:hover,
.mam-dash-action-banner button[class*="dismiss"]:hover {
  background: rgba(255, 255, 255, 0.3) !important;
  transform: scale(1.1) !important;
  color: #fffaec !important;
}

/* Cooldown Timer */
.mam-cooldown-timer {
  margin-top: 12px;
}
.mam-cooldown-blocks {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.mam-cooldown-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: rgba(0, 0, 0, 0.25);
  border: 1px solid rgba(191, 168, 107, 0.3);
  border-radius: 8px;
  padding: 8px 12px;
  min-width: 52px;
}
.mam-cooldown-num {
  font-family: 'Cinzel', serif;
  font-size: 22px;
  font-weight: 700;
  color: #bfa86b;
  line-height: 1;
  letter-spacing: 1px;
}
.mam-cooldown-label {
  font-size: 10px;
  color: rgba(255, 250, 236, 0.6);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-top: 4px;
}
.mam-cooldown-sep {
  font-size: 20px;
  font-weight: 700;
  color: rgba(191, 168, 107, 0.5);
  line-height: 1;
  margin-bottom: 14px;
}
@media (max-width: 640px) {
  .mam-cooldown-block {
    padding: 6px 8px;
    min-width: 44px;
  }
  .mam-cooldown-num {
    font-size: 18px;
  }
}

@media (max-width: 640px) {
  .mam-dash-action-banner {
    flex-direction: column;
    text-align: center;
    gap: 12px;
  }

  .mam-dash-action-banner-content {
    text-align: center;
  }

  .mam-dash-action-banner-btn {
    width: 100%;
    justify-content: center;
  }
}

/* =============================================
   Dashboard - Logos (Desktop + Mobile)
   ============================================= */

.mam-dash-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}

.mam-dash-logo img {
  width: auto;
  object-fit: contain;
}

.mam-mobile-logo {
  display: none !important;
  text-align: center;
  padding: 16px 16px 16px;
}

.mam-mobile-logo img {
  width: auto;
  object-fit: contain;
}

@media (max-width: 768px) {
  .mam-dash-logo {
    display: none;
  }
  .mam-mobile-logo {
    display: block !important;
  }
  .mam-mobile-logo.mam-section-hidden {
    display: none !important;
  }
}

/* =============================================
   Modern Settings Page Styles
   ============================================= */

.mam-settings-modern {
  background: linear-gradient(135deg, #094239 0%, #094239 50%, #0c5247 100%);
  border-radius: 24px;
  padding: 32px;
  color: #fffaec;
  min-height: 400px;
}

/* Settings Header */
.mam-settings-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 32px;
  gap: 16px;
}

.mam-settings-header-content h1 {
  font-family: "Cinzel", serif;
  font-size: clamp(28px, 5vw, 36px);
  margin: 0 0 6px;
  color: #fffaec;
  font-weight: 400;
}

.mam-settings-header-content p {
  margin: 0;
  color: rgba(255, 250, 236, 0.6);
  font-size: 15px;
}

.mam-settings-back {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  background: #094239;
  border: 1px solid rgba(255, 250, 236, 0.1);
  border-radius: 10px;
  color: rgba(255, 250, 236, 0.7);
  text-decoration: none;
  font-size: 14px;
  transition: all 0.2s ease;
  flex-shrink: 0;
}

.mam-settings-back:hover {
  background: rgba(255, 250, 236, 0.12);
  color: #fffaec;
  transform: translateX(-2px);
}

.mam-settings-back i {
  font-size: 16px;
}

.mam-settings-back svg {
  width: 16px !important;
  height: 16px !important;
  fill: currentColor !important;
}

/* Settings Notice */
.mam-settings-notice {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
  border-radius: 12px;
  margin-bottom: 24px;
  font-size: 14px;
}

.mam-settings-notice i {
  font-size: 18px;
  flex-shrink: 0;
}

.mam-settings-notice-success {
  background: rgba(34, 197, 94, 0.15);
  border: 1px solid rgba(34, 197, 94, 0.25);
  color: #4ade80;
}

.mam-settings-notice-error {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.25);
  color: #f87171;
}

/* Settings Form */
.mam-settings-form {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

/* Settings Section */
.mam-settings-section {
  background: rgba(255, 250, 236, 0.03);
  border: 1px solid rgba(255, 250, 236, 0.08);
  border-radius: 20px;
  overflow: hidden;
}

.mam-settings-section-header {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 20px 24px;
  background: rgba(255, 250, 236, 0.02);
  border-bottom: 1px solid rgba(255, 250, 236, 0.06);
}

.mam-settings-section-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: linear-gradient(
    135deg,
    rgba(191, 168, 107, 0.2) 0%,
    rgba(191, 168, 107, 0.1) 100%
  );
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--mam-accent);
  font-size: 20px;
  flex-shrink: 0;
}

.mam-settings-section-icon svg {
  width: 24px !important;
  height: 24px !important;
  fill: var(--mam-accent) !important;
}

.mam-settings-section-header h3 {
  margin: 0 0 4px;
  font-size: 18px;
  font-weight: 600;
  color: #fffaec;
}

.mam-settings-section-header p {
  margin: 0;
  font-size: 13px;
  color: rgba(255, 250, 236, 0.5);
}

.mam-settings-section-body {
  padding: 24px;
}

/* Status Options */
.mam-settings-status-options {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 16px;
}

.mam-settings-status-option {
  position: relative;
  cursor: pointer;
}

.mam-settings-status-option input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.mam-settings-status-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 24px;
  background: rgba(255, 250, 236, 0.03);
  border: 2px solid rgba(255, 250, 236, 0.08);
  border-radius: 16px;
  text-align: center;
  transition: all 0.2s ease;
}

.mam-settings-status-content i {
  font-size: 28px;
  color: rgba(255, 250, 236, 0.4);
  transition: color 0.2s ease;
}

.mam-settings-status-content svg {
  width: 48px !important;
  height: 48px !important;
  fill: rgba(255, 250, 236, 0.4) !important;
  transition: fill 0.2s ease;
}

.mam-settings-status-content strong {
  font-size: 16px;
  font-weight: 600;
  color: #fffaec;
}

.mam-settings-status-content span {
  font-size: 13px;
  color: rgba(255, 250, 236, 0.5);
}

.mam-settings-status-option:hover .mam-settings-status-content {
  background: rgba(255, 250, 236, 0.05);
  border-color: rgba(255, 250, 236, 0.15);
}

/* Available (green) active state */
.mam-settings-status-option.active .mam-settings-status-content,
.mam-settings-status-option input[value="available"]:checked + .mam-settings-status-content {
  background: rgba(34, 197, 94, 0.15);
  border-color: #4ade80;
  box-shadow: 0 0 12px rgba(34, 197, 94, 0.25);
}

.mam-settings-status-option.active .mam-settings-status-content i,
.mam-settings-status-option input[value="available"]:checked + .mam-settings-status-content i {
  color: #4ade80;
  font-size: 36px;
}

.mam-settings-status-option.active .mam-settings-status-content svg,
.mam-settings-status-option input[value="available"]:checked + .mam-settings-status-content svg {
  fill: #4ade80 !important;
}

.mam-settings-status-option.active .mam-settings-status-content strong,
.mam-settings-status-option input[value="available"]:checked + .mam-settings-status-content strong {
  color: #4ade80;
}

/* Paused (yellow) active state */
.mam-settings-status-option.active-paused .mam-settings-status-content,
.mam-settings-status-option input[value="paused"]:checked + .mam-settings-status-content {
  background: rgba(251, 191, 36, 0.15);
  border-color: #fbbf24;
  box-shadow: 0 0 12px rgba(251, 191, 36, 0.25);
}

.mam-settings-status-option.active-paused .mam-settings-status-content i,
.mam-settings-status-option input[value="paused"]:checked + .mam-settings-status-content i {
  color: #fbbf24;
  font-size: 36px;
}

.mam-settings-status-option.active-paused .mam-settings-status-content svg,
.mam-settings-status-option input[value="paused"]:checked + .mam-settings-status-content svg {
  fill: #fbbf24 !important;
}

.mam-settings-status-option.active-paused .mam-settings-status-content strong,
.mam-settings-status-option input[value="paused"]:checked + .mam-settings-status-content strong {
  color: #fbbf24;
}

/* Settings Fields */
.mam-settings-field {
  margin-bottom: 20px;
}

.mam-settings-field:last-child {
  margin-bottom: 0;
}

.mam-settings-field label {
  display: block;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 500;
  color: rgba(255, 250, 236, 0.8);
}

.mam-settings-input-wrap {
  position: relative;
  display: flex;
  align-items: center;
}

.mam-settings-input-wrap i {
  position: absolute;
  left: 16px;
  color: var(--mam-accent);
  font-size: 16px;
  pointer-events: none;
  z-index: 1;
  width: 20px;
  text-align: center;
}

.mam-settings-input-wrap svg {
  position: absolute;
  left: 16px;
  width: 18px !important;
  height: 18px !important;
  fill: var(--mam-accent) !important;
  pointer-events: none;
  z-index: 1;
}

.mam-settings-input-wrap input {
  width: 100%;
  padding: 14px 16px 14px 50px !important;
  background: rgba(255, 250, 236, 0.05) !important;
  border: 1px solid rgba(255, 250, 236, 0.1) !important;
  border-radius: 12px !important;
  color: #fffaec;
  font-size: 15px;
  transition: all 0.2s ease;
}

.mam-settings-input-wrap input::placeholder {
  color: rgba(255, 250, 236, 0.4);
}

.mam-settings-input-wrap input:focus {
  outline: none;
  border-color: rgba(191, 168, 107, 0.5);
  box-shadow: 0 0 0 3px rgba(191, 168, 107, 0.15);
  background: #094239;
}

/* Notification Toggles */
.mam-notification-toggles {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.mam-notification-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  background: rgba(255, 250, 236, 0.03);
  border: 1px solid rgba(255, 250, 236, 0.08);
  border-radius: 12px;
  transition: all 0.2s ease;
}

.mam-notification-toggle:hover {
  background: rgba(255, 250, 236, 0.06);
}

.mam-notification-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.mam-notification-label {
  font-size: 14px;
  font-weight: 600;
  color: #fffaec;
}

.mam-notification-desc {
  font-size: 12px;
  color: rgba(255, 250, 236, 0.5);
}

/* Toggle Switch */
.mam-toggle {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 28px;
  flex-shrink: 0;
}

.mam-toggle input {
  opacity: 0;
  width: 0;
  height: 0;
}

.mam-toggle-slider {
  position: absolute;
  cursor: pointer;
  inset: 0;
  background: rgba(255, 250, 236, 0.15);
  border-radius: 28px;
  transition: all 0.3s ease;
}

.mam-toggle-slider:before {
  content: "";
  position: absolute;
  height: 22px;
  width: 22px;
  left: 3px;
  bottom: 3px;
  background: #fffaec;
  border-radius: 50%;
  transition: all 0.3s ease;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.mam-toggle input:checked + .mam-toggle-slider {
  background: linear-gradient(135deg, #22c55e, #16a34a);
}

.mam-toggle input:checked + .mam-toggle-slider:before {
  transform: translateX(22px);
}

.mam-toggle input:focus + .mam-toggle-slider {
  box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.2);
}

/* Settings Actions */
.mam-settings-actions {
  display: flex;
  justify-content: flex-end;
  padding-top: 8px;
}

.mam-settings-save-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 14px 28px !important;
  background: linear-gradient(135deg, #927431, #bfa86b, #e6d996) !important;
  border: none !important;
  border-radius: 12px !important;
  color: #0a3023 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  font-family: 'Antic', sans-serif !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.mam-settings-save-btn:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(191, 168, 107, 0.3) !important;
  color: #0a3023 !important;
}

.mam-settings-save-btn:active {
  transform: translateY(0) !important;
}

.mam-settings-save-btn i {
  font-size: 16px !important;
  color: #0a3023 !important;
}

.mam-settings-save-btn svg {
  width: 18px !important;
  height: 18px !important;
  fill: #0a3023 !important;
}

/* Settings Responsive */
@media (max-width: 768px) {
  .mam-settings-modern {
    padding: 20px;
    border-radius: 16px;
  }

  .mam-settings-header {
    flex-direction: column;
    gap: 16px;
  }

  .mam-settings-back {
    align-self: flex-start;
  }

  .mam-settings-section-header {
    padding: 16px 20px;
  }

  .mam-settings-section-body {
    padding: 20px;
  }

  .mam-settings-status-options {
    grid-template-columns: 1fr;
  }

  .mam-settings-status-content {
    padding: 20px;
  }

  .mam-settings-actions {
    justify-content: stretch;
  }

  .mam-settings-save-btn {
    width: 100%;
    justify-content: center;
  }
}

@media (max-width: 480px) {
  .mam-settings-modern {
    padding: 16px;
  }

  .mam-settings-section-header {
    flex-direction: column;
    text-align: center;
    gap: 12px;
  }

  .mam-settings-section-header > div {
    text-align: center;
  }
}

/* ================================================
   Premium Confirm Dialog - Modern Glass Design
   ================================================ */
.mam-confirm-overlay {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: rgba(0, 0, 0, 0.75);
  opacity: 0;
  transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.mam-confirm-overlay.active {
  opacity: 1;
}

.mam-confirm-modal {
  position: relative;
  max-width: 420px;
  width: 100%;
  padding: 40px 36px 36px;
  background: linear-gradient(
    165deg,
    rgba(20, 50, 50, 0.98) 0%,
    rgba(13, 40, 40, 0.99) 50%,
    rgba(10, 35, 35, 1) 100%
  );
  border: 1px solid rgba(191, 168, 107, 0.25);
  border-radius: 28px;
  box-shadow:
    0 30px 80px rgba(0, 0, 0, 0.5),
    0 0 0 1px rgba(255, 250, 236, 0.05) inset,
    0 -20px 40px rgba(191, 168, 107, 0.03) inset;
  text-align: center;
  transform: scale(0.85) translateY(30px);
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  color: #fffaec !important;
  overflow: hidden;
}

/* Decorative glow effect */
.mam-confirm-modal::before {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(
    ellipse at center,
    rgba(191, 168, 107, 0.08) 0%,
    transparent 50%
  );
  pointer-events: none;
}

/* Top accent line */
.mam-confirm-modal::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 4px;
  background: linear-gradient(90deg, transparent, #bfa86b, transparent);
  border-radius: 0 0 4px 4px;
}

/* Force white text for ALL elements inside confirm modal (except accept button) */
body .mam-confirm-overlay .mam-confirm-modal,
body .mam-confirm-overlay .mam-confirm-modal *:not(.mam-confirm-accept):not(.mam-confirm-accept *),
body .mam-confirm-overlay .mam-confirm-message,
body .mam-confirm-overlay .mam-confirm-cancel {
  color: #fffaec !important;
  -webkit-text-fill-color: #fffaec !important;
}

/* Confirm accept button - dark text on gold background */
body .mam-confirm-overlay .mam-confirm-modal .mam-confirm-accept,
body .mam-confirm-overlay .mam-confirm-modal .mam-confirm-accept i {
  color: #094239 !important;
  -webkit-text-fill-color: #094239 !important;
}

.mam-confirm-overlay.active .mam-confirm-modal {
  transform: scale(1) translateY(0);
}

.mam-confirm-icon {
  position: relative;
  margin-bottom: 24px;
}

.mam-confirm-icon i {
  font-size: 56px;
  background: linear-gradient(
    90deg,
    #927431,
    #bfa86b,
    #eee1b0,
    #f5ecca,
    #fffece,
    #fefefa,
    #f5ecca,
    #eee1b0,
    #bfa86b,
    #927431
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  filter: drop-shadow(0 4px 12px rgba(191, 168, 107, 0.4));
  animation: mam-icon-pulse 2s ease-in-out infinite;
}

@keyframes mam-icon-pulse {
  0%,
  100% {
    transform: scale(1);
    filter: drop-shadow(0 4px 12px rgba(191, 168, 107, 0.4));
  }
  50% {
    transform: scale(1.05);
    filter: drop-shadow(0 6px 20px rgba(191, 168, 107, 0.6));
  }
}

.mam-confirm-message {
  position: relative;
  font-size: 17px;
  font-weight: 500;
  color: rgba(255, 250, 236, 0.95) !important;
  margin-bottom: 32px;
  line-height: 1.65;
  letter-spacing: 0.01em;
}

/* Ensure all popup/modal text is white */
.mam-confirm-modal,
.mam-confirm-modal * {
  color: #fffaec !important;
}

.mam-confirm-buttons {
  position: relative;
  display: flex !important;
  gap: 16px !important;
  justify-content: center !important;
  margin-top: 8px;
}

/* Confirm dialog buttons - Maximum specificity */
.mam-confirm-overlay .mam-confirm-modal .mam-confirm-buttons button,
.mam-confirm-overlay .mam-confirm-modal .mam-confirm-cancel,
.mam-confirm-overlay .mam-confirm-modal .mam-confirm-accept,
.mam-confirm-cancel,
.mam-confirm-accept {
  flex: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  min-width: 140px !important;
  padding: 16px 32px !important;
  border-radius: 14px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: 0.03em !important;
  cursor: pointer !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  position: relative !important;
  overflow: hidden !important;
  text-decoration: none !important;
  font-family: inherit !important;
}

/* Cancel Button - Outlined style */
.mam-confirm-overlay .mam-confirm-modal .mam-confirm-cancel,
button.mam-confirm-cancel,
.mam-confirm-cancel {
  background: #094239 !important;
  border: 2px solid rgba(255, 250, 236, 0.25) !important;
  color: #fffaec !important;
  -webkit-text-fill-color: #fffaec !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15) !important;
}

.mam-confirm-overlay .mam-confirm-modal .mam-confirm-cancel:hover,
button.mam-confirm-cancel:hover,
.mam-confirm-cancel:hover {
  background: linear-gradient(135deg, #dc3545 0%, #c82333 100%) !important;
  border-color: #dc3545 !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 25px rgba(220, 53, 69, 0.4) !important;
  color: #fffaec !important;
  -webkit-text-fill-color: #fffaec !important;
}

/* Confirm Button - Gold solid style */
.mam-confirm-overlay .mam-confirm-modal .mam-confirm-accept,
button.mam-confirm-accept,
.mam-confirm-accept {
  background: linear-gradient(
    90deg,
    #927431,
    #bfa86b,
    #eee1b0,
    #f5ecca,
    #fffece,
    #fefefa,
    #f5ecca,
    #eee1b0,
    #bfa86b,
    #927431
  ) !important;
  border: 2px solid #bfa86b !important;
  color: #0d2d2d !important;
  -webkit-text-fill-color: #0d2d2d !important;
  box-shadow: 0 4px 20px rgba(191, 168, 107, 0.4) !important;
}

.mam-confirm-overlay .mam-confirm-modal .mam-confirm-accept:hover,
button.mam-confirm-accept:hover,
.mam-confirm-accept:hover {
  background: linear-gradient(135deg, #bfa86b 0%, #bfa86b 100%) !important;
  border-color: #bfa86b !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 10px 35px rgba(191, 168, 107, 0.5) !important;
  color: #0d2d2d !important;
  -webkit-text-fill-color: #0d2d2d !important;
}

/* Button icons */
.mam-confirm-cancel i,
.mam-confirm-accept i,
.mam-confirm-overlay .mam-confirm-cancel i,
.mam-confirm-overlay .mam-confirm-accept i {
  font-size: 14px !important;
  margin-right: 2px !important;
}

.mam-confirm-cancel i {
  color: #fffaec !important;
  -webkit-text-fill-color: #fffaec !important;
}

.mam-confirm-accept i {
  color: #0d2d2d !important;
  -webkit-text-fill-color: #0d2d2d !important;
}

/* Button shine effect on hover */
.mam-confirm-cancel::before,
.mam-confirm-accept::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 250, 236, 0.25),
    transparent
  ) !important;
  transition: left 0.5s ease !important;
}

.mam-confirm-cancel:hover::before,
.mam-confirm-accept:hover::before {
  left: 100% !important;
}

@media (max-width: 480px) {
  .mam-confirm-modal {
    padding: 32px 20px 28px !important;
    border-radius: 20px !important;
    margin: 0 10px !important;
  }

  .mam-confirm-icon i {
    font-size: 48px !important;
  }

  .mam-confirm-message {
    font-size: 15px !important;
    margin-bottom: 24px !important;
  }

  .mam-confirm-buttons {
    flex-direction: column !important;
    gap: 12px !important;
  }

  .mam-confirm-cancel,
  .mam-confirm-accept,
  .mam-confirm-overlay .mam-confirm-modal .mam-confirm-cancel,
  .mam-confirm-overlay .mam-confirm-modal .mam-confirm-accept {
    width: 100% !important;
    min-width: unset !important;
    padding: 16px 24px !important;
    border-radius: 12px !important;
  }
}

/* Prompt with Textarea Modal */
.mam-prompt-textarea-wrap {
  margin-bottom: 20px;
}

.mam-prompt-textarea {
  width: 100%;
  min-height: 80px;
  padding: 12px 16px;
  background: rgba(255, 250, 236, 0.1);
  border: 1px solid rgba(255, 250, 236, 0.2);
  border-radius: 12px;
  color: #fffaec !important;
  font-size: 14px;
  font-family: inherit;
  resize: vertical;
  transition: all 0.2s ease;
}

.mam-prompt-textarea::placeholder {
  color: rgba(255, 250, 236, 0.5);
}

.mam-prompt-textarea:focus {
  outline: none;
  border-color: var(--mam-accent);
  background: rgba(255, 250, 236, 0.15);
  box-shadow: 0 0 0 3px rgba(191, 168, 107, 0.2);
}

.mam-prompt-modal .mam-confirm-icon i {
  color: #dc3545;
}

/* Confirmed Match Card */
.mam-dash-confirmed-section {
  margin-top: 24px;
}

.mam-confirmed-match-card {
  background: linear-gradient(
    145deg,
    rgba(40, 167, 69, 0.15) 0%,
    rgba(9, 66, 57, 0.95) 100%
  );
  border: 1px solid rgba(40, 167, 69, 0.3);
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 20px;
}

.mam-confirmed-match-header {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 20px 24px;
  background: rgba(40, 167, 69, 0.12);
  border-bottom: 1px solid rgba(40, 167, 69, 0.2);
}

.mam-confirmed-match-header h3 {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  color: #4ade80;
}

.mam-confirmed-match-icon {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: linear-gradient(135deg, #28a745 0%, #1e7e34 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fffaec;
  font-size: 20px;
  animation: heartPulse 1.5s ease-in-out infinite;
}

@keyframes heartPulse {
  0%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
}

.mam-confirmed-match-body {
  padding: 24px;
}

.mam-confirmed-match-profile {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 24px;
}

.mam-confirmed-match-photo {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  border: 3px solid rgba(40, 167, 69, 0.5);
}

.mam-confirmed-match-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mam-confirmed-match-initials {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(
    135deg,
    var(--mam-primary) 0%,
    var(--mam-primary-light) 100%
  );
  color: #fffaec;
  font-size: 28px;
  font-weight: 600;
}

.mam-confirmed-match-info h4 {
  margin: 0 0 6px;
  font-size: 22px;
  font-weight: 600;
  color: #fffaec;
}

.mam-confirmed-match-info p {
  margin: 0;
  font-size: 14px;
  color: rgba(255, 250, 236, 0.7);
  line-height: 1.5;
}

.mam-confirmed-match-contact {
  display: grid;
  gap: 16px;
  margin-bottom: 20px;
}

.mam-contact-item {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 20px;
  background: rgba(255, 250, 236, 0.05);
  border: 1px solid rgba(255, 250, 236, 0.1);
  border-radius: 14px;
  transition: all 0.2s ease;
}

.mam-contact-item:hover {
  background: #094239;
  border-color: rgba(40, 167, 69, 0.3);
}

.mam-contact-item > i {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: rgba(40, 167, 69, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #4ade80;
  font-size: 18px;
  flex-shrink: 0;
}

.mam-contact-label {
  display: block;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: rgba(255, 250, 236, 0.5);
  margin-bottom: 4px;
}

.mam-contact-value {
  display: block;
  font-size: 16px;
  font-weight: 500;
  color: #fffaec;
  text-decoration: none;
  transition: color 0.2s ease;
}

.mam-contact-value:hover {
  color: #4ade80;
}

.mam-confirmed-match-blessing {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 20px;
  background: rgba(191, 168, 107, 0.1);
  border: 1px solid rgba(191, 168, 107, 0.2);
  border-radius: 14px;
  color: rgba(255, 250, 236, 0.85);
  font-size: 14px;
  line-height: 1.5;
}

.mam-confirmed-match-blessing i {
  color: var(--mam-accent);
  font-size: 20px;
  flex-shrink: 0;
}

/* Waiting Badge */
.mam-waiting-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  background: rgba(251, 191, 36, 0.15);
  border: 1px solid rgba(251, 191, 36, 0.3);
  border-radius: 8px;
  color: #fbbf24;
  font-size: 13px;
  font-weight: 500;
}

.mam-waiting-badge i {
  animation: pulse 1.5s ease-in-out infinite;
}

@keyframes pulse {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}

@media (max-width: 640px) {
  .mam-confirmed-match-profile {
    flex-direction: column;
    text-align: center;
  }

  .mam-confirmed-match-header {
    padding: 16px 20px;
  }

  .mam-confirmed-match-body {
    padding: 20px;
  }

  .mam-contact-item {
    padding: 14px 16px;
  }
}

/* =====================================================
   MY PROFILE PAGE
   ===================================================== */

.mam-my-profile {
  background: linear-gradient(180deg, #094239 0%, #094239 50%, #094239 100%);
  border-radius: var(--mam-radius);
  box-shadow: var(--mam-shadow);
  padding: 40px;
  min-height: 100vh;
}

/* Force all SVG icons to use gold color */
.mam-my-profile svg {
  fill: #bfa86b !important;
  color: #bfa86b !important;
}

.mam-my-profile svg path,
.mam-my-profile svg circle,
.mam-my-profile svg rect,
.mam-my-profile svg polygon,
.mam-my-profile svg line,
.mam-my-profile svg polyline,
.mam-my-profile svg * {
  fill: #bfa86b !important;
  stroke: none !important;
}

/* Force all Font Awesome icons to gold */
.mam-my-profile i.fa,
.mam-my-profile i.fas,
.mam-my-profile i.far,
.mam-my-profile i.fab,
.mam-my-profile i[class*="fa-"] {
  color: #bfa86b !important;
}

.mam-my-profile-header {
  margin-bottom: 32px;
  text-align: center;
}

.mam-my-profile-title {
  font-family: "Cinzel", serif;
  font-size: 32px;
  color: var(--mam-accent);
  margin: 0 0 8px;
}

.mam-my-profile-subtitle {
  color: rgba(255, 250, 236, 0.6);
  font-size: 15px;
  margin: 0;
}

.mam-my-profile-form {
  max-width: 800px;
  margin: 0 auto;
}

.mam-my-profile-section {
  background: rgba(255, 250, 236, 0.03);
  border: 1px solid rgba(255, 250, 236, 0.08);
  border-radius: 16px;
  padding: 24px;
  margin-bottom: 24px;
}

.mam-my-profile-section:last-of-type {
  margin-bottom: 32px;
}

.mam-my-profile-section-title {
  font-family: "Cinzel", serif;
  font-size: 18px;
  color: #fffaec;
  margin: 0 0 20px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(255, 250, 236, 0.1);
  display: flex;
  align-items: center;
  gap: 10px;
}

.mam-my-profile-section-title i,
.mam-my-profile-section-title svg {
  color: #bfa86b !important;
  fill: #bfa86b !important;
  font-size: 14px;
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: none;
  border-radius: 0;
  flex-shrink: 0;
}

.mam-my-profile-section-title svg path,
.mam-my-profile-section-title svg circle,
.mam-my-profile-section-title svg rect,
.mam-my-profile-section-title svg polygon,
.mam-my-profile-section-title svg line,
.mam-my-profile-section-title svg polyline {
  fill: #bfa86b !important;
  stroke: #bfa86b !important;
}

/* Elementor icon manager overrides */
.mam-my-profile-section-title .elementor-icon,
.mam-my-profile-section-title [class*="elementor-icon"] {
  color: #bfa86b !important;
}

.mam-my-profile-section-title .elementor-icon svg,
.mam-my-profile-section-title [class*="elementor-icon"] svg {
  fill: #bfa86b !important;
}

.mam-my-profile-section-title .elementor-icon svg *,
.mam-my-profile-section-title [class*="elementor-icon"] svg * {
  fill: #bfa86b !important;
  stroke: #bfa86b !important;
}

/* Force all nested SVGs to gold */
.mam-my-profile-section-title svg,
.mam-my-profile-section-title svg * {
  fill: #bfa86b !important;
  stroke: none !important;
}

/* Font Awesome icons - both solid fill and stroke styles */
.mam-my-profile-section-title i.fa,
.mam-my-profile-section-title i.fas,
.mam-my-profile-section-title i.far,
.mam-my-profile-section-title i.fab,
.mam-my-profile-section-title i[class*="fa-"] {
  color: #bfa86b !important;
  -webkit-text-fill-color: #bfa86b !important;
}

/* Photo Section */
.mam-my-profile-photo-section {
  text-align: center;
  margin-bottom: 24px;
}

.mam-my-profile-photo-wrapper {
  position: relative;
  display: inline-block;
  margin-bottom: 16px;
}

.mam-my-profile-photo {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  object-fit: cover;
  border: 4px solid var(--mam-accent);
  box-shadow: var(--mam-shadow);
}

.mam-my-profile-photo-placeholder {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: linear-gradient(
    135deg,
    var(--mam-primary) 0%,
    var(--mam-primary-light) 100%
  );
  display: flex;
  align-items: center;
  justify-content: center;
  border: 4px solid var(--mam-accent);
  box-shadow: var(--mam-shadow);
}

.mam-my-profile-photo-placeholder i {
  font-size: 48px;
  color: rgba(255, 250, 236, 0.6);
}

.mam-my-profile-photo-edit {
  position: absolute;
  bottom: 8px;
  right: 8px;
  width: 36px;
  height: 36px;
  background: var(--mam-accent);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--mam-primary);
  cursor: pointer;
  transition: all var(--mam-transition);
  border: 2px solid white;
}

.mam-my-profile-photo-edit:hover {
  background: var(--mam-accent-light);
  transform: scale(1.1);
}

.mam-my-profile-photo-hint {
  font-size: 13px;
  color: rgba(255, 250, 236, 0.5);
}

/* Photos Grid */
.mam-my-profile-photos-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  gap: 12px;
  margin-top: 16px;
}

.mam-my-profile-photos-grid .mam-my-profile-photo {
  width: 100%;
  height: 100px;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  border: 2px solid transparent;
  transition: all 0.3s ease;
}

.mam-my-profile-photos-grid .mam-my-profile-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mam-my-profile-photos-grid .mam-my-profile-photo.is-primary {
  border-color: var(--mam-accent);
}

.mam-my-profile-photos-grid .mam-my-profile-photo.is-pending-review {
  border-color: #ffc107;
}

.mam-photo-pending-badge {
  position: absolute;
  top: 4px;
  left: 4px;
  right: 4px;
  background: rgba(255, 193, 7, 0.92);
  color: #333;
  font-size: 10px;
  font-weight: 600;
  padding: 3px 6px;
  border-radius: 4px;
  z-index: 2;
  text-align: center;
  pointer-events: none;
}

.mam-photo-pending-badge i {
  margin-right: 3px;
}

.mam-my-profile-photos-grid .mam-my-profile-photo:hover {
  border-color: var(--mam-accent);
}

.mam-my-profile-photo-actions {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.mam-my-profile-photos-grid
  .mam-my-profile-photo:hover
  .mam-my-profile-photo-actions {
  opacity: 1;
}

.mam-my-profile-photo-actions button {
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  font-size: 12px;
}

.mam-set-primary-photo {
  background: var(--mam-accent);
  color: #1a0f08;
}

.mam-replace-photo {
  background: rgba(255, 250, 236, 0.85);
  color: #0d2d2d;
}

.mam-delete-photo {
  background: rgba(220, 53, 69, 0.9);
  color: #fffaec;
}

.mam-my-profile-photo-actions button:hover {
  transform: scale(1.1);
}

.mam-primary-badge {
  position: absolute;
  bottom: 4px;
  left: 4px;
  background: var(--mam-accent);
  color: #1a0f08;
  font-size: 10px;
  font-weight: 600;
  padding: 2px 6px;
  border-radius: 4px;
}

.mam-add-photo {
  background: rgba(255, 250, 236, 0.05);
  border: 2px dashed rgba(255, 250, 236, 0.2) !important;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
}

.mam-add-photo:hover {
  border-color: var(--mam-accent) !important;
  background: rgba(191, 168, 107, 0.1);
}

.mam-add-photo-label {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  color: rgba(255, 250, 236, 0.5);
  cursor: pointer;
  font-size: 12px;
}

.mam-add-photo-label i {
  font-size: 20px;
  color: var(--mam-accent);
}

.mam-photo-input {
  display: none;
}

/* Photo Upload States */
.mam-my-profile-photo.uploading {
  background: rgba(191, 168, 107, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-position: center;
}

.mam-my-profile-photo.uploading .mam-photo-progress {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 4px;
  background: var(--mam-accent);
  width: 0;
  transition: width 0.3s ease;
  border-radius: 0 0 8px 8px;
}

.mam-my-profile-photo.uploading::after {
  content: "";
  width: 24px;
  height: 24px;
  border: 2px solid rgba(191, 168, 107, 0.3);
  border-top-color: var(--mam-accent);
  border-radius: 50%;
  animation: mam-spin 0.8s linear infinite;
}

@keyframes mam-spin {
  to {
    transform: rotate(360deg);
  }
}

/* Fields Grid */
.mam-my-profile-fields-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

.mam-my-profile-fields-grid + .mam-my-profile-fields-grid {
  margin-top: 16px;
}

.mam-my-profile-fields-grid.mam-single-col {
  grid-template-columns: 1fr;
}

.mam-my-profile-fields-grid .mam-my-profile-field input,
.mam-my-profile-fields-grid .mam-my-profile-field select {
  width: 100%;
}

@media (max-width: 600px) {
  .mam-my-profile-fields-grid {
    grid-template-columns: 1fr;
  }

  .mam-my-profile-photos-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* Form Fields */
.mam-my-profile-row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-bottom: 20px;
}

.mam-my-profile-row:last-child {
  margin-bottom: 0;
}

.mam-my-profile-field {
  display: flex;
  flex-direction: column;
}

/* Character counter for textareas */
.mam-char-counter {
  font-size: 11px;
  color: #bfa86b;
  margin-top: 4px;
  text-align: right;
  opacity: 0.8;
}

.mam-my-profile-field.full-width {
  grid-column: 1 / -1;
}

.mam-my-profile-label {
  font-size: 13px;
  font-weight: 500;
  color: rgba(255, 250, 236, 0.7);
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.mam-my-profile-label i,
.mam-my-profile-label svg {
  color: #bfa86b !important;
  fill: #bfa86b !important;
  font-size: 12px;
}

.mam-my-profile-label svg path,
.mam-my-profile-label svg circle,
.mam-my-profile-label svg rect {
  fill: #bfa86b !important;
}

.mam-my-profile-input,
.mam-my-profile-select,
.mam-my-profile-textarea {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid rgba(255, 250, 236, 0.1);
  border-radius: 10px;
  font-size: 14px;
  color: #fffaec;
  background: rgba(255, 250, 236, 0.05);
  transition: all var(--mam-transition);
}

.mam-my-profile-input::placeholder,
.mam-my-profile-textarea::placeholder {
  color: rgba(255, 250, 236, 0.4);
}

.mam-my-profile-input:focus,
.mam-my-profile-select:focus,
.mam-my-profile-textarea:focus {
  outline: none;
  border-color: var(--mam-accent);
  background: #094239;
  box-shadow: 0 0 0 3px rgba(191, 168, 107, 0.15);
}

.mam-my-profile-input:disabled {
  background: rgba(255, 250, 236, 0.02);
  color: rgba(255, 250, 236, 0.5);
  cursor: not-allowed;
}

.mam-my-profile-textarea {
  min-height: 120px;
  resize: vertical;
}

.mam-my-profile-select {
  cursor: pointer;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23c9a55c'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 20px;
  padding-right: 40px;
}

.mam-my-profile-select option {
  background: #094239;
  color: #fffaec;
}

.mam-my-profile-field small,
.mam-my-profile-field .mam-field-note {
  font-size: 11px;
  color: rgba(255, 250, 236, 0.4);
  margin-top: 4px;
}

/* Tag Input for Hobbies */
.mam-my-profile-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 12px;
  border: 1px solid rgba(255, 250, 236, 0.1);
  border-radius: 10px;
  background: rgba(255, 250, 236, 0.05);
  min-height: 50px;
  cursor: text;
}

.mam-my-profile-tags:focus-within {
  border-color: var(--mam-accent);
  box-shadow: 0 0 0 3px rgba(191, 168, 107, 0.15);
}

.mam-my-profile-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  background: linear-gradient(135deg, var(--mam-accent) 0%, #bfa86b 100%);
  color: #1a0f08;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 500;
}

.mam-my-profile-tag-remove {
  cursor: pointer;
  opacity: 0.7;
  transition: opacity var(--mam-transition);
}

.mam-my-profile-tag-remove:hover {
  opacity: 1;
}

.mam-my-profile-tag-input {
  flex: 1;
  min-width: 120px;
  border: none;
  outline: none;
  padding: 6px;
  font-size: 14px;
  background: transparent;
  color: #fffaec;
}

.mam-my-profile-tag-input::placeholder {
  color: rgba(255, 250, 236, 0.4);
}

.mam-my-profile-tags-hint {
  font-size: 12px;
  color: rgba(255, 250, 236, 0.4);
  margin-top: 6px;
}

/* My Profile - Label visibility fix */
.mam-my-profile-field label {
  font-size: 13px;
  font-weight: 500;
  color: rgba(255, 250, 236, 0.7) !important;
  margin-bottom: 8px;
  display: block;
}

/* My Profile - Input/Select/Textarea element styling */
.mam-my-profile-field
  input[type="text"]:not(.mam-multiselect-search-input):not(.mam-tag-input),
.mam-my-profile-field input[type="number"],
.mam-my-profile-field input[type="email"],
.mam-my-profile-field input[type="search"]:not(.mam-multiselect-search-input),
.mam-my-profile-field select:not(.mam-multi-select),
.mam-my-profile-field textarea {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid rgba(255, 250, 236, 0.1) !important;
  border-radius: 10px !important;
  font-size: 14px;
  color: #fffaec !important;
  background: rgba(255, 250, 236, 0.05) !important;
  transition: all 0.2s ease;
}

.mam-my-profile-field select {
  cursor: pointer;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23c9a55c'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  background-size: 20px !important;
  padding-right: 40px;
}

.mam-my-profile-field select option {
  background: #094239;
  color: #fffaec;
}

.mam-my-profile-field
  input:focus:not(.mam-multiselect-search-input):not(.mam-tag-input),
.mam-my-profile-field select:focus:not(.mam-multi-select),
.mam-my-profile-field textarea:focus {
  outline: none !important;
  border-color: var(--mam-accent, #bfa86b) !important;
  background: #094239 !important;
  box-shadow: 0 0 0 3px rgba(191, 168, 107, 0.15) !important;
}

.mam-my-profile-field textarea {
  min-height: 120px;
  resize: vertical;
}

/* Multi-select dark theme for My Profile */
.mam-my-profile-field .mam-multiselect-trigger {
  background: rgba(255, 250, 236, 0.05) !important;
  border: 1px solid rgba(255, 250, 236, 0.1) !important;
  border-radius: 10px !important;
  color: #fffaec !important;
}

.mam-my-profile-field .mam-multiselect-trigger:hover {
  border-color: rgba(191, 168, 107, 0.3) !important;
}

.mam-my-profile-field
  .mam-multiselect-wrapper.is-open
  .mam-multiselect-trigger {
  border-color: var(--mam-accent, #bfa86b) !important;
  box-shadow: 0 0 0 3px rgba(191, 168, 107, 0.15) !important;
}

.mam-my-profile-field .mam-multiselect-placeholder {
  color: rgba(255, 250, 236, 0.4) !important;
}

.mam-my-profile-field .mam-multiselect-dropdown {
  background: linear-gradient(165deg, #1a3535 0%, #0d2020 100%) !important;
  border: 1px solid rgba(191, 168, 107, 0.2) !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4) !important;
}

.mam-my-profile-field .mam-multiselect-search {
  background: rgba(0, 0, 0, 0.2) !important;
  border-bottom: 1px solid rgba(255, 250, 236, 0.08) !important;
}

.mam-my-profile-field .mam-multiselect-search-input {
  background: rgba(255, 250, 236, 0.06) !important;
  border: 1px solid rgba(255, 250, 236, 0.12) !important;
  border-radius: 25px !important;
  color: #fffaec !important;
  padding: 12px 26px !important;
  font-size: 14px !important;
  width: 100% !important;
}

.mam-my-profile-field .mam-multiselect-search-input:focus {
  border-color: var(--mam-accent, #bfa86b) !important;
  background: #094239 !important;
  box-shadow: 0 0 0 3px rgba(191, 168, 107, 0.15) !important;
  outline: none !important;
}

.mam-my-profile-field .mam-multiselect-search-input::placeholder {
  color: rgba(255, 250, 236, 0.35) !important;
}

.mam-my-profile-field .mam-multiselect-search-icon {
  color: rgba(255, 250, 236, 0.35) !important;
}

.mam-my-profile-field .mam-multiselect-search-icon svg {
  fill: rgba(255, 250, 236, 0.35) !important;
}

.mam-my-profile-field .mam-multiselect-option {
  color: #fffaec !important;
  padding: 10px 16px !important;
}

.mam-my-profile-field .mam-multiselect-option:hover {
  background: rgba(191, 168, 107, 0.15) !important;
}

.mam-my-profile-field .mam-multiselect-option.is-selected {
  background: rgba(191, 168, 107, 0.12) !important;
  color: #fffaec !important;
}

.mam-my-profile-field .mam-multiselect-label {
  color: #fffaec !important;
}

.mam-my-profile-field
  .mam-multiselect-option.is-selected
  .mam-multiselect-label {
  color: #fffaec !important;
  font-weight: 500;
}

.mam-my-profile-field .mam-multiselect-tag {
  background: linear-gradient(
    135deg,
    var(--mam-accent, #bfa86b) 0%,
    #bfa86b 100%
  ) !important;
  color: #1a0f08 !important;
}

.mam-my-profile-field .mam-multiselect-tag-remove {
  color: #1a0f08 !important;
  border: none !important;
  background: none !important;
}

.mam-my-profile-field .mam-multiselect-actions {
  border-top: 1px solid rgba(255, 250, 236, 0.1) !important;
  background: rgba(0, 0, 0, 0.2) !important;
  border-radius: 0 0 10px 10px !important;
}

.mam-my-profile-field .mam-multiselect-clear {
  color: rgba(255, 250, 236, 0.5) !important;
  border: 1px solid rgba(255, 250, 236, 0.15) !important;
  background: none !important;
  border-radius: 6px !important;
}

.mam-my-profile-field .mam-multiselect-clear:hover {
  color: #fffaec !important;
  border-color: rgba(255, 250, 236, 0.3) !important;
}

.mam-my-profile-field .mam-multiselect-done {
  background: linear-gradient(
    135deg,
    var(--mam-accent, #bfa86b) 0%,
    #bfa86b 100%
  ) !important;
  color: #1a0f08 !important;
  border: none !important;
  border-radius: 6px !important;
}

.mam-my-profile-field .mam-multiselect-count {
  color: rgba(255, 250, 236, 0.5) !important;
}

.mam-my-profile-field .mam-multiselect-count strong {
  color: var(--mam-accent, #bfa86b) !important;
}

.mam-my-profile-field .mam-multiselect-arrow svg {
  fill: rgba(255, 250, 236, 0.4) !important;
}

.mam-my-profile-field .mam-multiselect-checkbox {
  border-color: rgba(255, 250, 236, 0.25) !important;
  background: transparent !important;
}

.mam-my-profile-field
  .mam-multiselect-option.is-selected
  .mam-multiselect-checkbox {
  background: var(--mam-accent, #bfa86b) !important;
  border-color: var(--mam-accent, #bfa86b) !important;
}

.mam-my-profile-field .mam-multiselect-no-results {
  color: rgba(255, 250, 236, 0.4) !important;
}

/* Tag input - fix class mismatch (JS uses mam-tag, CSS had mam-my-profile-tag) */
.mam-tag-input-container {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 12px;
  border: 1px solid rgba(255, 250, 236, 0.1) !important;
  border-radius: 10px !important;
  background: rgba(255, 250, 236, 0.05) !important;
  min-height: 50px;
  cursor: text;
  align-items: center;
  position: relative;
}

.mam-tag-input-container:focus-within {
  border-color: var(--mam-accent, #bfa86b) !important;
  box-shadow: 0 0 0 3px rgba(191, 168, 107, 0.15);
}

.mam-tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.mam-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  background: linear-gradient(
    135deg,
    var(--mam-accent, #bfa86b) 0%,
    #bfa86b 100%
  ) !important;
  color: #1a0f08 !important;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
}

.mam-tag-remove {
  background: none !important;
  border: none !important;
  color: #1a0f08 !important;
  cursor: pointer;
  font-size: 16px;
  line-height: 1;
  opacity: 0.6;
  padding: 0 !important;
  transition: opacity 0.2s;
}

.mam-tag-remove:hover {
  opacity: 1;
}

.mam-tag-input {
  flex: 1;
  min-width: 140px;
  border: none !important;
  outline: none !important;
  padding: 6px !important;
  font-size: 14px;
  background: transparent !important;
  color: #fffaec !important;
  box-shadow: none !important;
}

.mam-tag-input::placeholder {
  color: rgba(255, 250, 236, 0.4);
}

/* Hobbies suggestions dropdown */
.mam-tag-suggestions {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: linear-gradient(165deg, #1a3535 0%, #0d2020 100%);
  border: 1px solid rgba(191, 168, 107, 0.2);
  border-radius: 10px;
  margin-top: 4px;
  max-height: 200px;
  overflow-y: auto;
  z-index: 100;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
}

.mam-tag-suggestion-item {
  padding: 10px 16px;
  cursor: pointer;
  color: rgba(255, 250, 236, 0.8);
  font-size: 13px;
  transition: background 0.15s;
}

.mam-tag-suggestion-item:hover,
.mam-tag-suggestion-item.active {
  background: rgba(191, 168, 107, 0.15);
  color: #fffaec;
}

.mam-tag-suggestion-item:first-child {
  border-radius: 10px 10px 0 0;
}

.mam-tag-suggestion-item:last-child {
  border-radius: 0 0 10px 10px;
}

/* Action Buttons */
.mam-my-profile-actions {
  display: flex;
  justify-content: center;
  gap: 16px;
  padding-top: 16px;
}

.mam-my-profile-save {
  padding: 14px 40px;
  font-size: 15px;
  background: linear-gradient(135deg, var(--mam-accent) 0%, #bfa86b 100%);
  color: #fffaec !important;
  border: none;
  border-radius: 10px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}

.mam-my-profile-save:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(191, 168, 107, 0.3);
  color: #fffaec !important;
}

.mam-my-profile-save i {
  margin-right: 8px;
  font-size: 14px;
  color: #fffaec !important;
}

.mam-my-profile-save svg {
  width: 16px !important;
  height: 16px !important;
  margin-right: 8px;
  fill: #fffaec !important;
  vertical-align: middle;
  display: inline-block;
}

.mam-my-profile-save svg * {
  fill: #fffaec !important;
  stroke: none !important;
}

.mam-save-indicator {
  display: none;
  color: var(--mam-accent);
  font-size: 13px;
}

/* Messages */
.mam-my-profile-message {
  padding: 14px 20px;
  border-radius: 10px;
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.mam-my-profile-message.success {
  background: rgba(40, 167, 69, 0.1);
  border: 1px solid rgba(40, 167, 69, 0.3);
  color: var(--mam-success);
}

.mam-my-profile-message.error {
  background: rgba(220, 53, 69, 0.1);
  border: 1px solid rgba(220, 53, 69, 0.3);
  color: var(--mam-danger);
}

/* Responsive */
@media (max-width: 768px) {
  .mam-my-profile {
    padding: 24px;
  }

  .mam-my-profile-title {
    font-size: 26px;
  }

  .mam-my-profile-row {
    grid-template-columns: 1fr;
  }

  .mam-my-profile-section {
    padding: 20px;
  }

  .mam-my-profile-actions {
    flex-direction: column;
  }

  .mam-my-profile-save {
    width: 100%;
  }
}

/* =====================================================
   FAVORITES PAGE
   ===================================================== */

.mam-favorites {
  background: linear-gradient(180deg, #094239 0%, #094239 50%, #094239 100%);
  border-radius: var(--mam-radius);
  box-shadow: var(--mam-shadow);
  padding: 40px;
  min-height: 100vh;
}

/* Force all SVG icons to use gold color */
.mam-favorites svg {
  fill: #bfa86b !important;
  color: #bfa86b !important;
}

.mam-favorites svg path,
.mam-favorites svg circle,
.mam-favorites svg rect,
.mam-favorites svg polygon,
.mam-favorites svg line,
.mam-favorites svg polyline,
.mam-favorites svg * {
  fill: #bfa86b !important;
  stroke: none !important;
}

/* Force all Font Awesome icons to gold */
.mam-favorites i.fa,
.mam-favorites i.fas,
.mam-favorites i.far,
.mam-favorites i.fab,
.mam-favorites i[class*="fa-"] {
  color: #bfa86b !important;
}

.mam-favorites-header {
  text-align: center;
  margin-bottom: 32px;
}

.mam-favorites-title {
  font-family: "Cinzel", serif;
  font-size: 32px;
  color: var(--mam-accent);
  margin: 0 0 8px;
}

.mam-favorites-subtitle {
  color: rgba(255, 250, 236, 0.6);
  font-size: 15px;
  margin: 0;
}

.mam-favorites-count {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  background: rgba(191, 168, 107, 0.15);
  color: var(--mam-accent);
  border-radius: 20px;
  font-size: 14px;
  font-weight: 500;
  margin-top: 12px;
}

/* Favorites Grid */
.mam-favorites-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 24px;
}

/* Favorites List Container */
.mam-favorites-list {
  min-height: 200px;
}

/* Favorite Card */
.mam-favorite-card {
  background: rgba(255, 250, 236, 0.03);
  border-radius: 16px;
  overflow: hidden;
  transition: all var(--mam-transition);
  border: 1px solid rgba(255, 250, 236, 0.08);
}

.mam-favorite-card:hover {
  border-color: var(--mam-accent);
  transform: translateY(-4px);
}

.mam-favorite-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--mam-shadow-lg);
  border-color: var(--mam-accent);
}

.mam-favorite-card-photo {
  position: relative;
  height: 200px;
  overflow: hidden;
}

.mam-favorite-card-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--mam-transition);
}

.mam-favorite-card:hover .mam-favorite-card-photo img {
  transform: scale(1.05);
}

.mam-favorite-card-photo-placeholder {
  width: 100%;
  height: 100%;
  background: linear-gradient(
    135deg,
    var(--mam-primary) 0%,
    var(--mam-primary-light) 100%
  );
  display: flex;
  align-items: center;
  justify-content: center;
}

.mam-favorite-card-photo-placeholder i {
  font-size: 64px;
  color: rgba(255, 250, 236, 0.4);
}

.mam-favorite-card-badge {
  position: absolute;
  top: 12px;
  left: 12px;
  padding: 6px 12px;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(4px);
  color: #fffaec;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 500;
}

.mam-favorite-card-remove {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 36px;
  height: 36px;
  background: rgba(220, 53, 69, 0.9);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fffaec;
  cursor: pointer;
  transition: all var(--mam-transition);
  opacity: 0;
  transform: scale(0.8);
}

.mam-favorite-card:hover .mam-favorite-card-remove {
  opacity: 1;
  transform: scale(1);
}

.mam-favorite-card-remove:hover {
  background: var(--mam-danger);
  transform: scale(1.1);
}

.mam-favorite-card-body {
  padding: 20px;
}

.mam-favorite-card-name {
  font-family: "Cinzel", serif;
  font-size: 20px;
  color: var(--mam-primary);
  margin: 0 0 8px;
}

.mam-favorite-card-name a {
  color: inherit;
  text-decoration: none;
  transition: color var(--mam-transition);
}

.mam-favorite-card-name a:hover {
  color: var(--mam-accent);
}

.mam-favorite-card-info {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 12px;
}

.mam-favorite-card-info-item {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: var(--mam-text-light);
}

.mam-favorite-card-info-item i {
  color: var(--mam-accent);
  font-size: 12px;
}

.mam-favorite-card-bio {
  font-size: 14px;
  color: var(--mam-text-muted);
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.mam-favorite-card-footer {
  padding: 16px 20px;
  border-top: 1px solid var(--mam-border);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.mam-favorite-card-date {
  font-size: 12px;
  color: var(--mam-text-muted);
  display: flex;
  align-items: center;
  gap: 6px;
}

.mam-favorite-card-view {
  padding: 8px 16px;
  background: linear-gradient(
    135deg,
    var(--mam-primary) 0%,
    var(--mam-primary-light) 100%
  );
  color: #fffaec;
  border-radius: var(--mam-radius-sm);
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
  transition: all var(--mam-transition);
}

.mam-favorite-card-view:hover {
  box-shadow: 0 4px 12px rgba(9, 66, 57, 0.3);
  transform: translateY(-1px);
  color: #fffaec;
}

/* Empty State */
.mam-favorites-empty {
  text-align: center;
  padding: 60px 20px;
}

.mam-favorites-empty-icon {
  width: 100px;
  height: 100px;
  background: linear-gradient(
    135deg,
    var(--mam-primary) 0%,
    var(--mam-primary-light) 100%
  );
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 24px;
}

.mam-favorites-empty-icon i {
  font-size: 40px;
  color: rgba(255, 250, 236, 0.6);
}

.mam-favorites-empty-title {
  font-family: "Cinzel", serif;
  font-size: 24px;
  color: var(--mam-primary);
  margin: 0 0 12px;
}

.mam-favorites-empty-text {
  color: var(--mam-text-muted);
  font-size: 15px;
  margin: 0 0 24px;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}

.mam-favorites-empty-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

/* Loading State */
.mam-favorites-loading {
  text-align: center;
  padding: 60px 20px;
}

.mam-favorites-loading-spinner {
  width: 50px;
  height: 50px;
  border: 3px solid var(--mam-border);
  border-top-color: var(--mam-accent);
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin: 0 auto 16px;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.mam-favorites-loading-text {
  color: var(--mam-text-muted);
  font-size: 15px;
}

/* Pagination */
.mam-favorites-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 32px;
  padding-top: 24px;
  border-top: 1px solid var(--mam-border);
}

.mam-favorites-pagination-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 1px solid var(--mam-border);
  border-radius: var(--mam-radius-sm);
  background: var(--mam-bg-light);
  color: var(--mam-text);
  font-size: 14px;
  cursor: pointer;
  transition: all var(--mam-transition);
}

.mam-favorites-pagination-btn:hover:not(:disabled) {
  background: var(--mam-primary);
  color: #fffaec;
  border-color: var(--mam-primary);
}

.mam-favorites-pagination-btn.active {
  background: var(--mam-primary);
  color: #fffaec;
  border-color: var(--mam-primary);
}

.mam-favorites-pagination-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.mam-favorites-pagination-info {
  padding: 0 16px;
  font-size: 14px;
  color: var(--mam-text-muted);
}

/* Responsive */
@media (max-width: 768px) {
  .mam-favorites {
    padding: 24px;
  }

  .mam-favorites-title {
    font-size: 26px;
  }

  .mam-favorites-grid {
    grid-template-columns: 1fr;
  }

  .mam-favorite-card-remove {
    opacity: 1;
    transform: scale(1);
  }
}

/* =====================================================
   ACTION CENTER REFRESH ANIMATIONS
   ===================================================== */

.mam-action-center-content {
  transition: opacity 0.3s ease;
}

.mam-action-center-content.refreshing {
  opacity: 0.5;
}

.mam-action-center-refresh-indicator {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 20px;
  height: 20px;
  border: 2px solid var(--mam-border);
  border-top-color: var(--mam-accent);
  border-radius: 50%;
  animation: spin 1s linear infinite;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.mam-action-center-content.refreshing + .mam-action-center-refresh-indicator,
.mam-dash-action-center.refreshing .mam-action-center-refresh-indicator {
  opacity: 1;
}

/* =====================================================
   GLOBAL NOTIFICATION BANNER
   ===================================================== */

.mam-global-notification-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  padding: 12px 20px;
  background: linear-gradient(
    135deg,
    var(--mam-primary) 0%,
    var(--mam-primary-light) 100%
  );
  box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.15);
}

.mam-global-notification-banner .mam-banner-content {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 16px;
}

.mam-global-notification-banner .mam-banner-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: rgba(191, 168, 107, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.mam-global-notification-banner .mam-banner-icon i {
  font-size: 20px;
  color: var(--mam-accent);
}

.mam-global-notification-banner .mam-banner-text {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.mam-global-notification-banner .mam-banner-text strong {
  font-size: 15px;
  font-weight: 600;
  color: #fffaec;
}

.mam-global-notification-banner .mam-banner-text span {
  font-size: 13px;
  color: rgba(255, 250, 236, 0.75);
}

.mam-global-notification-banner .mam-banner-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  background: var(--mam-accent);
  color: var(--mam-primary);
  font-size: 14px;
  font-weight: 600;
  border-radius: 10px;
  text-decoration: none;
  transition: all var(--mam-transition);
  flex-shrink: 0;
}

.mam-global-notification-banner .mam-banner-btn:hover {
  background: var(--mam-accent-light);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(191, 168, 107, 0.3);
}

.mam-global-notification-banner .mam-banner-btn i {
  font-size: 12px;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
  .mam-global-notification-banner .mam-banner-content {
    flex-wrap: wrap;
  }

  .mam-global-notification-banner .mam-banner-icon {
    width: 36px;
    height: 36px;
  }

  .mam-global-notification-banner .mam-banner-icon i {
    font-size: 16px;
  }

  .mam-global-notification-banner .mam-banner-text {
    flex: 1;
    min-width: calc(100% - 60px);
  }

  .mam-global-notification-banner .mam-banner-btn {
    width: 100%;
    justify-content: center;
    margin-top: 8px;
  }
}

/* =====================================================
   WHO VIEWED MY PROFILE CARD
   ===================================================== */

.mam-dash-viewers-card .mam-dash-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
}

.mam-dash-viewers-card .mam-dash-card-header h3 {
  display: flex;
  align-items: center;
  gap: 8px;
}

.mam-badge-new {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #ef4444, #dc2626);
  color: #fffaec;
  font-size: 11px;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 10px;
  margin-left: 4px;
}

.mam-mark-views-seen {
  font-size: 13px;
  font-weight: 600;
  background: linear-gradient(
    90deg,
    #927431,
    #bfa86b,
    #eee1b0,
    #f5ecca,
    #fffece,
    #fefefa,
    #f5ecca,
    #eee1b0,
    #bfa86b,
    #927431
  );
  border: none;
  color: #1a0f08 !important;
  padding: 8px 14px;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.mam-viewers-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 12px;
}

.mam-viewer-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 16px 12px;
  background: #f8fafc;
  border-radius: 12px;
  text-decoration: none;
  transition: all 0.2s ease;
  border: 2px solid transparent;
}

.mam-viewer-item:hover {
  background: #f1f5f9;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.mam-viewer-item.is-new {
  border-color: #6366f1;
  background: linear-gradient(135deg, #eef2ff, #f8fafc);
}

.mam-viewer-photo {
  position: relative;
  width: 64px;
  height: 64px;
  margin-bottom: 10px;
}

.mam-viewer-photo img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid #fffaec;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.mam-viewer-initials {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: linear-gradient(135deg, #e2e8f0, #cbd5e1);
  color: #64748b;
  font-size: 18px;
  font-weight: 600;
  border: 3px solid #fffaec;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.mam-viewer-new-dot {
  position: absolute;
  top: 2px;
  right: 2px;
  width: 12px;
  height: 12px;
  background: #6366f1;
  border-radius: 50%;
  border: 2px solid #fffaec;
  animation: pulse-dot 2s ease-in-out infinite;
}

.mam-viewer-info {
  width: 100%;
}

.mam-viewer-name {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #1a1a2e;
  margin-bottom: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mam-viewer-time {
  font-size: 12px;
  color: #64748b;
}

/* Modern Who Viewed Styles (Dark Theme) */
.mam-dash-viewers-modern {
  background: linear-gradient(
    135deg,
    rgba(26, 42, 58, 0.95),
    rgba(20, 35, 50, 0.98)
  ) !important;
  border: 1px solid rgba(191, 168, 107, 0.3) !important;
}

.mam-dash-viewers-modern .mam-dash-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 18px 20px;
  border-bottom: 1px solid rgba(255, 250, 236, 0.08);
}

.mam-dash-viewers-modern .mam-dash-card-header h3 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: #bfa86b;
}

.mam-dash-viewers-modern .mam-dash-card-header h3 i {
  font-size: 18px;
}

.mam-viewers-badge-count {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: linear-gradient(
    90deg,
    #927431,
    #bfa86b,
    #eee1b0,
    #f5ecca,
    #fffece,
    #fefefa,
    #f5ecca,
    #eee1b0,
    #bfa86b,
    #927431
  );
  color: #1a0f08;
  font-size: 12px;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 12px;
  animation: mam-badge-glow 2s ease-in-out infinite;
}

@keyframes mam-badge-glow {
  0%,
  100% {
    box-shadow: 0 2px 8px rgba(191, 168, 107, 0.4);
  }
  50% {
    box-shadow: 0 2px 16px rgba(191, 168, 107, 0.7);
  }
}

.mam-dash-viewers-modern .mam-mark-views-seen {
  background: linear-gradient(
    90deg,
    #927431,
    #bfa86b,
    #eee1b0,
    #f5ecca,
    #fffece,
    #fefefa,
    #f5ecca,
    #eee1b0,
    #bfa86b,
    #927431
  ) !important;
  border: none !important;
  color: #1a0f08 !important;
  font-size: 13px;
  font-weight: 600;
  padding: 10px 16px;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 2px 8px rgba(191, 168, 107, 0.3);
}

.mam-dash-viewers-modern .mam-mark-views-seen:hover {
  background: linear-gradient(135deg, #bfa86b 0%, #e6d996 100%) !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(191, 168, 107, 0.4);
}

.mam-dash-viewers-modern .mam-mark-views-seen i {
  color: #1a0f08 !important;
  margin-right: 6px;
}

.mam-viewers-content {
  padding: 16px 20px;
}

.mam-viewers-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px 20px;
  text-align: center;
}

.mam-viewers-empty i {
  font-size: 36px;
  color: rgba(255, 250, 236, 0.2);
  margin-bottom: 12px;
}

.mam-viewers-empty p {
  color: rgba(255, 250, 236, 0.5);
  font-size: 14px;
  margin: 0;
}

.mam-viewers-list-modern {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.mam-viewer-card {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  background: rgba(255, 250, 236, 0.04);
  border: 1px solid rgba(255, 250, 236, 0.08);
  border-radius: 12px;
  text-decoration: none;
  transition: all 0.25s ease;
}

.mam-viewer-card:hover {
  background: rgba(191, 168, 107, 0.1);
  border-color: rgba(191, 168, 107, 0.3);
  transform: translateX(4px);
}

.mam-viewer-card.is-new {
  background: linear-gradient(
    135deg,
    rgba(191, 168, 107, 0.15),
    rgba(191, 168, 107, 0.08)
  );
  border-color: rgba(191, 168, 107, 0.4);
}

.mam-viewer-card .mam-viewer-avatar {
  position: relative;
  width: 52px;
  height: 52px;
  flex-shrink: 0;
}

.mam-viewer-card .mam-viewer-avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid rgba(191, 168, 107, 0.4);
}

.mam-viewer-card .mam-viewer-initials {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: linear-gradient(
    135deg,
    rgba(191, 168, 107, 0.3),
    rgba(191, 168, 107, 0.15)
  );
  color: #bfa86b;
  font-size: 16px;
  font-weight: 700;
  border: 2px solid rgba(191, 168, 107, 0.4);
}

.mam-viewer-new-indicator {
  position: absolute;
  top: 0;
  right: 0;
  width: 14px;
  height: 14px;
  background: linear-gradient(
    90deg,
    #927431,
    #bfa86b,
    #eee1b0,
    #f5ecca,
    #fffece,
    #fefefa,
    #f5ecca,
    #eee1b0,
    #bfa86b,
    #927431
  );
  border-radius: 50%;
  border: 2px solid #1a2a3a;
  animation: mam-pulse 1.5s ease-in-out infinite;
}

@keyframes mam-pulse {
  0%,
  100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.15);
    opacity: 0.8;
  }
}

.mam-viewer-card .mam-viewer-details {
  flex: 1;
  min-width: 0;
}

.mam-viewer-card .mam-viewer-name {
  display: block;
  font-size: 15px;
  font-weight: 600;
  color: #fffaec;
  margin-bottom: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mam-viewer-card .mam-viewer-time {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  color: rgba(255, 250, 236, 0.5);
}

.mam-viewer-card .mam-viewer-time i {
  font-size: 11px;
}

.mam-viewer-arrow {
  color: rgba(255, 250, 236, 0.3);
  font-size: 14px;
  transition: all 0.2s ease;
}

.mam-viewer-card:hover .mam-viewer-arrow {
  color: #bfa86b;
  transform: translateX(3px);
}

/* Recently Viewed Grid */
.mam-recent-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 12px;
}

.mam-recent-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 16px 12px;
  background: #f8fafc;
  border-radius: 12px;
  text-decoration: none;
  transition: all 0.2s ease;
}

.mam-recent-item:hover {
  background: #f1f5f9;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.mam-recent-photo {
  width: 56px;
  height: 56px;
  margin-bottom: 10px;
}

.mam-recent-photo img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid #fffaec;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.mam-recent-initials {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: linear-gradient(135deg, #ddd6fe, #c4b5fd);
  color: #7c3aed;
  font-size: 16px;
  font-weight: 600;
  border: 3px solid #fffaec;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.mam-recent-info {
  width: 100%;
}

.mam-recent-name {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #1a1a2e;
  margin-bottom: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mam-recent-meta {
  display: block;
  font-size: 12px;
  color: #64748b;
  margin-bottom: 2px;
}

.mam-recent-time {
  display: block;
  font-size: 11px;
  color: #94a3b8;
}

/* Mobile for Viewers and Recent Grids */
@media (max-width: 768px) {
  .mam-viewers-grid,
  .mam-recent-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .mam-viewer-photo {
    width: 56px;
    height: 56px;
  }

  .mam-recent-photo {
    width: 48px;
    height: 48px;
  }
}

/* Legacy classes - keeping for backwards compatibility */
.mam-viewers-card {
  background: #fffaec;
  border-radius: 12px;
  padding: 24px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.mam-viewers-card .mam-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  padding-bottom: 16px;
  border-bottom: 1px solid #f0f0f0;
}

.mam-viewers-card .mam-card-header h3 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: #1a1a2e;
}

.mam-viewers-card .mam-card-header h3 i {
  color: #6366f1;
  font-size: 20px;
}

.mam-unseen-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #ef4444, #dc2626);
  color: #fffaec;
  font-size: 12px;
  font-weight: 600;
  min-width: 22px;
  height: 22px;
  padding: 0 6px;
  border-radius: 11px;
}

.mam-mark-seen-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
  color: #64748b;
  cursor: pointer;
  transition: all 0.2s ease;
}

.mam-mark-seen-btn:hover {
  background: #f1f5f9;
  color: #475569;
  border-color: #cbd5e1;
}

.mam-mark-seen-btn i {
  font-size: 14px;
}

.mam-viewers-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 16px;
}

.mam-viewer-item {
  position: relative;
  background: #f8fafc;
  border-radius: 12px;
  padding: 16px;
  text-align: center;
  text-decoration: none;
  color: inherit;
  transition: all 0.2s ease;
  border: 2px solid transparent;
}

.mam-viewer-item:hover {
  background: #f1f5f9;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.mam-viewer-item.is-unseen {
  border-color: #6366f1;
  background: linear-gradient(135deg, #eef2ff, #f8fafc);
}

.mam-viewer-item.is-unseen::before {
  content: "";
  position: absolute;
  top: 8px;
  right: 8px;
  width: 10px;
  height: 10px;
  background: #6366f1;
  border-radius: 50%;
  animation: pulse-dot 2s ease-in-out infinite;
}

@keyframes pulse-dot {
  0%,
  100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.2);
    opacity: 0.7;
  }
}

.mam-viewer-avatar {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  object-fit: cover;
  margin: 0 auto 12px;
  border: 3px solid #fffaec;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.mam-viewer-name {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #1a1a2e;
  margin-bottom: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mam-viewer-time {
  font-size: 12px;
  color: #64748b;
}

.mam-viewers-empty {
  text-align: center;
  padding: 40px 20px;
  color: #64748b;
}

.mam-viewers-empty i {
  font-size: 48px;
  color: #cbd5e1;
  margin-bottom: 16px;
  display: block;
}

.mam-viewers-empty p {
  margin: 0;
  font-size: 15px;
}

/* =====================================================
   RECENTLY VIEWED PROFILES CARD
   ===================================================== */

.mam-recently-viewed-card {
  background: #fffaec;
  border-radius: 12px;
  padding: 24px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.mam-recently-viewed-card .mam-card-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  padding-bottom: 16px;
  border-bottom: 1px solid #f0f0f0;
}

.mam-recently-viewed-card .mam-card-header h3 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: #1a1a2e;
}

.mam-recently-viewed-card .mam-card-header h3 i {
  color: #8b5cf6;
  font-size: 20px;
}

.mam-recently-viewed-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.mam-recent-item {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 12px;
  background: #f8fafc;
  border-radius: 10px;
  text-decoration: none;
  color: inherit;
  transition: all 0.2s ease;
}

.mam-recent-item:hover {
  background: #f1f5f9;
  transform: translateX(4px);
}

.mam-recent-avatar {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid #fffaec;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  flex-shrink: 0;
}

.mam-recent-info {
  flex: 1;
  min-width: 0;
}

.mam-recent-name {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #1a1a2e;
  margin-bottom: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mam-recent-details {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: #64748b;
}

.mam-recent-details span {
  display: flex;
  align-items: center;
  gap: 4px;
}

.mam-recent-details i {
  font-size: 11px;
  color: #94a3b8;
}

.mam-recent-time {
  font-size: 12px;
  color: #94a3b8;
  white-space: nowrap;
  flex-shrink: 0;
}

.mam-recently-viewed-empty {
  text-align: center;
  padding: 40px 20px;
  color: #64748b;
}

.mam-recently-viewed-empty i {
  font-size: 48px;
  color: #cbd5e1;
  margin-bottom: 16px;
  display: block;
}

.mam-recently-viewed-empty p {
  margin: 0;
  font-size: 15px;
}

/* Viewers & Recently Viewed Mobile */
@media (max-width: 768px) {
  .mam-viewers-card,
  .mam-recently-viewed-card {
    padding: 16px;
  }

  .mam-viewers-card .mam-card-header,
  .mam-recently-viewed-card .mam-card-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }

  .mam-viewers-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .mam-viewer-avatar {
    width: 56px;
    height: 56px;
  }

  .mam-recent-avatar {
    width: 44px;
    height: 44px;
  }

  .mam-recent-details {
    flex-wrap: wrap;
  }
}

/* =====================================================
   SHARE PROFILE CARD & MODAL
   ===================================================== */

.mam-share-profile-card .mam-dash-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
}

/* New Share Link Button - Visible on dark background */
.mam-share-profile-card .mam-open-share-modal,
.mam-dash-card-header .mam-btn-outline,
.mam-dash-card .mam-btn-outline {
  background: transparent !important;
  border: 2px solid #bfa86b !important;
  color: #bfa86b !important;
  font-weight: 500;
  padding: 8px 16px !important;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.mam-share-profile-card .mam-open-share-modal:hover,
.mam-dash-card-header .mam-btn-outline:hover,
.mam-dash-card .mam-btn-outline:hover {
  background: linear-gradient(
    90deg,
    #927431,
    #bfa86b,
    #eee1b0,
    #f5ecca,
    #fffece,
    #fefefa,
    #f5ecca,
    #eee1b0,
    #bfa86b,
    #927431
  ) !important;
  color: #1a0f08 !important;
}

.mam-share-description {
  color: #64748b;
  font-size: 14px;
  margin-bottom: 16px;
  line-height: 1.5;
}

.mam-share-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.mam-share-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 16px;
  background: #f8fafc;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
}

.mam-share-info {
  flex: 1;
  min-width: 0;
}

.mam-share-recipient {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
  color: #1a1a2e;
  margin-bottom: 4px;
}

.mam-share-recipient i {
  color: #6366f1;
}

.mam-share-relation {
  font-weight: 400;
  color: #64748b;
  font-size: 13px;
}

.mam-share-meta {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 12px;
  color: #64748b;
}

.mam-share-meta span {
  display: flex;
  align-items: center;
  gap: 4px;
}

.mam-share-meta i {
  font-size: 11px;
  color: #94a3b8;
}

.mam-share-actions {
  display: flex;
  gap: 8px;
}

.mam-btn-xs {
  padding: 6px 10px;
  font-size: 12px;
}

/* Share Modal */
#mam-share-modal .mam-modal-content {
  max-width: 520px;
  padding: 0;
}

#mam-share-modal .mam-modal-header {
  padding: 24px 28px 20px;
  border-bottom: 1px solid var(--mam-border);
}

#mam-share-modal .mam-modal-header h3 {
  margin: 0;
  font-size: 18px;
  display: flex;
  align-items: center;
  gap: 10px;
}

#mam-share-modal .mam-form {
  padding: 28px;
}

#mam-share-modal .mam-form-group {
  margin-bottom: 20px;
}

#mam-share-modal .mam-form-group label {
  display: block;
  margin-bottom: 8px;
  font-weight: 600;
  font-size: 14px;
}

#mam-share-modal .mam-form-row {
  gap: 16px;
  margin-bottom: 10px;
}

#mam-share-modal .mam-form-actions {
  margin-top: 28px;
  padding-top: 22px;
  border-top: 1px solid var(--mam-border);
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

#mam-share-modal .mam-checkbox-label {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 30px;
  cursor: pointer;
}

#mam-share-modal .mam-modal-close {
  top: 18px;
  right: 18px;
}

#mam-share-modal textarea {
  min-height: 80px;
}

.mam-share-result {
  text-align: center;
  padding: 20px;
}

.mam-share-success > i {
  font-size: 48px;
  color: #22c55e;
  margin-bottom: 16px;
  display: block;
}

.mam-share-link-box .mam-btn i {
  font-size: 14px !important;
  color: inherit !important;
  margin-bottom: 0 !important;
}

.mam-share-success h4 {
  font-size: 18px;
  font-weight: 600;
  color: #1a1a2e;
  margin: 0 0 8px;
}

.mam-share-success > p {
  color: #64748b;
  font-size: 14px;
  margin-bottom: 16px;
}

.mam-share-link-box {
  display: flex;
  gap: 8px;
  margin-bottom: 20px;
}

.mam-share-link-box input {
  flex: 1;
  padding: 10px 12px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  font-size: 13px;
  background: #f8fafc;
  color: #334155;
}

.mam-checkbox-label {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  padding-top: 28px;
}

.mam-checkbox-label input[type="checkbox"] {
  width: 18px;
  height: 18px;
  margin: 0;
}

/* =====================================================
   SHARED PROFILE PAGE (PUBLIC VIEW)
   ===================================================== */

.mam-shared-profile-page {
  max-width: 800px;
  margin: 0 auto;
  padding: 20px;
}

.mam-shared-header {
  margin-bottom: 24px;
}

.mam-shared-notice {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 20px;
  background: linear-gradient(135deg, #eef2ff, #f5f3ff);
  border-radius: 12px;
  border-left: 4px solid #6366f1;
}

.mam-shared-notice > i {
  font-size: 24px;
  color: #6366f1;
  flex-shrink: 0;
  margin-top: 2px;
}

.mam-shared-notice strong {
  display: block;
  font-size: 16px;
  color: #1a1a2e;
  margin-bottom: 4px;
}

.mam-shared-notice p {
  color: #64748b;
  font-size: 14px;
  margin: 0 0 8px;
  line-height: 1.5;
}

.mam-share-expires {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: #94a3b8;
}

.mam-shared-message {
  padding: 16px;
  background: #f8fafc;
  border-radius: 10px;
  margin-bottom: 24px;
  border: 1px solid #e2e8f0;
}

.mam-shared-message strong {
  display: block;
  font-size: 13px;
  color: #64748b;
  margin-bottom: 6px;
}

.mam-shared-message p {
  color: #334155;
  font-size: 14px;
  line-height: 1.6;
  margin: 0;
}

.mam-shared-profile-card {
  background: #fffaec;
  border-radius: 16px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}

.mam-shared-profile-header {
  display: flex;
  gap: 24px;
  padding: 32px;
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
  border-bottom: 1px solid #e2e8f0;
}

.mam-shared-profile-photo {
  flex-shrink: 0;
}

.mam-shared-profile-photo img {
  width: 140px;
  height: 140px;
  border-radius: 12px;
  object-fit: cover;
  border: 4px solid #fffaec;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.mam-shared-no-photo {
  width: 140px;
  height: 140px;
  border-radius: 12px;
  background: linear-gradient(135deg, #e2e8f0, #cbd5e1);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 4px solid #fffaec;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.mam-shared-no-photo i {
  font-size: 48px;
  color: #94a3b8;
}

.mam-shared-profile-summary {
  flex: 1;
}

.mam-shared-profile-summary h1 {
  font-size: 28px;
  font-weight: 700;
  color: #1a1a2e;
  margin: 0 0 8px;
}

.mam-shared-member-number {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  background: #fffaec;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  color: #6366f1;
  margin-bottom: 12px;
}

.mam-shared-quick-info {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.mam-shared-quick-info span {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  color: #64748b;
}

.mam-shared-quick-info i {
  color: #94a3b8;
  font-size: 13px;
}

.mam-shared-profile-sections {
  padding: 24px 32px 32px;
}

.mam-shared-section {
  margin-bottom: 28px;
}

.mam-shared-section:last-child {
  margin-bottom: 0;
}

.mam-shared-section h3 {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  font-weight: 600;
  color: #1a1a2e;
  margin: 0 0 16px;
  padding-bottom: 10px;
  border-bottom: 2px solid #f1f5f9;
}

.mam-shared-section h3 i {
  color: #6366f1;
  font-size: 18px;
}

.mam-shared-details-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}

.mam-shared-detail {
  padding: 12px 16px;
  background: #f8fafc;
  border-radius: 8px;
}

.mam-shared-detail .label {
  display: block;
  font-size: 12px;
  font-weight: 500;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 4px;
}

.mam-shared-detail .value {
  font-size: 14px;
  font-weight: 600;
  color: #1a1a2e;
}

.mam-shared-bio {
  font-size: 14px;
  line-height: 1.7;
  color: #475569;
}

.mam-shared-footer {
  margin-top: 24px;
  padding: 16px 20px;
  background: #f8fafc;
  border-radius: 10px;
  text-align: center;
}

.mam-shared-footer p {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #64748b;
  font-size: 13px;
  margin: 0;
}

.mam-shared-footer i {
  color: #6366f1;
}

/* Share Error Page */
.mam-shared-error {
  text-align: center;
  padding: 60px 20px;
  max-width: 500px;
}

.mam-error-icon {
  width: 80px;
  height: 80px;
  margin: 0 auto 24px;
  background: linear-gradient(135deg, #fef2f2, #fee2e2);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mam-error-icon i {
  font-size: 36px;
  color: #ef4444;
}

.mam-shared-error h2 {
  font-size: 24px;
  font-weight: 600;
  color: #1a1a2e;
  margin: 0 0 12px;
}

.mam-shared-error > p {
  color: #64748b;
  font-size: 15px;
  margin: 0 0 8px;
}

.mam-error-help {
  font-size: 13px !important;
  color: #94a3b8 !important;
}

/* Shared Profile Mobile */
@media (max-width: 768px) {
  .mam-shared-profile-header {
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 24px;
  }

  .mam-shared-profile-photo img,
  .mam-shared-no-photo {
    width: 120px;
    height: 120px;
  }

  .mam-shared-profile-summary h1 {
    font-size: 24px;
  }

  .mam-shared-quick-info {
    justify-content: center;
  }

  .mam-shared-profile-sections {
    padding: 20px;
  }

  .mam-shared-details-grid {
    grid-template-columns: 1fr;
  }

  .mam-share-item {
    flex-direction: column;
    align-items: stretch;
  }

  .mam-share-actions {
    justify-content: flex-end;
    margin-top: 8px;
    padding-top: 12px;
    border-top: 1px solid #e2e8f0;
  }
}

/* =====================================================
   VERIFICATION BADGES
   ===================================================== */

.mam-verification-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 8px 0 12px;
}

.mam-badge-verified {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 12px;
  border-radius: 7px;
  font-size: 12px;
  font-weight: 600;
  background: rgba(9, 66, 57, 0.3);
  color: #22c55e;
  border: 1px solid rgba(34, 197, 94, 0.3);
}

.mam-badge-verified.mam-badge-email {
  background: rgba(9, 66, 57, 0.3);
  color: #22c55e;
  border-color: rgba(34, 197, 94, 0.3);
}

.mam-badge-verified.mam-badge-phone {
  background: rgba(9, 66, 57, 0.3);
  color: #22c55e;
  border: 1px solid rgba(34, 197, 94, 0.3);
}

.mam-badge-verified.mam-badge-id {
  background: rgba(9, 66, 57, 0.3);
  color: #22c55e;
  border-color: rgba(34, 197, 94, 0.3);
}

.mam-badge-verified i {
  font-size: 11px;
  color: #22c55e;
}

/* Verified icons in profile cards */
.mam-verified-icons {
  display: inline-flex;
  gap: 6px;
  margin-left: 8px;
  vertical-align: middle;
}

.mam-verified-icons i {
  font-size: 13px;
  opacity: 0.9;
}

/* =====================================================
   VERIFICATION SETTINGS SECTION
   ===================================================== */

.mam-verification-items {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.mam-verification-item {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 20px;
  background: #f8fafc;
  border-radius: 12px;
  border: 2px solid transparent;
  transition: all 0.2s ease;
}

.mam-verification-item.is-verified {
  background: #f0fdf4;
  border-color: #86efac;
}

.mam-verification-item.is-pending {
  background: #fefce8;
  border-color: #fde047;
}

.mam-verification-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fffaec;
  font-size: 20px;
  flex-shrink: 0;
}

.mam-verification-info {
  flex: 1;
  min-width: 0;
}

.mam-verification-info strong {
  display: block;
  font-size: 15px;
  font-weight: 600;
  color: #1a1a2e;
  margin-bottom: 2px;
}

.mam-verification-info span {
  font-size: 13px;
  color: #64748b;
}

.mam-verification-status {
  flex-shrink: 0;
}

.mam-verified-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  background: linear-gradient(135deg, #22c55e, #16a34a);
  color: #fffaec;
  font-size: 13px;
  font-weight: 600;
  border-radius: 8px;
}

.mam-pending-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  background: linear-gradient(135deg, #bfa86b, #927431);
  color: #fffaec;
  font-size: 13px;
  font-weight: 600;
  border-radius: 8px;
}

.mam-muted {
  color: #94a3b8;
  font-size: 13px;
}

/* Code Verification Modal */
.mam-modal-sm .mam-modal-content {
  max-width: 400px;
}

.mam-verification-modal-body {
  text-align: center;
  padding: 20px;
}

.mam-verify-modal-desc {
  color: #64748b;
  margin-bottom: 24px;
}

.mam-code-input-wrap {
  margin-bottom: 24px;
}

.mam-code-input-wrap input {
  width: 100%;
  max-width: 200px;
  padding: 16px;
  font-size: 28px;
  font-weight: 700;
  text-align: center;
  letter-spacing: 8px;
  border: 2px solid #e2e8f0;
  border-radius: 12px;
  background: #f8fafc;
  transition: all 0.2s ease;
}

.mam-code-input-wrap input:focus {
  border-color: #6366f1;
  background: #fffaec;
  outline: none;
  box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.1);
}

.mam-verification-actions {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
}

.mam-resend-code-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* ID Verification Modal */
.mam-id-verification-steps {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 20px;
}

.mam-id-step {
  display: flex;
  gap: 16px;
}

.mam-id-step-num {
  width: 32px;
  height: 32px;
  background: linear-gradient(135deg, #6366f1, #4f46e5);
  color: #fffaec;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 14px;
  flex-shrink: 0;
}

.mam-id-step-content {
  flex: 1;
}

.mam-id-step-content strong {
  display: block;
  font-size: 15px;
  color: #1a1a2e;
  margin-bottom: 8px;
}

.mam-id-type-options {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.mam-id-type-option {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 16px 20px;
  background: #f8fafc;
  border: 2px solid #e2e8f0;
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.2s ease;
  min-width: 100px;
}

.mam-id-type-option:hover {
  border-color: #6366f1;
  background: #f5f3ff;
}

.mam-id-type-option input {
  display: none;
}

.mam-id-type-option input:checked + i,
.mam-id-type-option input:checked ~ span {
  color: #6366f1;
}

.mam-id-type-option input:checked ~ span {
  font-weight: 600;
}

.mam-id-type-option:has(input:checked) {
  border-color: #6366f1;
  background: #f5f3ff;
}

.mam-id-type-option i {
  font-size: 24px;
  color: #64748b;
}

.mam-id-type-option span {
  font-size: 13px;
  color: #334155;
}

.mam-id-upload-zone {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 32px;
  border: 2px dashed #cbd5e1;
  border-radius: 12px;
  background: #f8fafc;
  cursor: pointer;
  transition: all 0.2s ease;
  position: relative;
}

.mam-id-upload-zone:hover {
  border-color: #6366f1;
  background: #f5f3ff;
}

.mam-id-upload-zone i {
  font-size: 32px;
  color: #94a3b8;
}

.mam-id-upload-zone span {
  font-size: 14px;
  color: #64748b;
}

.mam-id-upload-zone input {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}

.mam-id-preview {
  margin-top: 12px;
}

.mam-id-preview img {
  max-width: 200px;
  max-height: 150px;
  border-radius: 8px;
  border: 2px solid #e2e8f0;
}

.mam-id-notice {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px;
  background: #f0fdf4;
  border-radius: 10px;
  margin: 0 20px 20px;
}

.mam-id-notice i {
  color: #22c55e;
  font-size: 18px;
}

.mam-id-notice span {
  font-size: 13px;
  color: #166534;
}

/* =====================================================
   IN-APP MESSAGING
   ===================================================== */

.mam-messages-card {
  display: flex;
  flex-direction: column;
  height: 500px;
  background: #fffaec;
  border-radius: 16px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}

.mam-messages-header {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 20px;
  background: linear-gradient(135deg, #6366f1, #4f46e5);
  color: #fffaec;
}

.mam-messages-avatar {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid rgba(255, 250, 236, 0.3);
}

.mam-messages-avatar-placeholder {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(255, 250, 236, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 600;
}

.mam-messages-info h4 {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 2px;
}

.mam-messages-info span {
  font-size: 12px;
  opacity: 0.8;
}

.mam-messages-list {
  flex: 1;
  overflow-y: auto;
  padding: 20px;
  display: flex;
  flex-direction: column-reverse;
  gap: 12px;
}

.mam-message {
  display: flex;
  gap: 10px;
  max-width: 80%;
}

.mam-message.is-mine {
  margin-left: auto;
  flex-direction: row-reverse;
}

.mam-message-avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}

.mam-message-bubble {
  padding: 12px 16px;
  background: #f1f5f9;
  border-radius: 16px;
  border-bottom-left-radius: 4px;
}

.mam-message.is-mine .mam-message-bubble {
  background: linear-gradient(135deg, #6366f1, #4f46e5);
  color: #fffaec;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 4px;
}

.mam-message-text {
  font-size: 14px;
  line-height: 1.5;
  word-break: break-word;
}

.mam-message-time {
  font-size: 11px;
  color: #94a3b8;
  margin-top: 4px;
}

.mam-message.is-mine .mam-message-time {
  color: rgba(255, 250, 236, 0.7);
  text-align: right;
}

.mam-messages-input {
  display: flex;
  gap: 12px;
  padding: 16px 20px;
  border-top: 1px solid #f1f5f9;
  background: #f8fafc;
}

.mam-messages-input textarea {
  flex: 1;
  padding: 12px 16px;
  border: 1px solid #e2e8f0;
  border-radius: 24px;
  resize: none;
  font-size: 14px;
  min-height: 44px;
  max-height: 120px;
  line-height: 1.4;
}

.mam-messages-input textarea:focus {
  outline: none;
  border-color: #6366f1;
}

.mam-messages-send {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: linear-gradient(135deg, #6366f1, #4f46e5);
  color: #fffaec;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  transition: all 0.2s ease;
  flex-shrink: 0;
}

.mam-messages-send:hover {
  transform: scale(1.05);
  box-shadow: 0 4px 12px rgba(99, 102, 241, 0.4);
}

.mam-messages-empty {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 40px;
  color: #64748b;
}

.mam-messages-empty i {
  font-size: 48px;
  color: #cbd5e1;
  margin-bottom: 16px;
}

/* =====================================================
   MEETING NOTES
   ===================================================== */

.mam-meeting-notes-card {
  background: #fffaec;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.mam-meeting-notes-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}

.mam-meeting-notes-header h4 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  font-weight: 600;
  color: #1a1a2e;
  margin: 0;
}

.mam-meeting-notes-header i {
  color: #f59e0b;
}

.mam-meeting-notes-private {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: #64748b;
  background: #f1f5f9;
  padding: 4px 10px;
  border-radius: 20px;
}

.mam-meeting-notes-textarea {
  width: 100%;
  min-height: 120px;
  padding: 14px;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  resize: vertical;
  font-size: 14px;
  line-height: 1.6;
  transition: all 0.2s ease;
}

.mam-meeting-notes-textarea:focus {
  outline: none;
  border-color: #f59e0b;
  box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.1);
}

.mam-meeting-notes-textarea::placeholder {
  color: #94a3b8;
}

.mam-meeting-notes-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 12px;
}

.mam-notes-autosave {
  font-size: 12px;
  color: #94a3b8;
  display: flex;
  align-items: center;
  gap: 6px;
}

.mam-notes-autosave.is-saving {
  color: #f59e0b;
}

.mam-notes-autosave.is-saved {
  color: #22c55e;
}

/* Verification Mobile */
@media (max-width: 768px) {
  .mam-verification-item {
    flex-direction: column;
    text-align: center;
    padding: 16px;
  }

  .mam-verification-badges {
    justify-content: center;
  }

  .mam-id-type-options {
    justify-content: center;
  }

  .mam-messages-card {
    height: 400px;
  }
}

/* ===================================
   Dashboard Messages Card
   =================================== */
.mam-dash-messages-card {
  background: rgba(255, 250, 236, 0.03) !important;
  border: 1px solid rgba(255, 250, 236, 0.08) !important;
}

.mam-dash-messages-card .mam-dash-card-header h3 {
  display: flex;
  align-items: center;
  gap: 10px;
}

.mam-dash-messages-card .mam-badge-primary {
  background: linear-gradient(
    90deg,
    #927431,
    #bfa86b,
    #eee1b0,
    #f5ecca,
    #fffece,
    #fefefa,
    #f5ecca,
    #eee1b0,
    #bfa86b,
    #927431
  );
  color: #1a0f08;
  font-size: 11px;
  padding: 2px 8px;
  border-radius: 10px;
  font-weight: 600;
}

.mam-conversations-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.mam-conversation-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  background: rgba(255, 250, 236, 0.04);
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.2s ease;
  border: 1px solid rgba(255, 250, 236, 0.06);
}

.mam-conversation-item:hover {
  background: #094239;
  border-color: rgba(191, 168, 107, 0.25);
}

.mam-conversation-item.has-unread {
  background: rgba(191, 168, 107, 0.1);
  border-color: rgba(191, 168, 107, 0.3);
}

.mam-conversation-avatar {
  position: relative;
  width: 48px;
  height: 48px;
  flex-shrink: 0;
}

.mam-conversation-avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}

.mam-conversation-initials {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(
    135deg,
    var(--mam-primary) 0%,
    var(--mam-primary-light) 100%
  );
  color: #fffaec;
  font-size: 16px;
  font-weight: 600;
  border-radius: 50%;
}

.mam-unread-badge {
  position: absolute;
  top: -4px;
  right: -4px;
  width: 20px;
  height: 20px;
  background: linear-gradient(
    90deg,
    #927431,
    #bfa86b,
    #eee1b0,
    #f5ecca,
    #fffece,
    #fefefa,
    #f5ecca,
    #eee1b0,
    #bfa86b,
    #927431
  );
  color: #1a0f08;
  font-size: 11px;
  font-weight: 600;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #162d2d;
}

.mam-conversation-info {
  flex: 1;
  min-width: 0;
}

.mam-conversation-name {
  display: block;
  font-weight: 600;
  color: #fffaec;
  font-size: 14px;
  margin-bottom: 2px;
}

.mam-conversation-preview {
  display: block;
  font-size: 13px;
  color: rgba(255, 250, 236, 0.5);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mam-conversation-preview i {
  font-size: 10px;
  margin-right: 4px;
  opacity: 0.7;
}

.mam-conversation-item.has-unread .mam-conversation-preview {
  color: #fffaec;
  font-weight: 500;
}

.mam-conversation-meta {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  color: rgba(255, 250, 236, 0.4);
}

.mam-conversation-meta i {
  color: rgba(255, 250, 236, 0.3);
}

.mam-conversation-time {
  font-size: 11px;
}

.mam-conversation-meta i {
  font-size: 12px;
  opacity: 0.5;
}

/* ===================================
   Chat Modal
   =================================== */
#mam-chat-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(4px);
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  /* Override .mam-modal card styles */
  max-width: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  overflow: visible !important;
}

.mam-chat-modal-content {
  max-width: 500px;
  width: 95%;
  height: 600px;
  max-height: 85vh;
  display: flex;
  flex-direction: column;
  padding: 0;
  border-radius: 16px;
  overflow: hidden;
  background: #0d2020;
  border: 1px solid rgba(255, 250, 236, 0.1);
}

.mam-chat-header {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px;
  background: linear-gradient(
    135deg,
    var(--mam-primary) 0%,
    var(--mam-primary-light) 100%
  );
  color: #fffaec;
}

.mam-chat-back {
  background: rgba(255, 250, 236, 0.15);
  border: none;
  color: #fffaec;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s ease;
}

.mam-chat-back:hover {
  background: rgba(255, 250, 236, 0.25);
}

.mam-chat-partner-info {
  flex: 1;
}

.mam-chat-partner-name {
  font-weight: 600;
  font-size: 16px;
}

.mam-chat-header .mam-modal-close {
  background: rgba(255, 250, 236, 0.15);
  color: #fffaec;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mam-chat-header .mam-modal-close:hover {
  background: rgba(255, 250, 236, 0.25);
}

.mam-chat-messages {
  flex: 1;
  padding: 16px;
  overflow-y: auto;
  background: #0d2020;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.mam-chat-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: rgba(255, 250, 236, 0.5);
  font-size: 24px;
}

.mam-chat-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: rgba(255, 250, 236, 0.5);
  text-align: center;
  padding: 20px;
}

.mam-chat-empty i {
  font-size: 48px;
  margin-bottom: 12px;
  opacity: 0.5;
}

.mam-chat-date-divider {
  text-align: center;
  padding: 8px 0;
}

.mam-chat-date-divider span {
  background: rgba(255, 250, 236, 0.1);
  color: rgba(255, 250, 236, 0.5);
  font-size: 11px;
  padding: 4px 12px;
  border-radius: 12px;
}

.mam-chat-message {
  display: flex;
  flex-direction: column;
  max-width: 80%;
}

.mam-chat-message.sent {
  align-self: flex-end;
}

.mam-chat-message.received {
  align-self: flex-start;
}

.mam-chat-bubble {
  padding: 10px 14px;
  border-radius: 16px;
  font-size: 14px;
  line-height: 1.4;
  word-wrap: break-word;
}

.mam-chat-message.sent .mam-chat-bubble {
  background: linear-gradient(
    135deg,
    var(--mam-primary) 0%,
    var(--mam-primary-light) 100%
  );
  color: #fffaec;
  border-bottom-right-radius: 4px;
}

.mam-chat-message.received .mam-chat-bubble {
  background: #094239;
  color: #fffaec;
  border: 1px solid rgba(255, 250, 236, 0.1);
  border-bottom-left-radius: 4px;
}

.mam-chat-message-time {
  font-size: 10px;
  color: rgba(255, 250, 236, 0.4);
  margin-top: 4px;
  padding: 0 4px;
}

.mam-chat-message.sent .mam-chat-message-time {
  text-align: right;
}

.mam-chat-input-area {
  padding: 12px 16px;
  background: #162d2d;
  border-top: 1px solid rgba(255, 250, 236, 0.08);
}

.mam-chat-input-wrapper {
  display: flex;
  align-items: flex-end;
  gap: 10px;
  background: rgba(255, 250, 236, 0.06);
  border-radius: 24px;
  padding: 6px 6px 6px 16px;
}

.mam-chat-input-wrapper textarea {
  flex: 1;
  border: none;
  background: transparent;
  resize: none;
  font-size: 14px;
  line-height: 1.4;
  padding: 8px 0;
  max-height: 100px;
  font-family: inherit;
  color: #fffaec;
}

.mam-chat-input-wrapper textarea::placeholder {
  color: rgba(255, 250, 236, 0.4);
}

.mam-chat-input-wrapper textarea:focus {
  outline: none;
}

.mam-chat-send-btn {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  background: linear-gradient(
    135deg,
    var(--mam-accent) 0%,
    var(--mam-accent-light) 100%
  );
  color: var(--mam-primary);
  border: none;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  flex-shrink: 0;
  padding: 0;
}

.mam-chat-send-btn i,
.mam-chat-send-btn .fas,
.mam-chat-send-btn .fa-paper-plane {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  font-size: 16px !important;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.mam-chat-send-btn:hover {
  transform: scale(1.05);
  box-shadow: 0 4px 12px rgba(191, 168, 107, 0.4);
}

.mam-chat-send-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
}

/* ===================================
   Push Notification Banner
   =================================== */
.mam-dash-push-card {
  background: rgba(191, 168, 107, 0.08) !important;
  border: 1px solid rgba(191, 168, 107, 0.2) !important;
  border-radius: 12px;
  padding: 16px 20px;
}

.mam-push-content {
  display: flex;
  align-items: center;
  gap: 14px;
}

.mam-push-icon {
  width: 42px;
  height: 42px;
  background: rgba(191, 168, 107, 0.15);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.mam-push-icon i {
  font-size: 18px;
  color: #bfa86b;
}

.mam-push-text {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.mam-push-text strong {
  font-size: 14px;
  color: #fffaec;
}

.mam-push-text span {
  font-size: 12px;
  color: rgba(255, 250, 236, 0.5);
}

.mam-push-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}

.mam-push-status {
  width: 100%;
  font-size: 12px;
  display: flex;
  align-items: center;
  gap: 5px;
}

.mam-push-status.enabled {
  color: #22c55e;
}

.mam-push-status.disabled {
  color: rgba(255, 250, 236, 0.4);
}

@media (max-width: 600px) {
  .mam-push-content {
    flex-wrap: wrap;
  }
  .mam-push-actions {
    width: 100%;
    justify-content: flex-start;
    padding-left: 56px;
  }
}

/* ===================================
   Dashboard Meeting Notes Card
   =================================== */
.mam-dash-notes-card {
  background: rgba(255, 250, 236, 0.03) !important;
  border: 1px solid rgba(255, 250, 236, 0.08) !important;
}

.mam-dash-notes-card .mam-dash-card-header h3 {
  color: #fffaec;
}

.mam-dash-notes-card .mam-dash-card-header h3 i {
  color: #bfa86b;
}

.mam-notes-description {
  font-size: 13px;
  color: rgba(255, 250, 236, 0.7);
  background: rgba(191, 168, 107, 0.1);
  padding: 10px 14px;
  border-radius: 8px;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.mam-notes-description i {
  font-size: 14px;
  color: #bfa86b;
}

.mam-notes-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.mam-notes-item {
  background: rgba(255, 250, 236, 0.04);
  border-radius: 12px;
  padding: 16px;
  border: 1px solid rgba(191, 168, 107, 0.2);
}

.mam-notes-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}

.mam-notes-avatar {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
}

.mam-notes-avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}

.mam-notes-initials {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);
  color: #fffaec;
  font-size: 14px;
  font-weight: 600;
  border-radius: 50%;
}

.mam-notes-partner-info {
  flex: 1;
}

.mam-notes-partner-name {
  display: block;
  font-weight: 600;
  color: #fffaec !important;
  font-size: 14px;
}

.mam-notes-status {
  display: block;
  font-size: 12px;
  color: #bfa86b !important;
}

.mam-notes-saved-indicator {
  font-size: 12px;
  color: #22c55e;
  display: flex;
  align-items: center;
  gap: 4px;
  animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.mam-notes-textarea {
  width: 100%;
  min-height: 80px;
  padding: 12px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  resize: vertical;
  font-size: 14px;
  font-family: inherit;
  line-height: 1.5;
  transition: all 0.2s ease;
}

.mam-notes-textarea:focus {
  outline: none;
  border-color: #f59e0b;
  box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.1);
}

.mam-notes-textarea::placeholder {
  color: #9ca3af;
}

/* ===================================
   Chat Mobile Responsive
   =================================== */
@media (max-width: 768px) {
  .mam-chat-modal-content {
    width: 100%;
    height: 100%;
    max-height: 100vh;
    border-radius: 0;
  }

  .mam-conversation-item {
    padding: 10px;
  }

  .mam-conversation-avatar {
    width: 42px;
    height: 42px;
  }

  .mam-chat-message {
    max-width: 85%;
  }

  .mam-notes-item {
    padding: 12px;
  }
}

/* ===================================
   Blocked Users Section
   =================================== */
.mam-blocked-users-section {
  margin-top: 24px;
  background: #fef2f2;
  border: 1px solid #fecaca;
}

.mam-blocked-users-section .mam-settings-section-icon {
  background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
}

.mam-blocked-users-section .mam-settings-section-icon i {
  color: #fffaec;
}

.mam-blocked-users-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.mam-blocked-user-item {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #fffaec;
  padding: 12px 16px;
  border-radius: 10px;
  border: 1px solid #fecaca;
}

.mam-blocked-user-avatar {
  width: 44px;
  height: 44px;
  flex-shrink: 0;
}

.mam-blocked-user-avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}

.mam-blocked-user-initials {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #94a3b8 0%, #64748b 100%);
  color: #fffaec;
  font-size: 14px;
  font-weight: 600;
  border-radius: 50%;
}

.mam-blocked-user-info {
  flex: 1;
}

.mam-blocked-user-name {
  font-weight: 600;
  color: var(--mam-text);
}

.mam-unblock-btn {
  border-color: #ef4444;
  color: #ef4444;
}

.mam-unblock-btn:hover {
  background: #ef4444;
  color: #fffaec;
}

/* Profile Secondary Actions */
.mam-profile-secondary-actions {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  margin-top: 16px !important;
  padding: 24px !important;
  border-top: 1px solid rgba(255, 250, 236, 0.1) !important;
}

.mam-block-btn,
.mam-report-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  background: transparent;
  border: 1px solid var(--mam-border);
  border-radius: 8px;
  font-size: 13px;
  color: var(--mam-text-muted);
  cursor: pointer;
  transition: all 0.2s ease;
}

.mam-block-btn:hover {
  border-color: #ef4444;
  color: #ef4444;
  background: #fef2f2;
}

.mam-block-btn.is-blocked {
  border-color: #ef4444;
  background: #ef4444;
  color: #fffaec;
}

.mam-report-btn:hover {
  border-color: #f59e0b;
  color: #f59e0b;
  background: #fffbeb;
}

/* ==========================================
   Notification Settings Section
   ========================================== */

.mam-notification-settings-section .mam-settings-section-icon {
  background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
}

.mam-notification-settings-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* Push Notification Banner - dark theme override */
.mam-push-banner,
body .mam-push-banner,
.mam-dash-wrap .mam-push-banner {
  background: rgba(191, 168, 107, 0.08) !important;
  border: 1px solid rgba(191, 168, 107, 0.2) !important;
  border-radius: 12px !important;
  padding: 16px 20px !important;
}

.mam-push-banner *,
body .mam-push-banner * {
  color: #fffaec !important;
  -webkit-text-fill-color: #fffaec !important;
}

.mam-push-banner-content {
  display: flex;
  align-items: center;
  gap: 12px;
}

.mam-push-banner-icon,
body .mam-push-banner .mam-push-icon {
  background: rgba(191, 168, 107, 0.15) !important;
  border-radius: 50% !important;
  color: #bfa86b !important;
  -webkit-text-fill-color: #bfa86b !important;
}

.mam-push-banner-icon i,
body .mam-push-banner .mam-push-icon i {
  color: #bfa86b !important;
  -webkit-text-fill-color: #bfa86b !important;
}

.mam-push-banner h4,
.mam-push-text strong {
  color: #fffaec !important;
  -webkit-text-fill-color: #fffaec !important;
}

.mam-push-banner p,
.mam-push-text span {
  color: rgba(255, 250, 236, 0.6) !important;
  -webkit-text-fill-color: rgba(255, 250, 236, 0.6) !important;
}

.mam-push-toggle-btn {
  min-width: 140px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 20px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  border: none;
}

body .mam-push-toggle-btn.enable-push,
body .mam-push-toggle-btn.disable-push {
  background: var(--mam-gold-gradient, linear-gradient(90deg, #927431, #bfa86b, #e6d996, #efe3c4, #fffde4, #efe3c4, #e6d996, #bfa86b, #937431)) !important;
  color: #094239 !important;
  -webkit-text-fill-color: #094239 !important;
}

body .mam-push-toggle-btn.enable-push i,
body .mam-push-toggle-btn.disable-push i {
  color: #094239 !important;
  -webkit-text-fill-color: #094239 !important;
}

.mam-push-toggle-btn.enable-push:hover,
.mam-push-toggle-btn.disable-push:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(191, 168, 107, 0.3);
}

.mam-push-toggle-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

body .mam-push-status.enabled {
  color: #22c55e !important;
  -webkit-text-fill-color: #22c55e !important;
}

body .mam-push-status.disabled {
  color: rgba(255, 250, 236, 0.4) !important;
  -webkit-text-fill-color: rgba(255, 250, 236, 0.4) !important;
}

.mam-push-not-supported {
  text-align: center;
  padding: 16px;
  background: #fef3c7;
  border: 1px solid #fcd34d;
  border-radius: 10px;
  color: #92400e;
  font-size: 13px;
}

/* Notification Options */
.mam-notification-options {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.mam-notification-options-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4px;
}

.mam-notification-options-header h4 {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  color: var(--mam-text);
}

.mam-notification-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
  background: #fffaec;
  border: 1px solid var(--mam-border);
  border-radius: 10px;
  transition: all 0.2s ease;
}

.mam-notification-option:hover {
  border-color: var(--mam-primary);
  background: #fdf2f8;
}

.mam-notification-option-info {
  display: flex;
  align-items: center;
  gap: 12px;
}

.mam-notification-option-icon {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  font-size: 16px;
}

.mam-notification-option-icon.messages {
  background: #dbeafe;
  color: #2563eb;
}

.mam-notification-option-icon.interests {
  background: #fce7f3;
  color: #db2777;
}

.mam-notification-option-icon.matches {
  background: #d1fae5;
  color: #059669;
}

.mam-notification-option-icon.views {
  background: #e0e7ff;
  color: #4f46e5;
}

.mam-notification-option-icon.searches {
  background: #fef3c7;
  color: #d97706;
}

.mam-notification-option-text h5 {
  margin: 0 0 2px 0;
  font-size: 14px;
  font-weight: 500;
  color: var(--mam-text);
}

.mam-notification-option-text p {
  margin: 0;
  font-size: 12px;
  color: var(--mam-text-muted);
}

/* Toggle Switch */
.mam-toggle-switch {
  position: relative;
  width: 48px;
  height: 26px;
  flex-shrink: 0;
}

.mam-toggle-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.mam-toggle-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #e2e8f0;
  transition: 0.3s;
  border-radius: 26px;
}

.mam-toggle-slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 3px;
  bottom: 3px;
  background: #fffaec;
  transition: 0.3s;
  border-radius: 50%;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.mam-toggle-switch input:checked + .mam-toggle-slider {
  background: linear-gradient(
    135deg,
    var(--mam-primary) 0%,
    var(--mam-primary-dark) 100%
  );
}

.mam-toggle-switch input:checked + .mam-toggle-slider:before {
  transform: translateX(22px);
}

/* ==========================================
   Saved Searches Section
   ========================================== */

.mam-saved-searches-section .mam-settings-section-icon {
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
}

.mam-saved-searches-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.mam-saved-search-item {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  background: #fffaec;
  border: 1px solid var(--mam-border);
  border-radius: 10px;
  transition: all 0.2s ease;
}

.mam-saved-search-item:hover {
  border-color: var(--mam-primary);
  box-shadow: 0 2px 8px rgba(236, 72, 153, 0.1);
}

.mam-saved-search-icon {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
  border-radius: 10px;
  color: #d97706;
  font-size: 16px;
  flex-shrink: 0;
}

.mam-saved-search-info {
  flex: 1;
  min-width: 0;
}

.mam-saved-search-name {
  font-weight: 600;
  font-size: 14px;
  color: var(--mam-text);
  margin-bottom: 2px;
}

.mam-saved-search-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  font-size: 12px;
  color: var(--mam-text-muted);
}

.mam-saved-search-meta span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.mam-saved-search-actions {
  display: flex;
  gap: 8px;
  flex-shrink: 0;
}

.mam-saved-search-run-btn {
  padding: 8px 14px;
  background: linear-gradient(
    135deg,
    var(--mam-primary) 0%,
    var(--mam-primary-dark) 100%
  );
  color: #fffaec;
  border: none;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}

.mam-saved-search-run-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(236, 72, 153, 0.3);
}

.mam-saved-search-delete-btn {
  padding: 8px 10px;
  background: transparent;
  border: 1px solid var(--mam-border);
  border-radius: 8px;
  color: var(--mam-text-muted);
  cursor: pointer;
  transition: all 0.2s ease;
}

.mam-saved-search-delete-btn:hover {
  border-color: #ef4444;
  color: #ef4444;
  background: #fef2f2;
}

.mam-no-saved-searches {
  text-align: center;
  padding: 30px 20px;
  background: #f8fafc;
  border-radius: 10px;
}

.mam-no-saved-searches i {
  font-size: 40px;
  color: #f59e0b;
  margin-bottom: 12px;
}

.mam-no-saved-searches h4 {
  margin: 0 0 6px 0;
  font-size: 15px;
  font-weight: 600;
  color: var(--mam-text);
}

.mam-no-saved-searches p {
  margin: 0;
  font-size: 13px;
  color: var(--mam-text-muted);
}

/* Save Search Button on Profile Browse */
.mam-save-search-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
  color: #fffaec;
  border: none;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}

.mam-save-search-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(245, 158, 11, 0.3);
}

.mam-save-search-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

/* Save Search Modal */
.mam-save-search-modal .mam-modal-content {
  max-width: 440px;
}

.mam-save-search-form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.mam-save-search-form .mam-form-group label {
  display: block;
  margin-bottom: 6px;
  font-size: 13px;
  font-weight: 500;
  color: var(--mam-text);
}

.mam-save-search-form input[type="text"] {
  width: 100%;
  padding: 10px 14px;
  border: 1px solid var(--mam-border);
  border-radius: 8px;
  font-size: 14px;
  transition: all 0.2s ease;
}

.mam-save-search-form input[type="text"]:focus {
  outline: none;
  border-color: rgba(191, 168, 107, 0.5);
  box-shadow: 0 0 0 3px rgba(191, 168, 107, 0.1);
}

.mam-save-search-form select {
  width: 100%;
  padding: 10px 14px;
  border: 1px solid var(--mam-border);
  border-radius: 8px;
  font-size: 14px;
  background: #fffaec;
  cursor: pointer;
}

.mam-save-search-checkbox {
  display: flex;
  align-items: center;
  gap: 10px;
}

.mam-save-search-checkbox input[type="checkbox"] {
  width: 18px;
  height: 18px;
  accent-color: var(--mam-primary);
}

.mam-filters-summary {
  padding: 12px 14px;
  background: #f8fafc;
  border-radius: 8px;
  font-size: 13px;
  color: var(--mam-text-muted);
}

.mam-filters-summary strong {
  display: block;
  margin-bottom: 6px;
  color: var(--mam-text);
}

/* ==========================================
   Toast Notifications (legacy block — overridden by container system above)
   ========================================== */

/* Ensure toasts inside container are NOT independently positioned */
.mam-toast-container .mam-toast {
  position: relative !important;
  bottom: auto !important;
  left: auto !important;
  transform: translateY(8px) !important;
}
.mam-toast-container .mam-toast.show {
  transform: translateY(0) !important;
  opacity: 1 !important;
}
/* Remove ::before pseudo-icon (we use <i> tags now) */
.mam-toast-container .mam-toast::before {
  content: none !important;
}

/* ==========================================
   Notification Toggle Main
   ========================================== */

.mam-notification-toggle-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px;
  background: linear-gradient(135deg, #ede9fe 0%, #ddd6fe 100%);
  border: 1px solid #c4b5fd;
  border-radius: 12px;
  margin-bottom: 20px;
}

.mam-notification-toggle-info {
  display: flex;
  align-items: center;
  gap: 12px;
}

.mam-notification-toggle-info i {
  font-size: 24px;
  color: #7c3aed;
}

.mam-notification-toggle-info strong {
  display: block;
  font-size: 15px;
  color: var(--mam-text);
}

.mam-notification-toggle-info span {
  font-size: 13px;
  color: var(--mam-text-muted);
}

.mam-notification-options-title {
  font-size: 13px;
  font-weight: 500;
  color: var(--mam-text-muted);
  margin: 0 0 12px 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.mam-notification-option {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  background: #fffaec;
  border: 1px solid var(--mam-border);
  border-radius: 10px;
  margin-bottom: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.mam-notification-option:hover {
  border-color: var(--mam-primary);
  background: #fdf2f8;
}

.mam-notification-option input[type="checkbox"] {
  width: 18px;
  height: 18px;
  accent-color: var(--mam-primary);
  margin: 0;
}

.mam-notification-option-icon {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f1f5f9;
  border-radius: 8px;
  color: var(--mam-primary);
  font-size: 14px;
}

.mam-notification-option-text {
  flex: 1;
  font-size: 14px;
  color: var(--mam-text);
}

.mam-save-notification-prefs {
  width: 100%;
}

/* Notify Frequency Group */
.mam-notify-frequency-group {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--mam-border);
}

.mam-notify-frequency-group label {
  display: block;
  margin-bottom: 8px;
  font-size: 13px;
  font-weight: 500;
  color: var(--mam-text);
}

.mam-notify-frequency-group select {
  width: 100%;
  padding: 10px 14px;
  border: 1px solid var(--mam-border);
  border-radius: 8px;
  font-size: 14px;
  background: #fffaec;
}

/* Modal Footer */
.mam-modal-footer {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid var(--mam-border);
}

.mam-modal-cancel {
  background: transparent !important;
}

/* ==========================================
   Profile Strength Meter
   ========================================== */

.mam-profile-strength-card {
  grid-column: span 1;
}

.mam-profile-strength-card .mam-dash-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.mam-strength-badge {
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  color: #fffaec;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.mam-strength-meter {
  display: flex;
  justify-content: center;
  padding: 20px 0;
}

.mam-strength-circle {
  position: relative;
  width: 140px;
  height: 140px;
}

.mam-strength-circle svg {
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}

.mam-strength-circle circle {
  fill: none;
  stroke-width: 8;
  stroke-linecap: round;
}

.mam-strength-bg {
  stroke: rgba(255, 250, 236, 0.15);
}

.mam-strength-fill {
  transition: stroke-dasharray 1s ease-in-out;
}

.mam-strength-score {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.mam-strength-number {
  display: block;
  font-size: 36px;
  font-weight: 700;
  color: #fffaec !important;
  line-height: 1;
}

.mam-strength-percent {
  font-size: 16px;
  color: rgba(255, 250, 236, 0.7) !important;
}

.mam-strength-suggestions {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid var(--mam-border);
}

.mam-strength-suggestions h4 {
  margin: 0 0 12px 0;
  font-size: 14px;
  font-weight: 600;
  color: #fffaec;
}

.mam-suggestion-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.mam-suggestion-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  background: #fef3c7;
  border: 1px solid #fcd34d;
  border-radius: 10px;
}

.mam-suggestion-info {
  flex: 1;
  min-width: 0;
}

.mam-suggestion-info strong {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: var(--mam-text);
  margin-bottom: 2px;
}

.mam-suggestion-info span {
  font-size: 12px;
  color: var(--mam-text-muted);
}

.mam-suggestion-item .mam-btn-sm {
  flex-shrink: 0;
  padding: 6px 12px;
  font-size: 12px;
}

.mam-strength-complete {
  text-align: center;
  padding: 20px;
  margin-top: 20px;
  background: #d1fae5;
  border-radius: 12px;
}

.mam-strength-complete i {
  font-size: 32px;
  color: #10b981;
  margin-bottom: 8px;
}

.mam-strength-complete p {
  margin: 0;
  font-size: 13px;
  color: #065f46;
}

.mam-strength-categories {
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid var(--mam-border);
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.mam-strength-category {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.mam-strength-cat-label {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
}

.mam-strength-cat-label span:first-child {
  color: rgba(255, 250, 236, 0.6) !important;
}

.mam-strength-cat-label span:last-child {
  font-weight: 600;
  color: #fffaec !important;
}

.mam-strength-cat-bar {
  height: 6px;
  background: rgba(255, 250, 236, 0.1);
  border-radius: 3px;
  overflow: hidden;
}

.mam-strength-cat-fill {
  height: 100%;
  background: var(--mam-gold-gradient);
  border-radius: 3px;
  transition: width 0.3s ease;
}

@media (max-width: 768px) {
  .mam-profile-strength-card {
    grid-column: span 2;
  }

  .mam-strength-circle {
    width: 120px;
    height: 120px;
  }

  .mam-strength-number {
    font-size: 30px;
  }

  .mam-suggestion-item {
    flex-direction: column;
    align-items: flex-start;
  }

  .mam-suggestion-item .mam-btn-sm {
    align-self: flex-end;
  }
}

/* ==========================================
   Favorite Notes Feature
   ========================================== */

.mam-favorite-card {
  position: relative;
  background: #fffaec;
  border: 1px solid var(--mam-border);
  border-radius: 12px;
  overflow: hidden;
  transition: all 0.2s ease;
}

.mam-favorite-card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.mam-favorite-notes {
  padding: 12px 16px;
  background: #fefce8;
  border-top: 1px solid #fef08a;
}

.mam-favorite-notes-toggle {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  background: transparent;
  border: 1px dashed var(--mam-border);
  border-radius: 8px;
  color: var(--mam-text-muted);
  font-size: 13px;
  cursor: pointer;
  transition: all 0.2s ease;
  width: 100%;
  text-align: left;
}

.mam-favorite-notes-toggle:hover {
  border-color: var(--mam-primary);
  color: var(--mam-primary);
}

.mam-favorite-notes-toggle.has-notes {
  background: #fefce8;
  border-style: solid;
  border-color: #fef08a;
}

.mam-favorite-notes-content {
  margin-top: 10px;
}

.mam-favorite-notes-textarea {
  width: 100%;
  min-height: 80px;
  padding: 10px 12px;
  border: 1px solid var(--mam-border);
  border-radius: 8px;
  font-size: 13px;
  resize: vertical;
  font-family: inherit;
}

.mam-favorite-notes-textarea:focus {
  outline: none;
  border-color: var(--mam-primary);
}

.mam-favorite-notes-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 8px;
}

.mam-notes-saved-indicator {
  display: none;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: #10b981;
}

.mam-notes-saved-indicator.show {
  display: flex;
}

/* ==========================================
   Who Viewed Me Enhancements
   ========================================== */

.mam-viewers-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.mam-unseen-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 22px;
  padding: 0 6px;
  background: linear-gradient(
    135deg,
    var(--mam-primary) 0%,
    var(--mam-primary-dark) 100%
  );
  color: #fffaec;
  font-size: 12px;
  font-weight: 600;
  border-radius: 11px;
  margin-left: 8px;
}

.mam-mark-seen-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  background: transparent;
  border: 1px solid var(--mam-border);
  border-radius: 8px;
  font-size: 12px;
  color: var(--mam-text-muted);
  cursor: pointer;
  transition: all 0.2s ease;
}

.mam-mark-seen-btn:hover {
  border-color: var(--mam-primary);
  color: var(--mam-primary);
}

.mam-viewer-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border-radius: 10px;
  transition: all 0.2s ease;
  text-decoration: none;
}

.mam-viewer-item:hover {
  background: #f8fafc;
}

.mam-viewer-item.unseen {
  background: #fdf2f8;
  border-left: 3px solid var(--mam-primary);
}

.mam-viewer-avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}

.mam-viewer-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mam-viewer-initials {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #94a3b8 0%, #64748b 100%);
  color: #fffaec;
  font-size: 16px;
  font-weight: 600;
}

.mam-viewer-info {
  flex: 1;
  min-width: 0;
}

.mam-viewer-name {
  font-weight: 600;
  color: var(--mam-text);
  font-size: 14px;
}

.mam-viewer-time {
  font-size: 12px;
  color: var(--mam-text-muted);
  margin-top: 2px;
}

.mam-viewer-new-badge {
  padding: 2px 8px;
  background: var(--mam-primary);
  color: #fffaec;
  font-size: 10px;
  font-weight: 600;
  border-radius: 10px;
  text-transform: uppercase;
}

/* ========================================
   Profile Boost Styles
   ======================================== */

/* Boosted Profile Badge */
.mam-boosted-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
  color: #fffaec;
  font-size: 11px;
  font-weight: 600;
  border-radius: 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  box-shadow: 0 2px 8px rgba(255, 107, 53, 0.3);
  animation: boostPulse 2s ease-in-out infinite;
}

.mam-boosted-badge svg {
  width: 12px;
  height: 12px;
}

@keyframes boostPulse {
  0%,
  100% {
    box-shadow: 0 2px 8px rgba(255, 107, 53, 0.3);
  }
  50% {
    box-shadow: 0 2px 16px rgba(255, 107, 53, 0.5);
  }
}

/* Boosted Profile Card Highlight */
.mam-profile-card.is-boosted {
  border: 2px solid #ff6b35;
  box-shadow: 0 4px 20px rgba(255, 107, 53, 0.15);
}

.mam-profile-card.is-boosted::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #ff6b35, #f7931e, #ff6b35);
  background-size: 200% 100%;
  animation: boostShimmer 3s linear infinite;
}

@keyframes boostShimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}

/* Boost Button in Dashboard */
.mam-boost-section {
  background: rgba(255, 107, 53, 0.08) !important;
  border: 1px solid rgba(255, 107, 53, 0.2) !important;
  border-radius: 12px;
  padding: 20px;
  margin-bottom: 20px;
}

.mam-boost-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 15px;
}

.mam-boost-icon {
  width: 48px;
  height: 48px;
  background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fffaec;
}

.mam-boost-icon svg {
  width: 24px;
  height: 24px;
}

.mam-boost-title {
  font-size: 18px;
  font-weight: 700;
  color: #fffaec !important;
  margin: 0;
}

.mam-boost-subtitle {
  font-size: 13px;
  color: rgba(255, 250, 236, 0.6) !important;
  margin: 4px 0 0 0;
}

.mam-boost-benefits {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 10px;
  margin-bottom: 20px;
}

.mam-boost-benefit {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: rgba(255, 250, 236, 0.7) !important;
}

.mam-boost-benefit svg {
  width: 16px;
  height: 16px;
  color: #ff6b35;
  flex-shrink: 0;
}

.mam-boost-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 14px 28px;
  background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
  color: #fffaec;
  font-size: 15px;
  font-weight: 600;
  border: none;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(255, 107, 53, 0.3);
}

.mam-boost-btn:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(255, 107, 53, 0.4);
}

.mam-boost-btn:active:not(:disabled) {
  transform: translateY(0);
}

.mam-boost-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  background: #ccc;
  box-shadow: none;
}

.mam-boost-btn svg {
  width: 18px;
  height: 18px;
}

.mam-boost-status {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 15px;
  background: rgba(255, 107, 53, 0.1);
  border-radius: 10px;
  margin-top: 15px;
}

.mam-boost-status-active {
  background: rgba(76, 175, 80, 0.1);
}

.mam-boost-status-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ff6b35;
  color: #fffaec;
}

.mam-boost-status-active .mam-boost-status-icon {
  background: #4caf50;
  animation: boostActive 1.5s ease-in-out infinite;
}

@keyframes boostActive {
  0%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
}

.mam-boost-status-icon svg {
  width: 20px;
  height: 20px;
}

.mam-boost-status-text {
  flex: 1;
}

.mam-boost-status-label {
  font-size: 14px;
  font-weight: 600;
  color: #fffaec !important;
}

.mam-boost-status-time {
  font-size: 12px;
  color: rgba(255, 250, 236, 0.6) !important;
  margin-top: 2px;
}

.mam-boost-countdown {
  font-family: "SF Mono", Monaco, "Courier New", monospace;
  font-size: 20px;
  font-weight: 700;
  color: #ff6b35;
}

/* Quick Action Boost Button */
.mam-quick-action-boost {
  background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%) !important;
  color: #fffaec !important;
}

.mam-quick-action-boost:hover {
  box-shadow: 0 4px 15px rgba(255, 107, 53, 0.3);
}

/* ========================================
   Email Digest Settings Styles
   ======================================== */

.mam-email-digest-section {
  margin-top: 25px;
  padding-top: 25px;
  border-top: 1px solid var(--mam-border);
}

.mam-email-digest-header {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 20px;
}

.mam-email-digest-icon {
  width: 40px;
  height: 40px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fffaec;
  font-size: 16px;
  flex-shrink: 0;
}

.mam-email-digest-header h4 {
  margin: 0 0 4px;
  font-size: 16px;
  font-weight: 600;
  color: var(--mam-text);
}

.mam-email-digest-header p {
  margin: 0;
  font-size: 13px;
  color: var(--mam-text-muted);
}

.mam-email-digest-options {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 12px;
}

.mam-digest-option {
  position: relative;
  display: flex;
  cursor: pointer;
}

.mam-digest-option input[type="radio"] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.mam-digest-option-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 16px 12px;
  background: var(--mam-bg-card);
  border: 2px solid var(--mam-border);
  border-radius: 12px;
  transition: all 0.2s ease;
  width: 100%;
}

.mam-digest-option:hover .mam-digest-option-content {
  border-color: var(--mam-primary);
  background: rgba(9, 66, 57, 0.03);
}

.mam-digest-option.selected .mam-digest-option-content,
.mam-digest-option input[type="radio"]:checked + .mam-digest-option-content {
  border-color: var(--mam-primary);
  background: rgba(9, 66, 57, 0.05);
  box-shadow: 0 2px 8px rgba(9, 66, 57, 0.1);
}

.mam-digest-option-icon {
  width: 36px;
  height: 36px;
  background: var(--mam-bg);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: var(--mam-text-muted);
  margin-bottom: 10px;
  transition: all 0.2s ease;
}

.mam-digest-option.selected .mam-digest-option-icon,
.mam-digest-option
  input[type="radio"]:checked
  + .mam-digest-option-content
  .mam-digest-option-icon {
  background: var(--mam-primary);
  color: #fffaec;
}

.mam-digest-option-label {
  font-size: 14px;
  font-weight: 600;
  color: var(--mam-text);
  margin-bottom: 4px;
}

.mam-digest-option-desc {
  font-size: 11px;
  color: var(--mam-text-muted);
  line-height: 1.3;
}

/* Daily option color */
.mam-digest-option
  input[value="daily"]:checked
  + .mam-digest-option-content
  .mam-digest-option-icon {
  background: #ff9800;
}

.mam-digest-option input[value="daily"]:checked + .mam-digest-option-content {
  border-color: #ff9800;
}

/* Weekly option color */
.mam-digest-option
  input[value="weekly"]:checked
  + .mam-digest-option-content
  .mam-digest-option-icon {
  background: #4caf50;
}

.mam-digest-option input[value="weekly"]:checked + .mam-digest-option-content {
  border-color: #4caf50;
}

/* Never option color */
.mam-digest-option
  input[value="never"]:checked
  + .mam-digest-option-content
  .mam-digest-option-icon {
  background: #9e9e9e;
}

.mam-digest-option input[value="never"]:checked + .mam-digest-option-content {
  border-color: #9e9e9e;
}

@media (max-width: 480px) {
  .mam-email-digest-options {
    grid-template-columns: 1fr;
  }

  .mam-digest-option-content {
    flex-direction: row;
    text-align: left;
    padding: 12px;
    gap: 12px;
  }

  .mam-digest-option-icon {
    margin-bottom: 0;
  }

  .mam-digest-option-content > span:last-child {
    display: none;
  }
}

/* ========================================
   Two-Factor Authentication Styles
   ======================================== */

.mam-2fa-section .mam-settings-section-body {
  padding: 0;
}

/* 2FA Status States */
.mam-2fa-status {
  padding: 25px;
}

.mam-2fa-enabled {
  background: linear-gradient(135deg, #e8f5e9 0%, #f1f8e9 100%);
  border-radius: 0 0 12px 12px;
}

.mam-2fa-disabled {
  background: var(--mam-bg);
  border-radius: 0 0 12px 12px;
}

.mam-2fa-status-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  background: #4caf50;
  color: #fffaec;
  border-radius: 20px;
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 12px;
}

.mam-2fa-status-badge i {
  font-size: 16px;
}

.mam-2fa-status-desc {
  color: var(--mam-text-secondary);
  font-size: 14px;
  margin: 0 0 20px;
}

.mam-2fa-backup-info {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  background: rgba(255, 250, 236, 0.7);
  border-radius: 8px;
  margin-bottom: 20px;
}

.mam-2fa-backup-icon {
  width: 32px;
  height: 32px;
  background: var(--mam-primary);
  color: #fffaec;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}

.mam-2fa-backup-text {
  font-size: 14px;
  font-weight: 500;
  color: var(--mam-text);
}

.mam-2fa-backup-warning {
  font-size: 12px;
  color: #ff9800;
  margin-left: auto;
}

.mam-2fa-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

/* 2FA Promo (Disabled State) */
.mam-2fa-promo {
  display: flex;
  gap: 20px;
  margin-bottom: 25px;
  padding: 20px;
  background: linear-gradient(135deg, #e8f5e9 0%, #e3f2fd 100%);
  border-radius: 12px;
}

.mam-2fa-promo-icon {
  width: 60px;
  height: 60px;
  background: linear-gradient(135deg, #4caf50, #2196f3);
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fffaec;
  font-size: 24px;
  flex-shrink: 0;
}

.mam-2fa-promo-content h4 {
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 700;
  color: var(--mam-text);
}

.mam-2fa-promo-content p {
  margin: 0 0 15px;
  font-size: 14px;
  color: var(--mam-text-secondary);
  line-height: 1.5;
}

.mam-2fa-benefits {
  list-style: none;
  margin: 0;
  padding: 0;
}

.mam-2fa-benefits li {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: var(--mam-text-secondary);
  margin-bottom: 6px;
}

.mam-2fa-benefits li i {
  color: #4caf50;
  font-size: 12px;
}

/* 2FA Modal */
.mam-2fa-modal {
  max-width: 420px;
  text-align: center;
}

.mam-2fa-modal h3 {
  margin: 0 0 10px;
  font-size: 20px;
  font-weight: 700;
  color: var(--mam-text);
}

.mam-2fa-step-desc {
  font-size: 14px;
  color: var(--mam-text-muted);
  margin: 0 0 25px;
}

/* QR Code */
.mam-2fa-qr-container {
  position: relative;
  width: 200px;
  height: 200px;
  margin: 0 auto 20px;
  background: #fffaec;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
}

.mam-2fa-qr-code {
  width: 180px;
  height: 180px;
  border-radius: 8px;
}

.mam-2fa-qr-loading {
  position: absolute;
  font-size: 32px;
  color: var(--mam-primary);
}

.mam-2fa-manual-entry {
  margin-bottom: 25px;
}

.mam-2fa-manual-entry p {
  font-size: 12px;
  color: var(--mam-text-muted);
  margin: 0 0 8px;
}

.mam-2fa-manual-entry code {
  display: inline-block;
  padding: 10px 20px;
  background: var(--mam-bg);
  border: 1px solid var(--mam-border);
  border-radius: 8px;
  font-family: "SF Mono", Monaco, "Courier New", monospace;
  font-size: 16px;
  letter-spacing: 2px;
  color: var(--mam-text);
  user-select: all;
}

/* Code Input */
.mam-2fa-code-input-wrap {
  margin: 0 auto 25px;
  max-width: 200px;
}

.mam-2fa-verify-code,
.mam-2fa-login-code {
  width: 100%;
  padding: 16px;
  font-size: 28px;
  font-family: "SF Mono", Monaco, "Courier New", monospace;
  text-align: center;
  letter-spacing: 8px;
  border: 2px solid var(--mam-border);
  border-radius: 12px;
  background: var(--mam-bg);
  transition: all 0.2s ease;
}

.mam-2fa-verify-code:focus,
.mam-2fa-login-code:focus {
  outline: none;
  border-color: var(--mam-primary);
  box-shadow: 0 0 0 3px rgba(9, 66, 57, 0.1);
}

/* Backup Codes */
.mam-2fa-codes-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  margin-bottom: 20px;
}

.mam-2fa-code {
  padding: 12px;
  background: var(--mam-bg);
  border: 1px solid var(--mam-border);
  border-radius: 8px;
  font-family: "SF Mono", Monaco, "Courier New", monospace;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  color: var(--mam-text);
}

.mam-2fa-backup-warning-box {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 15px;
  background: #fff8e1;
  border: 1px solid #ffc107;
  border-radius: 8px;
  margin-bottom: 20px;
  text-align: left;
}

.mam-2fa-backup-warning-box i {
  color: #ff9800;
  font-size: 20px;
  flex-shrink: 0;
}

.mam-2fa-backup-warning-box p {
  margin: 0;
  font-size: 13px;
  color: #795548;
}

.mam-2fa-backup-actions {
  display: flex;
  gap: 10px;
  justify-content: center;
  margin-bottom: 20px;
}

/* 2FA Disable Modal */
.mam-2fa-warning {
  color: #d32f2f;
  font-size: 14px;
  margin: 0 0 20px;
}

.mam-2fa-disable-form {
  margin-bottom: 20px;
  text-align: left;
}

.mam-2fa-disable-form label {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: var(--mam-text);
  margin-bottom: 8px;
}

.mam-2fa-disable-password {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid var(--mam-border);
  border-radius: 8px;
  font-size: 15px;
}

.mam-2fa-disable-actions {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
}

.mam-btn-danger {
  background: #d32f2f;
  color: #fffaec;
  border: none;
}

.mam-btn-danger:hover {
  background: #c62828;
}

.mam-btn-danger-outline {
  background: transparent;
  color: #d32f2f;
  border: 1px solid #d32f2f;
}

.mam-btn-danger-outline:hover {
  background: #ffebee;
}

/* 2FA Login Form */
.mam-2fa-login-form {
  max-width: 360px;
  margin: 0 auto;
  padding: 30px;
  background: #fffaec;
  border-radius: 16px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  text-align: center;
}

.mam-2fa-login-header {
  margin-bottom: 25px;
}

.mam-2fa-login-header i {
  font-size: 48px;
  color: var(--mam-primary);
  margin-bottom: 15px;
}

.mam-2fa-login-header h3 {
  margin: 0 0 8px;
  font-size: 20px;
  font-weight: 700;
  color: var(--mam-text);
}

.mam-2fa-login-header p {
  margin: 0;
  font-size: 14px;
  color: var(--mam-text-muted);
}

.mam-2fa-login-form .mam-2fa-code-input-wrap {
  max-width: 100%;
}

.mam-2fa-login-verify {
  width: 100%;
  margin-bottom: 20px;
}

.mam-2fa-login-options {
  font-size: 13px;
}

.mam-2fa-login-options a {
  color: var(--mam-primary);
  text-decoration: none;
}

.mam-2fa-login-options a:hover {
  text-decoration: underline;
}

.mam-2fa-login-options .mam-2fa-backup-warning {
  display: block;
  margin-top: 5px;
}

@media (max-width: 480px) {
  .mam-2fa-promo {
    flex-direction: column;
    text-align: center;
  }

  .mam-2fa-promo-icon {
    margin: 0 auto;
  }

  .mam-2fa-actions {
    flex-direction: column;
  }

  .mam-2fa-actions .mam-btn {
    width: 100%;
  }

  .mam-2fa-codes-grid {
    grid-template-columns: 1fr;
  }
}

/* ========================================
   Profile Verification Badges
   ======================================== */

/* Verified icons on profile cards */
.mam-verified-icons {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-left: 6px;
  vertical-align: middle;
}

.mam-verified-icons i {
  font-size: 14px;
  opacity: 0.9;
}

.mam-verified-icons i:hover {
  opacity: 1;
  transform: scale(1.1);
}

/* Trust level badge */
.mam-trust-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
}

.mam-trust-badge-high {
  background: linear-gradient(135deg, #22c55e10, #16a34a10);
  color: #16a34a;
  border: 1px solid #22c55e40;
}

.mam-trust-badge-medium {
  background: linear-gradient(135deg, #3b82f610, #2563eb10);
  color: #2563eb;
  border: 1px solid #3b82f640;
}

.mam-trust-badge-low {
  background: linear-gradient(135deg, #f9731610, #ea580c10);
  color: #ea580c;
  border: 1px solid #f9731640;
}

.mam-trust-badge i {
  font-size: 12px;
}

/* Verification Section in Settings */
.mam-verification-section .mam-settings-section-icon {
  background: linear-gradient(135deg, #6366f1, #4f46e5) !important;
}

.mam-verification-items {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.mam-verification-item {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 20px;
  background: rgba(255, 250, 236, 0.04);
  border-radius: var(--mam-radius-sm);
  border: 1px solid rgba(255, 250, 236, 0.08);
  transition: all var(--mam-transition);
}

.mam-verification-item:hover {
  border-color: rgba(191, 168, 107, 0.3);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.mam-verification-item.is-verified {
  background: rgba(34, 197, 94, 0.08);
  border-color: rgba(34, 197, 94, 0.25);
}

.mam-verification-item.is-pending {
  background: rgba(234, 179, 8, 0.08);
  border-color: rgba(234, 179, 8, 0.25);
}

.mam-verification-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fffaec;
  font-size: 20px;
  flex-shrink: 0;
}

.mam-verification-info {
  flex: 1;
  min-width: 0;
}

.mam-verification-info strong {
  display: block;
  font-size: 15px;
  font-weight: 600;
  color: #fffaec;
  margin-bottom: 2px;
}

.mam-verification-info span {
  font-size: 13px;
  color: rgba(255, 250, 236, 0.5);
}

.mam-verification-status {
  flex-shrink: 0;
}

.mam-verified-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  background: linear-gradient(135deg, #22c55e, #16a34a);
  color: #fffaec;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 600;
}

.mam-verified-badge i {
  font-size: 12px;
}

.mam-pending-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  background: linear-gradient(135deg, #bfa86b, #927431);
  color: #fffaec;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 600;
}

.mam-pending-badge i {
  font-size: 12px;
}

.mam-muted {
  color: var(--mam-text-muted);
  font-size: 13px;
}

/* Phone Verification Modal */
.mam-phone-verify-modal .mam-modal-content {
  max-width: 440px;
}

.mam-phone-verify-header {
  text-align: center;
  margin-bottom: 24px;
}

.mam-phone-verify-icon {
  width: 64px;
  height: 64px;
  margin: 0 auto 16px;
  border-radius: 50%;
  background: linear-gradient(135deg, #3b82f6, #2563eb);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fffaec;
  font-size: 28px;
}

.mam-phone-verify-header h3 {
  margin: 0 0 8px;
  font-size: 22px;
  font-weight: 700;
  color: var(--mam-text);
}

.mam-phone-verify-header p {
  margin: 0;
  font-size: 14px;
  color: var(--mam-text-muted);
}

.mam-phone-display {
  text-align: center;
  padding: 12px 16px;
  background: var(--mam-bg);
  border-radius: var(--mam-radius-sm);
  font-size: 18px;
  font-weight: 600;
  color: var(--mam-primary);
  letter-spacing: 1px;
  margin-bottom: 20px;
}

.mam-phone-code-input {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-bottom: 24px;
}

.mam-phone-code-input input {
  width: 48px;
  height: 56px;
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  border: 2px solid var(--mam-border);
  border-radius: var(--mam-radius-sm);
  background: var(--mam-bg-light);
  transition: all var(--mam-transition);
}

.mam-phone-code-input input:focus {
  outline: none;
  border-color: var(--mam-primary);
  box-shadow: 0 0 0 3px rgba(9, 66, 57, 0.1);
}

.mam-phone-verify-actions {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.mam-phone-verify-actions .mam-btn {
  width: 100%;
}

.mam-phone-resend {
  text-align: center;
  margin-top: 16px;
  font-size: 14px;
  color: var(--mam-text-muted);
}

.mam-phone-resend a {
  color: var(--mam-primary);
  text-decoration: none;
  font-weight: 500;
}

.mam-phone-resend a:hover {
  text-decoration: underline;
}

.mam-phone-resend a.disabled {
  color: var(--mam-text-muted);
  pointer-events: none;
}

.mam-phone-timer {
  font-weight: 600;
  color: var(--mam-primary);
}

/* ID Verification Modal */
.mam-id-verify-modal .mam-modal-content {
  max-width: 520px;
}

.mam-id-verify-header {
  text-align: center;
  margin-bottom: 24px;
}

.mam-id-verify-icon {
  width: 64px;
  height: 64px;
  margin: 0 auto 16px;
  border-radius: 50%;
  background: linear-gradient(135deg, #8b5cf6, #7c3aed);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fffaec;
  font-size: 28px;
}

.mam-id-verify-header h3 {
  margin: 0 0 8px;
  font-size: 22px;
  font-weight: 700;
  color: var(--mam-text);
}

.mam-id-verify-header p {
  margin: 0;
  font-size: 14px;
  color: var(--mam-text-muted);
}

.mam-id-requirements {
  background: var(--mam-bg);
  border-radius: var(--mam-radius-sm);
  padding: 16px 20px;
  margin-bottom: 24px;
}

.mam-id-requirements h4 {
  margin: 0 0 12px;
  font-size: 14px;
  font-weight: 600;
  color: var(--mam-text);
}

.mam-id-requirements ul {
  margin: 0;
  padding: 0 0 0 20px;
  list-style: disc;
}

.mam-id-requirements li {
  font-size: 13px;
  color: var(--mam-text-muted);
  margin-bottom: 6px;
}

.mam-id-requirements li:last-child {
  margin-bottom: 0;
}

.mam-id-upload-area {
  border: 2px dashed var(--mam-border);
  border-radius: var(--mam-radius);
  padding: 40px 20px;
  text-align: center;
  transition: all var(--mam-transition);
  cursor: pointer;
  margin-bottom: 24px;
}

.mam-id-upload-area:hover,
.mam-id-upload-area.dragover {
  border-color: var(--mam-primary);
  background: rgba(9, 66, 57, 0.02);
}

.mam-id-upload-area i {
  font-size: 48px;
  color: var(--mam-text-muted);
  margin-bottom: 16px;
}

.mam-id-upload-area p {
  margin: 0 0 8px;
  font-size: 15px;
  color: var(--mam-text);
}

.mam-id-upload-area span {
  font-size: 13px;
  color: var(--mam-text-muted);
}

.mam-id-upload-input {
  display: none;
}

.mam-id-preview {
  display: none;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  margin-bottom: 24px;
}

.mam-id-preview.has-file {
  display: flex;
}

.mam-id-preview img {
  max-width: 100%;
  max-height: 200px;
  border-radius: var(--mam-radius-sm);
  box-shadow: var(--mam-shadow);
}

.mam-id-preview-info {
  text-align: center;
}

.mam-id-preview-name {
  font-size: 14px;
  font-weight: 500;
  color: var(--mam-text);
  margin-bottom: 4px;
}

.mam-id-preview-size {
  font-size: 12px;
  color: var(--mam-text-muted);
}

.mam-id-change-btn {
  font-size: 13px;
  color: var(--mam-primary);
  background: none;
  border: none;
  cursor: pointer;
  text-decoration: underline;
}

.mam-id-verify-footer {
  display: flex;
  gap: 12px;
}

.mam-id-verify-footer .mam-btn {
  flex: 1;
}

.mam-id-privacy-note {
  margin-top: 16px;
  padding: 12px 16px;
  background: linear-gradient(135deg, #f0f9ff, #e0f2fe);
  border-radius: var(--mam-radius-sm);
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.mam-id-privacy-note i {
  color: #0ea5e9;
  font-size: 16px;
  margin-top: 2px;
}

.mam-id-privacy-note p {
  margin: 0;
  font-size: 12px;
  color: var(--mam-text-muted);
  line-height: 1.5;
}

/* Verification Progress Bar */
.mam-verification-progress {
  margin-bottom: 20px;
}

.mam-verification-progress-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}

.mam-verification-progress-header span {
  font-size: 13px;
  color: var(--mam-text-muted);
}

.mam-verification-progress-header strong {
  font-size: 14px;
  color: var(--mam-text);
}

.mam-verification-progress-bar {
  height: 8px;
  background: var(--mam-border);
  border-radius: 4px;
  overflow: hidden;
}

.mam-verification-progress-fill {
  height: 100%;
  background: linear-gradient(90deg, #22c55e, #16a34a);
  border-radius: 4px;
  transition: width 0.5s ease;
}

/* Verification badge on profile page */
.mam-profile-trust-section {
  padding: 16px 20px;
  background: linear-gradient(135deg, #f0fdf4, #dcfce7);
  border-radius: var(--mam-radius-sm);
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 16px;
}

.mam-profile-trust-icon {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: linear-gradient(135deg, #22c55e, #16a34a);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fffaec;
  font-size: 20px;
  flex-shrink: 0;
}

.mam-profile-trust-info h4 {
  margin: 0 0 4px;
  font-size: 15px;
  font-weight: 600;
  color: var(--mam-text);
}

.mam-profile-trust-badges {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.mam-profile-trust-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  background: #fffaec;
  border-radius: 20px;
  font-size: 12px;
  color: var(--mam-text);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.mam-profile-trust-badge i {
  font-size: 11px;
}

@media (max-width: 640px) {
  .mam-verification-item {
    flex-direction: column;
    text-align: center;
    gap: 12px;
  }

  .mam-verification-status {
    width: 100%;
  }

  .mam-verification-status .mam-btn {
    width: 100%;
  }

  .mam-phone-code-input input {
    width: 40px;
    height: 48px;
    font-size: 20px;
  }

  .mam-id-verify-footer {
    flex-direction: column;
  }
}

/* ========================================
   Smart Recommendations & Daily Picks
   ======================================== */

/* Suggestion Reason Tag */
.mam-suggestion-reason {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  color: var(--mam-primary);
  margin-top: 4px;
}

.mam-suggestion-reason i {
  font-size: 10px;
}

/* Suggestion Badge */
.mam-suggestion-badge {
  position: absolute;
  top: 8px;
  left: 8px;
  padding: 3px 8px;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 12px;
}

.mam-suggestion-badge.mam-badge-new {
  background: var(--mam-accent);
  color: var(--mam-primary);
}

/* Mini Verification Badges */
.mam-mini-badges {
  display: inline-flex;
  gap: 3px;
  margin-left: 4px;
}

.mam-mini-badges i {
  font-size: 11px;
  opacity: 0.9;
}

/* Daily Picks Card */
.mam-dash-daily-picks-card .mam-dash-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.mam-daily-date {
  font-size: 12px;
  color: var(--mam-text-muted);
  font-weight: 500;
}

.mam-daily-picks-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

.mam-daily-pick-item {
  display: flex;
  flex-direction: column;
  background: rgba(255, 250, 236, 0.04) !important;
  border-radius: var(--mam-radius-sm);
  overflow: hidden;
  text-decoration: none !important;
  transition: all var(--mam-transition);
  border: 1px solid rgba(255, 250, 236, 0.08) !important;
  color: #fffaec !important;
}

.mam-daily-pick-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3) !important;
  border-color: var(--mam-accent) !important;
  background: #094239 !important;
  color: #fffaec !important;
  text-decoration: none !important;
}

.mam-daily-pick-photo {
  position: relative;
  width: 100%;
  padding-top: 100%;
  background: linear-gradient(
    135deg,
    var(--mam-primary-light),
    var(--mam-primary)
  );
  overflow: hidden;
}

.mam-daily-pick-photo img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mam-daily-pick-initials {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 28px;
  font-weight: 700;
  color: #fffaec;
  text-transform: uppercase;
}

.mam-daily-pick-compat {
  position: absolute;
  bottom: 8px;
  right: 8px;
  padding: 4px 8px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 700;
  backdrop-filter: blur(4px);
}

.mam-daily-pick-compat.mam-compat-high {
  background: rgba(34, 197, 94, 0.9);
  color: #fffaec;
}

.mam-daily-pick-compat.mam-compat-medium {
  background: rgba(59, 130, 246, 0.9);
  color: #fffaec;
}

.mam-daily-pick-compat.mam-compat-low {
  background: rgba(249, 115, 22, 0.9);
  color: #fffaec;
}

.mam-daily-pick-info {
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.mam-daily-pick-name {
  font-size: 14px;
  font-weight: 600;
  color: #fffaec !important;
  display: flex;
  align-items: center;
  gap: 4px;
}

.mam-daily-pick-location {
  font-size: 12px;
  color: rgba(255, 250, 236, 0.6) !important;
}

.mam-daily-pick-profession {
  font-size: 11px;
  color: var(--mam-accent) !important;
  font-weight: 500;
  margin-top: 4px;
}

/* Responsive */
@media (max-width: 480px) {
  .mam-daily-picks-grid {
    grid-template-columns: 1fr;
  }

  .mam-daily-pick-photo {
    padding-top: 60%;
  }
}

/* ========================================
   Advanced Compatibility Modal
   ======================================== */

.mam-compatibility-modal .mam-modal-content {
  max-width: 520px;
  max-height: 90vh;
  overflow-y: auto;
}

.mam-compat-loading {
  text-align: center;
  padding: 60px 20px;
}

.mam-compat-loading i {
  font-size: 40px;
  color: var(--mam-primary);
  margin-bottom: 16px;
}

.mam-compat-loading p {
  margin: 0;
  color: var(--mam-text-muted);
}

/* Header with Score Circle */
.mam-compat-header {
  display: flex;
  align-items: center;
  gap: 20px;
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid var(--mam-border);
}

.mam-compat-score-circle {
  position: relative;
  width: 100px;
  height: 100px;
  flex-shrink: 0;
}

.mam-compat-score-circle svg {
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}

.mam-compat-score-circle .mam-compat-bg {
  fill: none;
  stroke: var(--mam-border);
  stroke-width: 8;
}

.mam-compat-score-circle .mam-compat-fill {
  fill: none;
  stroke: var(--score-color, var(--mam-primary));
  stroke-width: 8;
  stroke-linecap: round;
  transition: stroke-dasharray 0.5s ease;
}

.mam-compat-score-value {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 24px;
  font-weight: 700;
  color: var(--mam-text);
}

.mam-compat-header-info h3 {
  margin: 0 0 4px;
  font-size: 20px;
  font-weight: 700;
  color: var(--mam-text);
}

.mam-compat-header-info p {
  margin: 0;
  font-size: 14px;
  color: var(--mam-text-muted);
}

/* Deal Breakers */
.mam-compat-dealbreakers {
  background: linear-gradient(135deg, #fef2f2, #fee2e2);
  border: 1px solid #fecaca;
  border-radius: var(--mam-radius-sm);
  padding: 16px;
  margin-bottom: 20px;
}

.mam-compat-dealbreakers h4 {
  margin: 0 0 12px;
  font-size: 14px;
  font-weight: 600;
  color: #dc2626;
  display: flex;
  align-items: center;
  gap: 8px;
}

.mam-compat-dealbreaker {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 8px 0;
  border-top: 1px solid #fecaca;
}

.mam-compat-dealbreaker:first-of-type {
  border-top: none;
  padding-top: 0;
}

.mam-compat-dealbreaker strong {
  font-size: 13px;
  color: #991b1b;
}

.mam-compat-dealbreaker span {
  font-size: 12px;
  color: #b91c1c;
}

/* Highlights */
.mam-compat-highlights {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 20px;
}

.mam-compat-highlight {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  background: linear-gradient(
    135deg,
    rgba(var(--highlight-color), 0.1),
    rgba(var(--highlight-color), 0.05)
  );
  border: 1px solid var(--highlight-color);
  border-radius: 20px;
  font-size: 12px;
  font-weight: 500;
  color: var(--highlight-color);
}

.mam-compat-highlight i {
  font-size: 11px;
}

/* Categories Breakdown */
.mam-compat-categories {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 24px;
}

.mam-compat-category {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.mam-compat-cat-header {
  display: flex;
  align-items: center;
  gap: 10px;
}

.mam-compat-cat-icon {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fffaec;
  font-size: 14px;
  flex-shrink: 0;
}

.mam-compat-cat-label {
  flex: 1;
  font-size: 14px;
  font-weight: 500;
  color: var(--mam-text);
}

.mam-compat-cat-score {
  font-size: 16px;
  font-weight: 700;
}

.mam-compat-cat-bar {
  height: 6px;
  background: var(--mam-border);
  border-radius: 3px;
  overflow: hidden;
}

.mam-compat-cat-fill {
  height: 100%;
  border-radius: 3px;
  transition: width 0.5s ease;
}

/* Insights */
.mam-compat-insights {
  background: var(--mam-bg);
  border-radius: var(--mam-radius-sm);
  padding: 16px;
}

.mam-compat-insights h4 {
  margin: 0 0 16px;
  font-size: 14px;
  font-weight: 600;
  color: var(--mam-text);
  display: flex;
  align-items: center;
  gap: 8px;
}

.mam-compat-insights h4 i {
  color: #bfa86b;
}

.mam-compat-insight {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 10px 0;
  border-top: 1px solid var(--mam-border);
}

.mam-compat-insight:first-of-type {
  border-top: none;
  padding-top: 0;
}

.mam-compat-insight i {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 12px;
  flex-shrink: 0;
  margin-top: 2px;
}

.mam-compat-insight > div {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.mam-compat-insight strong {
  font-size: 13px;
  color: var(--mam-text);
}

.mam-compat-insight span {
  font-size: 12px;
  color: var(--mam-text-muted);
}

.mam-insight-positive i {
  background: #dcfce7;
  color: #16a34a;
}

.mam-insight-warning i {
  background: #fef3c7;
  color: #d97706;
}

.mam-insight-neutral i {
  background: #e0e7ff;
  color: #4f46e5;
}

/* Compatibility Button */
.mam-show-compatibility {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  background: transparent;
  border: 1px solid var(--mam-border);
  border-radius: 20px;
  font-size: 12px;
  color: var(--mam-text-muted);
  cursor: pointer;
  transition: all var(--mam-transition);
}

.mam-show-compatibility:hover {
  border-color: var(--mam-primary);
  color: var(--mam-primary);
}

@media (max-width: 480px) {
  .mam-compat-header {
    flex-direction: column;
    text-align: center;
  }

  .mam-compat-highlights {
    justify-content: center;
  }
}

/* =====================================================
   NOTIFICATION BANNER VARIANTS
   ===================================================== */

/* Pending Review Banner */
.mam-global-notification-banner.mam-pending-banner {
  background: linear-gradient(135deg, #f59e0b, #d97706);
}

.mam-global-notification-banner.mam-pending-banner .mam-banner-icon {
  background: rgba(255, 250, 236, 0.2);
}

.mam-global-notification-banner.mam-pending-banner .mam-banner-icon i {
  color: #fffaec;
}

/* Denied Banner */
.mam-global-notification-banner.mam-denied-banner {
  background: linear-gradient(135deg, #ef4444, #dc2626);
}

.mam-global-notification-banner.mam-denied-banner .mam-banner-icon {
  background: rgba(255, 250, 236, 0.2);
}

.mam-global-notification-banner.mam-denied-banner .mam-banner-icon i {
  color: #fffaec;
}

.mam-global-notification-banner.mam-denied-banner .mam-banner-btn {
  background: #fffaec;
  color: #dc2626;
}

.mam-global-notification-banner.mam-denied-banner .mam-banner-btn:hover {
  background: #fef2f2;
}

/* Bank Details Missing Banner */
.mam-global-notification-banner.mam-bank-details-banner {
  background: linear-gradient(135deg, #e67e22, #d35400);
}

.mam-global-notification-banner.mam-bank-details-banner .mam-banner-icon {
  background: rgba(255, 250, 236, 0.2);
}

.mam-global-notification-banner.mam-bank-details-banner .mam-banner-icon i {
  color: #fffaec;
}

.mam-global-notification-banner.mam-bank-details-banner .mam-banner-btn {
  background: #fffaec;
  color: #d35400;
}

.mam-global-notification-banner.mam-bank-details-banner .mam-banner-btn:hover {
  background: #fff5e6;
}

/* Banner dismiss button */
.mam-banner-dismiss {
  background: none;
  border: none;
  color: inherit;
  cursor: pointer;
  padding: 8px;
  font-size: 16px;
  opacity: 0.7;
  transition: opacity 0.2s ease;
  flex-shrink: 0;
  line-height: 1;
}

.mam-banner-dismiss:hover {
  opacity: 1;
}

/* =====================================================
   PROFILE STATUS BADGES
   ===================================================== */

.mam-profile-status-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 8px;
  border-radius: 12px;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

.mam-status-available {
  background: #0a3023;
  color: #fffaec;
}

.mam-status-in-conversation {
  background: #fef3c7;
  color: #d97706;
}

.mam-status-no-match {
  background: #fecaca;
  color: #dc2626;
}

.mam-status-no-response {
  background: #e5e7eb;
  color: #6b7280;
}

.mam-status-matched {
  background: #fce7f3;
  color: #db2777;
}

.mam-status-inactive {
  background: #e5e7eb;
  color: #9ca3af;
}

.mam-status-seen {
  background: #e0e7ff;
  color: #4f46e5;
}

.mam-status-new-to-you {
  background: linear-gradient(135deg, #6366f1, #4f46e5);
  color: #fffaec;
}

/* Profile card badges row (status + compatibility) */
.mam-profile-card .mam-card-badges-row {
  position: absolute;
  top: 8px;
  left: 8px;
  right: 48px;
  z-index: 3;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}

/* Legacy card-status fallback */
.mam-profile-card .mam-card-status {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 3;
}

/* Compatibility badge on card photo overlay */
.mam-card-badges-row .mam-compatibility-badge {
  margin-top: 0;
  padding: 3px 8px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 600;
  backdrop-filter: blur(4px);
}

/* Visitor favorite tooltip — styles defined above */

/* =====================================================
   BILLING & SUBSCRIPTION SECTION
   ===================================================== */

.mam-billing-section {
  margin-top: 30px;
}

.mam-subscription-status-card {
  background: linear-gradient(
    145deg,
    rgba(191, 168, 107, 0.1) 0%,
    rgba(9, 66, 57, 0.05) 100%
  );
  border: 1px solid rgba(191, 168, 107, 0.2);
  border-radius: var(--mam-radius);
  padding: 24px;
  margin-bottom: 24px;
}

.mam-subscription-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border-radius: 20px;
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 16px;
}

.mam-subscription-badge.active {
  background: rgba(40, 167, 69, 0.15);
  color: #28a745;
}

.mam-subscription-badge.free {
  background: rgba(191, 168, 107, 0.15);
  color: var(--mam-accent);
}

.mam-subscription-badge.expired {
  background: rgba(220, 53, 69, 0.15);
  color: #dc3545;
}

.mam-subscription-details {
  display: grid;
  gap: 12px;
}

.mam-subscription-detail {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
  border-bottom: 1px solid rgba(255, 250, 236, 0.06);
}

.mam-subscription-detail:last-child {
  border-bottom: none;
}

.mam-subscription-detail .label {
  color: rgba(255, 250, 236, 0.6);
  font-size: 14px;
}

.mam-subscription-detail .value {
  font-weight: 600;
  color: #fffaec;
}

.mam-subscription-expired p,
.mam-subscription-free p {
  color: rgba(255, 250, 236, 0.6);
  margin-bottom: 16px;
}

/* Transaction History */
.mam-transaction-history {
  margin-top: 20px;
}

.mam-transaction-history h4 {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #fffaec;
  font-size: 16px;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(255, 250, 236, 0.08);
}

.mam-transaction-history h4 i {
  color: var(--mam-accent);
}

.mam-transaction-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.mam-transaction-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px;
  background: rgba(255, 250, 236, 0.04);
  border-radius: var(--mam-radius-sm);
  transition: var(--mam-transition);
}

.mam-transaction-item:hover {
  background: #094239;
}

.mam-transaction-info {
  flex: 1;
}

.mam-transaction-type {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  color: #fffaec;
  margin-bottom: 4px;
}

.mam-transaction-meta {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 13px;
  color: rgba(255, 250, 236, 0.5);
}

.mam-transaction-meta .invoice {
  font-family: monospace;
  background: rgba(191, 168, 107, 0.1);
  padding: 2px 6px;
  border-radius: 4px;
  color: var(--mam-accent);
}

.mam-transaction-amount {
  text-align: right;
}

.mam-transaction-amount .amount {
  display: block;
  font-weight: 700;
  font-size: 16px;
  color: #28a745;
}

.mam-transaction-amount .amount.refund {
  color: #dc3545;
}

.mam-transaction-amount .status {
  display: inline-block;
  font-size: 11px;
  padding: 2px 8px;
  border-radius: 10px;
  text-transform: uppercase;
  font-weight: 600;
}

.mam-transaction-amount .status-completed {
  background: rgba(40, 167, 69, 0.1);
  color: #28a745;
}

.mam-transaction-amount .status-pending {
  background: rgba(255, 193, 7, 0.2);
  color: #fbbf24;
}

.mam-transaction-amount .status-failed {
  background: rgba(220, 53, 69, 0.1);
  color: #dc3545;
}

.mam-transaction-item .mam-btn-sm {
  padding: 6px 10px;
  font-size: 12px;
}

@media (max-width: 600px) {
  .mam-transaction-item {
    flex-wrap: wrap;
  }

  .mam-transaction-info {
    width: 100%;
  }

  .mam-transaction-amount {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px dashed var(--mam-border);
  }
}

/* Auto-Renewal Toggle & Coming Soon Badge */
.mam-auto-renew-row {
  margin-top: 10px;
  padding-top: 15px;
  border-top: 1px dashed var(--mam-border);
}

.mam-auto-renew-row .label {
  display: flex;
  align-items: center;
  gap: 10px;
}

.mam-coming-soon-badge {
  display: inline-block;
  padding: 3px 10px;
  background: linear-gradient(
    135deg,
    rgba(191, 168, 107, 0.15) 0%,
    rgba(9, 66, 57, 0.1) 100%
  );
  color: var(--mam-accent);
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-radius: 10px;
  border: 1px solid rgba(191, 168, 107, 0.3);
}

.mam-toggle-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.mam-toggle-disabled .mam-toggle-slider {
  background: #ccc !important;
  cursor: not-allowed;
}

.mam-toggle-disabled input:checked + .mam-toggle-slider {
  background: #aaa !important;
}

/* ============================================
   Beautiful Multi-Select Dropdown Component
   ============================================ */

/* Hide the original select */
.mam-multiselect-wrapper .mam-multi-select {
  display: none !important;
}

/* Wrapper */
.mam-multiselect-wrapper {
  position: relative;
  width: 100%;
}

/* Trigger button (the display area) */
.mam-multiselect-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 50px;
  padding: 8px 14px;
  background: var(--mam-bg-light);
  border: 1px solid var(--mam-border);
  border-radius: var(--mam-radius-sm);
  cursor: pointer;
  transition: all var(--mam-transition);
  gap: 8px;
}

.mam-multiselect-trigger:hover {
  border-color: var(--mam-primary-light);
}

.mam-multiselect-wrapper.is-open .mam-multiselect-trigger {
  border-color: var(--mam-primary);
  box-shadow: 0 0 0 3px rgba(9, 66, 57, 0.1);
}

/* Tags container */
.mam-multiselect-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  flex: 1;
  align-items: center;
}

/* Placeholder text */
.mam-multiselect-placeholder {
  color: var(--mam-text-muted);
  font-size: 14px;
}

/* Individual tag */
.mam-multiselect-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  background: #60796d;
  border: 1px solid rgba(255, 250, 236, 0.3);
  color: #fffaec;
  font-size: 12px;
  font-weight: 500;
  border-radius: 20px;
  white-space: nowrap;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mam-multiselect-tag-text {
  overflow: hidden;
  text-overflow: ellipsis;
}

.mam-multiselect-tag-remove {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  background: rgba(255, 250, 236, 0.2);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  flex-shrink: 0;
}

.mam-multiselect-tag-remove:hover {
  background: rgba(255, 250, 236, 0.4);
}

.mam-multiselect-tag-remove svg {
  width: 10px;
  height: 10px;
  fill: white;
}

/* More tag indicator */
.mam-multiselect-more {
  padding: 5px 10px;
  background: linear-gradient(
    90deg,
    #927431,
    #bfa86b,
    #e6d996,
    #efe3c4,
    #fffde4,
    #efe3c4,
    #e6d996,
    #bfa86b,
    #937431
  );
  color: var(--mam-primary);
  font-size: 11px;
  font-weight: 600;
  border-radius: 20px;
  white-space: nowrap;
}

/* Arrow icon */
.mam-multiselect-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: var(--mam-text-muted);
  transition: transform 0.3s ease;
  flex-shrink: 0;
}

.mam-multiselect-arrow svg {
  width: 12px;
  height: 12px;
  fill: currentColor;
}

.mam-multiselect-wrapper.is-open .mam-multiselect-arrow {
  transform: rotate(180deg);
  color: var(--mam-primary);
}

/* Dropdown panel */
.mam-multiselect-dropdown {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  background: var(--mam-bg-light);
  border: 1px solid var(--mam-border);
  border-radius: var(--mam-radius-sm);
  box-shadow: var(--mam-shadow-lg);
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  transition:
    all 0.25s ease,
    max-height 0.3s ease;
  max-height: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.mam-multiselect-wrapper.is-open .mam-multiselect-dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  max-height: 400px;
  overflow: visible;
}

/* Search input */
.mam-multiselect-search {
  position: sticky;
  top: 0;
  padding: 12px;
  background: var(--mam-bg-light);
  border-bottom: 1px solid var(--mam-border);
  z-index: 1;
  position: relative;
  flex-shrink: 0;
}

.mam-multiselect-search-input {
  width: 100%;
  padding: 12px 26px;
  border: 1px solid var(--mam-border);
  border-radius: 25px;
  font-size: 14px;
  background: var(--mam-bg);
  transition: all var(--mam-transition);
}

.mam-multiselect-search-input:focus {
  outline: none;
  border-color: var(--mam-primary);
  background: var(--mam-bg-light);
}

.mam-multiselect-search-input::placeholder {
  color: var(--mam-text-muted);
}

.mam-multiselect-search-icon {
  display: none;
}

.mam-multiselect-search-icon svg {
  width: 14px;
  height: 14px;
  fill: currentColor;
}

/* Options list */
.mam-multiselect-options {
  max-height: 220px;
  overflow-y: auto;
  padding: 8px 0;
  flex: 1;
}

/* Scrollbar styling */
.mam-multiselect-options::-webkit-scrollbar {
  width: 6px;
}

.mam-multiselect-options::-webkit-scrollbar-track {
  background: var(--mam-bg);
  border-radius: 3px;
}

.mam-multiselect-options::-webkit-scrollbar-thumb {
  background: var(--mam-border);
  border-radius: 3px;
}

.mam-multiselect-options::-webkit-scrollbar-thumb:hover {
  background: var(--mam-text-muted);
}

/* Individual option */
.mam-multiselect-option {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 16px;
  cursor: pointer;
  transition: all 0.15s ease;
}

.mam-multiselect-option:hover {
  background: var(--mam-bg);
}

.mam-multiselect-option.is-selected {
  background: rgba(9, 66, 57, 0.06);
}

.mam-multiselect-option.is-hidden {
  display: none;
}

/* Custom checkbox */
.mam-multiselect-checkbox {
  position: relative;
  width: 20px;
  height: 20px;
  border: 2px solid var(--mam-border);
  border-radius: 4px;
  transition: all 0.2s ease;
  flex-shrink: 0;
}

.mam-multiselect-option:hover .mam-multiselect-checkbox {
  border-color: var(--mam-primary-light);
}

.mam-multiselect-option.is-selected .mam-multiselect-checkbox {
  background: linear-gradient(
    135deg,
    var(--mam-primary) 0%,
    var(--mam-primary-light) 100%
  );
  border-color: var(--mam-primary);
}

.mam-multiselect-checkbox::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 6px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg) scale(0);
  transition: transform 0.15s ease;
}

.mam-multiselect-option.is-selected .mam-multiselect-checkbox::after {
  transform: rotate(45deg) scale(1);
}

/* Option label */
.mam-multiselect-label {
  font-size: 14px;
  color: var(--mam-text);
  flex: 1;
}

.mam-multiselect-option.is-selected .mam-multiselect-label {
  font-weight: 500;
  color: var(--mam-primary);
}

/* No results message */
.mam-multiselect-no-results {
  padding: 20px 16px;
  text-align: center;
  color: var(--mam-text-muted);
  font-size: 14px;
}

/* Actions footer */
.mam-multiselect-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  border-top: 1px solid var(--mam-border);
  background: var(--mam-bg);
  flex-shrink: 0;
  gap: 10px;
}

.mam-multiselect-clear {
  padding: 8px 16px;
  font-size: 13px;
  color: var(--mam-danger);
  background: transparent;
  border: 1px solid var(--mam-danger);
  border-radius: 20px;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
  flex-shrink: 0;
}

.mam-multiselect-clear:hover {
  color: #fffaec;
  background: var(--mam-danger);
  border-color: var(--mam-danger);
}

.mam-multiselect-done {
  padding: 8px 20px;
  font-size: 13px;
  font-weight: 600;
  color: #fffaec;
  background: linear-gradient(
    135deg,
    var(--mam-primary) 0%,
    var(--mam-primary-light) 100%
  );
  border: none;
  border-radius: 20px;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
  flex-shrink: 0;
}

.mam-multiselect-done:hover {
  box-shadow: 0 2px 8px rgba(9, 66, 57, 0.3);
  transform: translateY(-1px);
}

/* Selected count */
.mam-multiselect-count {
  font-size: 12px;
  color: var(--mam-text-muted);
}

.mam-multiselect-count strong {
  color: var(--mam-primary);
}

/* Responsive adjustments */
@media (max-width: 640px) {
  .mam-multiselect-trigger {
    min-height: 46px;
    padding: 6px 12px;
  }

  .mam-multiselect-tag {
    padding: 4px 8px;
    font-size: 11px;
    max-width: 100px;
  }

  .mam-multiselect-dropdown {
    position: fixed;
    top: auto !important;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: var(--mam-radius) var(--mam-radius) 0 0;
    max-height: 60vh;
  }

  .mam-multiselect-wrapper.is-open .mam-multiselect-dropdown {
    max-height: 60vh;
  }

  .mam-multiselect-options {
    max-height: calc(60vh - 130px);
  }
}

/* ==========================================
   Elementor Theme Color Overrides
   Override Hello Elementor pink/theme colors
   with plugin's own golden + dark teal palette
   ========================================== */

/* --- All Buttons: Force correct colors with !important --- */
.mam-btn {
  text-decoration: none !important;
}

.mam-btn-primary,
.mam-btn-primary:link,
.mam-btn-primary:visited {
  background: linear-gradient(
    90deg,
    #927431,
    #bfa86b,
    #eee1b0,
    #f5ecca,
    #fffece,
    #fefefa,
    #f5ecca,
    #eee1b0,
    #bfa86b,
    #927431
  ) !important;
  color: #1a0f08 !important;
  border: none !important;
}

.mam-btn-primary:hover,
.mam-btn-primary:focus {
  box-shadow: 0 4px 12px rgba(191, 168, 107, 0.4) !important;
  color: #1a0f08 !important;
}

.mam-btn-accent,
.mam-btn-accent:link,
.mam-btn-accent:visited {
  background: linear-gradient(
    90deg,
    #927431,
    #bfa86b,
    #eee1b0,
    #f5ecca,
    #fffece,
    #fefefa,
    #f5ecca,
    #eee1b0,
    #bfa86b,
    #927431
  ) !important;
  color: #094239 !important;
  border: none !important;
}

.mam-btn-accent:hover,
.mam-btn-accent:focus {
  box-shadow: 0 4px 16px rgba(191, 168, 107, 0.4) !important;
  color: #094239 !important;
  filter: brightness(1.05) !important;
}

.mam-btn-outline,
.mam-btn-outline:link,
.mam-btn-outline:visited {
  background: transparent !important;
  border: 2px solid var(--mam-accent) !important;
  color: var(--mam-accent) !important;
}

.mam-btn-outline:hover,
.mam-btn-outline:focus {
  background: var(--mam-accent) !important;
  color: var(--mam-primary) !important;
  border-color: var(--mam-accent) !important;
}

.mam-btn-danger,
.mam-btn-danger:link,
.mam-btn-danger:visited {
  background: var(--mam-danger) !important;
  color: #fffaec !important;
}

.mam-btn-danger:hover,
.mam-btn-danger:focus {
  color: #fffaec !important;
}

.mam-btn-success,
.mam-btn-success:link,
.mam-btn-success:visited {
  background: var(--mam-success) !important;
  color: #fffaec !important;
}

.mam-btn-success:hover,
.mam-btn-success:focus {
  color: #fffaec !important;
}

/* Override auth/form button color inherit */
.mam-auth-wrap button,
.mam-form-wrap button,
.mam-auth-wrap .mam-btn,
.mam-form-wrap .mam-btn {
  color: #103836 !important;
}

.mam-auth-wrap .mam-btn-outline,
.mam-form-wrap .mam-btn-outline {
  color: var(--mam-accent) !important;
}

.mam-auth-wrap .mam-btn-outline:hover,
.mam-form-wrap .mam-btn-outline:hover {
  color: var(--mam-primary) !important;
}

/* --- Dashboard Action Buttons --- */
.mam-dash-action-btn,
.mam-dash-action-btn:link,
.mam-dash-action-btn:visited {
  color: #fffaec !important;
  text-decoration: none !important;
}

.mam-dash-action-btn:hover,
.mam-dash-action-btn:focus {
  color: #fffaec !important;
  background: #094239 !important;
  border-color: rgba(191, 168, 107, 0.3) !important;
}

/* --- Boost on Cooldown: Dark theme compatible --- */
.mam-boost-profile-btn.is-boosted,
.mam-boost-profile-btn[disabled],
button.mam-dash-action-btn.mam-boost-profile-btn {
  background: rgba(255, 107, 53, 0.1) !important;
  border: 1px solid rgba(255, 107, 53, 0.3) !important;
  color: #fffaec !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  padding: 20px 24px !important;
}

.mam-boost-profile-btn.is-boosted:hover,
.mam-boost-profile-btn[disabled]:hover,
button.mam-dash-action-btn.mam-boost-profile-btn:hover {
  background: rgba(255, 107, 53, 0.15) !important;
  border-color: rgba(255, 107, 53, 0.4) !important;
  color: #fffaec !important;
}

.mam-boost-profile-btn .mam-dash-action-text strong {
  color: #fffaec !important;
}

.mam-boost-profile-btn .mam-dash-action-text span {
  color: rgba(255, 250, 236, 0.6) !important;
}

/* --- Profile Strength & Improve Profile Cards --- */
.mam-suggestion-item {
  background: rgba(255, 250, 236, 0.06) !important;
  border: 1px solid rgba(191, 168, 107, 0.2) !important;
}

.mam-strength-suggestions .mam-suggestion-item {
  background: rgba(191, 168, 107, 0.1) !important;
  border: 1px solid rgba(191, 168, 107, 0.25) !important;
}

.mam-strength-suggestions .mam-suggestion-info strong {
  color: #fffaec !important;
}

.mam-strength-suggestions .mam-suggestion-info span {
  color: rgba(255, 250, 236, 0.6) !important;
}

.mam-strength-suggestions .mam-btn-sm.mam-btn-outline {
  border: 1px solid var(--mam-accent) !important;
  color: var(--mam-accent) !important;
  padding: 6px 14px !important;
  font-size: 12px !important;
  border-radius: 6px !important;
}

.mam-strength-suggestions .mam-btn-sm.mam-btn-outline:hover {
  background: var(--mam-accent) !important;
  color: var(--mam-primary) !important;
}

/* Profile Strength Complete State */
.mam-strength-complete {
  background: rgba(191, 168, 107, 0.1) !important;
}

.mam-strength-complete i {
  color: var(--mam-accent) !important;
}

.mam-strength-complete p {
  color: rgba(255, 250, 236, 0.8) !important;
}

/* --- Profile Insights Card text visibility --- */
.mam-insights-stat-value,
.mam-insights-stat-label,
.mam-insight-tip strong,
.mam-insight-tip span {
  color: #fffaec !important;
}

.mam-insight-tip span {
  color: rgba(255, 250, 236, 0.6) !important;
}

/* --- All links inside dashboard cards --- */
.mam-dash-card a:not(.mam-btn),
.mam-dash-card a:not(.mam-btn):link,
.mam-dash-card a:not(.mam-btn):visited {
  color: var(--mam-accent) !important;
  text-decoration: none !important;
}

.mam-dash-card a:not(.mam-btn):hover {
  color: var(--mam-accent-light) !important;
}

/* --- Daily Picks / Today's Picks card items --- */
.mam-daily-pick-item,
.mam-daily-pick-item:link,
.mam-daily-pick-item:visited {
  color: #fffaec !important;
  text-decoration: none !important;
}

.mam-daily-pick-item:hover {
  color: #fffaec !important;
}

.mam-daily-pick-name {
  color: #fffaec !important;
}

.mam-daily-pick-location,
.mam-daily-pick-profession {
  color: rgba(255, 250, 236, 0.6) !important;
}

/* --- Suggestion grid items (Recommended for You) --- */
.mam-suggestion-item:link,
.mam-suggestion-item:visited {
  color: #fffaec !important;
}

.mam-suggestion-item:hover {
  background: #094239 !important;
  border-color: rgba(191, 168, 107, 0.3) !important;
  color: #fffaec !important;
}

.mam-suggestion-name {
  color: #fffaec !important;
}

.mam-suggestion-location {
  color: rgba(255, 250, 236, 0.6) !important;
}

.mam-suggestion-reason {
  color: rgba(255, 250, 236, 0.5) !important;
}

/* --- Favorite card links --- */
.mam-favorite-card-name a,
.mam-favorite-card-name a:link,
.mam-favorite-card-name a:visited {
  color: #fffaec !important;
  text-decoration: none !important;
}

.mam-favorite-card-name a:hover {
  color: var(--mam-accent) !important;
}

/* --- Interest item links --- */
.mam-interest-item,
.mam-interest-item:link,
.mam-interest-item:visited {
  color: #fffaec !important;
}

/* --- Modal buttons (Share modal, etc.) --- */
.mam-modal .mam-btn-primary {
  background: linear-gradient(
    135deg,
    var(--mam-accent) 0%,
    var(--mam-accent-light) 100%
  ) !important;
  color: var(--mam-primary) !important;
  border: none !important;
}

.mam-modal .mam-btn-primary:hover {
  box-shadow: 0 4px 12px rgba(191, 168, 107, 0.3) !important;
  color: var(--mam-primary) !important;
}

.mam-modal .mam-btn-outline,
.mam-modal .mam-btn-outline:link,
.mam-modal .mam-btn-outline:visited {
  border: 2px solid var(--mam-accent) !important;
  color: var(--mam-accent) !important;
  background: transparent !important;
}

.mam-modal .mam-btn-outline:hover {
  background: var(--mam-accent) !important;
  color: var(--mam-primary) !important;
}

/* ==========================================
   Anti-Elementor Link Override
   Prevent Elementor/Hello theme from adding
   blue highlight, background, or color to
   links inside MAM components
   ========================================== */
.mam-dashboard a,
.mam-dashboard a:link,
.mam-dashboard a:visited,
.mam-dashboard a:hover,
.mam-dashboard a:active,
.mam-dashboard a:focus {
  text-decoration: none !important;
  outline: none !important;
  box-shadow: none !important;
  -webkit-text-decoration: none !important;
}

/* Kill Elementor's ::selection and highlight colors on cards */
.mam-daily-pick-item *,
.mam-suggestion-item *,
.mam-dash-action-btn * {
  background-color: transparent;
}

.mam-daily-pick-item *::selection,
.mam-suggestion-item *::selection {
  background: rgba(191, 168, 107, 0.3);
  color: #fffaec;
}

/* Force daily pick card text on dark background */
a.mam-daily-pick-item,
a.mam-daily-pick-item:link,
a.mam-daily-pick-item:visited,
a.mam-daily-pick-item:hover,
a.mam-daily-pick-item:active,
a.mam-daily-pick-item:focus {
  color: #fffaec !important;
  text-decoration: none !important;
  background-color: rgba(255, 250, 236, 0.04) !important;
}

a.mam-daily-pick-item:hover {
  background-color: #094239 !important;
  border-color: var(--mam-accent) !important;
}

a.mam-daily-pick-item .mam-daily-pick-name,
a.mam-daily-pick-item:hover .mam-daily-pick-name {
  color: #fffaec !important;
  background: none !important;
}

a.mam-daily-pick-item .mam-daily-pick-location,
a.mam-daily-pick-item:hover .mam-daily-pick-location {
  color: rgba(255, 250, 236, 0.6) !important;
  background: none !important;
}

a.mam-daily-pick-item .mam-daily-pick-profession,
a.mam-daily-pick-item:hover .mam-daily-pick-profession {
  color: var(--mam-accent) !important;
  background: none !important;
}

/* Force photo to not get overlay on hover */
a.mam-daily-pick-item:hover .mam-daily-pick-photo img {
  opacity: 1 !important;
  filter: none !important;
}

/* Suggestion items (Recommended For You) */
a.mam-suggestion-item,
a.mam-suggestion-item:link,
a.mam-suggestion-item:visited,
a.mam-suggestion-item:hover,
a.mam-suggestion-item:active {
  color: #fffaec !important;
  text-decoration: none !important;
}

a.mam-suggestion-item .mam-suggestion-name,
a.mam-suggestion-item:hover .mam-suggestion-name {
  color: #fffaec !important;
  background: none !important;
}

a.mam-suggestion-item .mam-suggestion-location,
a.mam-suggestion-item:hover .mam-suggestion-location {
  color: rgba(255, 250, 236, 0.6) !important;
  background: none !important;
}

a.mam-suggestion-item .mam-suggestion-reason,
a.mam-suggestion-item:hover .mam-suggestion-reason {
  color: rgba(255, 250, 236, 0.5) !important;
  background: none !important;
}

/* =====================================================
   SHARE MODAL - SHOW/HIDE FIX
   ===================================================== */
#mam-share-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(4px);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 99999;
  padding: 20px;
}

#mam-share-modal.is-open {
  display: flex;
}

#mam-share-modal .mam-modal-content {
  background: linear-gradient(165deg, #162d2d 0%, #0d2020 100%) !important;
  border: 1px solid rgba(191, 168, 107, 0.15) !important;
  border-radius: 16px;
  max-width: 520px;
  width: 100%;
  padding: 0;
  position: relative;
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.5);
  transform: scale(0.9) translateY(20px);
  transition: transform 0.3s ease;
}

#mam-share-modal.is-open .mam-modal-content {
  transform: scale(1) translateY(0);
}

#mam-share-modal .mam-modal-overlay {
  display: none;
}

#mam-share-modal .mam-modal-close {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: rgba(255, 250, 236, 0.1);
  border: none;
  color: rgba(255, 250, 236, 0.7) !important;
  font-size: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
}

#mam-share-modal .mam-modal-close:hover {
  background: rgba(255, 250, 236, 0.2);
  color: #fffaec !important;
}

#mam-share-modal .mam-modal-header {
  padding: 24px 28px 20px;
  border-bottom: 1px solid rgba(255, 250, 236, 0.1);
}

#mam-share-modal .mam-modal-header h3 {
  margin: 0;
  font-size: 18px;
  color: #fffaec !important;
  display: flex;
  align-items: center;
  gap: 10px;
}

#mam-share-modal .mam-modal-header h3 i {
  color: var(--mam-accent) !important;
}

#mam-share-modal .mam-form {
  padding: 28px;
}

#mam-share-modal .mam-form-group label {
  color: rgba(255, 250, 236, 0.8) !important;
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 8px;
  display: block;
}

#mam-share-modal input[type="text"],
#mam-share-modal input[type="email"],
#mam-share-modal select,
#mam-share-modal textarea {
  background: rgba(255, 250, 236, 0.06) !important;
  border: 1px solid rgba(255, 250, 236, 0.12) !important;
  color: #fffaec !important;
  border-radius: 10px;
  padding: 10px 14px;
}

#mam-share-modal input::placeholder,
#mam-share-modal textarea::placeholder {
  color: rgba(255, 250, 236, 0.35) !important;
}

#mam-share-modal select option {
  background: #0d2020;
  color: #fffaec;
}

#mam-share-modal .mam-checkbox-label span {
  color: rgba(255, 250, 236, 0.8) !important;
}

#mam-share-modal .mam-form-actions {
  margin-top: 28px;
  padding-top: 22px;
  border-top: 1px solid rgba(255, 250, 236, 0.1);
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

#mam-share-modal .mam-share-result {
  padding: 30px;
}

#mam-share-modal .mam-share-success h4 {
  color: #fffaec !important;
}

#mam-share-modal .mam-share-success > p {
  color: rgba(255, 250, 236, 0.6) !important;
}

#mam-share-modal .mam-share-link-box input {
  background: rgba(255, 250, 236, 0.06) !important;
  border: 1px solid rgba(255, 250, 236, 0.12) !important;
  color: #fffaec !important;
}

/* Saved card mini — ensure links styled correctly */
.mam-saved-card-mini {
  color: #fffaec !important;
  text-decoration: none !important;
}

.mam-saved-card-mini:hover {
  color: #fffaec !important;
  text-decoration: none !important;
}

/* =====================================================
   MY FAVORITES PAGE - PROFILE CARD STYLE
   ===================================================== */
.mam-favorites-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 20px !important;
}

.mam-fav-card {
  text-decoration: none !important;
  color: #fffaec !important;
  display: flex !important;
  flex-direction: column !important;
  background: linear-gradient(145deg, rgba(9, 66, 57, 0.95) 0%, rgba(10, 48, 35, 0.9) 100%) !important;
  border: 1px solid rgba(191, 168, 107, 0.15) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2) !important;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.mam-fav-card:hover {
  text-decoration: none !important;
  color: #fffaec !important;
  border-color: rgba(191, 168, 107, 0.4) !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.3), 0 0 20px rgba(191, 168, 107, 0.08) !important;
  transform: translateY(-4px) !important;
}

.mam-fav-card .mam-card-photo {
  height: 220px !important;
  position: relative !important;
  overflow: hidden !important;
}

.mam-fav-card .mam-card-photo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 0.5s ease !important;
}

.mam-fav-card:hover .mam-card-photo img {
  transform: scale(1.06) !important;
}

.mam-fav-card .mam-profile-content {
  padding: 14px 16px !important;
  flex: 1 !important;
}

.mam-fav-card .mam-profile-info {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 13px !important;
  color: rgba(255, 250, 236, 0.7) !important;
  margin-bottom: 6px !important;
}

.mam-fav-card .mam-profile-info i {
  color: #bfa86b !important;
  font-size: 12px !important;
  width: 16px !important;
  text-align: center !important;
  flex-shrink: 0 !important;
}

.mam-fav-card .mam-profile-languages {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 6px !important;
  margin-top: 8px !important;
}

.mam-fav-card .mam-lang-label {
  font-size: 11px !important;
  color: rgba(255, 250, 236, 0.5) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  font-weight: 600 !important;
}

.mam-fav-card .mam-lang-tag {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  font-size: 11px !important;
  padding: 3px 8px !important;
  background: rgba(191, 168, 107, 0.12) !important;
  border: 1px solid rgba(191, 168, 107, 0.2) !important;
  border-radius: 20px !important;
  color: #bfa86b !important;
}

.mam-fav-card .mam-lang-more {
  font-size: 11px !important;
  padding: 3px 8px !important;
  background: rgba(255, 250, 236, 0.06) !important;
  border-radius: 20px !important;
  color: rgba(255, 250, 236, 0.5) !important;
}

@media (max-width: 768px) {
  .mam-favorites-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
  }
  .mam-fav-card .mam-card-photo {
    height: 160px !important;
  }
}

@media (max-width: 480px) {
  .mam-favorites-grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
}

/* Remove favorite button — positioned inside photo area */
.mam-remove-favorite {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(4px);
  border: none;
  border-radius: 50%;
  color: rgba(255, 250, 236, 0.7);
  font-size: 13px;
  cursor: pointer;
  transition: all 0.2s ease;
  opacity: 0;
  z-index: 5;
}

.mam-fav-card:hover .mam-remove-favorite,
.mam-profile-card:hover .mam-remove-favorite {
  opacity: 1;
}

.mam-remove-favorite:hover {
  background: rgba(239, 68, 68, 0.8);
  color: #fffaec;
}

/* Favorites Notes dark theme */
.mam-favorite-notes {
  background: rgba(191, 168, 107, 0.06) !important;
  border-top: 1px solid rgba(191, 168, 107, 0.15) !important;
}

.mam-favorite-notes-toggle {
  color: rgba(255, 250, 236, 0.5) !important;
  border-color: rgba(255, 250, 236, 0.12) !important;
  background: transparent !important;
}

.mam-favorite-notes-toggle:hover {
  border-color: var(--mam-accent) !important;
  color: var(--mam-accent) !important;
}

.mam-favorite-notes-toggle.has-notes {
  background: rgba(191, 168, 107, 0.08) !important;
  border-color: rgba(191, 168, 107, 0.2) !important;
  border-style: solid !important;
  color: var(--mam-accent) !important;
}

.mam-favorite-notes-textarea {
  background: rgba(255, 250, 236, 0.06) !important;
  border: 1px solid rgba(255, 250, 236, 0.12) !important;
  color: #fffaec !important;
  border-radius: 10px !important;
}

/* Favorites empty state dark theme */
.mam-favorites-empty-title {
  color: var(--mam-accent) !important;
}

.mam-favorites-empty-text {
  color: rgba(255, 250, 236, 0.5) !important;
}

/* Favorites pagination dark theme */
.mam-favorites-pagination {
  border-top-color: rgba(255, 250, 236, 0.08) !important;
}

.mam-favorites-pagination-btn {
  background: rgba(255, 250, 236, 0.04) !important;
  border-color: rgba(255, 250, 236, 0.1) !important;
  color: rgba(255, 250, 236, 0.7) !important;
}

.mam-favorites-pagination-btn:hover:not(:disabled) {
  background: var(--mam-accent) !important;
  color: #1a0f08 !important;
  border-color: var(--mam-accent) !important;
}

.mam-favorites-pagination-btn.active {
  background: var(--mam-accent) !important;
  color: #1a0f08 !important;
  border-color: var(--mam-accent) !important;
}

.mam-favorites-pagination-info {
  color: rgba(255, 250, 236, 0.5) !important;
}

.mam-favorites-loading-text {
  color: rgba(255, 250, 236, 0.5) !important;
}

/* =====================================================
   FAVORITES CARD - MODERN GOLD/TEAL REDESIGN
   ===================================================== */
.mam-favorite-card {
  background: linear-gradient(
    145deg,
    rgba(9, 66, 57, 0.95) 0%,
    rgba(10, 48, 35, 0.9) 100%
  ) !important;
  border: 1px solid rgba(191, 168, 107, 0.15) !important;
  border-radius: 20px !important;
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;
}

.mam-favorite-card:hover {
  border-color: rgba(191, 168, 107, 0.5) !important;
  box-shadow:
    0 12px 40px rgba(0, 0, 0, 0.25),
    0 0 30px rgba(191, 168, 107, 0.1) !important;
  transform: translateY(-6px);
}

.mam-favorite-card-photo {
  height: 200px !important;
  position: relative;
  overflow: hidden;
}

.mam-favorite-card-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.mam-favorite-card:hover .mam-favorite-card-photo img {
  transform: scale(1.08);
}

/* Photo placeholder - modern gradient with icon */
.mam-favorite-card-photo-placeholder {
  width: 100%;
  height: 100%;
  background: linear-gradient(
    145deg,
    #0d4040 0%,
    #094239 50%,
    #094239 100%
  ) !important;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 8px;
  position: relative;
  overflow: hidden;
}

.mam-favorite-card-photo-placeholder::before {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(
    circle,
    rgba(191, 168, 107, 0.08) 0%,
    transparent 50%
  );
  animation: shimmer 3s ease-in-out infinite;
}

@keyframes shimmer {
  0%,
  100% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(10%, 10%);
  }
}

.mam-favorite-card-photo-placeholder i {
  font-size: 48px !important;
  color: rgba(191, 168, 107, 0.4) !important;
  position: relative;
  z-index: 1;
}

.mam-favorite-card-photo-placeholder span {
  color: rgba(191, 168, 107, 0.5) !important;
  font-size: 13px;
  font-weight: 500;
  position: relative;
  z-index: 1;
}

/* Badge styling */
.mam-favorite-card-badge {
  background: linear-gradient(
    135deg,
    rgba(191, 168, 107, 0.9) 0%,
    rgba(184, 148, 61, 0.9) 100%
  ) !important;
  color: #1a0f08 !important;
  font-weight: 600;
  backdrop-filter: blur(8px);
  border: 1px solid rgba(255, 250, 236, 0.2);
}

/* Remove button - gold theme instead of red */
.mam-favorite-card-remove {
  background: linear-gradient(
    135deg,
    rgba(191, 168, 107, 0.9) 0%,
    rgba(184, 148, 61, 0.9) 100%
  ) !important;
  color: #1a0f08 !important;
  border: 1px solid rgba(255, 250, 236, 0.2);
  opacity: 0;
  transform: scale(0.8);
}

.mam-favorite-card:hover .mam-favorite-card-remove {
  opacity: 1;
  transform: scale(1);
}

.mam-favorite-card-remove:hover {
  background: linear-gradient(
    90deg,
    #927431,
    #bfa86b,
    #eee1b0,
    #f5ecca,
    #fffece,
    #fefefa,
    #f5ecca,
    #eee1b0,
    #bfa86b,
    #927431
  ) !important;
  transform: scale(1.1) !important;
  box-shadow: 0 4px 16px rgba(191, 168, 107, 0.4);
}

/* Card body */
.mam-favorite-card-body {
  padding: 20px !important;
  background: transparent !important;
}

.mam-favorite-card-name {
  font-family: "Cinzel", serif;
  font-size: 22px !important;
  color: #bfa86b !important;
  margin: 0 0 10px !important;
}

.mam-favorite-card-name a,
.mam-favorite-card-name a:link,
.mam-favorite-card-name a:visited {
  color: #bfa86b !important;
  text-decoration: none !important;
  transition: all 0.3s ease;
}

.mam-favorite-card-name a:hover {
  color: #bfa86b !important;
  text-shadow: 0 0 20px rgba(191, 168, 107, 0.3);
}

.mam-favorite-card-info {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-bottom: 14px;
}

.mam-favorite-card-info-item {
  color: rgba(255, 250, 236, 0.7) !important;
  font-size: 13px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.mam-favorite-card-info-item i {
  color: #bfa86b !important;
  font-size: 12px;
}

/* Card footer */
.mam-favorite-card-footer {
  padding: 16px 20px !important;
  border-top: 1px solid rgba(191, 168, 107, 0.15) !important;
  background: rgba(0, 0, 0, 0.1) !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.mam-favorite-card-date {
  color: rgba(255, 250, 236, 0.5) !important;
  font-size: 12px;
}

.mam-favorite-card-date i {
  color: rgba(191, 168, 107, 0.6) !important;
}

/* View profile button */
.mam-favorite-card-view {
  padding: 10px 20px !important;
  background: linear-gradient(
    90deg,
    #927431,
    #bfa86b,
    #eee1b0,
    #f5ecca,
    #fffece,
    #fefefa,
    #f5ecca,
    #eee1b0,
    #bfa86b,
    #927431
  ) !important;
  color: #1a0f08 !important;
  border-radius: 12px !important;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  border: none;
}

.mam-favorite-card-view:hover {
  background: linear-gradient(135deg, #bfa86b 0%, #bfa86b 100%) !important;
  box-shadow: 0 6px 20px rgba(191, 168, 107, 0.35) !important;
  transform: translateY(-2px);
  color: #1a0f08 !important;
}

/* Heart/unfavorite button in footer */
.mam-favorite-card-footer .mam-btn-icon,
.mam-favorite-card-footer button[class*="unfavorite"],
.mam-favorite-card-footer .mam-unfavorite-btn {
  width: 38px;
  height: 38px;
  background: rgba(191, 168, 107, 0.15) !important;
  border: 1px solid rgba(191, 168, 107, 0.3) !important;
  border-radius: 10px !important;
  color: #bfa86b !important;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

.mam-favorite-card-footer .mam-btn-icon:hover,
.mam-favorite-card-footer button[class*="unfavorite"]:hover,
.mam-favorite-card-footer .mam-unfavorite-btn:hover {
  background: rgba(191, 168, 107, 0.25) !important;
  border-color: #bfa86b !important;
  transform: scale(1.05);
}

/* Favorites grid responsive */
.mam-favorites-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 28px !important;
}

/* Favorites page header */
.mam-favorites-header {
  background: transparent !important;
}

.mam-favorites-title {
  color: #bfa86b !important;
  font-family: "Cinzel", serif;
}

.mam-favorites-subtitle {
  color: rgba(255, 250, 236, 0.6) !important;
}

/* Empty state */
.mam-favorites-empty {
  background: rgba(255, 250, 236, 0.02) !important;
  border: 1px dashed rgba(191, 168, 107, 0.3) !important;
  border-radius: 20px !important;
  padding: 60px 40px !important;
}

.mam-favorites-empty i {
  color: rgba(191, 168, 107, 0.4) !important;
  font-size: 64px !important;
}

.mam-favorites-empty-title {
  color: #bfa86b !important;
  font-family: "Cinzel", serif;
}

/* =====================================================
   AFFILIATE BANK DETAILS INLINE — MEMBER DASHBOARD
   ===================================================== */

/* Read-only bank view */
.mam-mini-bank-view {
  margin-top: 16px;
  padding: 20px;
  background: rgba(255, 250, 236, 0.04);
  border: 1px solid rgba(255, 250, 236, 0.08);
  border-radius: 12px;
}

.mam-mini-bank-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.mam-mini-bank-header h4 {
  color: #fffaec !important;
  margin: 0 !important;
  font-size: 15px;
  display: inline-flex;
  align-items: center;
}

/* Edit form */
.mam-affiliate-bank-inline {
  margin-top: 16px;
  padding: 20px;
  background: rgba(255, 250, 236, 0.04);
  border: 1px solid rgba(255, 250, 236, 0.08);
  border-radius: 12px;
  display: none;
}

.mam-affiliate-bank-inline.is-open {
  display: block !important;
}

.mam-affiliate-bank-inline h4 {
  color: #fffaec !important;
  margin: 0 0 6px;
  font-size: 15px;
}

.mam-affiliate-bank-inline .mam-bank-info-text {
  color: rgba(255, 250, 236, 0.5) !important;
  font-size: 13px;
  margin: 0 0 16px;
}

.mam-affiliate-bank-inline .mam-form-group label {
  color: rgba(255, 250, 236, 0.7) !important;
  font-size: 13px;
  font-weight: 600;
}

.mam-affiliate-bank-inline input[type="text"] {
  background: rgba(255, 250, 236, 0.06) !important;
  border: 1px solid rgba(255, 250, 236, 0.12) !important;
  color: #fffaec !important;
  border-radius: 10px;
  padding: 10px 14px;
}

.mam-affiliate-bank-inline input::placeholder {
  color: rgba(255, 250, 236, 0.35) !important;
}

/* =====================================================
   MODAL CLOSE BUTTON - OVERRIDE ELEMENTOR PINK
   ===================================================== */
.mam-modal-close,
.mam-modal-overlay .mam-modal-close,
.mam-modal .mam-modal-close,
button.mam-modal-close {
  background: rgba(255, 250, 236, 0.1) !important;
  color: rgba(255, 250, 236, 0.7) !important;
  border: none !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 10px !important;
  font-size: 18px !important;
  cursor: pointer;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.mam-modal-close:hover,
.mam-modal-overlay .mam-modal-close:hover,
.mam-modal .mam-modal-close:hover,
button.mam-modal-close:hover {
  background: rgba(255, 250, 236, 0.2) !important;
  color: #fffaec !important;
}

/* =====================================================
   SAVE SEARCH MODAL - MODERN DARK REDESIGN
   ===================================================== */
/* Hide modal by default - only show when filters are applied */
/* =====================================================
   SAVE SEARCH MODAL — Modern Dark Theme
   ===================================================== */
.mam-save-search-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
  align-items: center;
  justify-content: center;
}

.mam-save-search-modal[style*="block"] {
  display: flex !important;
}

.mam-save-search-modal .mam-modal-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(4px);
}

.mam-save-search-modal .mam-modal-content {
  position: relative;
  width: 90%;
  max-width: 420px;
  background: linear-gradient(165deg, #0e3830 0%, #0a2722 100%) !important;
  border: 1px solid rgba(191, 168, 107, 0.2) !important;
  border-radius: 20px !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.6) !important;
  overflow: hidden;
}

.mam-save-search-modal .mam-modal-close {
  position: absolute;
  top: 16px;
  right: 16px;
  background: rgba(255, 250, 236, 0.08) !important;
  border: none !important;
  color: rgba(255, 250, 236, 0.5) !important;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
  z-index: 2;
}

.mam-save-search-modal .mam-modal-close:hover {
  background: rgba(255, 250, 236, 0.15) !important;
  color: #fffaec !important;
}

.mam-save-search-modal .mam-modal-header {
  padding: 28px 28px 0 !important;
  border-bottom: none !important;
  background: transparent !important;
}

.mam-save-search-modal .mam-modal-header h3 {
  color: #fffaec !important;
  font-family: 'Cinzel', serif;
  font-size: 18px !important;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
}

.mam-save-search-modal .mam-modal-header h3 i {
  color: #bfa86b !important;
  font-size: 16px;
}

/* Form */
.mam-save-search-modal .mam-save-search-form {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px 28px 24px !important;
}

/* Form labels */
.mam-save-search-form .mam-form-group label,
.mam-save-search-modal label {
  color: rgba(255, 250, 236, 0.6) !important;
  font-weight: 600 !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
  margin-bottom: 6px !important;
  display: block !important;
}

/* Text inputs */
.mam-save-search-form input[type="text"],
.mam-save-search-modal input[type="text"] {
  background: rgba(255, 250, 236, 0.05) !important;
  border: 1px solid rgba(255, 250, 236, 0.1) !important;
  color: #fffaec !important;
  border-radius: 10px !important;
  padding: 11px 14px !important;
  font-size: 14px !important;
  transition: all 0.25s ease !important;
  width: 100% !important;
}

.mam-save-search-form input[type="text"]:focus,
.mam-save-search-modal input[type="text"]:focus {
  border-color: rgba(191, 168, 107, 0.5) !important;
  box-shadow: 0 0 0 3px rgba(191, 168, 107, 0.08) !important;
  outline: none !important;
  background: rgba(9, 66, 57, 0.5) !important;
}

.mam-save-search-form input::placeholder,
.mam-save-search-modal input::placeholder {
  color: rgba(255, 250, 236, 0.25) !important;
}

/* Select dropdown */
.mam-save-search-form select,
.mam-save-search-modal select {
  background: rgba(255, 250, 236, 0.05) !important;
  border: 1px solid rgba(255, 250, 236, 0.1) !important;
  color: #fffaec !important;
  border-radius: 10px !important;
  padding: 11px 14px !important;
  font-size: 14px !important;
  cursor: pointer;
  width: 100%;
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23c9a55c' d='M6 8L1 3h10z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
}

.mam-save-search-form select option,
.mam-save-search-modal select option {
  background: #0a2722;
  color: #fffaec;
}

/* Notify checkbox row */
.mam-save-search-checkbox {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 12px 14px !important;
  background: rgba(191, 168, 107, 0.05) !important;
  border: 1px solid rgba(191, 168, 107, 0.1) !important;
  border-radius: 10px !important;
  cursor: pointer;
}

.mam-save-search-checkbox label,
.mam-save-search-checkbox span {
  color: rgba(255, 250, 236, 0.8) !important;
  font-size: 13px !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  font-weight: 500 !important;
  margin-bottom: 0 !important;
}

.mam-save-search-checkbox input[type="checkbox"] {
  accent-color: #bfa86b !important;
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
}

/* Applied Filters summary — chip style */
.mam-filters-summary {
  background: rgba(255, 250, 236, 0.03) !important;
  border: 1px solid rgba(255, 250, 236, 0.06) !important;
  border-radius: 10px !important;
  padding: 12px 14px !important;
}

.mam-filters-summary strong {
  display: block !important;
  color: rgba(255, 250, 236, 0.5) !important;
  font-size: 10px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
  margin-bottom: 8px !important;
}

.mam-filters-summary-content {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.mam-summary-chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  background: rgba(191, 168, 107, 0.1);
  border: 1px solid rgba(191, 168, 107, 0.2);
  border-radius: 16px;
  font-size: 12px;
  color: #bfa86b;
}

.mam-summary-chip-label {
  color: rgba(255, 250, 236, 0.5);
  font-weight: 600;
  font-size: 11px;
}

.mam-no-filters {
  color: rgba(255, 250, 236, 0.3);
  font-size: 13px;
  font-style: italic;
}

/* Notify frequency */
.mam-save-search-modal .mam-notify-frequency-group {
  margin-top: 0 !important;
  padding-top: 0 !important;
  border-top: none !important;
}

/* Modal footer / actions */
.mam-save-search-modal .mam-modal-footer {
  padding: 0 !important;
  border-top: none !important;
  display: flex !important;
  justify-content: flex-end !important;
  gap: 10px !important;
}

.mam-save-search-modal .mam-btn-outline,
.mam-save-search-modal .mam-modal-cancel {
  background: rgba(255, 250, 236, 0.05) !important;
  border: 1px solid rgba(255, 250, 236, 0.12) !important;
  color: rgba(255, 250, 236, 0.6) !important;
  border-radius: 10px !important;
  padding: 10px 20px !important;
  font-weight: 500 !important;
  font-size: 13px !important;
  cursor: pointer;
  transition: all 0.2s ease !important;
}

.mam-save-search-modal .mam-btn-outline:hover,
.mam-save-search-modal .mam-modal-cancel:hover {
  background: rgba(255, 250, 236, 0.1) !important;
  color: #fffaec !important;
}

.mam-save-search-modal .mam-btn-primary {
  background: linear-gradient(90deg, #927431, #bfa86b, #e6d996, #efe3c4, #fffde4, #efe3c4, #e6d996, #bfa86b, #937431) !important;
  color: #094239 !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 10px 24px !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  cursor: pointer;
  transition: all 0.25s ease !important;
  box-shadow: 0 2px 8px rgba(191, 168, 107, 0.2) !important;
}

.mam-save-search-modal .mam-btn-primary:hover {
  box-shadow: 0 4px 16px rgba(191, 168, 107, 0.35) !important;
  transform: translateY(-1px) !important;
}

/* Hide separate new/boosted/matched badges when badges row is present */
.mam-card-badges-row ~ .mam-new-badge,
.mam-card-badges-row ~ .mam-boosted-badge,
.mam-card-badges-row ~ .mam-matched-badge {
  display: none !important;
}

/* Card badges row responsive */
@media (max-width: 480px) {
  .mam-profile-card .mam-card-badges-row {
    gap: 4px;
    right: 40px;
  }
  .mam-card-badges-row .mam-compatibility-badge,
  .mam-card-badges-row .mam-profile-status-badge {
    font-size: 10px;
    padding: 2px 6px;
  }
}

/* =====================================================
   AJAX FILTER - Loading & Active Tags
   ===================================================== */

/* Loading state */
.mam-filter-loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 60px 20px;
  grid-column: 1 / -1;
  color: rgba(255, 250, 236, 0.6);
  font-size: 14px;
}

.mam-filter-loading i {
  font-size: 28px;
  color: var(--mam-accent, #bfa86b);
}

.mam-profiles-grid.mam-loading {
  min-height: 200px;
  opacity: 0.6;
}

/* Active filter tags */
.mam-active-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  padding: 12px 0;
  margin-bottom: 8px;
}

.mam-active-filter-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  background: rgba(191, 168, 107, 0.15);
  border: 1px solid rgba(191, 168, 107, 0.25);
  border-radius: 20px;
  color: var(--mam-accent, #bfa86b);
  font-size: 12px;
  font-weight: 500;
}

.mam-active-filter-tag .mam-remove-filter {
  background: none;
  border: none;
  color: rgba(255, 250, 236, 0.5);
  cursor: pointer;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  transition: color 0.2s;
}

.mam-active-filter-tag .mam-remove-filter:hover {
  color: #ef4444;
}

button.mam-clear-all-filters {
  padding: 4px 10px !important;
  border-radius: 20px !important;
  gap: 3px !important;
  color: #094239 !important;
  background: linear-gradient(90deg, #927431, #bfa86b, #e6d996, #efe3c4, #fffde4, #efe3c4, #e6d996, #bfa86b, #937431) !important;
  border: none !important;
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  transition: all 0.2s;
}

button.mam-save-search-inline-btn {
  padding: 4px 10px !important;
  border-radius: 20px !important;
  gap: 3px !important;
  color: #094239 !important;
  background: linear-gradient(90deg, #927431, #bfa86b, #e6d996, #efe3c4, #fffde4, #efe3c4, #e6d996, #bfa86b, #937431) !important;
  border: none !important;
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  transition: all 0.2s;
  margin-left: auto;
  white-space: nowrap;
}

/* =====================================================
   ID VERIFICATION SECTION - SETTINGS PAGE
   ===================================================== */

.mam-id-verification-section .mam-settings-section-icon {
  background: linear-gradient(
    90deg,
    #927431,
    #bfa86b,
    #eee1b0,
    #f5ecca,
    #fffece,
    #fefefa,
    #f5ecca,
    #eee1b0,
    #bfa86b,
    #927431
  ) !important;
}

.mam-id-verification-section .mam-verification-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 600;
  margin-left: auto;
}

.mam-id-verification-section .mam-verification-badge.verified {
  background: rgba(34, 197, 94, 0.15);
  color: #22c55e;
}

/* Verified Status */
.mam-id-verified-status {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 24px;
  background: linear-gradient(
    135deg,
    rgba(34, 197, 94, 0.1),
    rgba(34, 197, 94, 0.05)
  );
  border-radius: 16px;
  border: 1px solid rgba(34, 197, 94, 0.25);
}

.mam-id-verified-status .mam-verified-icon {
  width: 64px;
  height: 64px;
  background: linear-gradient(135deg, #22c55e, #16a34a);
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.mam-id-verified-status .mam-verified-icon i {
  font-size: 28px;
  color: #fffaec;
}

.mam-id-verified-status .mam-verified-info h4 {
  font-size: 18px;
  font-weight: 600;
  color: #22c55e;
  margin: 0 0 6px;
}

.mam-id-verified-status .mam-verified-info p {
  font-size: 14px;
  color: rgba(255, 250, 236, 0.6);
  margin: 0;
}

/* Pending Status */
.mam-id-pending-status {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 24px;
  background: linear-gradient(
    135deg,
    rgba(234, 179, 8, 0.1),
    rgba(234, 179, 8, 0.05)
  );
  border-radius: 16px;
  border: 1px solid rgba(234, 179, 8, 0.25);
}

.mam-id-pending-status .mam-pending-icon {
  width: 64px;
  height: 64px;
  background: linear-gradient(135deg, #bfa86b, #927431);
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  animation: pulse-pending 2s ease-in-out infinite;
}

@keyframes pulse-pending {
  0%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
}

.mam-id-pending-status .mam-pending-icon i {
  font-size: 28px;
  color: #fffaec;
}

.mam-id-pending-status .mam-pending-info h4 {
  font-size: 18px;
  font-weight: 600;
  color: #bfa86b;
  margin: 0 0 6px;
}

.mam-id-pending-status .mam-pending-info p {
  font-size: 14px;
  color: rgba(255, 250, 236, 0.6);
  margin: 0 0 8px;
}

.mam-id-pending-status .mam-submitted-date {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: rgba(255, 250, 236, 0.4);
  background: rgba(255, 250, 236, 0.05);
  padding: 4px 10px;
  border-radius: 12px;
}

/* Rejected Status */
.mam-id-rejected-status {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  padding: 24px;
  background: linear-gradient(
    135deg,
    rgba(239, 68, 68, 0.1),
    rgba(239, 68, 68, 0.05)
  );
  border-radius: 16px;
  border: 1px solid rgba(239, 68, 68, 0.25);
  margin-bottom: 24px;
}

.mam-id-rejected-status .mam-rejected-icon {
  width: 64px;
  height: 64px;
  background: linear-gradient(135deg, #ef4444, #dc2626);
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.mam-id-rejected-status .mam-rejected-icon i {
  font-size: 28px;
  color: #fffaec;
}

.mam-id-rejected-status .mam-rejected-info h4 {
  font-size: 18px;
  font-weight: 600;
  color: #ef4444;
  margin: 0 0 6px;
}

.mam-id-rejected-status .mam-rejected-info p {
  font-size: 14px;
  color: rgba(255, 250, 236, 0.6);
  margin: 0 0 12px;
}

.mam-id-rejected-status .mam-rejection-reason {
  background: rgba(239, 68, 68, 0.1);
  border-left: 3px solid #ef4444;
  padding: 12px 16px;
  border-radius: 0 8px 8px 0;
  font-size: 13px;
  color: rgba(255, 250, 236, 0.7);
}

.mam-id-rejected-status .mam-rejection-reason strong {
  color: #ef4444;
  margin-right: 6px;
}

/* Not Verified - Benefits & Form */
.mam-id-not-verified {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.mam-verification-benefits {
  background: linear-gradient(
    135deg,
    rgba(191, 168, 107, 0.1),
    rgba(191, 168, 107, 0.05)
  );
  border-radius: 16px;
  padding: 24px;
  border: 1px solid rgba(191, 168, 107, 0.2);
}

.mam-verification-benefits h4 {
  font-size: 16px;
  font-weight: 600;
  color: #bfa86b;
  margin: 0 0 16px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.mam-verification-benefits h4::before {
  content: "✨";
}

.mam-verification-benefits ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}

.mam-verification-benefits li {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  color: rgba(255, 250, 236, 0.8);
}

.mam-verification-benefits li i {
  color: #22c55e;
  font-size: 12px;
}

/* ID Verification Form */
.mam-id-verification-form-container {
  background: rgba(255, 250, 236, 0.03);
  border-radius: 16px;
  padding: 24px;
  border: 1px solid rgba(255, 250, 236, 0.06);
}

.mam-id-verification-form .mam-form-group {
  margin-bottom: 20px;
}

.mam-id-verification-form label {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: rgba(255, 250, 236, 0.8);
  margin-bottom: 8px;
}

.mam-id-verification-form select {
  width: 100%;
  padding: 12px 16px;
  background: rgba(255, 250, 236, 0.05);
  border: 1px solid rgba(255, 250, 236, 0.1);
  border-radius: 10px;
  color: #fffaec;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.mam-id-verification-form select:focus {
  outline: none;
  border-color: #bfa86b;
  box-shadow: 0 0 0 3px rgba(191, 168, 107, 0.15);
}

/* File Upload Area */
.mam-file-upload-area {
  border: 2px dashed rgba(255, 250, 236, 0.15);
  border-radius: 12px;
  padding: 32px 24px;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s ease;
  position: relative;
  background: rgba(255, 250, 236, 0.02);
}

.mam-file-upload-area:hover {
  border-color: #bfa86b;
  background: rgba(191, 168, 107, 0.05);
}

.mam-file-upload-area.dragging {
  border-color: #bfa86b;
  background: rgba(191, 168, 107, 0.1);
  transform: scale(1.01);
}

.mam-file-upload-area i {
  font-size: 36px;
  color: #bfa86b;
  margin-bottom: 12px;
  display: block;
}

.mam-file-upload-area p {
  font-size: 14px;
  color: rgba(255, 250, 236, 0.7);
  margin: 0 0 4px;
}

.mam-file-upload-area span {
  font-size: 12px;
  color: rgba(255, 250, 236, 0.4);
}

.mam-file-upload-area input[type="file"] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

/* File Preview */
.mam-file-preview {
  margin-top: 12px;
  padding: 12px;
  background: rgba(34, 197, 94, 0.1);
  border-radius: 10px;
  border: 1px solid rgba(34, 197, 94, 0.2);
}

.mam-file-preview-item {
  display: flex;
  align-items: center;
  gap: 12px;
}

.mam-file-preview-item img {
  width: 48px;
  height: 48px;
  object-fit: cover;
  border-radius: 8px;
}

.mam-file-preview-item .mam-file-name {
  flex: 1;
  font-size: 13px;
  color: rgba(255, 250, 236, 0.8);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mam-file-preview-item .mam-remove-file {
  background: none;
  border: none;
  color: #ef4444;
  cursor: pointer;
  padding: 4px;
  font-size: 14px;
}

/* Privacy Note */
.mam-id-privacy-note {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 16px;
  background: rgba(99, 102, 241, 0.08);
  border-radius: 12px;
  border: 1px solid rgba(99, 102, 241, 0.15);
  margin-bottom: 20px;
}

.mam-id-privacy-note i {
  color: #6366f1;
  font-size: 16px;
  margin-top: 2px;
}

.mam-id-privacy-note p {
  font-size: 13px;
  color: rgba(255, 250, 236, 0.6);
  margin: 0;
  line-height: 1.5;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
  .mam-id-verified-status,
  .mam-id-pending-status,
  .mam-id-rejected-status {
    flex-direction: column;
    text-align: center;
    padding: 20px;
  }

  .mam-id-verified-status .mam-verified-icon,
  .mam-id-pending-status .mam-pending-icon,
  .mam-id-rejected-status .mam-rejected-icon {
    width: 56px;
    height: 56px;
  }

  .mam-id-verified-status .mam-verified-icon i,
  .mam-id-pending-status .mam-pending-icon i,
  .mam-id-rejected-status .mam-rejected-icon i {
    font-size: 24px;
  }

  .mam-verification-benefits ul {
    grid-template-columns: 1fr;
  }

  .mam-id-verification-form-container {
    padding: 16px;
  }

  .mam-file-upload-area {
    padding: 24px 16px;
  }

  .mam-file-upload-area i {
    font-size: 28px;
  }
}

/* =====================================================
   MORE FILTERS BUTTON - MODERN REDESIGN
   ===================================================== */

button.mam-more-filters-btn,
button.mam-more-filters-btn:hover,
button.mam-more-filters-btn:focus,
button.mam-more-filters-btn:active {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  padding: 8px 20px !important;
  background: linear-gradient(90deg, #927431, #bfa86b, #e6d996, #efe3c4, #fffde4, #efe3c4, #e6d996, #bfa86b, #937431) !important;
  border: none !important;
  border-radius: 7px !important;
  color: #094239 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  white-space: nowrap !important;
}

button.mam-more-filters-btn:hover {
  box-shadow: 0 6px 18px rgba(191, 168, 107, 0.4) !important;
  transform: translateY(-2px) !important;
  filter: brightness(1.08) !important;
}

button.mam-more-filters-btn i {
  font-size: 12px !important;
  transition: transform 0.3s ease !important;
}

button.mam-more-filters-btn.is-open i {
  transform: rotate(180deg) !important;
}

/* =====================================================
   SAVE SEARCH BUTTON - SOLID GOLD LIKE APPLY FILTERS
   ===================================================== */

.mam-save-search-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 12px 24px !important;
  background: linear-gradient(
    90deg,
    #927431,
    #bfa86b,
    #eee1b0,
    #f5ecca,
    #fffece,
    #fefefa,
    #f5ecca,
    #eee1b0,
    #bfa86b,
    #927431
  ) !important;
  border: none !important;
  border-radius: 50px !important;
  color: #0d2d2d !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  white-space: nowrap !important;
  min-width: max-content !important;
  box-shadow: 0 2px 8px rgba(191, 168, 107, 0.3) !important;
}

.mam-save-search-btn:hover {
  background: linear-gradient(135deg, #bfa86b 0%, #bfa86b 100%) !important;
  color: #0d2d2d !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 15px rgba(191, 168, 107, 0.4) !important;
}

/* =====================================================
   ID VERIFICATION FORM - DROPDOWN DARK THEME
   ===================================================== */

.mam-id-verification-form select,
.mam-id-verification-section select {
  background: #094239 !important;
  border: 1px solid rgba(255, 250, 236, 0.15) !important;
  color: #fffaec !important;
  padding: 12px 16px;
  border-radius: 10px;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23c9a55c' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  padding-right: 36px !important;
}

.mam-id-verification-form select:focus,
.mam-id-verification-section select:focus {
  outline: none;
  border-color: #bfa86b !important;
  box-shadow: 0 0 0 3px rgba(191, 168, 107, 0.15);
}

.mam-id-verification-form select option,
.mam-id-verification-section select option {
  background: #1a2e2e !important;
  color: #fffaec !important;
  padding: 12px !important;
}

/* =====================================================
   VERIFIED BADGE - TWITTER/X STYLE (WAVY CIRCLE)
   ===================================================== */

.mam-verified-tick {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  background: #1d9bf0;
  margin-left: 5px;
  flex-shrink: 0;
  vertical-align: middle;
  position: relative;
  /* Twitter/X wavy badge shape */
  clip-path: polygon(
    50% 0%,
    61% 6%,
    75% 0%,
    82% 12%,
    98% 15%,
    93% 28%,
    100% 41%,
    91% 50%,
    100% 59%,
    93% 72%,
    98% 85%,
    82% 88%,
    75% 100%,
    61% 94%,
    50% 100%,
    39% 94%,
    25% 100%,
    18% 88%,
    2% 85%,
    7% 72%,
    0% 59%,
    9% 50%,
    0% 41%,
    7% 28%,
    2% 15%,
    18% 12%,
    25% 0%,
    39% 6%
  );
}

.mam-verified-tick i,
.mam-verified-tick svg {
  font-size: 11px;
  color: #fffaec;
  line-height: 1;
  z-index: 1;
}

/* Smaller version for compact areas */
.mam-verified-tick.mam-verified-tick-sm {
  width: 16px;
  height: 16px;
}

.mam-verified-tick.mam-verified-tick-sm i {
  font-size: 9px;
}

/* Larger version for profile headers */
.mam-verified-tick.mam-verified-tick-lg {
  width: 24px;
  height: 24px;
}

.mam-verified-tick.mam-verified-tick-lg i {
  font-size: 13px;
}

/* Name with verified badge inline */
.mam-name-verified {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

/* Profile card name styling */
.mam-profile-card .mam-profile-name,
.mam-profile-item .mam-profile-name {
  display: inline-flex;
  align-items: center;
}

/* =====================================================
   UNVERIFIED USER BANNER - DASHBOARD
   ===================================================== */

.mam-unverified-banner {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 20px;
  background: #60796d;
  border: 1px solid rgba(255, 250, 236, 0.15);
  border-radius: 12px;
  margin-bottom: 24px;
}

.mam-unverified-banner-icon {
  width: 44px;
  height: 44px;
  background: rgba(255, 250, 236, 0.15);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.mam-unverified-banner-icon i {
  font-size: 20px;
  color: #fffaec;
}

.mam-unverified-banner-content {
  flex: 1;
  min-width: 0;
}

.mam-unverified-banner-content h4 {
  font-size: 15px;
  font-weight: 600;
  color: #fffaec;
  margin: 0 0 4px;
}

.mam-unverified-banner-content p {
  font-size: 13px;
  color: rgba(255, 250, 236, 0.6);
  margin: 0;
}

.mam-unverified-banner-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 18px;
  background: linear-gradient(
    90deg,
    #927431,
    #bfa86b,
    #e6d996,
    #efe3c4,
    #fffde4,
    #efe3c4,
    #e6d996,
    #bfa86b,
    #937431
  );
  color: #1a0f08 !important;
  font-size: 13px;
  font-weight: 700;
  border-radius: 8px;
  text-decoration: none !important;
  transition: all 0.2s ease;
  flex-shrink: 0;
}

.mam-unverified-banner-btn:hover {
  filter: brightness(1.05);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(191, 168, 107, 0.4);
}

.mam-unverified-banner-btn i {
  font-size: 12px;
}

/* Mobile responsive */
@media (max-width: 640px) {
  .mam-unverified-banner {
    flex-direction: column;
    text-align: center;
    gap: 12px;
    padding: 16px;
  }

  .mam-unverified-banner-btn {
    width: 100%;
    justify-content: center;
  }
}

/* =====================================================
   REVIEW REQUEST BANNER
   ===================================================== */
.mam-review-banner {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 20px;
  background: linear-gradient(
    135deg,
    rgba(191, 168, 107, 0.15),
    rgba(191, 168, 107, 0.08)
  );
  border: 1px solid rgba(191, 168, 107, 0.3);
  border-radius: 12px;
  margin-bottom: 24px;
  position: relative;
}

.mam-review-banner-close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 24px;
  height: 24px;
  background: rgba(255, 250, 236, 0.1);
  border: none;
  border-radius: 50%;
  color: rgba(255, 250, 236, 0.5);
  font-size: 12px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}

.mam-review-banner-close:hover {
  background: rgba(255, 250, 236, 0.2);
  color: #fffaec;
}

.mam-review-banner-icon {
  width: 48px;
  height: 48px;
  background: linear-gradient(
    90deg,
    #927431,
    #bfa86b,
    #eee1b0,
    #f5ecca,
    #fffece,
    #fefefa,
    #f5ecca,
    #eee1b0,
    #bfa86b,
    #927431
  );
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.mam-review-banner-icon i,
.mam-review-banner-icon svg {
  font-size: 22px;
  color: #0a3023;
  width: 22px;
  height: 22px;
}

.mam-review-banner-content {
  flex: 1;
  min-width: 0;
  padding-right: 20px;
}

.mam-review-banner-content h4 {
  font-size: 16px;
  font-weight: 600;
  color: #bfa86b;
  margin: 0 0 4px;
}

.mam-review-banner-content p {
  font-size: 13px;
  color: rgba(255, 250, 236, 0.7);
  margin: 0;
  line-height: 1.5;
}

.mam-review-banner-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 20px;
  background: linear-gradient(
    90deg,
    #927431,
    #bfa86b,
    #eee1b0,
    #f5ecca,
    #fffece,
    #fefefa,
    #f5ecca,
    #eee1b0,
    #bfa86b,
    #927431
  );
  color: #0a2e1f !important;
  font-size: 14px;
  font-weight: 600;
  border-radius: 8px;
  text-decoration: none !important;
  transition: all 0.2s ease;
  flex-shrink: 0;
  white-space: nowrap;
}

.mam-review-banner-btn:hover {
  background: linear-gradient(
    90deg,
    #927431,
    #bfa86b,
    #eee1b0,
    #f5ecca,
    #fffece,
    #fefefa,
    #f5ecca,
    #eee1b0,
    #bfa86b,
    #927431
  );
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(191, 168, 107, 0.3);
  color: #0a2e1f !important;
}

.mam-review-banner-btn i {
  font-size: 13px;
}

/* Mobile responsive */
@media (max-width: 640px) {
  .mam-review-banner {
    flex-direction: column;
    text-align: center;
    gap: 12px;
    padding: 20px 16px;
  }

  .mam-review-banner-content {
    padding-right: 0;
  }

  .mam-review-banner-btn {
    width: 100%;
    justify-content: center;
  }

  .mam-review-banner-close {
    top: 10px;
    right: 10px;
  }
}

/* Flash highlight animation for scrolling to sections */
@keyframes mam-flash-highlight {
  0%,
  100% {
    box-shadow: 0 0 0 0 rgba(191, 168, 107, 0);
  }
  50% {
    box-shadow: 0 0 0 4px rgba(191, 168, 107, 0.4);
  }
}

.mam-flash-highlight {
  animation: mam-flash-highlight 0.5s ease-in-out 2;
}

/* =====================================================
   FAVORITES PAGE - GOLD THEME OVERRIDE (NO PINK!)
   ===================================================== */

/* Page Title - Gold */
.mam-favorites-title,
.mam-favorites h1,
.mam-favorites h2,
.mam-favorites-header h1,
.mam-favorites-header h2 {
  color: #bfa86b !important;
}

/* Subtitle */
.mam-favorites-subtitle {
  color: rgba(255, 250, 236, 0.6) !important;
}

/* Favorite Card - Modern Dark Theme */
.mam-favorite-card {
  background: rgba(255, 250, 236, 0.04) !important;
  border: 1px solid rgba(255, 250, 236, 0.1) !important;
  border-radius: 16px !important;
  overflow: hidden;
  transition: all 0.3s ease;
}

.mam-favorite-card:hover {
  background: rgba(255, 250, 236, 0.06) !important;
  border-color: rgba(191, 168, 107, 0.5) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3) !important;
  transform: translateY(-4px);
}

/* Card Photo */
.mam-favorite-card-photo {
  height: 200px;
  position: relative;
  overflow: hidden;
}

.mam-favorite-card-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.mam-favorite-card:hover .mam-favorite-card-photo img {
  transform: scale(1.05);
}

/* Card Body - Proper Padding */
.mam-favorite-card-body {
  padding: 20px !important;
  background: transparent !important;
}

/* Card Name - GOLD NOT PINK */
.mam-favorite-card-name,
.mam-favorite-card-name a,
.mam-favorite-card-name a:link,
.mam-favorite-card-name a:visited,
.mam-favorite-card .mam-profile-name,
.mam-favorite-card .mam-profile-name a {
  color: #bfa86b !important;
  font-family: "Cinzel", serif !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  margin: 0 0 8px !important;
}

.mam-favorite-card-name a:hover,
.mam-favorite-card .mam-profile-name a:hover {
  color: #bfa86b !important;
}

/* Card Info - Age, Location */
.mam-favorite-card-info,
.mam-favorite-card-meta {
  color: rgba(255, 250, 236, 0.7) !important;
  font-size: 14px !important;
  margin-bottom: 12px !important;
}

/* Action Button - Gold Theme */
.mam-favorite-card-actions,
.mam-favorite-card-footer {
  padding: 16px 20px !important;
  border-top: 1px solid rgba(255, 250, 236, 0.08) !important;
  display: flex;
  gap: 8px;
}

.mam-favorite-card .mam-btn,
.mam-favorite-card-action,
.mam-favorite-btn {
  background: linear-gradient(
    135deg,
    rgba(191, 168, 107, 0.15),
    rgba(191, 168, 107, 0.1)
  ) !important;
  border: 1px solid rgba(191, 168, 107, 0.3) !important;
  color: #bfa86b !important;
  padding: 10px 16px !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  transition: all 0.2s ease !important;
}

.mam-favorite-card .mam-btn:hover,
.mam-favorite-card-action:hover,
.mam-favorite-btn:hover {
  background: linear-gradient(
    90deg,
    #927431,
    #bfa86b,
    #eee1b0,
    #f5ecca,
    #fffece,
    #fefefa,
    #f5ecca,
    #eee1b0,
    #bfa86b,
    #927431
  ) !important;
  color: #1a0f08 !important;
  border-color: #bfa86b !important;
}

/* Heart/Like Button - Gold */
.mam-favorite-card .mam-like-btn,
.mam-favorite-card .mam-heart-btn,
.mam-favorite-card [class*="heart"],
.mam-favorite-card [class*="like"] {
  background: rgba(191, 168, 107, 0.15) !important;
  border: 1px solid rgba(191, 168, 107, 0.3) !important;
  color: #bfa86b !important;
}

.mam-favorite-card .mam-like-btn:hover,
.mam-favorite-card .mam-heart-btn:hover {
  background: rgba(191, 168, 107, 0.25) !important;
  border-color: #bfa86b !important;
}

.mam-favorite-card .mam-like-btn i,
.mam-favorite-card .mam-heart-btn i {
  color: #bfa86b !important;
}

/* Remove/Delete Button */
.mam-favorite-card-remove {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 36px;
  height: 36px;
  background: rgba(0, 0, 0, 0.6) !important;
  border: none !important;
  border-radius: 50%;
  color: #fffaec !important;
  cursor: pointer;
  opacity: 0;
  transform: scale(0.8);
  transition: all 0.2s ease;
}

.mam-favorite-card:hover .mam-favorite-card-remove {
  opacity: 1;
  transform: scale(1);
}

.mam-favorite-card-remove:hover {
  background: #ef4444 !important;
}

/* Empty State */
.mam-favorites-empty-title {
  color: #bfa86b !important;
}

.mam-favorites-empty-icon {
  background: linear-gradient(135deg, #094239, #1a5050) !important;
}

.mam-favorites-empty-icon i {
  color: #bfa86b !important;
}

/* Pagination */
.mam-favorites-pagination-btn {
  background: rgba(255, 250, 236, 0.04) !important;
  border: 1px solid rgba(255, 250, 236, 0.1) !important;
  color: rgba(255, 250, 236, 0.7) !important;
}

.mam-favorites-pagination-btn:hover:not(:disabled),
.mam-favorites-pagination-btn.active {
  background: linear-gradient(
    90deg,
    #927431,
    #bfa86b,
    #eee1b0,
    #f5ecca,
    #fffece,
    #fefefa,
    #f5ecca,
    #eee1b0,
    #bfa86b,
    #927431
  ) !important;
  border-color: #bfa86b !important;
  color: #1a0f08 !important;
}

/* Override any remaining Elementor pink */
.mam-favorites a,
.mam-favorites a:link,
.mam-favorites a:visited {
  color: #bfa86b !important;
}

.mam-favorites a:hover {
  color: #bfa86b !important;
}

/* Dashboard Favorites Mini Card */
.mam-dash-favorites-card .mam-favorite-mini-card {
  background: rgba(255, 250, 236, 0.04) !important;
  border: 1px solid rgba(255, 250, 236, 0.08) !important;
  border-radius: 12px !important;
  padding: 12px !important;
  transition: all 0.2s ease;
}

.mam-dash-favorites-card .mam-favorite-mini-card:hover {
  border-color: rgba(191, 168, 107, 0.4) !important;
  background: rgba(255, 250, 236, 0.06) !important;
}

.mam-dash-favorites-card .mam-favorite-mini-name {
  color: #bfa86b !important;
  font-weight: 600 !important;
}

.mam-dash-favorites-card .mam-favorite-mini-info {
  color: rgba(255, 250, 236, 0.6) !important;
}

.mam-dash-favorites-card .mam-favorite-mini-action {
  color: #bfa86b !important;
}

/* =====================================================
   REPORT MODAL - ENHANCED DARK THEME STYLING
   ===================================================== */

.mam-report-modal {
  z-index: 999999 !important;
}

.mam-report-modal-content {
  background: linear-gradient(180deg, #094239 0%, #094239 100%) !important;
  border: 1px solid rgba(255, 250, 236, 0.1) !important;
}

.mam-report-modal-content h3 {
  color: #fffaec !important;
}

.mam-report-modal-content h3 i {
  color: #f59e0b !important;
}

.mam-report-modal .mam-form-group label {
  color: rgba(255, 250, 236, 0.7) !important;
}

/* Report Modal Select Dropdown - Dark Theme */
.mam-report-modal select {
  background: #094239 !important;
  border: 1px solid rgba(255, 250, 236, 0.15) !important;
  color: #fffaec !important;
  padding: 12px 16px !important;
  border-radius: 10px !important;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23c9a55c' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  padding-right: 36px !important;
}

.mam-report-modal select:focus {
  outline: none;
  border-color: #bfa86b !important;
  box-shadow: 0 0 0 3px rgba(191, 168, 107, 0.15);
}

.mam-report-modal select option {
  background: #1a2e2e !important;
  color: #fffaec !important;
  padding: 12px !important;
}

/* Report Modal Textarea */
.mam-report-modal textarea {
  background: #094239 !important;
  border: 1px solid rgba(255, 250, 236, 0.15) !important;
  color: #fffaec !important;
  border-radius: 10px !important;
  min-height: 100px !important;
}

.mam-report-modal textarea::placeholder {
  color: rgba(255, 250, 236, 0.4) !important;
}

.mam-report-modal textarea:focus {
  outline: none;
  border-color: #bfa86b !important;
  box-shadow: 0 0 0 3px rgba(191, 168, 107, 0.15);
}

/* Report Modal Submit Button */
.mam-report-modal .mam-btn-primary,
.mam-report-modal .mam-btn[type="submit"] {
  background: linear-gradient(
    90deg,
    #927431,
    #bfa86b,
    #eee1b0,
    #f5ecca,
    #fffece,
    #fefefa,
    #f5ecca,
    #eee1b0,
    #bfa86b,
    #927431
  ) !important;
  color: #1a0f08 !important;
  border: none !important;
  padding: 14px 24px !important;
  font-weight: 600 !important;
  border-radius: 10px !important;
  transition: all 0.2s ease !important;
}

.mam-report-modal .mam-btn-primary:hover,
.mam-report-modal .mam-btn[type="submit"]:hover {
  background: linear-gradient(135deg, #bfa86b, #e6d996) !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(191, 168, 107, 0.3);
}

/* Report Modal Close Button */
.mam-report-modal-close {
  background: rgba(255, 250, 236, 0.1) !important;
  color: rgba(255, 250, 236, 0.6) !important;
  border: none !important;
}

.mam-report-modal-close:hover {
  background: rgba(255, 250, 236, 0.2) !important;
  color: #fffaec !important;
}

/* =====================================================
   GLOBAL ELEMENTOR PINK OVERRIDE - USE GOLD EVERYWHERE
   ===================================================== */

/* Mobile Header Toggle Button */
.mam-sidebar-toggle,
.mam-sidebar-toggle:link,
.mam-sidebar-toggle:visited,
.mam-sidebar-toggle:hover,
.mam-sidebar-toggle:focus,
.mam-sidebar-toggle:active {
  background: rgba(191, 168, 107, 0.2) !important;
  color: #bfa86b !important;
  border: 1px solid rgba(191, 168, 107, 0.3) !important;
}

.mam-sidebar-toggle:hover {
  background: rgba(191, 168, 107, 0.3) !important;
}

/* All MAM buttons - force gold theme */
.mam-dashboard-sidebar-layout button,
.mam-dashboard-sidebar-layout a.mam-btn,
.mam-dashboard-sidebar-layout .mam-btn {
  border-color: rgba(191, 168, 107, 0.3) !important;
}

/* Sidebar nav items - no pink borders */
.mam-sidebar-nav .mam-sidebar-item,
.mam-sidebar-nav .mam-sidebar-item:link,
.mam-sidebar-nav .mam-sidebar-item:visited {
  border: 1px solid rgba(255, 250, 236, 0.1) !important;
  background: transparent !important;
  color: rgba(255, 250, 236, 0.7) !important;
}

.mam-sidebar-nav .mam-sidebar-item:hover,
.mam-sidebar-nav .mam-sidebar-item:focus {
  border-color: rgba(191, 168, 107, 0.3) !important;
  background: rgba(191, 168, 107, 0.1) !important;
  color: #bfa86b !important;
}

.mam-sidebar-nav .mam-sidebar-item.active,
.mam-sidebar-nav .mam-sidebar-item.active:link,
.mam-sidebar-nav .mam-sidebar-item.active:visited,
.mam-sidebar-nav .mam-sidebar-item.active:hover {
  border: 1px solid rgba(191, 168, 107, 0.4) !important;
  border-left: 3px solid #bfa86b !important;
  background: linear-gradient(
    135deg,
    rgba(191, 168, 107, 0.15) 0%,
    rgba(191, 168, 107, 0.08) 100%
  ) !important;
  color: #bfa86b !important;
}

.mam-sidebar-nav .mam-sidebar-item.active i,
.mam-sidebar-nav .mam-sidebar-item:hover i {
  color: #bfa86b !important;
}

/* Override any element with pink theme color */
[style*="e83e8c"],
[style*="d63384"],
[style*="f06595"] {
  color: #bfa86b !important;
  border-color: #bfa86b !important;
}

/* Override Elementor global link colors in MAM areas */
.mam-dashboard-sidebar-layout a:not(.mam-btn),
.mam-sidebar a:not(.mam-btn) {
  color: inherit !important;
}

.mam-dashboard-sidebar-layout a:not(.mam-btn):hover {
  color: #bfa86b !important;
}

/* =====================================================
   AUTH BUTTON AVATAR - PERFECT CIRCLE FIX
   ===================================================== */

/* Auth button container - no outer border */
.mam-auth-button,
.mam-auth-button.mam-auth-logged-in,
.elementor-widget-mam_auth_button .mam-auth-button {
  border-radius: 50% !important;
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
}

/* Avatar - ensure perfect circle */
.mam-auth-avatar,
.mam-auth-button .mam-auth-avatar,
.mam-auth-mobile-toggle .mam-auth-avatar,
.elementor-widget-mam_auth_button .mam-auth-avatar {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  max-width: 40px !important;
  max-height: 40px !important;
  border-radius: 50% !important;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  aspect-ratio: 1 / 1 !important;
  flex-shrink: 0 !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}

/* Avatar image - perfect circle */
.mam-auth-avatar img,
.mam-auth-button .mam-auth-avatar img,
.elementor-widget-mam_auth_button .mam-auth-avatar img {
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  object-fit: cover !important;
  border-radius: 50% !important;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  display: block !important;
}

/* Guest icon - same treatment */
.mam-auth-guest-icon,
.mam-auth-button .mam-auth-guest-icon,
.elementor-widget-mam_auth_button .mam-auth-guest-icon {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  max-width: 40px !important;
  max-height: 40px !important;
  border-radius: 50% !important;
  -webkit-border-radius: 50% !important;
  aspect-ratio: 1 / 1 !important;
  flex-shrink: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}

/* Mobile specific - ensure perfect circle */
@media (max-width: 768px) {
  .mam-auth-avatar,
  .mam-auth-button .mam-auth-avatar,
  .mam-auth-mobile-toggle .mam-auth-avatar,
  .elementor-widget-mam_auth_button .mam-auth-avatar {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    max-width: 42px !important;
    max-height: 42px !important;
    border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
  }

  .mam-auth-avatar img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
  }

  .mam-auth-guest-icon,
  .mam-auth-button .mam-auth-guest-icon {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    max-width: 42px !important;
    max-height: 42px !important;
    border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
  }
}

/* =====================================================
   ACTION CENTER - MOBILE STYLING IMPROVEMENTS
   ===================================================== */

@media (max-width: 768px) {
  /* Action Center Card - Mobile optimized */
  .mam-dash-action-center {
    padding: 0 !important;
  }

  .mam-dash-action-center .mam-dash-card-header {
    padding: 16px !important;
    border-bottom: 1px solid rgba(255, 250, 236, 0.08);
  }

  .mam-dash-action-center .mam-dash-card-body {
    padding: 12px !important;
  }

  /* Action Items - Compact for mobile */
  .mam-action-item {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
    padding: 14px !important;
    margin-bottom: 10px !important;
    background: rgba(255, 250, 236, 0.04) !important;
    border-radius: 12px !important;
    border: 1px solid rgba(255, 250, 236, 0.08) !important;
  }

  .mam-action-item .mam-action-icon {
    width: 40px !important;
    height: 40px !important;
    margin-bottom: 0 !important;
  }

  .mam-action-item .mam-action-text {
    width: 100% !important;
  }

  .mam-action-item .mam-action-text strong {
    font-size: 14px !important;
    display: block !important;
    margin-bottom: 4px !important;
  }

  .mam-action-item .mam-action-text span {
    font-size: 13px !important;
    color: rgba(255, 250, 236, 0.7) !important;
  }

  .mam-action-item .mam-action-buttons {
    width: 100% !important;
    display: flex !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
  }

  .mam-action-item .mam-action-buttons .mam-btn {
    flex: 1 !important;
    min-width: calc(50% - 4px) !important;
    padding: 10px 12px !important;
    font-size: 13px !important;
    justify-content: center !important;
  }

  /* Match Success Card - Mobile optimized */
  .mam-match-success-card {
    padding: 16px !important;
    border-radius: 12px !important;
    margin: 8px 0 !important;
  }

  .mam-match-success-card .mam-success-message {
    margin-bottom: 16px !important;
  }

  .mam-match-success-card .mam-success-icon {
    width: 50px !important;
    height: 50px !important;
    margin-bottom: 12px !important;
  }

  .mam-match-success-card .mam-success-icon i {
    font-size: 22px !important;
  }

  .mam-match-success-card .mam-success-message h3 {
    font-size: 18px !important;
    margin-bottom: 6px !important;
  }

  .mam-match-success-card .mam-success-message p {
    font-size: 13px !important;
    line-height: 1.5 !important;
  }

  /* Contact Info Section - Mobile compact */
  .mam-contact-info-section {
    padding: 14px !important;
    border-radius: 10px !important;
  }

  .mam-contact-info-section h4 {
    font-size: 14px !important;
    margin-bottom: 12px !important;
  }

  .mam-contact-items {
    gap: 8px !important;
  }

  .mam-contact-item {
    padding: 10px 12px !important;
    border-radius: 8px !important;
  }

  .mam-contact-label {
    font-size: 11px !important;
  }

  .mam-contact-value {
    font-size: 14px !important;
  }

  .mam-contact-note {
    padding: 10px 12px !important;
    font-size: 12px !important;
    margin-top: 12px !important;
  }

  /* Photo Action Cards - Mobile */
  .mam-photo-action-card {
    padding: 14px !important;
    border-radius: 12px !important;
    margin-bottom: 10px !important;
  }

  .mam-photo-action-card .mam-photo-action-image {
    width: 50px !important;
    height: 50px !important;
  }

  .mam-photo-action-content h4 {
    font-size: 14px !important;
  }

  .mam-photo-action-content p {
    font-size: 12px !important;
  }

  /* Hearts animation - smaller on mobile */
  .mam-hearts-animation .mam-heart {
    font-size: 14px !important;
  }

  .mam-heart:nth-child(1),
  .mam-heart:nth-child(3),
  .mam-heart:nth-child(5),
  .mam-heart:nth-child(7) {
    display: none !important;
  }

  /* Action Center empty state */
  .mam-dash-action-center .mam-dash-empty {
    padding: 30px 16px !important;
  }

  .mam-dash-action-center .mam-dash-empty i {
    font-size: 36px !important;
  }

  .mam-dash-action-center .mam-dash-empty p {
    font-size: 14px !important;
  }
}

/* =====================================================
   NOTIFICATIONS PAGE STYLES
   ===================================================== */

.mam-notifications-page {
  max-width: 900px;
  margin: 0 auto;
  padding: 24px;
}

.mam-notifications-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 24px;
  flex-wrap: wrap;
}

.mam-notifications-title-section {
  flex: 1;
}

.mam-notifications-page .mam-page-title {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 28px;
  font-weight: 700;
  color: #fffaec;
  margin: 0 0 8px 0;
}

.mam-notifications-page .mam-page-title i {
  color: #bfa86b;
}

.mam-unread-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #ef4444, #dc2626);
  color: #fffaec;
  font-size: 13px;
  font-weight: 600;
  min-width: 24px;
  height: 24px;
  padding: 0 8px;
  border-radius: 12px;
}

.mam-notifications-page .mam-page-subtitle {
  font-size: 15px;
  color: rgba(255, 250, 236, 0.6);
  margin: 0;
}

.mam-notifications-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.mam-notifications-actions .mam-btn-danger {
  border-color: rgba(239, 68, 68, 0.3) !important;
  color: #ef4444 !important;
}

.mam-notifications-actions .mam-btn-danger:hover {
  background: rgba(239, 68, 68, 0.15) !important;
}

/* Filters */
.mam-notifications-filters {
  display: flex;
  gap: 8px;
  margin-bottom: 20px;
  flex-wrap: wrap;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(255, 250, 236, 0.08);
}

.mam-notif-filter {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  background: rgba(255, 250, 236, 0.05);
  border: 1px solid rgba(255, 250, 236, 0.1);
  border-radius: 20px;
  color: rgba(255, 250, 236, 0.7);
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}

.mam-notif-filter i {
  margin-right: 4px;
}

.mam-notif-filter:hover {
  background: rgba(191, 168, 107, 0.1);
  border-color: rgba(191, 168, 107, 0.3);
  color: #bfa86b;
}

.mam-notif-filter.active {
  background: rgba(191, 168, 107, 0.15);
  border-color: #bfa86b;
  color: #bfa86b;
}

.mam-filter-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  background: rgba(255, 250, 236, 0.15);
  border-radius: 10px;
  font-size: 11px;
  font-weight: 600;
}

.mam-notif-filter.active .mam-filter-count {
  background: rgba(191, 168, 107, 0.3);
}

/* Notifications List */
.mam-notifications-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.mam-notification-card {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 16px 20px;
  background: rgba(255, 250, 236, 0.04);
  border: 1px solid rgba(255, 250, 236, 0.08);
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.25s ease;
}

.mam-notification-card:hover {
  background: rgba(191, 168, 107, 0.08);
  border-color: rgba(191, 168, 107, 0.2);
  transform: translateX(4px);
}

.mam-notification-card.is-unread {
  background: linear-gradient(
    135deg,
    rgba(191, 168, 107, 0.12) 0%,
    rgba(191, 168, 107, 0.06) 100%
  );
  border-left: 3px solid #bfa86b;
}

.mam-notification-card.is-hidden {
  display: none;
}

.mam-notification-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  flex-shrink: 0;
  background: #094239;
}

.mam-notification-icon i {
  font-size: 18px;
  color: rgba(255, 250, 236, 0.6);
}

.mam-notification-icon.type-interest {
  background: rgba(233, 30, 99, 0.15);
}
.mam-notification-icon.type-interest i {
  color: #e91e63;
}

.mam-notification-icon.type-match {
  background: rgba(40, 167, 69, 0.15);
}
.mam-notification-icon.type-match i {
  color: #28a745;
}

.mam-notification-icon.type-message {
  background: rgba(59, 130, 246, 0.15);
}
.mam-notification-icon.type-message i {
  color: #3b82f6;
}

.mam-notification-icon.type-meeting {
  background: rgba(139, 92, 246, 0.15);
}
.mam-notification-icon.type-meeting i {
  color: #8b5cf6;
}

.mam-notification-icon.type-photo {
  background: rgba(191, 168, 107, 0.15);
}
.mam-notification-icon.type-photo i {
  color: #bfa86b;
}

.mam-notification-icon.type-view {
  background: rgba(99, 102, 241, 0.15);
}
.mam-notification-icon.type-view i {
  color: #6366f1;
}

.mam-notification-icon.type-decision {
  background: rgba(245, 158, 11, 0.15);
}
.mam-notification-icon.type-decision i {
  color: #f59e0b;
}

.mam-notification-content {
  flex: 1;
  min-width: 0;
}

.mam-notification-title {
  font-size: 15px;
  font-weight: 600;
  color: #fffaec;
  margin: 0 0 4px 0;
}

.mam-notification-message {
  font-size: 13px;
  color: rgba(255, 250, 236, 0.7);
  margin: 0 0 8px 0;
  line-height: 1.5;
}

.mam-notification-time {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: rgba(255, 250, 236, 0.5);
}

.mam-notification-actions {
  display: flex;
  gap: 6px;
  opacity: 0;
  transition: opacity 0.2s ease;
}

.mam-notification-card:hover .mam-notification-actions {
  opacity: 1;
}

.mam-btn-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: #094239;
  border: 1px solid rgba(255, 250, 236, 0.1);
  color: rgba(255, 250, 236, 0.6);
  cursor: pointer;
  transition: all 0.2s ease;
}

.mam-btn-icon:hover {
  background: rgba(191, 168, 107, 0.15);
  border-color: rgba(191, 168, 107, 0.3);
  color: #bfa86b;
}

.mam-btn-icon.mam-delete-notification:hover {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.3);
  color: #ef4444;
}

/* Load More */
.mam-notifications-load-more {
  text-align: center;
  padding: 20px 0;
}

/* Empty State */
.mam-notifications-empty {
  text-align: center;
  padding: 60px 20px;
  background: rgba(255, 250, 236, 0.03);
  border: 1px solid rgba(255, 250, 236, 0.06);
  border-radius: 16px;
}

.mam-notifications-empty .mam-empty-icon {
  width: 80px;
  height: 80px;
  margin: 0 auto 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(191, 168, 107, 0.1);
  border-radius: 50%;
}

.mam-notifications-empty .mam-empty-icon i {
  font-size: 36px;
  color: rgba(191, 168, 107, 0.6);
}

.mam-notifications-empty h3 {
  font-size: 20px;
  font-weight: 600;
  color: #fffaec;
  margin: 0 0 12px 0;
}

.mam-notifications-empty p {
  font-size: 14px;
  color: rgba(255, 250, 236, 0.6);
  margin: 0 0 24px 0;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}

/* Responsive */
@media (max-width: 768px) {
  .mam-notifications-page {
    padding: 16px;
  }

  .mam-notifications-header {
    flex-direction: column;
    align-items: stretch;
  }

  .mam-notifications-actions {
    justify-content: stretch;
  }

  .mam-notifications-actions .mam-btn {
    flex: 1;
    justify-content: center;
  }

  .mam-notifications-filters {
    flex-wrap: wrap;
    padding-bottom: 12px;
    gap: 8px;
  }

  .mam-notif-filter {
    white-space: nowrap;
    gap: 12px;
  }

  .mam-notif-filter i {
    margin-right: 4px;
  }

  .mam-notification-card {
    padding: 14px 16px;
    gap: 12px;
  }

  .mam-notification-icon {
    width: 40px;
    height: 40px;
  }

  .mam-notification-icon i {
    font-size: 16px;
  }

  .mam-notification-title {
    font-size: 14px;
  }

  .mam-notification-message {
    font-size: 12px;
  }

  .mam-notification-actions {
    opacity: 1;
    flex-direction: column;
  }
}

/* =====================================================
   DISCOVER SECTION - MOBILE RESPONSIVE
   ===================================================== */

/* Discover card header tabs */
.mam-dash-suggestions-card .mam-dash-card-header,
.mam-dash-daily-picks-card .mam-dash-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
}

.mam-dash-card-tabs {
  display: flex;
  gap: 8px;
}

.mam-dash-card-tabs .mam-tab-btn {
  padding: 6px 14px;
  background: rgba(255, 250, 236, 0.06);
  border: 1px solid rgba(255, 250, 236, 0.1);
  border-radius: 8px;
  color: rgba(255, 250, 236, 0.6);
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}

.mam-dash-card-tabs .mam-tab-btn:hover,
.mam-dash-card-tabs .mam-tab-btn.active {
  background: rgba(191, 168, 107, 0.15);
  border-color: rgba(191, 168, 107, 0.4);
  color: #bfa86b;
}

/* Mobile responsive - Discover Section */
@media (max-width: 768px) {
  /* Suggestions grid - 2 columns on tablet, full width cards */
  .mam-suggestions-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }

  .mam-suggestion-item {
    padding: 12px 10px !important;
    border-radius: 12px !important;
  }

  .mam-suggestion-photo {
    width: 56px !important;
    height: 56px !important;
    margin-bottom: 10px !important;
  }

  .mam-suggestion-photo img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 50% !important;
  }

  .mam-suggestion-badge {
    top: -2px !important;
    right: -2px !important;
    font-size: 9px !important;
    padding: 2px 5px !important;
  }

  .mam-suggestion-name {
    font-size: 13px !important;
    margin-bottom: 2px !important;
  }

  .mam-suggestion-age {
    font-size: 12px !important;
  }

  .mam-suggestion-location {
    font-size: 10px !important;
  }

  .mam-suggestion-reason {
    font-size: 10px !important;
    padding: 3px 8px !important;
    margin-top: 8px !important;
  }

  /* Daily picks grid - responsive */
  .mam-daily-picks-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }

  .mam-daily-pick-item {
    border-radius: 12px !important;
  }

  .mam-daily-pick-photo {
    padding-top: 100% !important;
  }

  .mam-daily-pick-content {
    padding: 10px !important;
  }

  .mam-daily-pick-name {
    font-size: 13px !important;
  }

  .mam-daily-pick-location,
  .mam-daily-pick-profession {
    font-size: 11px !important;
  }

  /* Card header adjustments */
  .mam-dash-suggestions-card .mam-dash-card-header,
  .mam-dash-daily-picks-card .mam-dash-card-header {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 10px !important;
  }

  .mam-dash-card-tabs {
    width: 100% !important;
    justify-content: flex-start !important;
  }

  .mam-dash-card-tabs .mam-tab-btn {
    flex: 1 !important;
    text-align: center !important;
    padding: 8px 12px !important;
    font-size: 12px !important;
  }
}

/* Extra small screens */
@media (max-width: 400px) {
  .mam-suggestions-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 8px !important;
  }

  .mam-suggestion-item {
    padding: 10px 8px !important;
  }

  .mam-suggestion-photo {
    width: 48px !important;
    height: 48px !important;
  }

  .mam-suggestion-name {
    font-size: 12px !important;
  }

  .mam-suggestion-reason {
    display: none !important;
  }

  .mam-daily-picks-grid {
    grid-template-columns: 1fr !important;
  }
}

/* ================================================================
   THEME-PROOF OVERRIDES - MAM Registration Form
   These rules use high specificity and !important to prevent
   any theme from overriding MAM plugin styles.
   ================================================================ */

/* Reset ALL checkbox inputs in MAM forms */
html body .mam-register-widget input[type="checkbox"],
html body .mam-form-group input[type="checkbox"],
html body .mam-terms-group input[type="checkbox"],
html body .mam-terms-input,
html body input.mam-terms-input {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 1px !important;
  max-height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important;
  background: transparent !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  opacity: 0 !important;
}

/* Custom checkbox box */
html body .mam-checkbox-custom {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  flex-shrink: 0 !important;
  background: #094239 !important;
  border: 2px solid rgba(191, 168, 107, 0.5) !important;
  border-radius: 5px !important;
  transition: all 0.2s ease !important;
}

/* Checkbox checked state */
html body .mam-terms-input:checked + .mam-checkbox-custom,
html body input[type="checkbox"]:checked + .mam-checkbox-custom {
  background: rgba(191, 168, 107, 0.3) !important;
  border-color: #bfa86b !important;
}

html body .mam-terms-input:checked + .mam-checkbox-custom i,
html body input[type="checkbox"]:checked + .mam-checkbox-custom i {
  color: #bfa86b !important;
}

/* Checkbox icon */
html body .mam-checkbox-custom i,
html body .mam-checkbox-custom i.fas,
html body .mam-checkbox-custom i.fa-check {
  font-size: 12px !important;
  color: transparent !important;
  font-family:
    "Font Awesome 6 Free", "Font Awesome 5 Free", FontAwesome !important;
  font-weight: 900 !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

/* Terms checkbox label layout */
html body .mam-checkbox-label,
html body .mam-terms-checkbox,
html body label.mam-checkbox-label {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 20px !important;
  cursor: pointer !important;
  position: relative !important;
}

/* Terms group container */
html body .mam-terms-group {
  margin-top: 0 !important;
  padding: 0 !important;
}

/* Password toggle button positioning */
html body .mam-password-wrapper {
  position: relative !important;
}

html body .mam-password-toggle {
  position: absolute !important;
  right: 10px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  background: transparent !important;
  border: none !important;
  padding: 5px 8px !important;
  cursor: pointer !important;
  color: #bfa86b !important;
  z-index: 10 !important;
}

html body .mam-password-toggle i {
  font-family:
    "Font Awesome 6 Free", "Font Awesome 5 Free", FontAwesome !important;
  font-weight: 900 !important;
  color: #bfa86b !important;
  -webkit-font-smoothing: antialiased !important;
}

/* Ensure password input has room for toggle */
html body .mam-password-wrapper input[type="password"],
html body .mam-password-wrapper input[type="text"] {
  padding-right: 45px !important;
}

/* ==============================================
   MODERN DASHBOARD REDESIGN - CodeReve Style
   Dark Teal/Green Background with Golden Accents
   ============================================== */

/* Dashboard Container - Modern Clean Look */
.mam-dashboard-modern.mam-dashboard-sidebar-layout {
  background: linear-gradient(
    180deg,
    #071a1a 0%,
    #0a3023 50%,
    #094239 100%
  ) !important;
  min-height: 100vh !important;
  border-radius: 0 !important;
}

/* Sidebar - Modern Clean Design */
.mam-sidebar {
  width: 280px !important;
  min-width: 280px !important;
  max-width: 280px !important;
  background: #0a3023 !important;
  border-right: 1px solid rgba(191, 168, 107, 0.08) !important;
  box-shadow: 4px 0 30px rgba(0, 0, 0, 0.2) !important;
}

/* Sidebar Header - User Profile Section */
.mam-sidebar-header {
  padding: 28px 24px !important;
  border-bottom: 1px solid rgba(191, 168, 107, 0.1) !important;
  background: linear-gradient(
    180deg,
    rgba(191, 168, 107, 0.03) 0%,
    transparent 100%
  ) !important;
}

.mam-sidebar-user {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
}

.mam-sidebar-avatar {
  width: 52px !important;
  height: 52px !important;
  min-width: 52px !important;
  max-width: 52px !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, #094239 0%, #0c5247 100%) !important;
  border: 2px solid rgba(191, 168, 107, 0.4) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #bfa86b !important;
  overflow: hidden !important;
  position: relative !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;
}

.mam-sidebar-avatar img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.mam-sidebar-verified {
  position: absolute !important;
  bottom: -3px !important;
  right: -3px !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%) !important;
  color: #fffaec !important;
  font-size: 9px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 2px solid #0a3023 !important;
  box-shadow: 0 2px 8px rgba(34, 197, 94, 0.4) !important;
}

.mam-sidebar-user-info {
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
  overflow: hidden !important;
}

.mam-sidebar-username {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #fffaec !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  letter-spacing: 0.3px !important;
}

.mam-sidebar-member-id {
  font-size: 12px !important;
  color: rgba(191, 168, 107, 0.7) !important;
  font-weight: 500 !important;
}

/* Sidebar Navigation - Modern Items */
.mam-sidebar-nav {
  flex: 1 !important;
  padding: 20px 16px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  overflow-y: auto !important;
}

.mam-sidebar-item {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 14px 18px !important;
  border-radius: 12px !important;
  color: rgba(255, 250, 236, 0.7) !important;
  text-decoration: none !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  transition: all 0.2s ease !important;
  position: relative !important;
  border: 1px solid transparent !important;
  letter-spacing: 0.3px !important;
  cursor: pointer !important;
  background: transparent !important;
}

.mam-sidebar-item i {
  width: 22px !important;
  text-align: center !important;
  font-size: 16px !important;
  transition: all 0.2s ease !important;
  color: rgba(255, 250, 236, 0.5) !important;
}

.mam-sidebar-item:hover {
  background: rgba(191, 168, 107, 0.08) !important;
  color: #fffaec !important;
  border-color: rgba(191, 168, 107, 0.15) !important;
}

.mam-sidebar-item:hover i {
  color: #bfa86b !important;
}

.mam-sidebar-item.active {
  background: linear-gradient(
    90deg,
    rgba(191, 168, 107, 0.15) 0%,
    rgba(191, 168, 107, 0.05) 100%
  ) !important;
  color: #bfa86b !important;
  border-color: rgba(191, 168, 107, 0.2) !important;
  border-left: 3px solid #bfa86b !important;
}

.mam-sidebar-item.active i {
  color: #bfa86b !important;
}

.mam-sidebar-badge {
  margin-left: auto !important;
  background: linear-gradient(
    90deg,
    #927431,
    #bfa86b,
    #eee1b0,
    #f5ecca,
    #fffece,
    #fefefa,
    #f5ecca,
    #eee1b0,
    #bfa86b,
    #927431
  ) !important;
  color: #1a0f08 !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  padding: 2px 8px !important;
  border-radius: 10px !important;
  min-width: 20px !important;
  text-align: center !important;
  box-shadow: 0 2px 8px rgba(191, 168, 107, 0.3) !important;
}

.mam-sidebar-divider {
  height: 1px !important;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(191, 168, 107, 0.15) 50%,
    transparent 100%
  ) !important;
  margin: 16px 8px !important;
}

.mam-sidebar-footer {
  padding: 16px !important;
  border-top: 1px solid rgba(191, 168, 107, 0.08) !important;
  background: rgba(0, 0, 0, 0.1) !important;
}

.mam-sidebar-logout {
  color: rgba(255, 250, 236, 0.5) !important;
}

.mam-sidebar-logout:hover {
  background: rgba(239, 68, 68, 0.1) !important;
  color: #f87171 !important;
  border-color: rgba(239, 68, 68, 0.2) !important;
}

.mam-sidebar-logout:hover i {
  color: #f87171 !important;
}

/* Main Content Area - Modern Clean */
.mam-dashboard-sidebar-layout .mam-main-content {
  flex: 1 !important;
  padding: 32px 40px !important;
  overflow-y: auto !important;
  background: #094239 !important;
  box-sizing: border-box !important;
  min-width: 0 !important;
}

/* Dashboard Header - Modern Clean Design */
.mam-dash-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 28px !important;
  padding-bottom: 24px !important;
  border-bottom: 1px solid rgba(191, 168, 107, 0.1) !important;
}

.mam-dash-welcome {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

.mam-dash-greeting {
  font-size: 13px !important;
  color: rgba(191, 168, 107, 0.8) !important;
  font-weight: 500 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
}

.mam-dash-welcome h1 {
  font-family:
    "DM Serif Display", "Playfair Display", Georgia, serif !important;
  font-size: clamp(26px, 4vw, 32px) !important;
  margin: 0 !important;
  color: #fffaec !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
}

.mam-dash-subtitle {
  margin: 0 !important;
  font-size: 14px !important;
  color: rgba(255, 250, 236, 0.5) !important;
}

/* Header Action Buttons - Modern Circular Icons */
.mam-dash-header-actions {
  display: flex !important;
  gap: 12px !important;
  align-items: center !important;
}

/* Back to Home button */
.mam-dash-back-home {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 18px;
  border-radius: 12px;
  background: #094239;
  border: 1px solid rgba(191, 168, 107, 0.3);
  color: #bfa86b;
  text-decoration: none;
  font-family: "Cinzel", serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.5px;
  transition: all 0.2s ease;
  white-space: nowrap;
}

.mam-dash-back-home i {
  font-size: 14px !important;
}

.mam-dash-back-home:hover {
  background: rgba(191, 168, 107, 0.15);
  border-color: rgba(191, 168, 107, 0.5);
  color: #fffaec;
  transform: translateY(-2px);
}

@media (max-width: 768px) {
  .mam-dash-back-home span {
    display: none;
  }
  .mam-dash-back-home {
    width: 44px;
    height: 44px;
    padding: 0;
    justify-content: center;
    border-radius: 12px;
  }
}

.mam-dash-icon-btn {
  width: 44px !important;
  height: 44px !important;
  border-radius: 12px !important;
  background: rgba(255, 250, 236, 0.04) !important;
  border: 1px solid rgba(255, 250, 236, 0.08) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: rgba(255, 250, 236, 0.6) !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  cursor: pointer !important;
}

.mam-dash-icon-btn i {
  font-size: 18px !important;
  line-height: 1 !important;
}

.mam-dash-icon-btn:hover {
  background: #094239 !important;
  border-color: rgba(255, 250, 236, 0.15) !important;
  color: #fffaec !important;
  transform: translateY(-2px) !important;
}

/* Notification Button - Golden Accent */
.mam-dash-notif-btn {
  background: rgba(191, 168, 107, 0.1) !important;
  border-color: rgba(191, 168, 107, 0.2) !important;
}

.mam-dash-notif-btn i {
  color: #bfa86b !important;
}

.mam-dash-notif-btn:hover {
  background: rgba(191, 168, 107, 0.18) !important;
  border-color: rgba(191, 168, 107, 0.35) !important;
}

.mam-dash-notif-btn:hover i {
  color: #d4b56d !important;
}

/* Notification Badge */
.mam-notif-badge {
  position: absolute !important;
  top: -5px !important;
  right: -5px !important;
  background: linear-gradient(
    90deg,
    #927431,
    #bfa86b,
    #eee1b0,
    #f5ecca,
    #fffece,
    #fefefa,
    #f5ecca,
    #eee1b0,
    #bfa86b,
    #927431
  ) !important;
  color: #1a0f08 !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  min-width: 18px !important;
  height: 18px !important;
  line-height: 18px !important;
  text-align: center !important;
  border-radius: 10px !important;
  padding: 0 5px !important;
  box-shadow: 0 2px 8px rgba(191, 168, 107, 0.4) !important;
}

/* Logout Button */
.mam-dash-logout-btn:hover,
.mam-dash-logout:hover {
  background: rgba(239, 68, 68, 0.12) !important;
  border-color: rgba(239, 68, 68, 0.25) !important;
  color: #f87171 !important;
}

/* Stats Row - Modern Card Grid */
.mam-dash-stats {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 20px !important;
  margin-bottom: 28px !important;
}

.mam-dash-stat {
  background: rgba(255, 250, 236, 0.03) !important;
  border: 1px solid rgba(255, 250, 236, 0.06) !important;
  border-radius: 16px !important;
  padding: 22px !important;
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  transition: all 0.25s ease !important;
}

.mam-dash-stat:hover {
  background: rgba(255, 250, 236, 0.05) !important;
  border-color: rgba(191, 168, 107, 0.15) !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
}

.mam-dash-stat-icon {
  width: 50px !important;
  height: 50px !important;
  border-radius: 14px !important;
  background: linear-gradient(
    135deg,
    rgba(191, 168, 107, 0.15) 0%,
    rgba(191, 168, 107, 0.05) 100%
  ) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #bfa86b !important;
  font-size: 20px !important;
  flex-shrink: 0 !important;
}

.mam-dash-stat-info {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  min-width: 0 !important;
}

.mam-dash-stat-value {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #fffaec !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  line-height: 1.2 !important;
}

.mam-dash-stat-label {
  font-size: 12px !important;
  color: rgba(255, 250, 236, 0.5) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  font-weight: 500 !important;
}

/* Status Active State */
.mam-dash-stat-status.status-active .mam-dash-stat-icon {
  background: linear-gradient(
    135deg,
    rgba(34, 197, 94, 0.2) 0%,
    rgba(34, 197, 94, 0.08) 100%
  ) !important;
  color: #4ade80 !important;
}

/* Profile Completion Stat */
.mam-dash-stat-completion {
  position: relative !important;
  flex-direction: column !important;
  align-items: stretch !important;
  padding-bottom: 14px !important;
}

.mam-dash-stat-completion .mam-dash-stat-icon {
  position: absolute !important;
  top: 18px !important;
  right: 18px !important;
  width: 36px !important;
  height: 36px !important;
  font-size: 14px !important;
}

.mam-dash-stat-completion .mam-dash-stat-info {
  width: 100% !important;
}

.mam-completion-bar {
  width: 100% !important;
  height: 6px !important;
  background: #094239 !important;
  border-radius: 3px !important;
  margin-top: 10px !important;
  overflow: hidden !important;
}

.mam-completion-fill {
  height: 100% !important;
  border-radius: 3px !important;
  transition: width 0.5s ease !important;
}

.mam-dash-stat-completion.completion-high .mam-completion-fill {
  background: linear-gradient(90deg, #22c55e, #4ade80) !important;
}

.mam-dash-stat-completion.completion-high .mam-dash-stat-icon {
  background: linear-gradient(
    135deg,
    rgba(34, 197, 94, 0.2),
    rgba(34, 197, 94, 0.08)
  ) !important;
  color: #4ade80 !important;
}

.mam-dash-stat-completion.completion-medium .mam-completion-fill {
  background: linear-gradient(90deg, #f59e0b, #fbbf24) !important;
}

.mam-dash-stat-completion.completion-medium .mam-dash-stat-icon {
  background: linear-gradient(
    135deg,
    rgba(245, 158, 11, 0.2),
    rgba(245, 158, 11, 0.08)
  ) !important;
  color: #fbbf24 !important;
}

.mam-dash-stat-completion.completion-low .mam-completion-fill {
  background: linear-gradient(90deg, #ef4444, #f87171) !important;
}

.mam-dash-stat-completion.completion-low .mam-dash-stat-icon {
  background: linear-gradient(
    135deg,
    rgba(239, 68, 68, 0.2),
    rgba(239, 68, 68, 0.08)
  ) !important;
  color: #f87171 !important;
}

/* Main Dashboard Grid */
.mam-dash-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 24px !important;
  margin-top: 0 !important;
}

/* Dashboard Cards - Modern Clean Design */
.mam-dash-card {
  background: rgba(255, 250, 236, 0.02) !important;
  border: 1px solid rgba(255, 250, 236, 0.05) !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  transition: all 0.25s ease !important;
}

.mam-dash-card:hover {
  background: rgba(255, 250, 236, 0.035) !important;
  border-color: rgba(191, 168, 107, 0.12) !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12) !important;
}

.mam-dash-card-header {
  padding: 20px 24px !important;
  border-bottom: 1px solid rgba(255, 250, 236, 0.04) !important;
  background: rgba(0, 0, 0, 0.1) !important;
}

.mam-dash-card-header h3 {
  margin: 0 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #fffaec !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  letter-spacing: 0.3px !important;
}

.mam-dash-card-header h3 i {
  color: #bfa86b !important;
  font-size: 14px !important;
}

.mam-dash-card-body {
  padding: 20px 24px !important;
}

/* Quick Action Buttons - Modern Style */
.mam-dash-action-btn {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 16px 18px !important;
  background: rgba(255, 250, 236, 0.02) !important;
  border: 1px solid rgba(255, 250, 236, 0.05) !important;
  border-radius: 14px !important;
  text-decoration: none !important;
  color: #fffaec !important;
  transition: all 0.2s ease !important;
  margin-bottom: 12px !important;
  cursor: pointer !important;
}

.mam-dash-action-btn:last-child {
  margin-bottom: 0 !important;
}

.mam-dash-action-btn:hover {
  background: rgba(191, 168, 107, 0.08) !important;
  border-color: rgba(191, 168, 107, 0.15) !important;
  color: #fffaec !important;
  transform: translateX(4px) !important;
}

.mam-dash-action-icon {
  width: 46px !important;
  height: 46px !important;
  border-radius: 12px !important;
  background: linear-gradient(
    135deg,
    rgba(191, 168, 107, 0.12) 0%,
    rgba(191, 168, 107, 0.04) 100%
  ) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #bfa86b !important;
  font-size: 18px !important;
  flex-shrink: 0 !important;
  transition: all 0.2s ease !important;
}

.mam-dash-action-btn:hover .mam-dash-action-icon {
  background: linear-gradient(
    135deg,
    rgba(191, 168, 107, 0.2) 0%,
    rgba(191, 168, 107, 0.08) 100%
  ) !important;
}

.mam-dash-action-text {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
}

.mam-dash-action-text strong {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #fffaec !important;
}

.mam-dash-action-text span {
  font-size: 12px !important;
  color: rgba(255, 250, 236, 0.45) !important;
}

.mam-dash-action-btn > i {
  color: rgba(255, 250, 236, 0.25) !important;
  font-size: 12px !important;
  transition: all 0.2s ease !important;
}

.mam-dash-action-btn:hover > i {
  color: #bfa86b !important;
  transform: translateX(3px) !important;
}

/* Unverified Banner - Modern Design */
.mam-unverified-banner {
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
  padding: 20px 24px !important;
  background: linear-gradient(
    135deg,
    rgba(191, 168, 107, 0.1) 0%,
    rgba(191, 168, 107, 0.04) 100%
  ) !important;
  border: 1px solid rgba(191, 168, 107, 0.2) !important;
  border-radius: 16px !important;
  margin-bottom: 24px !important;
}

.mam-unverified-banner-icon {
  width: 52px !important;
  height: 52px !important;
  border-radius: 14px !important;
  background: linear-gradient(
    135deg,
    rgba(191, 168, 107, 0.2) 0%,
    rgba(191, 168, 107, 0.1) 100%
  ) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

.mam-unverified-banner-icon i {
  font-size: 22px !important;
  color: #bfa86b !important;
}

.mam-unverified-banner-content {
  flex: 1 !important;
}

.mam-unverified-banner-content h4 {
  margin: 0 0 4px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #fffaec !important;
}

.mam-unverified-banner-content p {
  margin: 0 !important;
  font-size: 13px !important;
  color: rgba(255, 250, 236, 0.6) !important;
}

.mam-unverified-banner-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 12px 20px !important;
  background: linear-gradient(
    90deg,
    #927431,
    #bfa86b,
    #eee1b0,
    #f5ecca,
    #fffece,
    #fefefa,
    #f5ecca,
    #eee1b0,
    #bfa86b,
    #927431
  ) !important;
  color: #094239 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  border-radius: 10px !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  white-space: nowrap !important;
  box-shadow: 0 4px 15px rgba(191, 168, 107, 0.25) !important;
}

.mam-unverified-banner-btn:hover {
  filter: brightness(1.05) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(191, 168, 107, 0.35) !important;
  color: #094239 !important;
}

.mam-unverified-banner-btn i,
.mam-unverified-banner-btn .mam-verify-btn-text {
  color: #094239 !important;
}

/* Pending Interest Banner */
.mam-dash-pending-interest {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 18px 24px !important;
  background: linear-gradient(
    135deg,
    rgba(239, 68, 68, 0.12) 0%,
    rgba(239, 68, 68, 0.05) 100%
  ) !important;
  border: 1px solid rgba(239, 68, 68, 0.25) !important;
  border-radius: 14px !important;
  margin-bottom: 24px !important;
}

.mam-dash-pending-icon {
  width: 46px !important;
  height: 46px !important;
  border-radius: 12px !important;
  background: linear-gradient(
    135deg,
    rgba(239, 68, 68, 0.2) 0%,
    rgba(239, 68, 68, 0.1) 100%
  ) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

.mam-dash-pending-icon i {
  font-size: 18px !important;
  color: #f87171 !important;
}

.mam-dash-pending-info {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}

.mam-dash-pending-info strong {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #fffaec !important;
}

.mam-dash-pending-info span {
  font-size: 13px !important;
  color: rgba(255, 250, 236, 0.6) !important;
}

.mam-dash-withdraw-btn {
  padding: 10px 18px !important;
  background: rgba(239, 68, 68, 0.15) !important;
  border: 1px solid rgba(239, 68, 68, 0.3) !important;
  color: #f87171 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  border-radius: 10px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.mam-dash-withdraw-btn:hover {
  background: rgba(239, 68, 68, 0.25) !important;
  border-color: rgba(239, 68, 68, 0.45) !important;
}

/* Mobile Header - Modern Clean Design */
.mam-mobile-header {
  display: none !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 60px !important;
  background: #0a3023 !important;
  padding: 0 16px !important;
  align-items: center !important;
  justify-content: space-between !important;
  z-index: 1000 !important;
  border-bottom: 1px solid rgba(191, 168, 107, 0.1) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
}

.mam-sidebar-toggle {
  width: 44px !important;
  height: 44px !important;
  border-radius: 12px !important;
  background: rgba(255, 250, 236, 0.05) !important;
  border: 1px solid rgba(255, 250, 236, 0.08) !important;
  color: rgba(255, 250, 236, 0.8) !important;
  font-size: 18px !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.2s ease !important;
}

.mam-sidebar-toggle:hover {
  background: rgba(191, 168, 107, 0.1) !important;
  border-color: rgba(191, 168, 107, 0.2) !important;
  color: #bfa86b !important;
}

.mam-mobile-title {
  font-family:
    "DM Serif Display", "Playfair Display", Georgia, serif !important;
  font-size: 18px !important;
  color: #fffaec !important;
  font-weight: 400 !important;
}

.mam-mobile-actions {
  display: flex !important;
  gap: 10px !important;
  align-items: center !important;
}

.mam-mobile-icon-btn {
  width: 44px !important;
  height: 44px !important;
  border-radius: 12px !important;
  background: rgba(255, 250, 236, 0.05) !important;
  border: 1px solid rgba(255, 250, 236, 0.08) !important;
  color: rgba(255, 250, 236, 0.7) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  position: relative !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  font-size: 16px !important;
}

.mam-mobile-icon-btn:hover {
  background: rgba(255, 250, 236, 0.1) !important;
  color: #fffaec !important;
}

.mam-mobile-icon-btn.mam-notif-toggle {
  background: rgba(191, 168, 107, 0.1) !important;
  border-color: rgba(191, 168, 107, 0.2) !important;
}

.mam-mobile-icon-btn.mam-notif-toggle i {
  color: #bfa86b !important;
}

/* Sidebar Overlay */
.mam-sidebar-overlay {
  display: none !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background: rgba(0, 0, 0, 0.6) !important;
  z-index: 998 !important;
  opacity: 0 !important;
  transition: opacity 0.3s ease !important;
  cursor: pointer !important;
}

.mam-sidebar-overlay.is-active {
  display: block !important;
  opacity: 1 !important;
}

/* Responsive - Tablet */
@media (max-width: 1200px) {
  .mam-dash-stats {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .mam-dashboard-sidebar-layout .mam-main-content {
    padding: 28px 30px !important;
  }
}

/* Responsive - Mobile */
@media (max-width: 768px) {
  .mam-dashboard-sidebar-layout {
    flex-direction: column !important;
  }

  .mam-mobile-header {
    display: flex !important;
  }

  .mam-sidebar {
    position: fixed !important;
    top: 0 !important;
    left: -300px !important;
    bottom: 0 !important;
    width: 280px !important;
    min-width: 280px !important;
    z-index: 999 !important;
    transition: left 0.3s ease !important;
    border-radius: 0 !important;
    background: #0a3023 !important;
  }

  .mam-sidebar.is-open {
    left: 0 !important;
    box-shadow: 10px 0 50px rgba(0, 0, 0, 0.5) !important;
  }

  .mam-dashboard-sidebar-layout .mam-main-content {
    padding: 76px 16px 24px !important;
    min-height: calc(100vh - 60px) !important;
  }

  .mam-dashboard-sidebar-layout .mam-dash-header {
    display: none !important;
  }

  .mam-dash-stats {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
  }

  .mam-dash-stat {
    padding: 16px !important;
  }

  .mam-dash-stat-icon {
    width: 42px !important;
    height: 42px !important;
    font-size: 16px !important;
  }

  .mam-dash-stat-value {
    font-size: 16px !important;
  }

  .mam-dash-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .mam-unverified-banner {
    flex-direction: column !important;
    text-align: center !important;
    padding: 20px !important;
  }

  .mam-unverified-banner-content {
    text-align: center !important;
  }

  .mam-dash-pending-interest {
    flex-direction: column !important;
    text-align: center !important;
    gap: 12px !important;
  }

  .mam-dash-pending-info {
    text-align: center !important;
  }
}

@media (max-width: 480px) {
  .mam-dashboard-sidebar-layout .mam-main-content {
    padding: 72px 12px 20px !important;
  }

  .mam-dash-stats {
    grid-template-columns: 1fr !important;
  }

  .mam-dash-stat {
    padding: 14px !important;
  }

  .mam-dash-card-body {
    padding: 16px !important;
  }

  .mam-dash-card-header {
    padding: 16px 18px !important;
  }

  .mam-sidebar-header {
    padding: 22px 18px !important;
  }

  .mam-sidebar-nav {
    padding: 16px 12px !important;
  }

  .mam-sidebar-item {
    padding: 12px 14px !important;
    font-size: 13px !important;
  }

  .mam-sidebar-item i {
    font-size: 15px !important;
  }
}

/* Empty State - Modern */
.mam-dash-empty,
.mam-empty-state {
  text-align: center !important;
  padding: 40px 24px !important;
  color: rgba(255, 250, 236, 0.4) !important;
}

.mam-dash-empty i,
.mam-empty-state i {
  font-size: 40px !important;
  margin-bottom: 16px !important;
  display: block !important;
  color: rgba(191, 168, 107, 0.3) !important;
}

.mam-dash-empty p,
.mam-empty-state p {
  margin: 0 !important;
  font-size: 14px !important;
  color: rgba(255, 250, 236, 0.45) !important;
}

/* Sidebar Text Class - For icon and text spacing */
.mam-sidebar-text {
  flex: 1 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: inherit !important;
  letter-spacing: 0.3px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* ==============================================
   Sidebar Items - Unified Styling for Buttons & Links
   ============================================== */

/* Reset button styles to match anchor appearance */
.mam-sidebar-nav button.mam-sidebar-item,
.mam-sidebar-nav a.mam-sidebar-item,
.mam-sidebar-footer a.mam-sidebar-item {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  width: 100% !important;
  padding: 14px 18px !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: rgba(255, 250, 236, 0.65) !important;
  text-decoration: none !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0.2px !important;
  text-align: left !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  box-sizing: border-box !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
}

/* Icon styling - consistent for both */
.mam-sidebar-nav button.mam-sidebar-item i,
.mam-sidebar-nav a.mam-sidebar-item i,
.mam-sidebar-footer a.mam-sidebar-item i {
  flex-shrink: 0 !important;
  width: 22px !important;
  font-size: 16px !important;
  text-align: center !important;
  color: rgba(255, 250, 236, 0.45) !important;
  transition: color 0.2s ease !important;
}

/* Hover state - same for both */
.mam-sidebar-nav button.mam-sidebar-item:hover,
.mam-sidebar-nav a.mam-sidebar-item:hover,
.mam-sidebar-footer a.mam-sidebar-item:hover {
  background: rgba(191, 168, 107, 0.08) !important;
  color: rgba(255, 250, 236, 0.9) !important;
}

.mam-sidebar-nav button.mam-sidebar-item:hover i,
.mam-sidebar-nav a.mam-sidebar-item:hover i,
.mam-sidebar-footer a.mam-sidebar-item:hover i {
  color: #bfa86b !important;
}

/* Active state - for buttons */
.mam-sidebar-nav button.mam-sidebar-item.active {
  background: linear-gradient(
    90deg,
    rgba(191, 168, 107, 0.12) 0%,
    rgba(191, 168, 107, 0.04) 100%
  ) !important;
  color: #bfa86b !important;
  border-left: 3px solid #bfa86b !important;
  padding-left: 15px !important;
}

.mam-sidebar-nav button.mam-sidebar-item.active i {
  color: #bfa86b !important;
}

/* Text span styling */
.mam-sidebar-nav .mam-sidebar-text,
.mam-sidebar-footer .mam-sidebar-text {
  flex: 1 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: inherit !important;
}

/* Logout button special hover */
.mam-sidebar-footer a.mam-sidebar-item.mam-sidebar-logout:hover {
  background: rgba(239, 68, 68, 0.1) !important;
  color: #f87171 !important;
}

.mam-sidebar-footer a.mam-sidebar-item.mam-sidebar-logout:hover i {
  color: #f87171 !important;
}

/* ==============================================
   Desktop Sidebar - Fixed Position
   ============================================== */
@media (min-width: 769px) {
  .mam-dashboard-sidebar-layout {
    display: flex !important;
    flex-direction: row !important;
  }

  .mam-sidebar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 280px !important;
    height: 100vh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    flex-shrink: 0 !important;
    z-index: 100 !important;
  }

  /* Ultra-thin golden scrollbar - invisible by default, 25% on hover */
  .mam-sidebar::-webkit-scrollbar {
    width: 3px !important;
    background: transparent !important;
  }
  .mam-sidebar::-webkit-scrollbar-track {
    background: transparent !important;
  }
  .mam-sidebar::-webkit-scrollbar-thumb {
    background: rgba(191, 168, 107, 0) !important;
    border-radius: 3px !important;
  }
  /* Show golden scrollbar on hover - 25% opacity */
  .mam-sidebar:hover::-webkit-scrollbar-thumb {
    background: rgba(191, 168, 107, 0.25) !important;
  }
  .mam-sidebar:hover::-webkit-scrollbar-thumb:hover {
    background: rgba(191, 168, 107, 0.5) !important;
  }
  /* Firefox - invisible by default, shows on hover */
  .mam-sidebar {
    scrollbar-width: thin !important;
    scrollbar-color: transparent transparent !important;
  }
  .mam-sidebar:hover {
    scrollbar-color: rgba(191, 168, 107, 0.25) transparent !important;
  }

  /* Main content needs margin to account for fixed sidebar */
  .mam-dashboard-sidebar-layout .mam-main-content {
    margin-left: 280px !important;
    width: calc(100% - 280px) !important;
    min-height: 100vh !important;
  }

  /* Thin golden scrollbar for main content */
  .mam-dashboard-sidebar-layout .mam-main-content::-webkit-scrollbar {
    width: 6px !important;
  }
  .mam-dashboard-sidebar-layout .mam-main-content::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.2) !important;
  }
  .mam-dashboard-sidebar-layout .mam-main-content::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #bfa86b 0%, #927431 100%) !important;
    border-radius: 3px !important;
  }
  .mam-dashboard-sidebar-layout
    .mam-main-content::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(
      90deg,
      #927431,
      #bfa86b,
      #eee1b0,
      #f5ecca,
      #fffece,
      #fefefa,
      #f5ecca,
      #eee1b0,
      #bfa86b,
      #927431
    ) !important;
  }

  /* Firefox thin scrollbar */
  .mam-dashboard-sidebar-layout .mam-main-content {
    scrollbar-width: thin !important;
    scrollbar-color: #bfa86b rgba(0, 0, 0, 0.2) !important;
  }
}

/* ==============================================
   Mobile Sidebar - Fix profile hidden behind header
   ============================================== */
@media (max-width: 768px) {
  /* Add top padding to sidebar on mobile to account for fixed header */
  .mam-sidebar {
    padding-top: 60px !important;
  }

  /* Adjust sidebar header spacing */
  .mam-sidebar .mam-sidebar-header {
    padding-top: 20px !important;
  }
}

@media (max-width: 480px) {
  .mam-sidebar {
    padding-top: 56px !important;
  }
}

/* ==============================================
   Recommendations Section - Responsive Grid
   ============================================== */

/* Subtitle styling */
.mam-suggestions-subtitle {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 12px 20px !important;
  margin: 0 !important;
  background: linear-gradient(
    135deg,
    rgba(191, 168, 107, 0.08) 0%,
    rgba(191, 168, 107, 0.03) 100%
  ) !important;
  border-bottom: 1px solid rgba(191, 168, 107, 0.1) !important;
  color: rgba(255, 250, 236, 0.75) !important;
  font-size: 13px !important;
  font-style: italic !important;
  line-height: 1.5 !important;
}

.mam-suggestions-subtitle i {
  color: #bfa86b !important;
  font-size: 14px !important;
  flex-shrink: 0 !important;
}

/* Recommendations Grid - Desktop 4 columns */
.mam-recommendations-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 16px !important;
  padding: 20px !important;
}

/* Tablet - 3 columns */
@media (max-width: 1199px) and (min-width: 769px) {
  .mam-recommendations-grid {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 14px !important;
  }
}

/* Mobile/Small Tablet - 2 columns */
@media (max-width: 768px) {
  .mam-recommendations-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
    padding: 16px !important;
  }

  .mam-suggestions-subtitle {
    padding: 10px 16px !important;
    font-size: 12px !important;
  }
}

/* Very small screens - still 2 columns but tighter */
@media (max-width: 480px) {
  .mam-recommendations-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
    padding: 12px !important;
  }

  .mam-suggestions-subtitle {
    padding: 8px 12px !important;
    font-size: 11px !important;
  }

  .mam-suggestions-subtitle i {
    display: none !important;
  }
}

/* Suggestion Card Enhancements */
.mam-recommendations-grid .mam-suggestion-item {
  background: rgba(255, 250, 236, 0.04) !important;
  border: 1px solid rgba(191, 168, 107, 0.15) !important;
  border-radius: 16px !important;
  padding: 20px 16px !important;
  transition: all 0.3s ease !important;
}

.mam-recommendations-grid .mam-suggestion-item:hover {
  background: rgba(191, 168, 107, 0.08) !important;
  border-color: rgba(191, 168, 107, 0.35) !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3) !important;
}

/* Photo styling */
.mam-recommendations-grid .mam-suggestion-photo {
  width: 80px !important;
  height: 80px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  margin-bottom: 14px !important;
  position: relative !important;
  border: 3px solid rgba(191, 168, 107, 0.3) !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important;
}

.mam-recommendations-grid .mam-suggestion-photo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* Compatibility badge */
.mam-recommendations-grid .mam-suggestion-compat {
  position: absolute !important;
  bottom: -4px !important;
  right: -4px !important;
  padding: 4px 8px !important;
  border-radius: 12px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%) !important;
  color: #fffaec !important;
  box-shadow: 0 2px 8px rgba(34, 197, 94, 0.4) !important;
}

.mam-recommendations-grid .mam-suggestion-compat.mam-compat-high {
  background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%) !important;
}

.mam-recommendations-grid .mam-suggestion-compat.mam-compat-medium {
  background: linear-gradient(
    90deg,
    #927431,
    #bfa86b,
    #eee1b0,
    #f5ecca,
    #fffece,
    #fefefa,
    #f5ecca,
    #eee1b0,
    #bfa86b,
    #927431
  ) !important;
}

.mam-recommendations-grid .mam-suggestion-compat.mam-compat-low {
  background: linear-gradient(135deg, #6b7280 0%, #4b5563 100%) !important;
}

/* New badge */
.mam-recommendations-grid .mam-suggestion-badge.mam-badge-new {
  position: absolute !important;
  top: -6px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  padding: 3px 10px !important;
  border-radius: 10px !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  background: linear-gradient(
    90deg,
    #927431,
    #bfa86b,
    #eee1b0,
    #f5ecca,
    #fffece,
    #fefefa,
    #f5ecca,
    #eee1b0,
    #bfa86b,
    #927431
  ) !important;
  color: #1a0f08 !important;
  box-shadow: 0 2px 8px rgba(191, 168, 107, 0.4) !important;
}

/* Name and info */
.mam-recommendations-grid .mam-suggestion-name {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #fffaec !important;
  margin-bottom: 2px !important;
}

.mam-recommendations-grid .mam-suggestion-location {
  font-size: 12px !important;
  color: rgba(255, 250, 236, 0.6) !important;
  margin-bottom: 6px !important;
}

/* Reason tag */
.mam-recommendations-grid .mam-suggestion-reason {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  background: rgba(191, 168, 107, 0.12) !important;
  border-radius: 12px !important;
  font-size: 11px !important;
  color: #bfa86b !important;
  margin-top: 4px !important;
}

.mam-recommendations-grid .mam-suggestion-reason i {
  font-size: 10px !important;
}

/* Responsive photo sizes */
@media (max-width: 1199px) and (min-width: 769px) {
  .mam-recommendations-grid .mam-suggestion-photo {
    width: 70px !important;
    height: 70px !important;
  }
}

@media (max-width: 768px) {
  .mam-recommendations-grid .mam-suggestion-item {
    padding: 16px 12px !important;
    border-radius: 14px !important;
  }

  .mam-recommendations-grid .mam-suggestion-photo {
    width: 64px !important;
    height: 64px !important;
    margin-bottom: 12px !important;
  }

  .mam-recommendations-grid .mam-suggestion-name {
    font-size: 13px !important;
  }

  .mam-recommendations-grid .mam-suggestion-location {
    font-size: 11px !important;
  }
}

@media (max-width: 480px) {
  .mam-recommendations-grid .mam-suggestion-item {
    padding: 14px 10px !important;
    border-radius: 12px !important;
  }

  .mam-recommendations-grid .mam-suggestion-photo {
    width: 56px !important;
    height: 56px !important;
    margin-bottom: 10px !important;
    border-width: 2px !important;
  }

  .mam-recommendations-grid .mam-suggestion-name {
    font-size: 12px !important;
  }

  .mam-recommendations-grid .mam-suggestion-reason {
    font-size: 10px !important;
    padding: 3px 8px !important;
  }
}

/* ==============================================
   Notification Deep-Link Highlight Animation
   ============================================== */
.mam-highlight-section {
  animation: mam-section-highlight 2s ease-out !important;
}

@keyframes mam-section-highlight {
  0% {
    box-shadow:
      0 0 0 4px rgba(191, 168, 107, 0.6),
      0 0 20px rgba(191, 168, 107, 0.4) !important;
    transform: scale(1.005);
  }
  50% {
    box-shadow:
      0 0 0 6px rgba(191, 168, 107, 0.4),
      0 0 30px rgba(191, 168, 107, 0.3) !important;
  }
  100% {
    box-shadow: none !important;
    transform: scale(1);
  }
}

/* Smooth scroll behavior for anchor links */
.mam-dashboard-wrap {
  scroll-behavior: smooth;
}

/* ==============================================
   Verified Profiles Section (Discover Page)
   ============================================== */
.mam-verified-profiles-section {
  margin-top: 60px;
  padding: 40px 0;
  background: linear-gradient(
    135deg,
    rgba(26, 42, 58, 0.95),
    rgba(20, 35, 50, 0.98)
  );
  border-radius: 16px;
  border: 1px solid rgba(191, 168, 107, 0.3);
}

.mam-verified-profiles-header {
  text-align: center;
  margin-bottom: 30px;
  padding: 0 20px;
}

.mam-verified-profiles-header h2 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  font-size: 24px;
  font-weight: 700;
  color: #bfa86b;
  margin: 0 0 10px 0;
}

.mam-verified-badge-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: linear-gradient(
    90deg,
    #927431,
    #bfa86b,
    #eee1b0,
    #f5ecca,
    #fffece,
    #fefefa,
    #f5ecca,
    #eee1b0,
    #bfa86b,
    #927431
  );
  border-radius: 50%;
  color: #1a0f08;
  font-size: 18px;
}

.mam-verified-subtitle {
  color: rgba(255, 250, 236, 0.7);
  font-size: 14px;
  margin: 0;
}

.mam-verified-profiles-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  padding: 0 24px;
}

.mam-verified-profile-card {
  display: flex;
  flex-direction: column;
  background: rgba(255, 250, 236, 0.05);
  border-radius: 12px;
  overflow: hidden;
  text-decoration: none;
  transition: all 0.3s ease;
  border: 1px solid rgba(191, 168, 107, 0.2);
}

.mam-verified-profile-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
  border-color: rgba(191, 168, 107, 0.5);
}

.mam-verified-card-photo {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  background: linear-gradient(135deg, #1a2a3a 0%, #0d1d2d 100%);
  display: flex;
  align-items: center;
  justify-content: center;
}

.mam-verified-card-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mam-verified-card-initials {
  font-size: 32px;
  font-weight: 700;
  color: #bfa86b;
  text-transform: uppercase;
}

.mam-verified-badge {
  position: absolute;
  bottom: 8px;
  right: 8px;
  width: 28px;
  height: 28px;
  background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fffaec;
  font-size: 14px;
  box-shadow: 0 2px 8px rgba(34, 197, 94, 0.4);
  border: 2px solid rgba(255, 250, 236, 0.3);
}

.mam-verified-card-info {
  padding: 14px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.mam-verified-card-name {
  font-size: 15px;
  font-weight: 600;
  color: #fffaec;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mam-verified-card-location {
  font-size: 13px;
  color: rgba(255, 250, 236, 0.6);
  display: flex;
  align-items: center;
  gap: 6px;
}

.mam-verified-card-location i {
  color: #bfa86b;
  font-size: 12px;
}

/* Tablet: 3 columns */
@media (max-width: 1024px) {
  .mam-verified-profiles-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* Mobile: 2 columns */
@media (max-width: 768px) {
  .mam-verified-profiles-section {
    margin-top: 40px;
    padding: 30px 0;
  }

  .mam-verified-profiles-header h2 {
    font-size: 20px;
  }

  .mam-verified-profiles-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    padding: 0 16px;
  }

  .mam-verified-card-initials {
    font-size: 24px;
  }

  .mam-verified-card-info {
    padding: 12px;
  }

  .mam-verified-card-name {
    font-size: 14px;
  }

  .mam-verified-card-location {
    font-size: 12px;
  }

  .mam-verified-badge {
    width: 24px;
    height: 24px;
    font-size: 12px;
  }
}

/* ============================================
   NOTIFICATION DEEP-LINK HIGHLIGHT
   Animates section when navigating from notifications
   ============================================ */

.mam-highlight-section {
  animation: mam-section-highlight 2s ease-out !important;
  position: relative !important;
}

.mam-highlight-section::before {
  content: "" !important;
  position: absolute !important;
  inset: -8px !important;
  border: 3px solid rgba(191, 168, 107, 0.6) !important;
  border-radius: 16px !important;
  pointer-events: none !important;
  animation: mam-border-pulse 2s ease-out !important;
  z-index: 1 !important;
}

@keyframes mam-section-highlight {
  0% {
    box-shadow: 0 0 0 0 rgba(191, 168, 107, 0.5);
  }
  30% {
    box-shadow: 0 0 30px 10px rgba(191, 168, 107, 0.4);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(191, 168, 107, 0);
  }
}

@keyframes mam-border-pulse {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1.02);
  }
}

/* ============================================
   DASHBOARD VERIFIED PROFILES SECTION
   ============================================ */

.mam-dash-verified-card .mam-dash-card-header {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 4px !important;
}

.mam-dash-verified-card .mam-dash-card-header h3 {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.mam-dash-verified-card .mam-verified-badge-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 28px !important;
  background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%) !important;
  border-radius: 50% !important;
  color: #fffaec !important;
  font-size: 14px !important;
}

.mam-dash-verified-card .mam-verified-subtitle {
  font-size: 13px !important;
  color: rgba(255, 250, 236, 0.6) !important;
  margin: 0 !important;
}

.mam-verified-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)) !important;
  gap: 16px !important;
}

.mam-verified-pick-item .mam-verified-badge-corner {
  position: absolute !important;
  bottom: 10px !important;
  right: 10px !important;
  width: 26px !important;
  height: 26px !important;
  background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%) !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #fffaec !important;
  font-size: 12px !important;
  box-shadow: 0 2px 8px rgba(34, 197, 94, 0.4) !important;
  border: 2px solid rgba(255, 250, 236, 0.9) !important;
}

@media (max-width: 768px) {
  .mam-verified-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 480px) {
  .mam-verified-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
  }
}

/* =============================================
   Profile Detail Page - Comprehensive Responsive
   ============================================= */

/* Large tablets and small desktops */
@media (max-width: 1024px) {
  .mam-profile-detail {
    padding: 20px !important;
    border-radius: 16px !important;
  }

  .mam-profile-layout {
    grid-template-columns: 280px 1fr !important;
    gap: 20px !important;
  }

  .mam-profile-info-grid {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
    gap: 10px !important;
  }

  .mam-profile-panel {
    padding: 14px !important;
    margin-bottom: 14px !important;
  }
}

/* Tablets */
@media (max-width: 768px) {
  .mam-profile-detail {
    padding: 16px !important;
    border-radius: 14px !important;
    margin: 0 !important;
  }

  .mam-profile-layout {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .mam-profile-hero {
    border-radius: 20px !important;
    max-width: 400px !important;
  }

  .mam-profile-hero-photo {
    padding-top: 73% !important;
    border-radius: 16px 16px 0 0 !important;
  }

  .mam-profile-hero-photo .mam-profile-initials,
  .mam-profile-hero-photo .mam-profile-placeholder {
    font-size: 48px !important;
  }

  /* MATCHED badge positioning on tablet */
  .mam-profile-hero-photo .mam-matched-badge {
    top: 8px !important;
    left: 8px !important;
    padding: 6px 10px !important;
    font-size: 9px !important;
    border-radius: 6px !important;
  }

  .mam-profile-hero-photo .mam-matched-badge i {
    font-size: 10px !important;
  }

  .mam-profile-hero-info {
    padding: 20px 20px !important;
  }

  .mam-profile-hero-info .mam-profile-meta {
    font-size: 14px !important;
  }

  .mam-profile-panel {
    padding: 14px !important;
    border-radius: 14px !important;
    margin-bottom: 12px !important;
  }

  .mam-profile-section-title {
    font-size: 15px !important;
    margin-bottom: 10px !important;
  }

  .mam-profile-info-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }

  .mam-profile-info-item {
    padding: 10px !important;
    border-radius: 10px !important;
    gap: 10px !important;
  }

  .mam-profile-info-item span {
    font-size: 10px !important;
    color: #bfa86b !important;
  }

  .mam-profile-info-item strong {
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #fffaec !important;
  }

  .mam-profile-tags span {
    padding: 5px 10px !important;
    font-size: 11px !important;
  }

  .mam-profile-cta {
    padding: 20px !important;
    border-radius: 14px !important;
  }

  .mam-profile-cta h4 {
    font-size: 18px !important;
  }

  .mam-profile-cta p {
    font-size: 13px !important;
  }

  /* Action buttons responsive */
  .mam-profile-action-btn {
    padding: 10px 16px !important;
    font-size: 13px !important;
  }
}

/* Small tablets and large phones */
@media (max-width: 640px) {
  .mam-profile-detail {
    padding: 14px !important;
    border-radius: 12px !important;
  }

  .mam-profile-hero {
    border-radius: 18px !important;
    max-width: 350px !important;
  }

  .mam-profile-hero-photo {
    padding-top: 80% !important;
  }

  .mam-profile-hero-photo .mam-card-name-overlay .mam-profile-name {
    font-size: 20px !important;
  }

  .mam-profile-hero-info {
    padding: 20px 20px !important;
  }

  /* MATCHED badge on small tablets */
  .mam-profile-hero-photo .mam-matched-badge {
    top: 10px !important;
    left: 10px !important;
    padding: 6px 12px !important;
    font-size: 10px !important;
  }

  .mam-profile-info-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
  }

  .mam-profile-info-item {
    flex-direction: column !important;
    align-items: flex-start !important;
    padding: 10px !important;
    gap: 6px !important;
  }

  .mam-profile-info-item i,
  .mam-profile-info-item svg {
    display: none !important;
    color: #bfa86b !important;
    fill: #bfa86b !important;
  }

  .mam-profile-info-item span {
    color: #bfa86b !important;
  }

  .mam-profile-info-item strong {
    font-weight: 400 !important;
    color: #fffaec !important;
  }

  .mam-profile-cta {
    padding: 16px !important;
  }

  .mam-profile-cta h4 {
    font-size: 16px !important;
  }
}

/* Mobile phones */
@media (max-width: 480px) {
  .mam-profile-detail {
    padding: 12px !important;
    border-radius: 10px !important;
  }

  .mam-profile-layout {
    gap: 12px !important;
  }

  .mam-profile-hero {
    border-radius: 14px !important;
    max-width: 100% !important;
  }

  .mam-profile-hero-photo {
    padding-top: 85% !important;
    border-radius: 16px 16px 0 0 !important;
  }

  .mam-profile-hero-photo .mam-profile-initials,
  .mam-profile-hero-photo .mam-profile-placeholder {
    font-size: 56px !important;
  }

  .mam-profile-hero-photo .mam-card-name-overlay .mam-profile-name {
    font-size: 20px !important;
  }

  .mam-profile-hero-info {
    padding: 20px 20px !important;
  }

  .mam-profile-hero-info .mam-profile-meta {
    font-size: 13px !important;
  }

  /* MATCHED badge on mobile */
  .mam-profile-hero-photo .mam-matched-badge {
    top: 8px !important;
    left: 8px !important;
    padding: 5px 10px !important;
    font-size: 9px !important;
    gap: 4px !important;
    border-radius: 6px !important;
  }

  .mam-profile-hero-photo .mam-matched-badge i {
    font-size: 9px !important;
  }

  .mam-profile-panel {
    padding: 12px !important;
    border-radius: 12px !important;
    margin-bottom: 10px !important;
  }

  .mam-profile-section-title {
    font-size: 14px !important;
    margin-bottom: 8px !important;
  }

  .mam-profile-info-grid {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  .mam-profile-info-item {
    flex-direction: row !important;
    align-items: center !important;
    padding: 10px 12px !important;
    gap: 10px !important;
  }

  .mam-profile-info-item i,
  .mam-profile-info-item svg {
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    font-size: 16px !important;
    color: #bfa86b !important;
    fill: #bfa86b !important;
  }

  .mam-profile-info-item .mam-info-content {
    flex: 1 !important;
  }

  .mam-profile-info-item span {
    font-size: 9px !important;
    margin-bottom: 2px !important;
    color: #bfa86b !important;
  }

  .mam-profile-info-item strong {
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #fffaec !important;
  }

  .mam-profile-tags {
    gap: 6px !important;
  }

  .mam-profile-tags span {
    padding: 4px 8px !important;
    font-size: 10px !important;
  }

  .mam-profile-cta {
    padding: 14px !important;
    border-radius: 12px !important;
  }

  .mam-profile-cta h4 {
    font-size: 15px !important;
    margin-bottom: 8px !important;
  }

  .mam-profile-cta p {
    font-size: 12px !important;
    margin-bottom: 12px !important;
  }

  /* Action buttons on mobile */
  .mam-profile-action-btn {
    padding: 10px 14px !important;
    font-size: 12px !important;
    border-radius: 8px !important;
  }

  .mam-profile-actions {
    flex-wrap: wrap !important;
    gap: 8px !important;
  }
}

/* Extra small phones */
@media (max-width: 375px) {
  .mam-profile-detail {
    padding: 10px !important;
  }

  .mam-profile-hero {
    padding: 10px !important;
  }

  .mam-profile-hero-info h3 {
    font-size: 16px !important;
  }

  .mam-profile-hero-info .mam-profile-meta {
    font-size: 12px !important;
  }

  .mam-profile-panel {
    padding: 10px !important;
  }

  .mam-profile-section-title {
    font-size: 13px !important;
  }

  .mam-profile-info-item {
    padding: 8px 10px !important;
  }

  .mam-profile-info-item span {
    font-size: 8px !important;
    color: #bfa86b !important;
  }

  .mam-profile-info-item strong {
    font-size: 11px !important;
    font-weight: 400 !important;
    color: #fffaec !important;
  }

  .mam-profile-cta h4 {
    font-size: 14px !important;
  }

  .mam-profile-cta p {
    font-size: 11px !important;
  }

  .mam-profile-action-btn {
    padding: 8px 12px !important;
    font-size: 11px !important;
  }
}

/* =============================================
   Profile Detail - Modern Action Buttons
   ============================================= */

/* Secondary Actions Container - Modern Row Layout */
.mam-profile-secondary-actions {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  margin-top: 16px !important;
  padding: 24px !important;
  border-top: 1px solid rgba(255, 250, 236, 0.1) !important;
}

/* All Action Buttons - Modern Pill Style */
.mam-profile-secondary-actions .mam-favorite-btn,
.mam-profile-secondary-actions .mam-block-btn,
.mam-profile-secondary-actions .mam-report-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  padding: 6px 10px !important;
  border-radius: 50px !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
  white-space: nowrap !important;
  pointer-events: auto !important;
  position: relative !important;
  z-index: 10 !important;
}

/* Save/Favorite Button - Golden Accent */
.mam-profile-secondary-actions .mam-favorite-btn {
  background: linear-gradient(
    135deg,
    rgba(191, 168, 107, 0.15) 0%,
    rgba(191, 168, 107, 0.08) 100%
  ) !important;
  border: 1.5px solid rgba(191, 168, 107, 0.4) !important;
  color: #bfa86b !important;
}

.mam-profile-secondary-actions .mam-favorite-btn:hover {
  background: linear-gradient(
    135deg,
    rgba(191, 168, 107, 0.25) 0%,
    rgba(191, 168, 107, 0.15) 100%
  ) !important;
  border-color: #bfa86b !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(191, 168, 107, 0.25) !important;
}

.mam-profile-secondary-actions .mam-favorite-btn.is-favorited {
  background: linear-gradient(
    90deg,
    #927431,
    #bfa86b,
    #eee1b0,
    #f5ecca,
    #fffece,
    #fefefa,
    #f5ecca,
    #eee1b0,
    #bfa86b,
    #927431
  ) !important;
  border-color: #bfa86b !important;
  color: #0d2d2d !important;
}

.mam-profile-secondary-actions .mam-favorite-btn.is-favorited:hover {
  background: linear-gradient(
    90deg,
    #927431,
    #bfa86b,
    #eee1b0,
    #f5ecca,
    #fffece,
    #fefefa,
    #f5ecca,
    #eee1b0,
    #bfa86b,
    #927431
  ) !important;
  box-shadow: 0 4px 15px rgba(191, 168, 107, 0.4) !important;
}

.mam-profile-secondary-actions .mam-favorite-btn i {
  font-size: 14px !important;
  color: inherit !important;
}

/* Block Button - Subtle Red */
.mam-profile-secondary-actions .mam-block-btn {
  background: rgba(255, 250, 236, 0.05) !important;
  border: 1.5px solid rgba(255, 250, 236, 0.15) !important;
  color: rgba(255, 250, 236, 0.7) !important;
}

.mam-profile-secondary-actions .mam-block-btn:hover {
  background: rgba(239, 68, 68, 0.12) !important;
  border-color: rgba(239, 68, 68, 0.5) !important;
  color: #ef4444 !important;
  transform: translateY(-2px) !important;
}

.mam-profile-secondary-actions .mam-block-btn.is-blocked {
  background: rgba(34, 197, 94, 0.12) !important;
  border-color: rgba(34, 197, 94, 0.5) !important;
  color: #22c55e !important;
}

.mam-profile-secondary-actions .mam-block-btn i {
  font-size: 13px !important;
  color: inherit !important;
}

/* Report Button - Subtle Amber */
.mam-profile-secondary-actions .mam-report-btn {
  background: rgba(255, 250, 236, 0.05) !important;
  border: 1.5px solid rgba(255, 250, 236, 0.15) !important;
  color: rgba(255, 250, 236, 0.7) !important;
}

.mam-profile-secondary-actions .mam-report-btn:hover {
  background: rgba(245, 158, 11, 0.12) !important;
  border-color: rgba(245, 158, 11, 0.5) !important;
  color: #f59e0b !important;
  transform: translateY(-2px) !important;
}

.mam-profile-secondary-actions .mam-report-btn i {
  font-size: 13px !important;
  color: inherit !important;
}

/* Responsive - Tablet */
@media (max-width: 768px) {
  .mam-profile-secondary-actions {
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 6px !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
  }

  .mam-profile-secondary-actions .mam-favorite-btn,
  .mam-profile-secondary-actions .mam-block-btn,
  .mam-profile-secondary-actions .mam-report-btn {
    padding: 6px 10px !important;
    font-size: 11px !important;
    gap: 4px !important;
  }
}

/* Responsive - Mobile */
@media (max-width: 640px) {
  .mam-profile-secondary-actions {
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 5px !important;
    margin-top: 12px !important;
    padding-top: 12px !important;
  }

  .mam-profile-secondary-actions .mam-favorite-btn,
  .mam-profile-secondary-actions .mam-block-btn,
  .mam-profile-secondary-actions .mam-report-btn {
    padding: 5px 8px !important;
    font-size: 10px !important;
    border-radius: 25px !important;
  }
}

/* Responsive - Small Mobile */
@media (max-width: 480px) {
  .mam-profile-secondary-actions {
    gap: 4px !important;
    margin-top: 10px !important;
    padding-top: 10px !important;
  }

  .mam-profile-secondary-actions .mam-favorite-btn,
  .mam-profile-secondary-actions .mam-block-btn,
  .mam-profile-secondary-actions .mam-report-btn {
    padding: 4px 7px !important;
    font-size: 10px !important;
    gap: 3px !important;
  }

  .mam-profile-secondary-actions .mam-favorite-btn i,
  .mam-profile-secondary-actions .mam-block-btn i,
  .mam-profile-secondary-actions .mam-report-btn i {
    font-size: 12px !important;
  }
}

/* Extra Small */
@media (max-width: 375px) {
  .mam-profile-secondary-actions .mam-favorite-btn,
  .mam-profile-secondary-actions .mam-block-btn,
  .mam-profile-secondary-actions .mam-report-btn {
    padding: 7px 10px !important;
    font-size: 10px !important;
  }
}

/* =============================================
   MY PROFILE PAGE - Modern Redesign
   ============================================= */

/* Main Container - Enhanced Background */
.mam-my-profile {
  background: linear-gradient(
    165deg,
    #062e27 0%,
    #094239 40%,
    #094239 70%,
    #061a1a 100%
  ) !important;
  border-radius: 24px !important;
  box-shadow:
    0 25px 80px rgba(0, 0, 0, 0.4),
    inset 0 1px 0 rgba(255, 250, 236, 0.05) !important;
  padding: 48px !important;
  min-height: auto !important;
  position: relative !important;
  overflow: hidden !important;
}

/* Decorative Background Elements */
.mam-my-profile::before {
  content: "" !important;
  position: absolute !important;
  top: -150px !important;
  right: -150px !important;
  width: 400px !important;
  height: 400px !important;
  background: radial-gradient(
    circle,
    rgba(191, 168, 107, 0.08) 0%,
    transparent 70%
  ) !important;
  pointer-events: none !important;
}

.mam-my-profile::after {
  content: "" !important;
  position: absolute !important;
  bottom: -100px !important;
  left: -100px !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(
    circle,
    rgba(191, 168, 107, 0.05) 0%,
    transparent 70%
  ) !important;
  pointer-events: none !important;
}

/* Header Enhancement */
.mam-my-profile-header {
  margin-bottom: 40px !important;
  text-align: center !important;
  position: relative !important;
  z-index: 2 !important;
}

.mam-my-profile-header-top {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  position: relative !important;
}

.mam-my-profile-header-top > div:first-child {
  flex: 1 !important;
}

.mam-my-profile-header-top .mam-settings-back {
  position: absolute !important;
  right: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}

.mam-my-profile-title {
  font-family: "Cinzel", serif !important;
  font-size: 42px !important;
  font-weight: 400 !important;
  background: linear-gradient(
    135deg,
    #bfa86b 0%,
    #e8d5a3 50%,
    #bfa86b 100%
  ) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  margin: 0 0 12px !important;
  letter-spacing: 0.5px !important;
  text-shadow: none !important;
}

.mam-my-profile-subtitle {
  color: rgba(255, 250, 236, 0.65) !important;
  font-size: 16px !important;
  margin: 0 !important;
  letter-spacing: 0.3px !important;
}

/* Form Container */
.mam-my-profile-form {
  max-width: 900px !important;
  margin: 0 auto !important;
  position: relative !important;
  z-index: 2 !important;
}

/* Section Cards - Modern Glass Effect */
.mam-my-profile-section {
  background: linear-gradient(
    145deg,
    rgba(10, 48, 35, 0.6) 0%,
    rgba(9, 66, 57, 0.4) 100%
  ) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(255, 250, 236, 0.08) !important;
  border-radius: 20px !important;
  padding: 28px !important;
  margin-bottom: 24px !important;
  box-shadow:
    0 10px 40px rgba(0, 0, 0, 0.2),
    inset 0 1px 0 rgba(255, 250, 236, 0.05) !important;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
  position: relative !important;
  overflow: visible !important;
}

.mam-my-profile-section::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 1px !important;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(191, 168, 107, 0.3) 50%,
    transparent 100%
  ) !important;
}

.mam-my-profile-section:hover {
  transform: translateY(-4px) !important;
  box-shadow:
    0 20px 60px rgba(0, 0, 0, 0.25),
    inset 0 1px 0 rgba(255, 250, 236, 0.08) !important;
  border-color: rgba(191, 168, 107, 0.2) !important;
}

.mam-my-profile-section:last-of-type {
  margin-bottom: 32px !important;
}

/* Elevate section z-index when multiselect dropdown is open */
.mam-my-profile-section:has(.mam-multiselect-wrapper.is-open) {
  z-index: 100 !important;
}

/* Section Title Enhancement */
.mam-my-profile-section-title {
  font-family: "Cinzel", serif !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  color: #fffaec !important;
  margin: 0 0 24px !important;
  padding-bottom: 16px !important;
  border-bottom: 1px solid rgba(255, 250, 236, 0.08) !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  position: relative !important;
}

.mam-my-profile-section-title::after {
  content: "" !important;
  position: absolute !important;
  bottom: -1px !important;
  left: 0 !important;
  width: 60px !important;
  height: 2px !important;
  background: linear-gradient(90deg, #bfa86b, transparent) !important;
  border-radius: 2px !important;
}

.mam-my-profile-section-title i,
.mam-my-profile-section-title svg {
  width: 24px !important;
  height: 24px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: none !important;
  border-radius: 0 !important;
  color: #bfa86b !important;
  fill: #bfa86b !important;
  font-size: 22px !important;
  flex-shrink: 0 !important;
}

.mam-my-profile-section-title i.fa,
.mam-my-profile-section-title i.fas,
.mam-my-profile-section-title i.far,
.mam-my-profile-section-title i.fab,
.mam-my-profile-section-title i[class*="fa-"] {
  font-size: 22px !important;
  width: auto !important;
  height: auto !important;
}

.mam-my-profile-section-title svg {
  width: 22px !important;
  height: 22px !important;
}

/* Photo Upload Area - Modern Design */
.mam-my-profile-photos-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)) !important;
  gap: 16px !important;
  margin-top: 20px !important;
}

.mam-my-profile-photos-grid .mam-my-profile-photo {
  width: 100% !important;
  aspect-ratio: 1 !important;
  height: auto !important;
  border-radius: 16px !important;
  position: relative !important;
  overflow: hidden !important;
  border: 2px solid rgba(255, 250, 236, 0.1) !important;
  transition: all 0.3s ease !important;
  background: rgba(255, 250, 236, 0.03) !important;
}

.mam-my-profile-photos-grid .mam-my-profile-photo:hover {
  border-color: #bfa86b !important;
  transform: scale(1.02) !important;
  box-shadow: 0 8px 25px rgba(191, 168, 107, 0.2) !important;
}

.mam-my-profile-photos-grid .mam-my-profile-photo.is-primary {
  border-color: #bfa86b !important;
  box-shadow: 0 0 0 3px rgba(191, 168, 107, 0.2) !important;
}

.mam-my-profile-photos-grid .mam-my-profile-photo.is-primary::after {
  display: none !important;
}

/* Add Photo Button - Enhanced */
.mam-add-photo {
  aspect-ratio: 1 !important;
  height: auto !important;
  background: linear-gradient(
    145deg,
    rgba(191, 168, 107, 0.08) 0%,
    rgba(191, 168, 107, 0.03) 100%
  ) !important;
  border: 2px dashed rgba(191, 168, 107, 0.35) !important;
  border-radius: 16px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  position: relative !important;
  overflow: hidden !important;
}

.mam-add-photo::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: radial-gradient(
    circle at center,
    rgba(191, 168, 107, 0.1) 0%,
    transparent 70%
  ) !important;
  opacity: 0 !important;
  transition: opacity 0.3s ease !important;
}

.mam-add-photo:hover {
  border-color: #bfa86b !important;
  background: linear-gradient(
    145deg,
    rgba(191, 168, 107, 0.15) 0%,
    rgba(191, 168, 107, 0.08) 100%
  ) !important;
  transform: scale(1.02) !important;
  box-shadow: 0 8px 25px rgba(191, 168, 107, 0.15) !important;
}

.mam-add-photo:hover::before {
  opacity: 1 !important;
}

.mam-add-photo-label {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 10px !important;
  color: rgba(255, 250, 236, 0.7) !important;
  cursor: pointer !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  text-align: center !important;
  position: relative !important;
  z-index: 2 !important;
}

.mam-add-photo-label i {
  font-size: 28px !important;
  color: #bfa86b !important;
  transition: transform 0.3s ease !important;
}

.mam-add-photo:hover .mam-add-photo-label i {
  transform: scale(1.15) !important;
}

/* Hide native file input - only show styled label */
.mam-add-photo input[type="file"],
.mam-my-profile-photo input[type="file"],
.mam-my-profile-photos-grid input[type="file"] {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  opacity: 0 !important;
  cursor: pointer !important;
  z-index: 10 !important;
}

/* Form Fields Row */
.mam-my-profile-row {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 20px !important;
  margin-bottom: 20px !important;
}

.mam-my-profile-row:last-child {
  margin-bottom: 0 !important;
}

/* Form Field Container */
.mam-my-profile-field {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

.mam-my-profile-field.mam-field-hidden {
  display: none !important;
}

.mam-my-profile-field.full-width {
  grid-column: span 2 !important;
}

/* Labels - Enhanced */
.mam-my-profile-label,
.mam-my-profile-field label {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: rgba(255, 250, 236, 0.85) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
  margin-bottom: 4px !important;
}

/* Input Fields - Modern Style */
.mam-my-profile-input,
.mam-my-profile-select,
.mam-my-profile-textarea,
.mam-my-profile-field input[type="text"],
.mam-my-profile-field input[type="number"],
.mam-my-profile-field input[type="email"],
.mam-my-profile-field select,
.mam-my-profile-field textarea {
  width: 100% !important;
  padding: 14px 18px !important;
  background: rgba(9, 66, 57, 0.5) !important;
  border: 1.5px solid rgba(255, 250, 236, 0.1) !important;
  border-radius: 12px !important;
  color: #fffaec !important;
  font-size: 15px !important;
  font-family: inherit !important;
  transition: all 0.3s ease !important;
  outline: none !important;
}

.mam-my-profile-input::placeholder,
.mam-my-profile-textarea::placeholder,
.mam-my-profile-field input::placeholder,
.mam-my-profile-field textarea::placeholder {
  color: rgba(255, 250, 236, 0.4) !important;
}

.mam-my-profile-input:focus,
.mam-my-profile-select:focus,
.mam-my-profile-textarea:focus,
.mam-my-profile-field input:focus,
.mam-my-profile-field select:focus,
.mam-my-profile-field textarea:focus {
  border-color: #bfa86b !important;
  background: rgba(9, 66, 57, 0.7) !important;
  box-shadow:
    0 0 0 4px rgba(191, 168, 107, 0.15),
    0 4px 20px rgba(0, 0, 0, 0.15) !important;
}

.mam-my-profile-input:disabled,
.mam-my-profile-field input:disabled {
  background: rgba(255, 250, 236, 0.03) !important;
  color: rgba(255, 250, 236, 0.5) !important;
  cursor: not-allowed !important;
}

/* Select Dropdown Enhancement */
.mam-my-profile-select,
.mam-my-profile-field select {
  appearance: none !important;
  -webkit-appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23c9a55c' d='M6 8.825L1.175 4 2.238 2.938 6 6.7l3.763-3.762L10.825 4z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 16px center !important;
  padding-right: 45px !important;
  cursor: pointer !important;
}

.mam-my-profile-select option,
.mam-my-profile-field select option {
  background: #094239 !important;
  color: #fffaec !important;
  padding: 12px !important;
}

/* Textarea Enhancement */
.mam-my-profile-textarea,
.mam-my-profile-field textarea {
  min-height: 120px !important;
  resize: vertical !important;
  line-height: 1.6 !important;
}

/* Field Notes/Hints */
.mam-my-profile-field small,
.mam-my-profile-field .mam-field-note {
  font-size: 12px !important;
  color: rgba(255, 250, 236, 0.5) !important;
  margin-top: 4px !important;
  line-height: 1.4 !important;
}

/* Tag Input Enhancement */
.mam-my-profile-tags,
.mam-tag-input-container {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  padding: 12px 14px !important;
  background: rgba(9, 66, 57, 0.5) !important;
  border: 1.5px solid rgba(255, 250, 236, 0.1) !important;
  border-radius: 12px !important;
  min-height: 54px !important;
  transition: all 0.3s ease !important;
}

.mam-my-profile-tags:focus-within,
.mam-tag-input-container:focus-within {
  border-color: #bfa86b !important;
  box-shadow: 0 0 0 4px rgba(191, 168, 107, 0.15) !important;
}

.mam-tag,
.mam-my-profile-tag {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 6px 12px !important;
  background: linear-gradient(
    135deg,
    rgba(191, 168, 107, 0.25) 0%,
    rgba(191, 168, 107, 0.15) 100%
  ) !important;
  border: 1px solid rgba(191, 168, 107, 0.3) !important;
  border-radius: 20px !important;
  color: #e8d5a3 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

.mam-tag-remove,
.mam-my-profile-tag-remove {
  width: 18px !important;
  height: 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(255, 250, 236, 0.1) !important;
  border: none !important;
  border-radius: 50% !important;
  color: rgba(255, 250, 236, 0.7) !important;
  cursor: pointer !important;
  font-size: 12px !important;
  transition: all 0.2s ease !important;
}

.mam-tag-remove:hover,
.mam-my-profile-tag-remove:hover {
  background: rgba(239, 68, 68, 0.3) !important;
  color: #fffaec !important;
}

/* Save Button - Modern Gradient */
.mam-my-profile-actions {
  text-align: center !important;
  margin-top: 32px !important;
  padding-top: 24px !important;
  border-top: 1px solid rgba(255, 250, 236, 0.08) !important;
}

.mam-my-profile-save {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  padding: 16px 48px !important;
  background: linear-gradient(
    90deg,
    #927431,
    #bfa86b,
    #eee1b0,
    #f5ecca,
    #fffece,
    #fefefa,
    #f5ecca,
    #eee1b0,
    #bfa86b,
    #927431
  ) !important;
  border: none !important;
  border-radius: 50px !important;
  color: #0d2d2d !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
  box-shadow:
    0 8px 30px rgba(191, 168, 107, 0.35),
    inset 0 1px 0 rgba(255, 250, 236, 0.2) !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  position: relative !important;
  overflow: hidden !important;
}

.mam-my-profile-save::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 250, 236, 0.3),
    transparent
  ) !important;
  transition: left 0.5s ease !important;
}

.mam-my-profile-save:hover {
  transform: translateY(-3px) !important;
  box-shadow:
    0 12px 40px rgba(191, 168, 107, 0.45),
    inset 0 1px 0 rgba(255, 250, 236, 0.3) !important;
  background: linear-gradient(
    90deg,
    #927431,
    #bfa86b,
    #eee1b0,
    #f5ecca,
    #fffece,
    #fefefa,
    #f5ecca,
    #eee1b0,
    #bfa86b,
    #927431
  ) !important;
}

.mam-my-profile-save:hover::before {
  left: 100% !important;
}

.mam-my-profile-save:active {
  transform: translateY(-1px) !important;
}

.mam-my-profile-save i {
  font-size: 18px !important;
  color: #0d2d2d !important;
}

/* Success/Error Messages */
.mam-my-profile-message {
  padding: 16px 24px !important;
  border-radius: 12px !important;
  margin-bottom: 24px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

.mam-my-profile-message.success {
  background: rgba(34, 197, 94, 0.15) !important;
  border: 1px solid rgba(34, 197, 94, 0.3) !important;
  color: #86efac !important;
}

.mam-my-profile-message.error {
  background: rgba(239, 68, 68, 0.15) !important;
  border: 1px solid rgba(239, 68, 68, 0.3) !important;
  color: #fca5a5 !important;
}

/* Photo Actions Overlay */
.mam-my-profile-photo-actions {
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    135deg,
    rgba(13, 45, 45, 0.9) 0%,
    rgba(0, 0, 0, 0.85) 100%
  ) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  opacity: 0 !important;
  transition: all 0.3s ease !important;
}

.mam-my-profile-photos-grid
  .mam-my-profile-photo:hover
  .mam-my-profile-photo-actions {
  opacity: 1 !important;
}

.mam-my-profile-photo-actions button,
.mam-my-profile-photo-actions button[class*="mam-"] {
  all: revert !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 10px !important;
  border: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  font-size: 14px !important;
  background: rgba(255, 255, 255, 0.15) !important;
  color: #fffaec !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  pointer-events: auto !important;
}

/* Camera / Replace button */
.mam-my-profile-photo-actions .mam-replace-photo {
  background: rgba(191, 168, 107, 0.3) !important;
  color: #fffaec !important;
}

/* Star / Set primary button */
.mam-my-profile-photo-actions .mam-set-primary-photo {
  background: linear-gradient(
    90deg,
    #927431,
    #bfa86b,
    #eee1b0,
    #f5ecca,
    #fffece,
    #fefefa,
    #f5ecca,
    #eee1b0,
    #bfa86b,
    #927431
  ) !important;
  color: #0d2d2d !important;
}

/* Trash / Delete button */
.mam-my-profile-photo-actions .mam-delete-photo {
  background: rgba(239, 68, 68, 0.3) !important;
  color: #f87171 !important;
}

.mam-my-profile-photo-actions button:hover {
  transform: scale(1.1) !important;
}

/* Hidden file input for replace — must stay hidden */
.mam-replace-photo-input,
input.mam-replace-photo-input,
input.mam-photo-input {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  clip: rect(0, 0, 0, 0) !important;
  display: block !important;
  z-index: -1 !important;
  visibility: hidden !important;
}

/* =============================================
   MY PROFILE - Responsive Design
   ============================================= */

/* Large Tablets */
@media (max-width: 1024px) {
  .mam-my-profile {
    padding: 28px !important;
    border-radius: 18px !important;
  }

  .mam-my-profile-title {
    font-size: 28px !important;
  }

  .mam-my-profile-subtitle {
    font-size: 13px !important;
  }

  .mam-my-profile-section {
    padding: 20px !important;
    margin-bottom: 16px !important;
  }

  .mam-my-profile-section-title {
    font-size: 17px !important;
  }

  .mam-my-profile-photos-grid {
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 12px !important;
  }
}

/* Tablets */
@media (max-width: 768px) {
  .mam-my-profile {
    padding: 20px 16px !important;
    border-radius: 14px !important;
    margin: 0 !important;
  }

  .mam-my-profile::before,
  .mam-my-profile::after {
    display: none !important;
  }

  .mam-my-profile-header {
    margin-bottom: 20px !important;
  }

  .mam-my-profile-title {
    font-size: 24px !important;
  }

  .mam-my-profile-subtitle {
    font-size: 12px !important;
  }

  .mam-my-profile-header-top {
    flex-direction: column !important;
    align-items: flex-end !important;
    gap: 12px !important;
  }

  .mam-my-profile-header-top > div:first-child {
    width: 100% !important;
    text-align: center !important;
  }

  .mam-my-profile-header-top .mam-settings-back {
    position: static !important;
    transform: none !important;
  }

  .mam-my-profile-section {
    padding: 16px !important;
    border-radius: 12px !important;
    margin-bottom: 14px !important;
  }

  .mam-my-profile-section:hover {
    transform: none !important;
  }

  .mam-my-profile-section-title {
    font-size: 15px !important;
    gap: 10px !important;
    margin-bottom: 14px !important;
    padding-bottom: 10px !important;
  }

  .mam-my-profile-section-title i,
  .mam-my-profile-section-title svg {
    width: auto !important;
    height: auto !important;
    font-size: 13px !important;
    background: none !important;
    border-radius: 0 !important;
  }

  .mam-my-profile-row {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .mam-my-profile-field.full-width {
    grid-column: span 1 !important;
  }

  .mam-my-profile-photos-grid {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 10px !important;
  }

  .mam-my-profile-label,
  .mam-my-profile-field label {
    font-size: 11px !important;
    margin-bottom: 4px !important;
  }

  .mam-my-profile-input,
  .mam-my-profile-select,
  .mam-my-profile-field input,
  .mam-my-profile-field select {
    padding: 10px 14px !important;
    font-size: 13px !important;
    border-radius: 8px !important;
  }

  .mam-my-profile-textarea,
  .mam-my-profile-field textarea {
    min-height: 80px !important;
    font-size: 13px !important;
  }

  .mam-my-profile-save {
    padding: 12px 28px !important;
    font-size: 14px !important;
    width: 100% !important;
  }

  .mam-my-profile-actions {
    margin-top: 18px !important;
    padding-top: 16px !important;
  }
}

/* Mobile Phones */
@media (max-width: 480px) {
  .mam-my-profile {
    padding: 16px 12px !important;
    border-radius: 10px !important;
  }

  .mam-my-profile-header {
    margin-bottom: 16px !important;
  }

  .mam-my-profile-title {
    font-size: 20px !important;
  }

  .mam-my-profile-subtitle {
    font-size: 11px !important;
  }

  .mam-my-profile-section {
    padding: 14px !important;
    border-radius: 10px !important;
    margin-bottom: 12px !important;
  }

  .mam-my-profile-section-title {
    font-size: 14px !important;
    margin-bottom: 12px !important;
    padding-bottom: 10px !important;
    gap: 8px !important;
  }

  .mam-my-profile-section-title i,
  .mam-my-profile-section-title svg {
    width: auto !important;
    height: auto !important;
    font-size: 11px !important;
    background: none !important;
    border-radius: 0 !important;
  }

  .mam-my-profile-photos-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 8px !important;
  }

  .mam-my-profile-label,
  .mam-my-profile-field label {
    font-size: 10px !important;
    margin-bottom: 3px !important;
  }

  .mam-my-profile-input,
  .mam-my-profile-select,
  .mam-my-profile-field input,
  .mam-my-profile-field select {
    padding: 10px 12px !important;
    font-size: 13px !important;
    border-radius: 8px !important;
  }

  .mam-my-profile-textarea,
  .mam-my-profile-field textarea {
    min-height: 70px !important;
    font-size: 13px !important;
  }

  .mam-my-profile-save {
    padding: 12px 20px !important;
    font-size: 13px !important;
    border-radius: 10px !important;
  }

  .mam-my-profile-actions {
    margin-top: 16px !important;
    padding-top: 14px !important;
  }

  .mam-add-photo {
    min-height: 60px !important;
    aspect-ratio: 1 !important;
  }

  .mam-add-photo-label {
    font-size: 9px !important;
    gap: 4px !important;
  }

  .mam-add-photo-label i {
    font-size: 16px !important;
  }

  /* Fix large placeholder icons on mobile */
  .mam-my-profile-photo-placeholder {
    width: 80px !important;
    height: 80px !important;
    border-width: 2px !important;
  }

  .mam-my-profile-photo-placeholder i {
    font-size: 28px !important;
  }

  .mam-my-profile-photo-edit {
    width: 24px !important;
    height: 24px !important;
    bottom: 4px !important;
    right: 4px !important;
  }

  .mam-my-profile-photo-edit i {
    font-size: 12px !important;
  }

  /* Fix Elementor icon widgets in My Profile */
  .mam-my-profile .elementor-icon,
  .mam-my-profile [class*="elementor-icon"],
  .mam-my-profile .elementor-widget-icon {
    max-width: 60px !important;
    max-height: 60px !important;
  }

  .mam-my-profile .elementor-icon svg,
  .mam-my-profile [class*="elementor-icon"] svg,
  .mam-my-profile .elementor-widget-icon svg {
    width: 40px !important;
    height: 40px !important;
    max-width: 40px !important;
    max-height: 40px !important;
  }

  .mam-my-profile .elementor-icon i,
  .mam-my-profile [class*="elementor-icon"] i {
    font-size: 32px !important;
  }

  /* Fix any large SVG icons in sections */
  .mam-my-profile-section svg {
    max-width: 24px !important;
    max-height: 24px !important;
  }

  .mam-my-profile-section .e-icon svg,
  .mam-my-profile-section .elementor-icon-wrapper svg {
    width: 36px !important;
    height: 36px !important;
  }

  /* Photo grid items smaller */
  .mam-my-profile-photos-grid .mam-my-profile-photo {
    min-height: 70px !important;
  }

  .mam-my-profile-photos-grid .mam-my-profile-photo svg,
  .mam-my-profile-photos-grid .mam-add-photo svg {
    width: 24px !important;
    height: 24px !important;
  }
}

/* Extra Small Phones */
@media (max-width: 375px) {
  .mam-my-profile {
    padding: 10px 8px !important;
    border-radius: 8px !important;
  }

  .mam-my-profile-header {
    margin-bottom: 12px !important;
  }

  .mam-my-profile-title {
    font-size: 16px !important;
  }

  .mam-my-profile-subtitle {
    font-size: 9px !important;
  }

  .mam-my-profile-section {
    padding: 10px !important;
    border-radius: 8px !important;
    margin-bottom: 8px !important;
  }

  .mam-my-profile-section-title {
    font-size: 12px !important;
    margin-bottom: 8px !important;
    padding-bottom: 6px !important;
  }

  .mam-my-profile-section-title i,
  .mam-my-profile-section-title svg {
    font-size: 9px !important;
  }

  .mam-my-profile-photos-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 6px !important;
  }

  .mam-my-profile-label,
  .mam-my-profile-field label {
    font-size: 9px !important;
  }

  .mam-my-profile-input,
  .mam-my-profile-select,
  .mam-my-profile-field input,
  .mam-my-profile-field select {
    padding: 8px 10px !important;
    font-size: 12px !important;
  }

  .mam-my-profile-save {
    padding: 10px 16px !important;
    font-size: 12px !important;
  }

  .mam-add-photo {
    min-height: 50px !important;
  }

  .mam-add-photo-label {
    font-size: 8px !important;
  }

  .mam-add-photo-label i {
    font-size: 14px !important;
  }

  /* Fix large placeholder icons on extra small phones */
  .mam-my-profile-photo-placeholder {
    width: 60px !important;
    height: 60px !important;
  }

  .mam-my-profile-photo-placeholder i {
    font-size: 22px !important;
  }

  /* Fix Elementor icons */
  .mam-my-profile .elementor-icon,
  .mam-my-profile [class*="elementor-icon"] {
    max-width: 40px !important;
    max-height: 40px !important;
  }

  .mam-my-profile .elementor-icon svg,
  .mam-my-profile [class*="elementor-icon"] svg {
    width: 30px !important;
    height: 30px !important;
    max-width: 30px !important;
    max-height: 30px !important;
  }

  .mam-my-profile .elementor-icon i,
  .mam-my-profile [class*="elementor-icon"] i {
    font-size: 24px !important;
  }

  .mam-my-profile-section svg {
    max-width: 24px !important;
    max-height: 24px !important;
  }

  .mam-my-profile-photos-grid .mam-my-profile-photo {
    min-height: 50px !important;
  }

  .mam-my-profile-photos-grid .mam-my-profile-photo svg,
  .mam-my-profile-photos-grid .mam-add-photo svg {
    width: 18px !important;
    height: 18px !important;
  }
}

/* ============================================
   RECOMMENDATIONS CAROUSEL (SWIPER)
   ============================================ */

/* Carousel Container */
.mam-recommendations-carousel {
  position: relative;
  padding: 0 45px;
  margin: 0 -10px;
}

.mam-recommendations-carousel .swiper-wrapper {
  align-items: stretch;
}

.mam-recommendations-carousel .swiper-slide {
  height: auto;
  display: flex;
}

.mam-recommendations-carousel .swiper-slide .mam-suggestion-item {
  width: 100%;
  margin: 0;
}

/* Navigation Arrows */
.mam-carousel-prev,
.mam-carousel-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  background: rgba(10, 48, 35, 0.65) !important;
  border: 2px solid rgba(191, 168, 107, 0.6);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  z-index: 10;
  color: var(--mam-accent, #bfa86b) !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.25);
}

.mam-carousel-prev {
  left: 0;
}

.mam-carousel-next {
  right: 0;
}

.mam-carousel-prev:hover,
.mam-carousel-next:hover {
  background: linear-gradient(
    135deg,
    rgba(191, 168, 107, 0.3),
    rgba(191, 168, 107, 0.2)
  ) !important;
  border-color: var(--mam-accent, #bfa86b);
  box-shadow: 0 0 15px rgba(191, 168, 107, 0.3);
}

.mam-carousel-prev i,
.mam-carousel-next i {
  font-size: 14px;
  color: var(--mam-accent, #bfa86b) !important;
}

.mam-carousel-prev::after,
.mam-carousel-next::after {
  display: none !important;
}

.mam-carousel-prev.swiper-button-disabled,
.mam-carousel-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: not-allowed;
  pointer-events: none;
}

/* Pagination Dots */
.mam-carousel-pagination {
  position: relative;
  margin-top: 36px;
  text-align: center;
}

.mam-carousel-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: rgba(191, 168, 107, 0.3);
  opacity: 1;
  margin: 0 5px;
  border-radius: 50%;
  transition: all 0.3s ease;
}

.mam-carousel-pagination .swiper-pagination-bullet-active {
  background: var(--mam-accent, #bfa86b);
  transform: scale(1.2);
  box-shadow: 0 0 10px rgba(191, 168, 107, 0.5);
}

/* Carousel Slide Item Styling */
.mam-recommendations-carousel .mam-suggestion-item {
  background: rgba(255, 250, 236, 0.03);
  border: 1px solid rgba(191, 168, 107, 0.15);
  border-radius: 16px;
  padding: 20px 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  text-decoration: none;
  transition: all 0.3s ease;
  position: relative;
  min-height: 220px;
}

.mam-recommendations-carousel .mam-suggestion-item:hover {
  background: rgba(255, 250, 236, 0.06);
  border-color: rgba(191, 168, 107, 0.35);
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

/* Tablet Responsive */
@media (max-width: 1024px) {
  .mam-recommendations-carousel {
    padding: 0 40px;
  }

  .mam-carousel-prev,
  .mam-carousel-next {
    width: 36px;
    height: 36px;
  }

  .mam-carousel-prev i,
  .mam-carousel-next i {
    font-size: 12px;
  }
}

/* Mobile Responsive */
@media (max-width: 768px) {
  .mam-recommendations-carousel {
    padding: 0 35px;
  }

  .mam-carousel-prev,
  .mam-carousel-next {
    width: 32px;
    height: 32px;
  }

  .mam-carousel-prev i,
  .mam-carousel-next i {
    font-size: 11px;
  }

  .mam-recommendations-carousel .mam-suggestion-item {
    padding: 15px 10px;
    min-height: 200px;
  }

  .mam-carousel-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 4px;
  }
}

/* Small Mobile Responsive */
@media (max-width: 480px) {
  .mam-recommendations-carousel {
    padding: 0 30px;
  }

  .mam-carousel-prev,
  .mam-carousel-next {
    width: 28px;
    height: 28px;
  }

  .mam-carousel-prev i,
  .mam-carousel-next i {
    font-size: 10px;
  }

  .mam-recommendations-carousel .mam-suggestion-item {
    padding: 12px 8px;
    min-height: 180px;
  }
}

/* ============================================
   MATCHED PROFILES SLIDER WIDGET
   Modern carousel for displaying user's matches
   ============================================ */

.mam-matched-slider-section {
  position: relative;
  padding: 30px 0;
}

.mam-matched-slider-header {
  text-align: center;
  margin-bottom: 30px;
}

.mam-matched-slider-title {
  font-size: 28px !important;
  font-weight: 700 !important;
  color: #1a3d2e !important;
  margin: 0 0 10px 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
}

.mam-matched-slider-title i {
  color: #e91e63 !important;
}

.mam-matched-slider-title .mam-matched-count {
  font-size: 18px !important;
  font-weight: 500 !important;
  color: #666 !important;
}

.mam-matched-slider-subtitle {
  font-size: 16px !important;
  color: #666 !important;
  margin: 0 !important;
}

.mam-matched-slider-wrapper {
  position: relative;
  padding: 0 50px;
}

/* Navigation Arrows */
.mam-matched-slider-nav {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 44px !important;
  height: 44px !important;
  background: #fffaec !important;
  border: 2px solid #e0e0e0 !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  z-index: 10 !important;
  transition: all 0.3s ease !important;
  color: #1a3d2e !important;
  font-size: 16px !important;
}

.mam-matched-slider-nav:hover {
  background: #1a3d2e !important;
  border-color: #1a3d2e !important;
  color: #fffaec !important;
}

.mam-matched-slider-prev {
  left: 0 !important;
}

.mam-matched-slider-next {
  right: 0 !important;
}

.mam-matched-slider-nav.swiper-button-disabled {
  opacity: 0.4 !important;
  cursor: not-allowed !important;
}

/* Matched Card Styles */
.mam-matched-card {
  background: #fffaec !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
  transition: all 0.3s ease !important;
  cursor: pointer !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}

.mam-matched-card:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15) !important;
}

.mam-matched-card-photo {
  position: relative !important;
  height: 220px !important;
  overflow: hidden !important;
  background: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 100%) !important;
}

.mam-matched-card-photo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 0.3s ease !important;
}

.mam-matched-card:hover .mam-matched-card-photo img {
  transform: scale(1.05) !important;
}

/* Privacy Placeholder for Female Photos */
.mam-matched-card-photo .mam-privacy-placeholder {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 100%) !important;
  gap: 8px !important;
}

.mam-matched-card-photo .mam-privacy-placeholder .mam-privacy-initials {
  width: 70px !important;
  height: 70px !important;
  border-radius: 50% !important;
  background: rgba(46, 125, 50, 0.15) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 24px !important;
  font-weight: 600 !important;
  color: #2e7d32 !important;
  margin-bottom: 5px !important;
}

.mam-matched-card-photo .mam-privacy-placeholder i {
  font-size: 18px !important;
  color: #2e7d32 !important;
}

.mam-matched-card-photo .mam-privacy-placeholder .mam-privacy-text {
  font-size: 12px !important;
  color: #2e7d32 !important;
  font-weight: 500 !important;
}

.mam-matched-card-photo .mam-profile-placeholder {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%) !important;
}

.mam-matched-card-photo .mam-profile-placeholder i {
  font-size: 48px !important;
  color: #1976d2 !important;
  opacity: 0.6 !important;
}

/* Matched Badge */
.mam-matched-card-photo .mam-matched-badge {
  position: absolute !important;
  top: 12px !important;
  left: 12px !important;
  background: linear-gradient(135deg, #e91e63 0%, #c2185b 100%) !important;
  color: #fffaec !important;
  padding: 6px 12px !important;
  border-radius: 20px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  box-shadow: 0 2px 8px rgba(233, 30, 99, 0.4) !important;
}

.mam-matched-card-photo .mam-matched-badge i {
  font-size: 10px !important;
}

/* Card Info */
.mam-matched-card-info {
  padding: 16px !important;
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
}

.mam-matched-card-name {
  font-size: 18px !important;
  font-weight: 600 !important;
  color: #1a3d2e !important;
  margin: 0 0 8px 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.mam-matched-card-name .mam-verified-tick {
  color: #2196f3 !important;
  font-size: 14px !important;
}

.mam-matched-card-meta {
  font-size: 14px !important;
  color: #666 !important;
  margin: 0 0 6px 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.mam-matched-card-meta i {
  font-size: 12px !important;
  color: #999 !important;
  width: 14px !important;
}

.mam-matched-card-meta.mam-matched-since {
  font-size: 12px !important;
  color: #888 !important;
  margin-bottom: 12px !important;
}

/* Card Actions */
.mam-matched-card-actions {
  display: flex !important;
  gap: 8px !important;
  margin-top: auto !important;
  padding-top: 12px !important;
}

.mam-matched-card-actions .mam-btn {
  flex: 1 !important;
  padding: 10px 12px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  text-align: center !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  transition: all 0.3s ease !important;
}

.mam-matched-card-actions .mam-btn-primary {
  background: linear-gradient(135deg, #1a3d2e 0%, #2e5a47 100%) !important;
  color: #fffaec !important;
  border: none !important;
}

.mam-matched-card-actions .mam-btn-primary:hover {
  background: linear-gradient(135deg, #2e5a47 0%, #1a3d2e 100%) !important;
}

.mam-matched-card-actions .mam-btn-outline {
  background: transparent !important;
  color: #1a3d2e !important;
  border: 2px solid #1a3d2e !important;
}

.mam-matched-card-actions .mam-btn-outline:hover {
  background: #1a3d2e !important;
  color: #fffaec !important;
}

/* Empty State */
.mam-matched-slider-section .mam-empty-state {
  text-align: center !important;
  padding: 60px 30px !important;
  background: linear-gradient(135deg, #f5f5f5 0%, #eeeeee 100%) !important;
  border-radius: 16px !important;
}

.mam-matched-slider-section .mam-empty-state i {
  font-size: 48px !important;
  color: #ccc !important;
  margin-bottom: 16px !important;
}

.mam-matched-slider-section .mam-empty-state h3 {
  font-size: 22px !important;
  color: #333 !important;
  margin: 0 0 10px 0 !important;
}

.mam-matched-slider-section .mam-empty-state p {
  font-size: 15px !important;
  color: #666 !important;
  margin: 0 0 20px 0 !important;
}

/* Pagination */
.mam-matched-slider-section .swiper-pagination {
  position: relative !important;
  margin-top: 20px !important;
}

.mam-matched-slider-section .swiper-pagination-bullet {
  width: 10px !important;
  height: 10px !important;
  background: #ccc !important;
  opacity: 1 !important;
  transition: all 0.3s ease !important;
}

.mam-matched-slider-section .swiper-pagination-bullet-active {
  background: #1a3d2e !important;
  width: 24px !important;
  border-radius: 5px !important;
}

/* Responsive */
@media (max-width: 1024px) {
  .mam-matched-slider-wrapper {
    padding: 0 45px;
  }

  .mam-matched-card-photo {
    height: 200px !important;
  }
}

@media (max-width: 768px) {
  .mam-matched-slider-section {
    padding: 20px 0;
  }

  .mam-matched-slider-title {
    font-size: 22px !important;
  }

  .mam-matched-slider-wrapper {
    padding: 0 40px;
  }

  .mam-matched-slider-nav {
    width: 36px !important;
    height: 36px !important;
    font-size: 14px !important;
  }

  .mam-matched-card-photo {
    height: 180px !important;
  }

  .mam-matched-card-info {
    padding: 12px !important;
  }

  .mam-matched-card-name {
    font-size: 16px !important;
  }

  .mam-matched-card-actions .mam-btn {
    padding: 8px 10px !important;
    font-size: 12px !important;
  }
}

@media (max-width: 480px) {
  .mam-matched-slider-title {
    font-size: 20px !important;
    flex-wrap: wrap;
  }

  .mam-matched-slider-wrapper {
    padding: 0 35px;
  }

  .mam-matched-slider-nav {
    width: 32px !important;
    height: 32px !important;
    font-size: 12px !important;
  }

  .mam-matched-card-photo {
    height: 160px !important;
  }

  .mam-matched-card-info {
    padding: 10px !important;
  }

  .mam-matched-card-name {
    font-size: 14px !important;
  }

  .mam-matched-card-meta {
    font-size: 12px !important;
  }

  .mam-matched-card-actions {
    flex-direction: column !important;
    gap: 6px !important;
  }

  .mam-matched-card-actions .mam-btn {
    padding: 10px !important;
  }
}

/* ==============================================
   TESTIMONIAL SECTION & POPUP
   ============================================== */

/* Testimonial Card in Dashboard */
.mam-dash-testimonial-card {
  background: linear-gradient(135deg, #0a2e1f 0%, #1a4a35 100%);
  border-radius: 16px;
  padding: 30px;
  margin: 30px 0;
  color: #fffaec;
}

.mam-testimonial-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 15px;
}

.mam-testimonial-header i {
  font-size: 28px;
  color: #bfa86b;
}

.mam-testimonial-header h3 {
  margin: 0;
  color: #fffaec;
  font-size: 22px;
}

.mam-testimonial-intro {
  color: rgba(255, 250, 236, 0.8);
  margin-bottom: 25px;
  font-size: 15px;
}

.mam-testimonial-form .mam-form-group {
  margin-bottom: 20px;
}

.mam-testimonial-form label {
  display: block;
  color: #bfa86b;
  font-weight: 600;
  margin-bottom: 8px;
  font-size: 14px;
}

.mam-testimonial-form input[type="text"],
.mam-testimonial-form textarea {
  width: 100%;
  padding: 12px 15px;
  border: 1px solid rgba(191, 168, 107, 0.3);
  border-radius: 8px;
  background: rgba(255, 250, 236, 0.1);
  color: #fffaec;
  font-size: 15px;
  transition: all 0.3s ease;
}

.mam-testimonial-form input[type="text"]:focus,
.mam-testimonial-form textarea:focus {
  border-color: #bfa86b;
  background: rgba(255, 250, 236, 0.15);
  outline: none;
}

.mam-testimonial-form input[type="text"]::placeholder,
.mam-testimonial-form textarea::placeholder {
  color: rgba(255, 250, 236, 0.5);
}

/* Star Rating Input */
.mam-star-rating-input {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  gap: 4px;
}

.mam-star-rating-input input {
  display: none;
}

.mam-star-rating-input label {
  cursor: pointer;
  font-size: 28px;
  color: rgba(255, 250, 236, 0.25);
  transition: all 0.15s ease;
  margin: 0 !important;
  position: relative;
}

/* Filled gold star styles */
.mam-star-rating-input label:hover,
.mam-star-rating-input label:hover ~ label,
.mam-star-rating-input input:checked ~ label {
  color: #bfa86b;
  text-shadow: 0 0 8px rgba(191, 168, 107, 0.5);
  transform: scale(1.1);
}

/* Hover animation */
.mam-star-rating-input label:hover {
  transform: scale(1.2);
}

.mam-star-rating-large label {
  font-size: 36px;
}

/* Half star rating support */
.mam-star-rating-half {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 2px;
  position: relative;
}

.mam-star-rating-half input {
  display: none;
}

.mam-star-rating-half .mam-star-wrapper {
  position: relative;
  display: inline-block;
  font-size: 28px;
  cursor: pointer;
}

.mam-star-rating-half .mam-star-wrapper i {
  color: rgba(255, 250, 236, 0.25);
  transition: all 0.15s ease;
}

.mam-star-rating-half .mam-star-wrapper:hover i,
.mam-star-rating-half .mam-star-wrapper.active i,
.mam-star-rating-half .mam-star-wrapper.half-active i {
  color: #bfa86b;
  text-shadow: 0 0 8px rgba(191, 168, 107, 0.5);
}

.mam-star-rating-half .mam-star-wrapper:hover {
  transform: scale(1.15);
}

.mam-star-rating-half .mam-star-half-left,
.mam-star-rating-half .mam-star-half-right {
  position: absolute;
  top: 0;
  height: 100%;
  cursor: pointer;
}

.mam-star-rating-half .mam-star-half-left {
  left: 0;
  width: 50%;
}

.mam-star-rating-half .mam-star-half-right {
  right: 0;
  width: 50%;
}

.mam-star-rating-half .rating-value {
  margin-left: 12px;
  font-size: 18px;
  font-weight: 600;
  color: #bfa86b;
  min-width: 45px;
}

/* Large half-star rating (for popup) */
.mam-star-rating-half.mam-star-rating-large {
  justify-content: center;
  gap: 4px;
}

.mam-star-rating-half.mam-star-rating-large .mam-star-wrapper {
  font-size: 36px;
}

.mam-star-rating-half.mam-star-rating-large .rating-value {
  font-size: 24px;
  margin-left: 16px;
}

/* Testimonial Popup */
.mam-testimonial-popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99999;
  padding: 20px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}

.mam-testimonial-popup-overlay.active {
  opacity: 1;
  visibility: visible;
}

.mam-testimonial-popup {
  background: linear-gradient(135deg, #0a2e1f 0%, #1a4a35 100%);
  border-radius: 20px;
  padding: 40px;
  max-width: 480px;
  width: 100%;
  position: relative;
  transform: scale(0.9);
  transition: transform 0.3s ease;
}

.mam-testimonial-popup-overlay.active .mam-testimonial-popup {
  transform: scale(1);
}

.mam-popup-close {
  position: absolute;
  top: 15px;
  right: 15px;
  background: rgba(255, 250, 236, 0.1);
  border: none;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  color: #fffaec;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

.mam-popup-close:hover {
  background: rgba(255, 250, 236, 0.2);
}

.mam-popup-icon {
  text-align: center;
  margin-bottom: 20px;
}

.mam-popup-icon i {
  font-size: 48px;
  color: #bfa86b;
}

.mam-testimonial-popup h3 {
  text-align: center;
  color: #fffaec;
  margin: 0 0 10px;
  font-size: 24px;
}

.mam-testimonial-popup > p {
  text-align: center;
  color: rgba(255, 250, 236, 0.8);
  margin-bottom: 25px;
}

.mam-testimonial-popup-form .mam-form-group {
  margin-bottom: 20px;
}

.mam-testimonial-popup-form .mam-star-rating-input {
  justify-content: center;
}

.mam-testimonial-popup-form textarea {
  width: 100%;
  padding: 15px;
  border: 1px solid rgba(191, 168, 107, 0.3);
  border-radius: 10px;
  background: rgba(255, 250, 236, 0.1);
  color: #fffaec;
  font-size: 15px;
  resize: none;
}

.mam-testimonial-popup-form textarea:focus {
  border-color: #bfa86b;
  outline: none;
}

.mam-testimonial-popup-form textarea::placeholder {
  color: rgba(255, 250, 236, 0.5);
}

.mam-popup-actions {
  display: flex;
  gap: 12px;
  justify-content: center;
  margin-top: 20px;
}

.mam-popup-actions .mam-btn {
  min-width: 130px;
}

.mam-popup-actions .mam-btn-outline,
#mam-testimonial-popup-later {
  background: transparent !important;
  border: 2px solid #bfa86b !important;
  color: #bfa86b !important;
  font-weight: 500;
  padding: 12px 24px;
  border-radius: 8px;
  cursor: pointer;
  font-size: 14px;
}

.mam-popup-actions .mam-btn-outline:hover,
#mam-testimonial-popup-later:hover {
  background: rgba(191, 168, 107, 0.15) !important;
  border-color: #bfa86b !important;
  color: #bfa86b !important;
}

/* Responsive */
@media (max-width: 576px) {
  .mam-testimonial-popup {
    padding: 30px 20px;
  }

  .mam-popup-actions {
    flex-direction: column;
  }

  .mam-popup-actions .mam-btn {
    width: 100%;
  }
}

/* =============================================
   LANGUAGE SWITCHER WIDGET
   ============================================= */

.mam-language-switcher {
  position: relative;
  display: inline-flex;
}

.mam-lang-current {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  padding: 4px;
  border-radius: 25px;
  transition: background 0.2s ease;
}

.mam-lang-current:hover {
  background: rgba(255, 250, 236, 0.1);
}

.mam-lang-arrow {
  font-size: 10px;
  color: #bfa86b;
  transition: transform 0.2s ease;
}

.mam-language-switcher.open .mam-lang-arrow,
.mam-language-switcher.mam-lang-hover:hover .mam-lang-arrow {
  transform: rotate(180deg);
}

.mam-lang-flag {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid #bfa86b;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0a3d2c;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  flex-shrink: 0;
}

.mam-lang-flag svg {
  width: 130%;
  height: 130%;
  object-fit: cover;
}

.mam-lang-label {
  font-size: 12px;
  font-weight: 600;
  color: #fffaec;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Dropdown */
.mam-lang-dropdown {
  position: absolute;
  background: #0a3d2c;
  border: 1px solid #bfa86b;
  border-radius: 12px;
  padding: 8px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: all 0.2s ease;
  z-index: 1000;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

/* Dropdown positions */
.mam-lang-dropdown-bottom .mam-lang-dropdown {
  top: 100%;
  left: 50%;
  transform: translateX(-50%) translateY(10px);
  margin-top: 8px;
}

.mam-lang-dropdown-top .mam-lang-dropdown {
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%) translateY(-10px);
  margin-bottom: 8px;
}

.mam-lang-dropdown-left .mam-lang-dropdown {
  right: 100%;
  top: 50%;
  transform: translateY(-50%) translateX(-10px);
  margin-right: 8px;
}

.mam-lang-dropdown-right .mam-lang-dropdown {
  left: 100%;
  top: 50%;
  transform: translateY(-50%) translateX(10px);
  margin-left: 8px;
}

/* Show dropdown on hover */
.mam-language-switcher.mam-lang-hover:hover .mam-lang-dropdown {
  opacity: 1;
  visibility: visible;
}

.mam-lang-dropdown-bottom.mam-lang-hover:hover .mam-lang-dropdown {
  transform: translateX(-50%) translateY(0);
}

.mam-lang-dropdown-top.mam-lang-hover:hover .mam-lang-dropdown {
  transform: translateX(-50%) translateY(0);
}

.mam-lang-dropdown-left.mam-lang-hover:hover .mam-lang-dropdown {
  transform: translateY(-50%) translateX(0);
}

.mam-lang-dropdown-right.mam-lang-hover:hover .mam-lang-dropdown {
  transform: translateY(-50%) translateX(0);
}

/* Show dropdown on click */
.mam-language-switcher.mam-lang-click.open .mam-lang-dropdown {
  opacity: 1;
  visibility: visible;
}

.mam-lang-dropdown-bottom.mam-lang-click.open .mam-lang-dropdown {
  transform: translateX(-50%) translateY(0);
}

.mam-lang-dropdown-top.mam-lang-click.open .mam-lang-dropdown {
  transform: translateX(-50%) translateY(0);
}

.mam-lang-dropdown-left.mam-lang-click.open .mam-lang-dropdown {
  transform: translateY(-50%) translateX(0);
}

.mam-lang-dropdown-right.mam-lang-click.open .mam-lang-dropdown {
  transform: translateY(-50%) translateX(0);
}

/* Always show language dropdown on hover (desktop) */
@media (min-width: 769px) {
  .mam-language-switcher.mam-lang-click:hover .mam-lang-dropdown {
    opacity: 1;
    visibility: visible;
  }
  .mam-language-switcher.mam-lang-click:hover .mam-lang-arrow {
    transform: rotate(180deg);
  }
  .mam-lang-dropdown-bottom.mam-lang-click:hover .mam-lang-dropdown {
    transform: translateX(-50%) translateY(0);
  }
  .mam-lang-dropdown-top.mam-lang-click:hover .mam-lang-dropdown {
    transform: translateX(-50%) translateY(0);
  }
  .mam-lang-dropdown-left.mam-lang-click:hover .mam-lang-dropdown {
    transform: translateY(-50%) translateX(0);
  }
  .mam-lang-dropdown-right.mam-lang-click:hover .mam-lang-dropdown {
    transform: translateY(-50%) translateX(0);
  }
}

/* Dropdown item */
.mam-lang-item {
  display: flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  padding: 4px;
  border-radius: 20px;
  transition: background 0.2s ease;
}

.mam-lang-item:hover {
  background: rgba(255, 250, 236, 0.1);
}

.mam-lang-dropdown .mam-lang-flag {
  width: 36px;
  height: 36px;
}

/* =============================================
   VIEWER MATCHED NOTICE
   ============================================= */

.mam-viewer-matched-notice {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 14px 20px;
  background: rgba(191, 168, 107, 0.12);
  border: 1px solid rgba(191, 168, 107, 0.3);
  border-radius: var(--mam-radius-sm, 8px);
  color: #bfa86b;
  font-size: 14px;
  font-weight: 500;
}

.mam-viewer-matched-box {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 16px;
  background: rgba(191, 168, 107, 0.12);
  border: 1px solid rgba(191, 168, 107, 0.3);
  border-radius: var(--mam-radius-sm, 8px);
}

.mam-viewer-matched-box i {
  font-size: 24px;
  margin-top: 2px;
}

.mam-viewer-matched-box h4 {
  color: #bfa86b;
  margin: 0 0 4px;
  font-size: 15px;
}

.mam-viewer-matched-box p {
  color: rgba(255, 250, 236, 0.8);
  margin: 0;
  font-size: 13px;
}

/* ==========================================================================
   INTAKE FORM - New Fields (city autocomplete, other text, photo guidelines)
   ========================================================================== */

/* City Autocomplete */
.mam-city-autocomplete-wrap {
  position: relative;
}

.mam-city-suggestions {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 100;
  background: #094239;
  border: 1px solid rgba(191, 168, 107, 0.3);
  border-top: none;
  border-radius: 0 0 10px 10px;
  max-height: 220px;
  overflow-y: auto;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.mam-city-suggestion {
  padding: 10px 15px;
  color: #fffaec;
  cursor: pointer;
  font-size: 14px;
  transition: background 0.15s;
}

.mam-city-suggestion:hover,
.mam-city-suggestion.active {
  background: rgba(191, 168, 107, 0.2);
  color: #bfa86b;
}

.mam-city-suggestions::-webkit-scrollbar {
  width: 6px;
}

.mam-city-suggestions::-webkit-scrollbar-track {
  background: transparent;
}

.mam-city-suggestions::-webkit-scrollbar-thumb {
  background: rgba(191, 168, 107, 0.3);
  border-radius: 3px;
}

/* "Other, namely:" text input - hidden by default, shown via JS when "other" selected */
.mam-other-text,
.mam-intake-form input.mam-other-text,
.mam-register-wrap input.mam-other-text,
.mam-my-profile-field input.mam-other-text {
  display: none !important;
  margin-top: 8px;
  font-size: 14px !important;
}
.mam-other-text.is-visible,
.mam-intake-form input.mam-other-text.is-visible,
.mam-register-wrap input.mam-other-text.is-visible,
.mam-my-profile-field input.mam-other-text.is-visible {
  display: block !important;
}

/* Custom tag input - type & Enter to add as tag */
.mam-add-custom-tag,
.mam-intake-form input.mam-add-custom-tag,
.mam-my-profile-field input.mam-add-custom-tag {
  display: block !important;
  margin-top: 8px;
  font-size: 14px !important;
  opacity: 0.8;
}
.mam-add-custom-tag:focus,
.mam-intake-form input.mam-add-custom-tag:focus {
  opacity: 1;
}

/* Photo guidelines box */
.mam-photo-guidelines {
  background: rgba(191, 168, 107, 0.1);
  border: 1px solid rgba(191, 168, 107, 0.25);
  border-radius: 10px;
  padding: 14px 18px;
  margin-bottom: 20px;
}

.mam-photo-guidelines p {
  color: rgba(255, 250, 236, 0.85);
  margin: 0;
  font-size: 13px;
  line-height: 1.6;
}

.mam-photo-guidelines i {
  color: #bfa86b !important;
  margin-right: 6px;
}

/* Step description text */
.mam-step-desc {
  color: rgba(255, 250, 236, 0.6);
  font-size: 14px;
  margin-bottom: 16px;
}

/* Checkbox label in intake form */
.mam-intake-wrap .mam-checkbox-label {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  cursor: pointer;
  color: #fffaec;
  font-size: 14px;
}

.mam-intake-wrap .mam-checkbox-label input[type="checkbox"] {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px;
  accent-color: #bfa86b;
  margin-top: 2px;
  cursor: pointer;
}

/* Multi-select in intake: ensure wrapper doesn't break */
.mam-intake-wrap .mam-multi-select {
  width: 100%;
}

/* Submit button accent style */
.mam-intake-wrap .mam-btn-accent {
  background: linear-gradient(
    90deg,
    #927431,
    #bfa86b,
    #eee1b0,
    #f5ecca,
    #fffece,
    #fefefa,
    #f5ecca,
    #eee1b0,
    #bfa86b,
    #927431
  );
  color: #1a0f08;
  border: none;
  font-weight: 700;
  font-size: 16px;
  padding: 14px 32px;
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.mam-intake-wrap .mam-btn-accent:hover {
  background: linear-gradient(
    90deg,
    #927431,
    #bfa86b,
    #eee1b0,
    #f5ecca,
    #fffece,
    #fefefa,
    #f5ecca,
    #eee1b0,
    #bfa86b,
    #927431
  );
  transform: translateY(-1px);
  box-shadow: 0 4px 15px rgba(191, 168, 107, 0.4);
}

.mam-intake-wrap .mam-btn-lg {
  padding: 14px 36px;
  font-size: 16px;
}

/* ============================================
   SUBTLE GOLD BORDERS
   Low-opacity gold for a clean modern look
   ============================================ */
.mam-form-step,
.mam-settings-card,
.mam-payment-card,
.mam-favorites-card,
.mam-my-profile-section,
.mam-report-modal-content,
.mam-share-modal-content,
.mam-photo-modal-content,
.mam-interest-modal-content {
  border: 1px solid rgba(191, 168, 107, 0.15) !important;
}

/* No border on profile cards and dashboard cards */
.mam-profile-card,
.mam-profiles-page .mam-profile-card {
  border: none !important;
  border-image: none !important;
}

/* Gold border for form inputs on focus */
.mam-form-step input:focus,
.mam-form-step select:focus,
.mam-form-step textarea:focus,
.mam-my-profile-field input:focus,
.mam-my-profile-field select:focus,
.mam-my-profile-field textarea:focus,
.mam-settings-card input:focus,
.mam-settings-card select:focus {
  border-color: rgba(191, 168, 107, 0.5) !important;
  box-shadow: 0 0 0 3px rgba(191, 168, 107, 0.1) !important;
  outline: none !important;
}

/* Gold border for outline buttons */
.mam-btn-outline,
.mam-intake-wrap .mam-btn-outline,
.mam-form-step .mam-btn-outline {
  border: 1px solid rgba(191, 168, 107, 0.4) !important;
}

/* ============================================
   GLOBAL TYPOGRAPHY - Cinzel & Antic
   ============================================ */

/* Antic for all body text, descriptions, paragraphs */
[class*="mam-"],
[class*="mam-"] p,
[class*="mam-"] span,
[class*="mam-"] label,
[class*="mam-"] input,
[class*="mam-"] select,
[class*="mam-"] textarea,
[class*="mam-"] li,
[class*="mam-"] td,
[class*="mam-"] th,
[class*="mam-"] .mam-btn {
  font-family: "Antic", sans-serif !important;
}

/* Cinzel for all titles, headings */
[class*="mam-"] h1,
[class*="mam-"] h2,
[class*="mam-"] h3,
[class*="mam-"] h4,
[class*="mam-"] h5,
[class*="mam-"] h6,
.mam-page-title,
.mam-section-title,
.mam-form-title,
.mam-profile-name,
.mam-profile-section-title,
.mam-dash-card-title,
.mam-settings-title,
.mam-modal-title,
.mam-payment-title,
.mam-favorites-title,
.mam-notifications-title,
.mam-my-profile-title,
.mam-my-profile-section h3,
.mam-intake-wrap h2,
.mam-intake-wrap h3,
.mam-register-title,
.mam-login-title,
.mam-page-heading,
.mam-profile-detail-name {
  font-family: "Cinzel", serif !important;
}

/* Override Font Awesome - must not inherit Antic/Cinzel */
.fa,
.fas,
.far,
.fal,
.fab,
.fad,
.fa-solid,
.fa-regular,
.fa-light,
.fa-brands,
.fa-duotone,
[class*="mam-"] .fa,
[class*="mam-"] .fas,
[class*="mam-"] .far,
[class*="mam-"] .fab,
[class*="mam-"] i[class*="fa-"] {
  font-family: "Font Awesome 6 Free", "FontAwesome", sans-serif !important;
}

[class*="mam-"] .fab,
[class*="mam-"] .fa-brands {
  font-family: "Font Awesome 6 Brands", "FontAwesome", sans-serif !important;
}

/* ===== Gender-Specific Photo Placeholders ===== */
.mam-gender-placeholder {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  border: none !important;
  z-index: 0 !important;
}

/* Male placeholder: blue → dark gold → gold */
.mam-gender-placeholder.mam-gender-male {
  background: linear-gradient(
    135deg,
    #0008c2 0%,
    #896d32 50%,
    #e7cc6d 100%
  ) !important;
}

/* Female placeholder: magenta → dark gold → gold */
.mam-gender-placeholder.mam-gender-female {
  background: linear-gradient(
    135deg,
    #8b0086 0%,
    #947530 50%,
    #e7cc6d 100%
  ) !important;
}

/* Person silhouette — body touches bottom edge like Canva */
.mam-gender-placeholder .mam-placeholder-silhouette {
  position: absolute !important;
  bottom: -11px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 65% !important;
  height: 85% !important;
  fill: #094239 !important;
  object-fit: contain !important;
  object-position: bottom center !important;
  opacity: 1 !important;
  z-index: 1 !important;
}

/* Card placeholders — no border, inherit radius */
.mam-card-photo .mam-gender-placeholder,
.mam-matched-card-photo .mam-gender-placeholder {
  border: none !important;
  border-radius: inherit !important;
}

/* Profile detail hero placeholder — same as card placeholders */
.mam-profile-hero-photo .mam-gender-placeholder {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  border: none !important;
  border-radius: inherit !important;
  z-index: 0 !important;
}

/* Profile detail hero silhouette — same as card silhouettes */
.mam-profile-hero-photo .mam-placeholder-silhouette {
  position: absolute !important;
  bottom: -11px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 65% !important;
  height: 85% !important;
  fill: #094239 !important;
  opacity: 1 !important;
  z-index: 1 !important;
}

/* ========================================
   Dashboard Gender Placeholder Fixes
   ======================================== */

/* Ensure containers have position:relative for absolute placeholder */
.mam-recent-photo {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 50% !important;
}

/* Circular containers: inherit border-radius from parent */
.mam-suggestion-photo .mam-gender-placeholder,
.mam-viewer-avatar .mam-gender-placeholder,
.mam-recent-photo .mam-gender-placeholder {
  border-radius: 50% !important;
}

/* Rectangular container (Today's Picks / Verified Profiles): no border-radius */
.mam-daily-pick-photo .mam-gender-placeholder {
  border-radius: 0 !important;
}

/* Silhouette sizing inside dashboard circular containers */
.mam-suggestion-photo .mam-placeholder-silhouette,
.mam-viewer-avatar .mam-placeholder-silhouette,
.mam-recent-photo .mam-placeholder-silhouette {
  width: 75% !important;
  height: 75% !important;
  bottom: -5px !important;
}

/* Silhouette sizing inside daily-pick rectangular containers */
.mam-daily-pick-photo .mam-placeholder-silhouette {
  width: 55% !important;
  height: 80% !important;
  bottom: -8px !important;
}

/* ========================================
   Lightbox Button Overrides
   (counter the button[class*="mam-"] all:unset)
   ======================================== */
button.mam-lightbox-close,
.mam-lightbox-overlay button.mam-lightbox-close {
  position: absolute !important;
  top: 20px !important;
  right: 20px !important;
  width: 50px !important;
  height: 50px !important;
  background: rgba(255, 250, 236, 0.15) !important;
  border: 2px solid rgba(255, 250, 236, 0.4) !important;
  border-radius: 50% !important;
  color: #fffaec !important;
  font-size: 24px !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.3s ease !important;
  z-index: 10 !important;
  padding: 0 !important;
}

button.mam-lightbox-close:hover,
.mam-lightbox-overlay button.mam-lightbox-close:hover {
  background: rgba(220, 53, 69, 0.8) !important;
  border-color: #dc3545 !important;
  transform: rotate(90deg) !important;
}

button.mam-lightbox-nav,
.mam-lightbox-overlay button.mam-lightbox-nav {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 60px !important;
  height: 60px !important;
  background: rgba(191, 168, 107, 0.2) !important;
  border: 2px solid rgba(191, 168, 107, 0.5) !important;
  border-radius: 50% !important;
  color: #bfa86b !important;
  font-size: 24px !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.3s ease !important;
  z-index: 5 !important;
  padding: 0 !important;
}

button.mam-lightbox-nav:hover,
.mam-lightbox-overlay button.mam-lightbox-nav:hover {
  background: rgba(191, 168, 107, 0.4) !important;
  border-color: #bfa86b !important;
  transform: translateY(-50%) scale(1.1) !important;
}

button.mam-lightbox-prev,
.mam-lightbox-overlay button.mam-lightbox-prev {
  left: 20px !important;
}

button.mam-lightbox-next,
.mam-lightbox-overlay button.mam-lightbox-next {
  right: 20px !important;
}

/* Gallery nav buttons inside action cards - override all:unset */
button.mam-gallery-prev,
button.mam-gallery-next {
  width: 24px !important;
  height: 24px !important;
  border-radius: 50% !important;
  background: rgba(0, 0, 0, 0.5) !important;
  border: none !important;
  color: #fffaec !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  pointer-events: auto !important;
  font-size: 10px !important;
  padding: 0 !important;
}

button.mam-gallery-prev:hover,
button.mam-gallery-next:hover {
  background: rgba(0, 0, 0, 0.7) !important;
}

/* ========================================
   Action Center Photo Container Fix
   ======================================== */
.mam-photo-action-card {
  min-height: 140px !important;
}

.mam-photo-action-image {
  height: auto !important;
  min-height: 140px !important;
  align-self: stretch !important;
}

.mam-photo-action-image img.mam-gallery-main {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
}

/* ========================================
   Recently Viewed Photo Cover Fix
   ======================================== */
.mam-recent-photo {
  width: 70px !important;
  height: 70px !important;
}

.mam-recent-photo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 50% !important;
}

/* ========================================
   Availability Suggestion Feature
   ======================================== */

/* Female: Availability Section */
.mam-availability-section {
  width: 100%;
  margin-top: 12px;
  padding: 16px;
  background: rgba(191, 168, 107, 0.06);
  border: 1px solid rgba(191, 168, 107, 0.15);
  border-radius: 10px;
}

.mam-availability-header h5 {
  color: #bfa86b !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  margin: 0 0 6px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-family: "Cinzel", serif !important;
}

.mam-availability-subtitle {
  color: rgba(255, 250, 236, 0.6) !important;
  font-size: 13px !important;
  margin: 0 0 16px !important;
  font-family: "Antic", sans-serif !important;
}

/* Current slots as tags */
.mam-availability-current-slots {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 16px;
}

.mam-availability-slot-tag {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 6px 12px !important;
  background: rgba(191, 168, 107, 0.15) !important;
  border: 1px solid rgba(191, 168, 107, 0.3) !important;
  border-radius: 20px !important;
  color: #fffaec !important;
  font-size: 13px !important;
  font-family: "Antic", sans-serif !important;
}

.mam-availability-slot-tag i {
  color: #bfa86b !important;
}

.mam-availability-slot-tag .mam-remove-slot {
  background: rgba(220, 53, 69, 0.6) !important;
  border: none !important;
  color: #fffaec !important;
  width: 20px !important;
  height: 20px !important;
  border-radius: 50% !important;
  font-size: 14px !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  line-height: 1 !important;
  transition: background 0.2s !important;
}

.mam-availability-slot-tag .mam-remove-slot:hover {
  background: rgba(220, 53, 69, 0.9) !important;
}

/* Add form row */
.mam-availability-add-form {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 4px;
}

.mam-availability-inputs {
  display: flex;
  gap: 10px;
}

.mam-availability-inputs input[type="date"],
.mam-availability-inputs select {
  flex: 1;
  padding: 8px 12px !important;
  background: rgba(255, 250, 236, 0.1) !important;
  border: 1px solid rgba(255, 250, 236, 0.2) !important;
  border-radius: 8px !important;
  color: #fffaec !important;
  font-size: 13px !important;
  font-family: "Antic", sans-serif !important;
  display: inline-block !important;
  width: auto !important;
  height: auto !important;
}

.mam-availability-inputs select option {
  background: #094239 !important;
  color: #fffaec !important;
}

/* Male: Availability hints */
.mam-availability-hints {
  width: 100%;
  margin-bottom: 10px;
  padding: 12px;
  background: rgba(191, 168, 107, 0.08);
  border: 1px solid rgba(191, 168, 107, 0.2);
  border-radius: 8px;
}

.mam-availability-hint-title {
  color: #bfa86b !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  margin: 0 0 8px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.mam-availability-hint-slots {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

/* Override for availability pick buttons */
button.mam-availability-pick {
  background: rgba(191, 168, 107, 0.15) !important;
  border: 1px solid rgba(191, 168, 107, 0.4) !important;
  color: #fffaec !important;
  box-shadow: none !important;
  font-size: 12px !important;
  padding: 6px 10px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  border-radius: 6px !important;
  font-family: "Antic", sans-serif !important;
}

button.mam-availability-pick:hover {
  background: rgba(191, 168, 107, 0.3) !important;
  border-color: rgba(191, 168, 107, 0.6) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 2px 8px rgba(191, 168, 107, 0.2) !important;
}

button.mam-availability-pick i {
  color: #bfa86b !important;
}

/* Cancel Match Button */
.mam-cancel-match-section {
  width: 100%;
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid rgba(255, 250, 236, 0.08);
  text-align: center;
}

button.mam-cancel-match-btn {
  background: rgba(220, 53, 69, 0.15) !important;
  border: 1px solid rgba(220, 53, 69, 0.5) !important;
  color: #e85d6f !important;
  font-size: 13px !important;
  padding: 8px 18px !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  border-radius: 8px !important;
  font-family: "Antic", sans-serif !important;
  font-weight: 500 !important;
}

button.mam-cancel-match-btn:hover {
  background: rgba(220, 53, 69, 0.3) !important;
  border-color: #dc3545 !important;
  color: #ff6b7d !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(220, 53, 69, 0.25) !important;
}

button.mam-cancel-match-btn i {
  color: inherit !important;
  font-size: 12px !important;
}

/* Responsive: stack availability inputs on mobile */
@media (max-width: 480px) {
  .mam-availability-inputs {
    flex-direction: column;
  }

  .mam-availability-hint-slots {
    flex-direction: column;
  }

  button.mam-availability-pick {
    width: 100% !important;
    text-align: center !important;
    justify-content: center !important;
  }
}

/* ========================================
   Cancel Match Confirmation Popup (Danger)
   ======================================== */
.mam-cancel-confirm-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999999;
  transition: background 0.3s ease;
  padding: 20px;
}

.mam-cancel-confirm-overlay.active {
  background: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(4px);
}

.mam-cancel-confirm-modal {
  background: linear-gradient(145deg, #0d2e28, #094239, #0d2e28) !important;
  border: 1px solid rgba(220, 53, 69, 0.3) !important;
  border-radius: 16px !important;
  padding: 32px 28px !important;
  max-width: 420px !important;
  width: 100% !important;
  text-align: center !important;
  transform: scale(0.8) translateY(20px);
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  box-shadow:
    0 20px 60px rgba(0, 0, 0, 0.5),
    0 0 40px rgba(220, 53, 69, 0.1) !important;
  position: relative;
  overflow: hidden;
}

.mam-cancel-confirm-modal::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(
    90deg,
    transparent,
    #dc3545,
    #ff6b7d,
    #dc3545,
    transparent
  );
}

.mam-cancel-confirm-overlay.active .mam-cancel-confirm-modal {
  transform: scale(1) translateY(0);
  opacity: 1;
}

.mam-cancel-confirm-icon {
  width: 64px;
  height: 64px;
  margin: 0 auto 16px;
  border-radius: 50%;
  background: rgba(220, 53, 69, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid rgba(220, 53, 69, 0.3);
}

.mam-cancel-confirm-icon i {
  font-size: 28px !important;
  color: #e85d6f !important;
  animation: mam-shake 0.5s ease-in-out 0.3s;
}

@keyframes mam-shake {
  0%,
  100% {
    transform: rotate(0);
  }
  20% {
    transform: rotate(-12deg);
  }
  40% {
    transform: rotate(12deg);
  }
  60% {
    transform: rotate(-8deg);
  }
  80% {
    transform: rotate(8deg);
  }
}

.mam-cancel-confirm-title {
  color: #e85d6f !important;
  font-size: 20px !important;
  font-family: "Cinzel", serif !important;
  font-weight: 700 !important;
  margin: 0 0 12px !important;
}

.mam-cancel-confirm-message {
  color: rgba(255, 250, 236, 0.8) !important;
  font-size: 14px !important;
  font-family: "Antic", sans-serif !important;
  line-height: 1.6 !important;
  margin: 0 0 24px !important;
}

.mam-cancel-confirm-message strong {
  color: #fffaec !important;
  font-weight: 600 !important;
}

.mam-cancel-confirm-buttons {
  display: flex;
  gap: 12px;
  justify-content: center;
}

/* Go Back button */
button.mam-cancel-confirm-no {
  background: #094239 !important;
  border: 1px solid rgba(255, 250, 236, 0.2) !important;
  color: #fffaec !important;
  padding: 10px 22px !important;
  border-radius: 10px !important;
  font-size: 14px !important;
  font-family: "Antic", sans-serif !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

button.mam-cancel-confirm-no:hover {
  background: rgba(255, 250, 236, 0.15) !important;
  border-color: rgba(255, 250, 236, 0.4) !important;
}

/* Yes, Cancel button */
button.mam-cancel-confirm-yes {
  background: linear-gradient(135deg, #dc3545, #c82333) !important;
  border: 1px solid #dc3545 !important;
  color: #fffaec !important;
  padding: 10px 22px !important;
  border-radius: 10px !important;
  font-size: 14px !important;
  font-family: "Antic", sans-serif !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  box-shadow: 0 4px 15px rgba(220, 53, 69, 0.3) !important;
}

button.mam-cancel-confirm-yes:hover {
  background: linear-gradient(135deg, #e04555, #dc3545) !important;
  box-shadow: 0 6px 20px rgba(220, 53, 69, 0.45) !important;
  transform: translateY(-1px) !important;
}

button.mam-cancel-confirm-yes:disabled {
  opacity: 0.7 !important;
  cursor: not-allowed !important;
  transform: none !important;
}

button.mam-cancel-confirm-no i,
button.mam-cancel-confirm-yes i {
  color: inherit !important;
  font-size: 13px !important;
}

/* Block User Confirmation Popup */
.mam-block-confirm-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999999;
  transition: background 0.3s ease;
  padding: 20px;
}

.mam-block-confirm-overlay.active {
  background: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(4px);
}

.mam-block-confirm-modal {
  background: linear-gradient(145deg, #0d2e28, #094239, #0d2e28) !important;
  border: 1px solid rgba(245, 158, 11, 0.3) !important;
  border-radius: 16px !important;
  padding: 32px 28px !important;
  max-width: 420px !important;
  width: 100% !important;
  text-align: center !important;
  transform: scale(0.8) translateY(20px);
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  box-shadow:
    0 20px 60px rgba(0, 0, 0, 0.5),
    0 0 40px rgba(245, 158, 11, 0.1) !important;
  position: relative;
  overflow: hidden;
}

.mam-block-confirm-modal::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(
    90deg,
    transparent,
    #f59e0b,
    #fbbf24,
    #f59e0b,
    transparent
  );
}

.mam-block-confirm-overlay.active .mam-block-confirm-modal {
  transform: scale(1) translateY(0);
  opacity: 1;
}

.mam-block-confirm-icon {
  width: 64px;
  height: 64px;
  margin: 0 auto 16px;
  border-radius: 50%;
  background: rgba(245, 158, 11, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid rgba(245, 158, 11, 0.3);
}

.mam-block-confirm-icon i {
  font-size: 28px !important;
  color: #fbbf24 !important;
  animation: mam-shake 0.5s ease-in-out 0.3s;
}

.mam-block-confirm-title {
  color: #fbbf24 !important;
  font-size: 20px !important;
  font-family: "Cinzel", serif !important;
  font-weight: 700 !important;
  margin: 0 0 12px !important;
}

.mam-block-confirm-message {
  color: rgba(255, 250, 236, 0.8) !important;
  font-size: 14px !important;
  font-family: "Antic", sans-serif !important;
  line-height: 1.6 !important;
  margin: 0 0 24px !important;
}

.mam-block-confirm-message small {
  opacity: 0.7;
}

.mam-block-confirm-buttons {
  display: flex;
  gap: 12px;
  justify-content: center;
}

button.mam-block-confirm-no {
  background: #094239 !important;
  border: 1px solid rgba(255, 250, 236, 0.2) !important;
  color: #fffaec !important;
  padding: 10px 22px !important;
  border-radius: 10px !important;
  font-size: 14px !important;
  font-family: "Antic", sans-serif !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

button.mam-block-confirm-no:hover {
  background: rgba(255, 250, 236, 0.15) !important;
  border-color: rgba(255, 250, 236, 0.4) !important;
}

button.mam-block-confirm-yes {
  background: linear-gradient(135deg, #f59e0b, #d97706) !important;
  border: 1px solid #f59e0b !important;
  color: #fffaec !important;
  padding: 10px 22px !important;
  border-radius: 10px !important;
  font-size: 14px !important;
  font-family: "Antic", sans-serif !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  box-shadow: 0 4px 15px rgba(245, 158, 11, 0.3) !important;
}

button.mam-block-confirm-yes:hover {
  background: linear-gradient(135deg, #fbbf24, #f59e0b) !important;
  box-shadow: 0 6px 20px rgba(245, 158, 11, 0.45) !important;
  transform: translateY(-1px) !important;
}

button.mam-block-confirm-yes:disabled {
  opacity: 0.7 !important;
  cursor: not-allowed !important;
  transform: none !important;
}

button.mam-block-confirm-no i,
button.mam-block-confirm-yes i {
  color: inherit !important;
  font-size: 13px !important;
}

@media (max-width: 480px) {
  .mam-cancel-confirm-modal {
    padding: 24px 20px !important;
  }
  .mam-cancel-confirm-buttons {
    flex-direction: column;
  }
  button.mam-cancel-confirm-no,
  button.mam-cancel-confirm-yes {
    width: 100% !important;
    justify-content: center !important;
  }
}

/* =====================================================
   PHONE WITH COUNTRY CODE STYLING
   ===================================================== */

/* Phone field with country code prefix */
.mam-phone-with-code {
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
}

/* Country code display prefix */
.mam-phone-code {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 55px !important;
  height: 48px !important;
  padding: 0 10px !important;
  background: rgba(191, 168, 107, 0.12) !important;
  border: 1px solid rgba(191, 168, 107, 0.35) !important;
  border-right: none !important;
  border-radius: 12px 0 0 12px !important;
  color: #bfa86b !important;
  font-size: 15px !important;
  font-family: "Antic", sans-serif !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  box-sizing: border-box !important;
}

/* Phone input next to code */
.mam-phone-with-code input[type="tel"] {
  flex: 1 !important;
  height: 48px !important;
  border-radius: 0 12px 12px 0 !important;
  border-left: none !important;
}

/* Country select styling */
.mam-input-field .mam-country-select {
  padding-left: 3rem !important;
}

.mam-country-select {
  width: 100% !important;
  height: 48px !important;
  padding: 0 14px !important;
  font-size: 15px !important;
  background: rgba(255, 250, 236, 0.06) !important;
  border: 1px solid rgba(191, 168, 107, 0.35) !important;
  border-radius: 12px !important;
  color: #fffaec !important;
  font-family: "Antic", sans-serif !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23c9a55c' d='M1 1l5 5 5-5'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  background-size: 12px 8px !important;
  padding-right: 36px !important;
}

.mam-country-select:focus {
  outline: none !important;
  border-color: #bfa86b !important;
  background-color: #094239 !important;
  box-shadow: 0 0 0 2px rgba(191, 168, 107, 0.15) !important;
}

.mam-country-select option {
  background: #0b2e28 !important;
  color: #fffaec !important;
  padding: 8px !important;
}

/* Hidden inputs must stay hidden */
.mam-register-wrap input[type="hidden"],
.mam-login-wrap input[type="hidden"],
.mam-intake-form input[type="hidden"] {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  overflow: hidden !important;
  visibility: hidden !important;
  position: absolute !important;
}

/* ===== Phone Verification (Intake Form) ===== */
.mam-phone-verify-section {
  margin-top: 16px;
  margin-bottom: 8px;
}

.mam-phone-verified-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  background: rgba(40, 167, 69, 0.15);
  border: 1px solid rgba(40, 167, 69, 0.4);
  border-radius: 8px;
  color: #28a745;
  font-family: "Antic", sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.mam-phone-verified-badge i {
  font-size: 18px;
}

.mam-phone-verified-row {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

.mam-change-phone-link {
  font-family: "Antic", sans-serif;
  font-size: 13px;
  color: #bfa86b;
  text-decoration: none;
  opacity: 0.8;
}

.mam-change-phone-link:hover {
  opacity: 1;
  text-decoration: underline;
  color: #eee1b0;
}

.mam-change-phone-link i {
  margin-right: 3px;
}

.mam-intake-send-code {
  border-color: rgba(191, 168, 107, 0.5) !important;
  color: #bfa86b !important;
}

.mam-intake-send-code:hover {
  background: rgba(191, 168, 107, 0.1) !important;
}

.mam-intake-otp-section {
  margin-top: 16px;
  padding: 20px;
  background: rgba(191, 168, 107, 0.06);
  border: 1px solid rgba(191, 168, 107, 0.2);
  border-radius: 10px;
}

.mam-otp-instruction {
  font-family: "Antic", sans-serif;
  font-size: 14px;
  color: #fffaec;
  margin-bottom: 16px;
  text-align: center;
}

.mam-intake-otp-inputs {
  display: flex !important;
  justify-content: center;
  gap: 8px;
  margin-bottom: 16px;
}

.mam-intake-form .mam-intake-otp-inputs .mam-otp-digit {
  all: unset !important;
  display: block !important;
  width: 44px !important;
  height: 52px !important;
  text-align: center !important;
  font-size: 22px !important;
  font-family: "Cinzel", serif !important;
  font-weight: 700 !important;
  color: #fffaec !important;
  background: #094239 !important;
  border: 2px solid rgba(191, 168, 107, 0.3) !important;
  border-radius: 8px !important;
  caret-color: #bfa86b !important;
  box-sizing: border-box !important;
}

.mam-intake-form .mam-intake-otp-inputs .mam-otp-digit:focus {
  border-color: #bfa86b !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(191, 168, 107, 0.2) !important;
}

.mam-intake-otp-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
}

.mam-intake-resend-timer {
  font-family: "Antic", sans-serif;
  font-size: 13px;
  color: rgba(255, 250, 236, 0.5);
}

.mam-intake-resend-link {
  font-family: "Antic", sans-serif;
  font-size: 13px;
  color: #bfa86b;
  text-decoration: underline;
}

.mam-intake-resend-link:hover {
  color: #eee1b0;
}

.mam-intake-change-phone-link {
  font-family: "Antic", sans-serif;
  font-size: 13px;
  color: rgba(255, 250, 236, 0.6);
  text-decoration: none;
  margin-left: auto;
}

.mam-intake-change-phone-link:hover {
  color: #fffaec;
}

.mam-intake-change-phone-link i {
  margin-right: 4px;
}

@media (max-width: 480px) {
  .mam-intake-form .mam-intake-otp-inputs .mam-otp-digit {
    width: 38px !important;
    height: 46px !important;
    font-size: 18px !important;
  }
  .mam-intake-otp-inputs {
    gap: 5px;
  }
}

/* ===== Phone Verification at Login ===== */
.mam-phone-login-form {
  text-align: center;
  padding: 30px 20px;
}

.mam-phone-login-header {
  margin-bottom: 24px;
}

.mam-phone-login-header i {
  font-size: 40px;
  color: #bfa86b;
  margin-bottom: 12px;
  display: block;
}

.mam-phone-login-header h3 {
  font-family: "Cinzel", serif;
  font-size: 20px;
  color: #fffaec;
  margin: 0 0 8px;
}

.mam-phone-login-header p {
  font-family: "Antic", sans-serif;
  font-size: 14px;
  color: rgba(255, 250, 236, 0.7);
  margin: 0 0 6px;
}

.mam-phone-login-header strong {
  color: #bfa86b;
  font-size: 15px;
}

.mam-phone-login-otp {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-bottom: 20px;
}

.mam-phone-login-digit {
  width: 44px !important;
  height: 52px !important;
  text-align: center !important;
  font-size: 22px !important;
  font-family: "Cinzel", serif !important;
  font-weight: 700 !important;
  color: #fffaec !important;
  background: #094239 !important;
  border: 2px solid rgba(191, 168, 107, 0.3) !important;
  border-radius: 8px !important;
  caret-color: #bfa86b !important;
  box-sizing: border-box !important;
  outline: none !important;
}

.mam-phone-login-digit:focus {
  border-color: #bfa86b !important;
  box-shadow: 0 0 0 2px rgba(191, 168, 107, 0.2) !important;
}

.mam-phone-login-form .mam-phone-login-verify {
  margin-bottom: 16px;
}

.mam-phone-login-resend {
  font-family: "Antic", sans-serif;
  font-size: 13px;
}

.mam-phone-login-timer {
  color: rgba(255, 250, 236, 0.5);
}

.mam-phone-login-resend-link {
  color: #bfa86b;
  text-decoration: underline;
}

.mam-phone-login-resend-link:hover {
  color: #eee1b0;
}

@media (max-width: 480px) {
  .mam-phone-login-digit {
    width: 38px !important;
    height: 46px !important;
    font-size: 18px !important;
  }
  .mam-phone-login-otp {
    gap: 5px;
  }
}

/* Block Duration Selector in Confirmation Popup */
.mam-block-duration-wrapper {
  margin: 16px 0 20px;
  text-align: center;
}

.mam-block-duration-label {
  display: block;
  color: rgba(255, 255, 255, 0.7);
  font-family: "Antic", sans-serif;
  font-size: 13px;
  margin-bottom: 8px;
}

.mam-block-duration-select {
  width: 100% !important;
  padding: 10px 14px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(191, 168, 107, 0.3) !important;
  border-radius: 8px !important;
  color: #fff !important;
  font-family: "Antic", sans-serif !important;
  font-size: 14px !important;
  cursor: pointer !important;
  appearance: auto !important;
  -webkit-appearance: auto !important;
  display: block !important;
}

.mam-block-duration-select:focus {
  border-color: rgba(191, 168, 107, 0.6) !important;
  outline: none !important;
}

.mam-block-duration-select option {
  background: #094239;
  color: #fff;
}

/* Blocked User Expiry Badge */
.mam-blocked-user-expiry {
  display: block;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.5);
  font-family: "Antic", sans-serif;
  margin-top: 2px;
}

/* iOS PWA Install Banner / Mac Push Guide */
.mam-ios-install-banner {
  position: fixed;
  bottom: -200px;
  left: 0;
  right: 0;
  z-index: 99999;
  padding: 12px 16px;
  transition: bottom 0.3s ease;
}
.mam-ios-install-banner.is-visible {
  bottom: 0;
}
.mam-ios-install-content {
  background: linear-gradient(135deg, #094239 0%, #0d5e50 100%);
  border: 1px solid rgba(191, 168, 107, 0.3);
  border-radius: 16px 16px 0 0;
  padding: 20px;
  display: flex;
  align-items: flex-start;
  gap: 14px;
  box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.3);
  max-width: 500px;
  margin: 0 auto;
}
.mam-ios-install-icon {
  width: 44px;
  height: 44px;
  min-width: 44px;
  border-radius: 12px;
  background: rgba(191, 168, 107, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #bfa86b;
  font-size: 20px;
}
.mam-ios-install-text {
  flex: 1;
}
.mam-ios-install-text strong {
  display: block;
  color: #fffaec;
  font-family: "Cinzel", serif;
  font-size: 14px;
  margin-bottom: 6px;
}
.mam-ios-install-text p {
  color: rgba(255, 250, 236, 0.8);
  font-family: "Antic", sans-serif;
  font-size: 13px;
  line-height: 1.4;
  margin: 0 0 10px 0;
}
.mam-ios-install-steps {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.mam-ios-install-steps span {
  color: #bfa86b;
  font-family: "Antic", sans-serif;
  font-size: 13px;
  font-weight: 600;
}
.mam-ios-install-steps i {
  margin-left: 4px;
}
.mam-ios-install-dismiss {
  background: none;
  border: none;
  color: rgba(255, 250, 236, 0.5);
  font-size: 18px;
  cursor: pointer;
  padding: 4px;
  line-height: 1;
}
.mam-ios-install-dismiss:hover {
  color: #fffaec;
}

/* Global form input border override — olive green */
input[type="date"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="url"],
select,
textarea {
  border: 1px solid #60796d !important;
  border-radius: 3px;
  padding: 0.5rem 1rem;
  transition: all 0.3s;
  width: 100%;
}

/* ========================================
   Intake Form — Question Number Badges
   ======================================== */

.mam-question-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 24px;
    border-radius: 50%;
    background: rgba(201, 165, 92, 0.15);
    color: #c9a55c;
    font-family: 'Cinzel', serif;
    font-size: 12px;
    font-weight: 700;
    margin-right: 8px;
    flex-shrink: 0;
    line-height: 1;
}

.mam-intake-form label .mam-question-number {
    vertical-align: middle;
}

@media (max-width: 480px) {
    .mam-question-number {
        min-width: 20px;
        height: 20px;
        font-size: 10px;
        margin-right: 6px;
    }
}

/* Field description text (phone, date of birth) */
.mam-intake-form .mam-field-description {
    display: block !important;
    color: rgba(255, 250, 236, 0.6) !important;
    font-size: 13px !important;
    margin-top: 6px !important;
    font-family: 'Antic', sans-serif !important;
    font-style: italic !important;
}

/* Login help text */
.mam-login-help-text {
    color: rgba(255, 250, 236, 0.7) !important;
    font-size: 14px !important;
    margin-bottom: 8px !important;
    font-family: 'Antic', sans-serif !important;
}

/* =====================================================
   SHARE MODAL v2 — Modern Mobile-First Redesign
   ===================================================== */

/* Header */
#mam-share-modal .mam-share-modal-hdr {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 20px 24px 18px;
  border-bottom: 1px solid rgba(191, 168, 107, 0.15);
  position: relative;
}

#mam-share-modal .mam-share-modal-icon-wrap {
  width: 44px;
  height: 44px;
  min-width: 44px;
  border-radius: 12px;
  background: linear-gradient(135deg, #927431, #bfa86b);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: #1a0f08;
}

#mam-share-modal .mam-share-modal-title h3 {
  margin: 0 0 2px;
  font-size: 16px;
  font-weight: 700;
  color: #fffaec !important;
  font-family: 'Cinzel', serif;
}

#mam-share-modal .mam-share-modal-title p {
  margin: 0;
  font-size: 12px;
  color: rgba(255, 250, 236, 0.5) !important;
}

/* Scrollable form body */
#mam-share-modal .mam-modal-content {
  max-height: 92vh;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(191, 168, 107, 0.3) transparent;
}

#mam-share-modal .mam-share-form-body {
  padding: 20px 24px 24px;
}

/* Fields */
#mam-share-modal .mam-share-field {
  margin-bottom: 16px;
}

#mam-share-modal .mam-share-field label {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: rgba(255, 250, 236, 0.75) !important;
  margin-bottom: 7px;
}

#mam-share-modal .mam-share-optional {
  font-weight: 400;
  font-size: 11px;
  color: rgba(255, 250, 236, 0.4) !important;
}

#mam-share-modal .mam-share-field input[type="text"],
#mam-share-modal .mam-share-field input[type="email"],
#mam-share-modal .mam-share-field select,
#mam-share-modal .mam-share-field textarea {
  width: 100%;
  background: rgba(255, 250, 236, 0.06) !important;
  border: 1px solid rgba(191, 168, 107, 0.2) !important;
  border-radius: 10px;
  padding: 11px 14px;
  color: #fffaec !important;
  font-size: 14px;
  transition: border-color 0.2s;
  box-sizing: border-box;
}

#mam-share-modal .mam-share-field input:focus,
#mam-share-modal .mam-share-field select:focus,
#mam-share-modal .mam-share-field textarea:focus {
  border-color: rgba(191, 168, 107, 0.5) !important;
  outline: none;
}

#mam-share-modal .mam-share-field input::placeholder,
#mam-share-modal .mam-share-field textarea::placeholder {
  color: rgba(255, 250, 236, 0.3) !important;
}

#mam-share-modal .mam-share-field select option {
  background: #0d2020;
  color: #fffaec;
}

#mam-share-modal .mam-share-field textarea {
  resize: none;
  min-height: 80px;
}

/* Action buttons */
#mam-share-modal .mam-share-actions {
  display: flex;
  gap: 10px;
  margin-top: 20px;
  padding-top: 18px;
  border-top: 1px solid rgba(191, 168, 107, 0.12);
  flex-wrap: wrap;
}

#mam-share-modal .mam-share-actions .mam-btn-outline {
  flex: 0 0 auto;
  color: rgba(255, 250, 236, 0.6) !important;
  border-color: rgba(255, 250, 236, 0.15) !important;
  background: transparent !important;
}

#mam-share-modal .mam-share-actions .mam-btn-primary {
  flex: 1;
}

/* Mobile — full-screen sheet */
@media (max-width: 600px) {
  #mam-share-modal {
    padding: 0 !important;
    align-items: flex-end !important;
  }

  #mam-share-modal .mam-modal-content {
    border-radius: 20px 20px 0 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    max-height: 90vh !important;
    transform: translateY(40px) !important;
    transition: transform 0.35s cubic-bezier(0.32, 0.72, 0, 1) !important;
  }

  #mam-share-modal.is-open .mam-modal-content {
    transform: translateY(0) !important;
  }

  #mam-share-modal .mam-share-form-body {
    padding: 16px 18px 28px;
  }

  #mam-share-modal .mam-share-modal-hdr {
    padding: 16px 18px 14px;
  }

  /* Handle bar at top */
  #mam-share-modal .mam-modal-content::before {
    content: '';
    display: block;
    width: 40px;
    height: 4px;
    background: rgba(255, 250, 236, 0.2);
    border-radius: 2px;
    margin: 10px auto -4px;
  }

  #mam-share-modal .mam-share-actions {
    flex-direction: column;
  }

  #mam-share-modal .mam-share-actions .mam-btn {
    width: 100% !important;
    justify-content: center;
    text-align: center;
  }
}

/* Overview-only section toggle (hides stats grid, banners, mobile logo on non-overview tabs) */
.mam-section-hidden {
  display: none !important;
}

/* Logout confirmation modal */
.mam-logout-overlay {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.25s ease, visibility 0.25s ease;
}

.mam-logout-overlay.is-active {
  opacity: 1;
  visibility: visible;
}

.mam-logout-dialog {
  background: #094239;
  border: 1px solid rgba(191, 168, 107, 0.25);
  border-radius: 16px;
  padding: 32px 36px;
  max-width: 380px;
  width: 90%;
  text-align: center;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
  transform: scale(0.9) translateY(10px);
  transition: transform 0.25s ease;
}

.mam-logout-overlay.is-active .mam-logout-dialog {
  transform: scale(1) translateY(0);
}

.mam-logout-icon {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: rgba(191, 168, 107, 0.12);
  border: 1px solid rgba(191, 168, 107, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
}

.mam-logout-icon i {
  font-size: 22px !important;
  color: #bfa86b !important;
}

.mam-logout-dialog h3 {
  font-family: 'Cinzel', serif;
  font-size: 20px;
  color: #fffaec;
  margin: 0 0 8px;
}

.mam-logout-dialog p {
  font-family: 'Antic', sans-serif;
  font-size: 15px;
  color: rgba(255, 250, 236, 0.7);
  margin: 0 0 28px;
  line-height: 1.5;
}

.mam-logout-actions {
  display: flex;
  gap: 12px;
}

button.mam-logout-cancel {
  flex: 1;
  background: #ff00007d !important;
  padding: 5px 20px !important;
  border-radius: 7px !important;
  color: #ebebd2 !important;
  font-family: 'Antic', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  border: none !important;
  cursor: pointer;
  transition: all 0.2s ease;
}

button.mam-logout-cancel:hover {
  background: #ff0000a0 !important;
  color: #ebebd2 !important;
}

.mam-logout-yes {
  flex: 1;
  padding: 12px 20px !important;
  border-radius: 10px !important;
  font-family: 'Antic', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  cursor: pointer;
  transition: all 0.2s ease;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  background: rgba(191, 168, 107, 0.15) !important;
  border: 1px solid rgba(191, 168, 107, 0.35) !important;
  color: #bfa86b !important;
}

.mam-logout-yes:hover {
  background: rgba(191, 168, 107, 0.25) !important;
  border-color: rgba(191, 168, 107, 0.5) !important;
  color: #d4b56d !important;
  text-decoration: none !important;
}

/* Dashboard Saved Searches */
.mam-dash-saved-searches {
  grid-column: 1 / -1;
}

.mam-dash-saved-searches .mam-dash-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

button.mam-dash-clear-all-searches {
  background: rgba(255, 0, 0, 0.12) !important;
  border: 1px solid rgba(255, 0, 0, 0.2) !important;
  color: #ff6b6b !important;
  font-family: 'Antic', sans-serif !important;
  font-size: 12px !important;
  padding: 5px 12px !important;
  border-radius: 6px !important;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  gap: 10px !important;
}

.mam-dash-clear-all-searches:hover {
  background: rgba(255, 0, 0, 0.22) !important;
  border-color: rgba(255, 0, 0, 0.35) !important;
}

.mam-saved-searches-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 12px;
}

.mam-dash-saved-search-item {
  background: rgba(191, 168, 107, 0.06);
  border: 1px solid rgba(191, 168, 107, 0.18);
  border-radius: 12px;
  padding: 14px 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  transition: border-color 0.2s ease, background 0.2s ease;
}

.mam-dash-saved-search-item:hover {
  border-color: rgba(191, 168, 107, 0.35);
  background: rgba(191, 168, 107, 0.1);
}

.mam-ss-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.mam-ss-name {
  font-family: 'Cinzel', serif;
  font-size: 14px;
  color: #fffaec;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.mam-ss-name i {
  color: #bfa86b !important;
  font-size: 13px !important;
  flex-shrink: 0;
}

.mam-ss-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.mam-ss-chip {
  background: rgba(191, 168, 107, 0.12);
  border: 1px solid rgba(191, 168, 107, 0.2);
  color: rgba(255, 250, 236, 0.75);
  font-family: 'Antic', sans-serif;
  font-size: 11px;
  padding: 3px 8px;
  border-radius: 20px;
  white-space: nowrap;
}

.mam-ss-chip-empty {
  opacity: 0.5;
  font-style: italic;
}

.mam-ss-apply-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  background: rgba(191, 168, 107, 0.15);
  border: 1px solid rgba(191, 168, 107, 0.3);
  color: #bfa86b !important;
  font-family: 'Antic', sans-serif;
  font-size: 13px;
  font-weight: 600;
  padding: 8px 16px;
  border-radius: 8px;
  text-decoration: none !important;
  transition: all 0.2s ease;
  width: 100%;
}

.mam-ss-apply-btn:hover {
  background: rgba(191, 168, 107, 0.25);
  border-color: rgba(191, 168, 107, 0.5);
  color: #d4b56d !important;
  text-decoration: none !important;
}

.mam-ss-apply-btn i {
  font-size: 11px !important;
  color: inherit !important;
}

.mam-dash-delete-search {
  background: rgba(255, 0, 0, 0.1) !important;
  border: none !important;
  color: #ff6b6b !important;
  width: 28px;
  height: 28px;
  min-width: 28px;
  border-radius: 6px !important;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px !important;
  transition: all 0.2s ease;
}

.mam-dash-delete-search:hover {
  background: rgba(255, 0, 0, 0.25) !important;
  color: #ff4444 !important;
}

@media (max-width: 768px) {
  .mam-dash-saved-searches .mam-dash-card-header {
    flex-wrap: wrap;
    gap: 8px;
  }

  .mam-dash-saved-searches .mam-dash-card-header h3 {
    font-size: 15px !important;
  }

  .mam-saved-searches-grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .mam-dash-saved-search-item {
    padding: 12px 14px;
  }

  .mam-ss-name {
    font-size: 13px;
  }

  .mam-ss-chip {
    font-size: 10px;
    padding: 2px 7px;
  }

  .mam-ss-apply-btn {
    font-size: 12px;
    padding: 7px 14px;
  }
}

/* My Profile: readonly name fields when admin disables editing */
.mam-my-profile-field input[readonly] {
  opacity: 0.6 !important;
  cursor: not-allowed !important;
}

/* Payment Success Modal */
.mam-payment-success-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(9, 66, 57, 0.85);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  opacity: 0;
  transition: opacity 0.4s ease;
}

.mam-payment-success-overlay.is-visible {
  opacity: 1;
}

.mam-payment-success-modal {
  background: linear-gradient(145deg, #0d3d32 0%, #094239 50%, #0a3023 100%);
  border: 1px solid rgba(191, 168, 107, 0.3);
  border-radius: 24px;
  padding: 48px 40px;
  max-width: 480px;
  width: 100%;
  text-align: center;
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(191, 168, 107, 0.1);
  transform: scale(0.9) translateY(20px);
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.mam-payment-success-overlay.is-visible .mam-payment-success-modal {
  transform: scale(1) translateY(0);
}

.mam-payment-success-icon {
  margin-bottom: 24px;
}

.mam-payment-success-icon i {
  font-size: 64px;
  background: linear-gradient(135deg, #bfa86b, #e6d996, #bfa86b);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  filter: drop-shadow(0 4px 12px rgba(191, 168, 107, 0.3));
}

.mam-payment-success-title {
  font-family: "Cinzel", serif;
  font-size: 28px;
  font-weight: 400;
  background: linear-gradient(135deg, #bfa86b 0%, #e8d5a3 50%, #bfa86b 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin: 0 0 16px;
  letter-spacing: 0.3px;
}

.mam-payment-success-message {
  color: rgba(255, 250, 236, 0.8);
  font-family: "Antic", sans-serif;
  font-size: 16px;
  line-height: 1.6;
  margin: 0 0 32px;
}

.mam-payment-success-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  padding: 14px 48px !important;
  background: linear-gradient(90deg, #927431, #bfa86b, #eee1b0, #f5ecca, #fffece, #fefefa, #f5ecca, #eee1b0, #bfa86b, #927431) !important;
  border: 2px solid #bfa86b !important;
  border-radius: 50px !important;
  color: #0d2d2d !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  box-shadow: 0 8px 30px rgba(191, 168, 107, 0.35) !important;
  opacity: 1 !important;
  visibility: visible !important;
  min-height: 50px !important;
}

.mam-payment-success-btn:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 40px rgba(191, 168, 107, 0.5) !important;
}

.mam-payment-success-btn i {
  font-size: 16px !important;
  color: #0d2d2d !important;
}

@media (max-width: 480px) {
  .mam-payment-success-modal {
    padding: 36px 24px;
  }
  .mam-payment-success-title {
    font-size: 22px;
  }
  .mam-payment-success-icon i {
    font-size: 48px;
  }
}

/* ===== Reschedule Meeting Note ===== */
.mam-reschedule-note {
    font-size: 12px;
    color: rgba(255, 250, 236, 0.5);
    margin: 10px 0 0 0;
    font-style: italic;
    line-height: 1.4;
}
.mam-reschedule-note i {
    margin-right: 4px;
    font-size: 11px;
}

/* ===== Confirmed Match Card Spacing ===== */
.mam-meeting-confirmed .mam-reschedule-meeting {
    margin-top: 6px;
}
.mam-contact-info-section {
    margin-top: 16px;
}
.mam-contact-note {
    margin-top: 20px !important;
}
.mam-meeting-confirmed-card .mam-meeting-buttons {
    margin-top: 12px;
}
.mam-meeting-confirmed-card .mam-reschedule-note {
    margin-top: 12px;
}

/* ===== Final Decision "No" Button — Light Red ===== */
button.mam-final-decision[data-decision="no"],
.mam-final-decision-btns button.mam-final-decision[data-decision="no"] {
    background: rgba(220, 53, 69, 0.15) !important;
    border: 1px solid rgba(220, 53, 69, 0.5) !important;
    color: #e85d6f !important;
}
button.mam-final-decision[data-decision="no"]:hover,
.mam-final-decision-btns button.mam-final-decision[data-decision="no"]:hover {
    background: rgba(220, 53, 69, 0.3) !important;
    border-color: #dc3545 !important;
    color: #ff6b7d !important;
}

/* ===== Reschedule Confirmation Modal ===== */
.mam-reschedule-confirm-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
    padding: 20px;
}
.mam-reschedule-confirm-overlay.is-visible {
    opacity: 1;
}
.mam-reschedule-confirm-modal {
    background: linear-gradient(145deg, #0a3023, #094239);
    border: 1px solid rgba(191, 168, 107, 0.3);
    border-radius: 16px;
    padding: 32px 28px;
    max-width: 400px;
    width: 100%;
    text-align: center;
    transform: scale(0.9);
    transition: transform 0.3s ease;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
}
.mam-reschedule-confirm-overlay.is-visible .mam-reschedule-confirm-modal {
    transform: scale(1);
}
.mam-reschedule-confirm-icon {
    margin-bottom: 16px;
}
.mam-reschedule-confirm-icon i {
    font-size: 40px;
    color: #bfa86b;
}
.mam-reschedule-confirm-title {
    font-family: 'Cinzel', serif;
    font-size: 20px;
    font-weight: 700;
    color: #fffaec;
    margin: 0 0 12px 0;
}
.mam-reschedule-confirm-message {
    font-family: 'Antic', sans-serif;
    font-size: 15px;
    color: rgba(255, 250, 236, 0.7);
    margin: 0 0 24px 0;
    line-height: 1.5;
}
.mam-reschedule-confirm-actions {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.mam-reschedule-confirm-yes {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 12px 24px !important;
    background: linear-gradient(90deg, #927431, #bfa86b, #e6d996, #efe3c4, #fffde4, #efe3c4, #e6d996, #bfa86b, #937431) !important;
    border: 2px solid #bfa86b !important;
    border-radius: 30px !important;
    color: #0d2d2d !important;
    font-family: 'Cinzel', serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    letter-spacing: 0.5px !important;
    transition: all 0.3s ease !important;
}
.mam-reschedule-confirm-yes:hover {
    box-shadow: 0 4px 15px rgba(191, 168, 107, 0.4) !important;
    transform: translateY(-1px) !important;
}
.mam-reschedule-confirm-no {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 10px 24px !important;
    background: transparent !important;
    border: 1px solid rgba(255, 250, 236, 0.3) !important;
    border-radius: 30px !important;
    color: rgba(255, 250, 236, 0.7) !important;
    font-family: 'Antic', sans-serif !important;
    font-size: 14px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}
.mam-reschedule-confirm-no:hover {
    border-color: rgba(255, 250, 236, 0.6) !important;
    color: #fffaec !important;
}

/* ========================================
   Embedded Video Meeting Overlay
   ======================================== */
#mam-meeting-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999999;
    background: #062e24;
    display: flex;
    flex-direction: column;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

#mam-meeting-overlay.active {
    opacity: 1;
    visibility: visible;
}

.mam-meeting-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 20px;
    background: #0a3023;
    border-bottom: 2px solid rgba(191, 168, 107, 0.3);
    flex-shrink: 0;
}

.mam-meeting-bar-title {
    font-family: 'Cinzel', serif;
    font-size: 16px;
    font-weight: 600;
    color: #fffaec;
    letter-spacing: 0.5px;
}

.mam-meeting-bar-title i {
    color: #bfa86b;
    margin-right: 8px;
}

.mam-meeting-bar-close {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 18px;
    background: rgba(220, 53, 69, 0.15);
    border: 1px solid rgba(220, 53, 69, 0.4);
    border-radius: 8px;
    color: #ff6b7a;
    font-family: 'Antic', sans-serif;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

.mam-meeting-bar-close:hover {
    background: rgba(220, 53, 69, 0.3);
    border-color: rgba(220, 53, 69, 0.6);
    color: #fff;
}

#mam-meeting-container {
    flex: 1;
    width: 100%;
    overflow: hidden;
}

#mam-meeting-container iframe {
    width: 100% !important;
    height: 100% !important;
    border: none !important;
}

/* =====================================================
   Profiles Pagination
   ===================================================== */
.mam-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 40px;
    padding: 20px 0;
}

.mam-page-numbers {
    display: flex;
    align-items: center;
    gap: 4px;
}

.mam-page-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    border: 1px solid rgba(191, 168, 107, 0.3) !important;
    border-radius: 8px !important;
    background: rgba(10, 48, 35, 0.6) !important;
    color: #fffaec !important;
    font-family: 'Antic', sans-serif !important;
    font-size: 14px !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}

.mam-page-btn:hover:not(:disabled):not(.active) {
    background: rgba(191, 168, 107, 0.15) !important;
    border-color: rgba(191, 168, 107, 0.5) !important;
    color: #e6d996 !important;
}

.mam-page-btn.active {
    background: linear-gradient(135deg, #927431, #bfa86b) !important;
    border-color: #bfa86b !important;
    color: #0a3023 !important;
    font-weight: 700 !important;
    box-shadow: 0 2px 8px rgba(191, 168, 107, 0.3) !important;
}

.mam-page-btn:disabled {
    opacity: 0.4 !important;
    cursor: not-allowed !important;
    background: rgba(10, 48, 35, 0.3) !important;
    color: rgba(255, 250, 236, 0.4) !important;
}

.mam-page-prev,
.mam-page-next {
    gap: 6px !important;
    font-size: 13px;
    padding: 0 16px;
}

.mam-page-prev i,
.mam-page-next i {
    font-size: 11px;
}

.mam-page-dots {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    height: 40px;
    color: rgba(255, 250, 236, 0.5);
    font-size: 14px;
    letter-spacing: 2px;
}

@media (max-width: 600px) {
    .mam-pagination {
        flex-wrap: wrap;
        gap: 6px;
    }
    .mam-page-btn {
        min-width: 36px;
        height: 36px;
        font-size: 13px;
        padding: 0 10px;
    }
    .mam-page-prev,
    .mam-page-next {
        padding: 0 12px;
        font-size: 12px;
    }
}

/* ==========================================
   PAYMENT PLAN SELECTOR
   ========================================== */
.mam-plan-selector {
    display: flex;
    gap: 12px;
    margin: 20px 0;
}

.mam-plan-tab {
    flex: 1;
    cursor: pointer;
    border: 2px solid rgba(191, 168, 107, 0.3);
    border-radius: 12px;
    padding: 16px 12px;
    text-align: center;
    transition: all 0.3s ease;
    background: transparent;
}

.mam-plan-tab input[type="radio"] {
    display: none !important;
}

.mam-plan-tab:hover {
    border-color: rgba(191, 168, 107, 0.6);
}

.mam-plan-tab.active {
    border-color: #bfa86b;
    background: rgba(191, 168, 107, 0.15);
}

.mam-plan-tab-content {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.mam-plan-tab-price {
    font-family: 'Cinzel', serif;
    font-weight: 700;
    font-size: 20px;
    color: #fffaec;
}

.mam-plan-tab-label {
    font-family: 'Antic', sans-serif;
    font-size: 13px;
    color: #bfa86b;
}

.mam-payment-subtitle {
    font-family: 'Antic', sans-serif;
}

/* Price display in payment card */
.mam-price {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 6px;
    margin: 16px 0;
}

.mam-price-amount {
    font-family: 'Cinzel', serif;
    font-weight: 700;
    font-size: 32px;
}

.mam-price-suffix {
    font-family: 'Antic', sans-serif;
    font-size: 16px;
    opacity: 0.8;
}

@media (max-width: 480px) {
    .mam-plan-selector {
        gap: 8px;
    }

    .mam-plan-tab {
        padding: 12px 8px;
    }

    .mam-plan-tab-price {
        font-size: 17px;
    }

    .mam-plan-tab-label {
        font-size: 12px;
    }

    .mam-price-amount {
        font-size: 26px;
    }
}

/* ==========================================
   REGISTRATION PLAN SELECTOR
   ========================================== */
.mam-reg-plan-selector,
.mam-register-wrap .mam-subscription-note .mam-reg-plan-selector {
    display: flex !important;
    flex-direction: row !important;
    gap: 12px !important;
    margin: 16px 0 !important;
}

.mam-reg-plan-selector .mam-reg-plan-option,
.mam-register-wrap .mam-reg-plan-option {
    flex: 1 !important;
    cursor: pointer !important;
    border: 2px solid rgba(191, 168, 107, 0.3) !important;
    border-radius: 12px !important;
    padding: 16px 12px !important;
    text-align: center !important;
    transition: all 0.3s ease !important;
    background: transparent !important;
}

.mam-reg-plan-option:hover {
    border-color: rgba(191, 168, 107, 0.6) !important;
}

.mam-reg-plan-option.active {
    border-color: #bfa86b !important;
    background: rgba(191, 168, 107, 0.15) !important;
}

.mam-reg-plan-price {
    display: block !important;
    font-family: 'Cinzel', serif !important;
    font-weight: 700 !important;
    font-size: 20px !important;
    color: #fffaec !important;
    margin-bottom: 4px !important;
}

.mam-reg-plan-sublabel {
    display: block !important;
    font-family: 'Antic', sans-serif !important;
    font-size: 13px !important;
    color: #bfa86b !important;
    margin-bottom: 2px !important;
}

.mam-reg-plan-note {
    display: block !important;
    font-family: 'Antic', sans-serif !important;
    font-size: 11px !important;
    color: rgba(255, 250, 236, 0.6) !important;
}

@media (max-width: 400px) {
    .mam-reg-plan-selector,
    .mam-register-wrap .mam-subscription-note .mam-reg-plan-selector {
        gap: 8px !important;
    }

    .mam-reg-plan-selector .mam-reg-plan-option {
        padding: 12px 8px !important;
    }

    .mam-reg-plan-price {
        font-size: 17px !important;
    }

    .mam-reg-plan-sublabel {
        font-size: 11px !important;
    }

    .mam-reg-plan-note {
        font-size: 10px !important;
    }
}

/* Hide plan selector for females via CSS fallback */
.mam-subscription-note[data-current-gender="female"] .mam-reg-plan-selector,
.mam-subscription-note[data-current-gender="female"] .mam-plan-selector {
    display: none !important;
}