/* ZEAK UI overrides (keep vendor files untouched) */

:root {
  --m4u-btn-border-radius: 12px;
  --m4u-btn-focus-ring: 0 0 0 0.2rem rgba(248, 113, 113, 0.4);
  --m4u-btn-primary-border: rgba(252, 165, 165, 0.7);
  --m4u-btn-primary-gradient: linear-gradient(120deg, #7f1d1d 0%, #991b1b 52%, #b91c1c 100%);
  --m4u-btn-primary-shadow: 0 10px 28px rgba(185, 28, 28, 0.34);
  --m4u-btn-primary-shadow-hover: 0 14px 35px rgba(185, 28, 28, 0.46);
  --m4u-btn-outline-text: #ffe8ed;
  --m4u-btn-outline-border: rgba(255, 232, 237, 0.44);
  --m4u-btn-outline-bg: rgba(255, 255, 255, 0.03);
  --m4u-btn-outline-hover-bg: rgba(185, 28, 28, 0.2);
  --m4u-btn-outline-hover-border: rgba(255, 232, 237, 0.72);
}

.btn:not(.btn-link):not(.btn-rounded-icon):not(.navbar-toggler):not(.close),
.ob-cta,
.contact-submit {
  border-radius: var(--m4u-btn-border-radius);
  font-weight: 700;
  letter-spacing: 0.01em;
  transition: all 190ms ease;
}

.btn-primary,
.ob-cta,
.contact-submit {
  color: #fff;
  border-color: var(--m4u-btn-primary-border);
  background: var(--m4u-btn-primary-gradient);
  box-shadow: var(--m4u-btn-primary-shadow);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:not(:disabled):not(.disabled):active,
.ob-cta:hover,
.ob-cta:focus,
.ob-cta:active,
.contact-submit:hover,
.contact-submit:focus,
.contact-submit:active {
  color: #fff;
  text-decoration: none;
  transform: translateY(-1px);
  box-shadow: var(--m4u-btn-primary-shadow-hover);
  border-color: var(--m4u-btn-primary-border);
  background: var(--m4u-btn-primary-gradient);
}

.btn-outline-primary,
.btn-outline-light,
.btn-outline-danger,
.btn-outline-contrast {
  color: var(--m4u-btn-outline-text);
  border-color: var(--m4u-btn-outline-border);
  background: var(--m4u-btn-outline-bg);
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-light:hover,
.btn-outline-light:focus,
.btn-outline-light:active,
.btn-outline-danger:hover,
.btn-outline-danger:focus,
.btn-outline-danger:active,
.btn-outline-contrast:hover,
.btn-outline-contrast:focus,
.btn-outline-contrast:active {
  color: #fff;
  text-decoration: none;
  border-color: var(--m4u-btn-outline-hover-border);
  background: var(--m4u-btn-outline-hover-bg);
}

.btn-primary:focus,
.btn-outline-primary:focus,
.btn-outline-light:focus,
.btn-outline-danger:focus,
.btn-outline-contrast:focus,
.ob-cta:focus,
.contact-submit:focus {
  box-shadow: var(--m4u-btn-focus-ring);
}

/* Premium glass modal treatment for in-app overlays */
body.m4u-glass-theme .modal-backdrop.show {
  opacity: 0.78;
}

body.m4u-glass-theme .modal-backdrop {
  background: radial-gradient(circle at 12% 12%, rgba(248, 113, 113, 0.22), rgba(3, 5, 12, 0.94) 48%), #02040b;
  z-index: 1990;
}

body.m4u-glass-theme .modal {
  z-index: 2000;
}

body.m4u-glass-theme .modal-content {
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: linear-gradient(150deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.06));
  color: #f8fafc;
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.55), 0 12px 36px rgba(225, 29, 72, 0.2);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
}

body.m4u-glass-theme .modal-header,
body.m4u-glass-theme .modal-footer {
  border-color: rgba(255, 255, 255, 0.16);
}

body.m4u-glass-theme .modal-title {
  color: #fff;
  font-weight: 700;
}

body.m4u-glass-theme .modal-body,
body.m4u-glass-theme .modal-body p {
  color: rgba(255, 255, 255, 0.85);
}

body.m4u-glass-theme .modal .close {
  color: rgba(255, 255, 255, 0.9);
  text-shadow: none;
  opacity: 0.9;
}

body.m4u-glass-theme .modal .close:hover,
body.m4u-glass-theme .modal .close:focus {
  color: #fff;
  opacity: 1;
}

body.m4u-glass-theme .modal .btn-warning {
  color: #fff;
  border-color: rgba(252, 165, 165, 0.72);
  background: linear-gradient(120deg, #fb7185, #ef4444, #dc2626);
  box-shadow: 0 10px 28px rgba(220, 38, 38, 0.34);
}

body.m4u-glass-theme .modal .btn-warning:hover,
body.m4u-glass-theme .modal .btn-warning:focus,
body.m4u-glass-theme .modal .btn-warning:active,
body.m4u-glass-theme .modal .btn-warning:not(:disabled):not(.disabled):active {
  color: #fff;
  border-color: rgba(252, 165, 165, 0.82);
  background: linear-gradient(120deg, #fb7185, #ef4444, #dc2626);
  box-shadow: 0 14px 35px rgba(220, 38, 38, 0.44);
}

/* Creator sidebar: keep New post perfectly centered in both axes */
.side-menu.creator-sidebar .m4u-action-btn-primary {
  display: flex;
  align-items: center;
  justify-content: center;
}

.side-menu.creator-sidebar .m4u-action-btn-primary .new-post-label {
  margin: 0 !important;
  line-height: 1;
}

/* Dark premium surfaces: treat muted copy as white for better contrast */
.home-theme-shell .text-muted,
.landing-page .text-muted,
.help-shell .text-muted,
.support-contact-shell .text-muted,
.creator-shell .text-muted,
.promo-shell .text-muted {
  color: rgba(255, 255, 255, 0.92) !important;
}