/* MazinVisuals launch polish — shared public/admin shell */
:root {
  --mv-paper: #f4f3ee;
  --mv-paper-soft: #ebe9e1;
  --mv-ink: #2a2e2b;
  --mv-muted: #5a605c;
  --mv-sage: #7e998a;
  --mv-sage-deep: #576d5a;
  --mv-line: rgba(87, 109, 90, 0.18);
  --mv-card: rgba(255,255,255,0.76);
}

html { scroll-behavior: smooth; }
body {
  background: var(--mv-paper) !important;
  color: var(--mv-ink) !important;
  text-rendering: optimizeLegibility;
}
body::selection { background: rgba(126,153,138,.24); }
a { text-underline-offset: 4px; }

/* public gallery index */
.hero-section,
.gallery-header {
  background: radial-gradient(circle at 12% 18%, rgba(126,153,138,.17), transparent 30%), var(--mv-paper) !important;
  color: var(--mv-ink) !important;
  border-bottom: 1px solid var(--mv-line) !important;
  min-height: auto !important;
}
.hero-section::before,
.moving-dots,
.dot { display: none !important; }
.logo,
.hero-title,
.client-name,
.project-title {
  color: var(--mv-ink) !important;
  text-shadow: none !important;
}
.hero-title,
.client-name {
  font-family: 'Fraunces', serif !important;
  letter-spacing: -0.04em !important;
  font-weight: 550 !important;
}
.logo,
.brand-logo,
.footer-2-logo {
  font-family: 'Fraunces', serif !important;
  font-style: italic !important;
  letter-spacing: -0.02em !important;
}
.hero-subtitle,
.project-description,
.project-date,
.section-description {
  color: var(--mv-muted) !important;
  text-shadow: none !important;
}

.galleries-container,
.gallery-content,
.download-section,
.search-section,
.review-container,
.login-card,
.admin-section {
  background: transparent !important;
}
.galleries-grid,
.grid { gap: clamp(16px, 2vw, 28px) !important; }
.gallery-card,
.tile,
.review-card,
.stat-card,
.access-card {
  background: var(--mv-card) !important;
  border: 1px solid var(--mv-line) !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 60px rgba(40,50,45,.07) !important;
  backdrop-filter: blur(12px);
}
.gallery-card:hover,
.tile:hover,
.review-card:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(87,109,90,.42) !important;
  box-shadow: 0 22px 70px rgba(40,50,45,.11) !important;
}
.gallery-icon,
.service-icon,
.tile .ico {
  background: rgba(126,153,138,.12) !important;
  color: var(--mv-sage-deep) !important;
  border: 1px solid var(--mv-line) !important;
}
.gallery-title,
.download-title,
.section-title,
.review-title,
.admin-title {
  color: var(--mv-ink) !important;
}
.gallery-description,
.photo-count,
.search-results,
.review-subtitle {
  color: var(--mv-muted) !important;
}
.access-button,
.password-submit,
.download-btn,
.btn-primary,
.submit-btn,
.login-btn,
button.btn {
  background: var(--mv-sage-deep) !important;
  color: #fff !important;
  border: 1px solid var(--mv-sage-deep) !important;
  border-radius: 999px !important;
  box-shadow: 0 10px 28px rgba(87,109,90,.18) !important;
}
.access-button:hover,
.password-submit:hover,
.download-btn:hover,
.btn-primary:hover,
.submit-btn:hover,
.login-btn:hover,
button.btn:hover {
  background: var(--mv-sage) !important;
  transform: translateY(-2px) !important;
}
.share-gallery-btn,
.back-button,
.password-cancel,
.btn-secondary {
  background: transparent !important;
  color: var(--mv-sage-deep) !important;
  border: 1px solid var(--mv-line) !important;
  border-radius: 999px !important;
}
.search-input,
.password-input,
.form-input,
textarea,
select {
  background: rgba(255,255,255,.72) !important;
  border: 1px solid var(--mv-line) !important;
  border-radius: 999px !important;
  color: var(--mv-ink) !important;
  box-shadow: none !important;
}
textarea { border-radius: 18px !important; }
.search-input:focus,
.password-input:focus,
.form-input:focus,
textarea:focus,
select:focus {
  outline: 2px solid rgba(126,153,138,.22) !important;
  border-color: var(--mv-sage) !important;
}
.password-modal,
.lightbox { backdrop-filter: blur(10px); }
.password-card,
.email-modal-content {
  background: var(--mv-paper) !important;
  color: var(--mv-ink) !important;
  border: 1px solid var(--mv-line) !important;
  box-shadow: 0 26px 90px rgba(0,0,0,.22) !important;
}

/* individual gallery */
.download-section {
  border: 1px solid var(--mv-line) !important;
  border-radius: 22px !important;
  max-width: 1120px !important;
  margin: 28px auto !important;
  padding: clamp(22px, 4vw, 42px) !important;
}
.section-nav {
  background: transparent !important;
  border-bottom: 1px solid var(--mv-line) !important;
}
.section-btn {
  border-radius: 999px !important;
  border: 1px solid transparent !important;
}
.section-btn.active {
  background: rgba(126,153,138,.12) !important;
  color: var(--mv-sage-deep) !important;
  border-color: var(--mv-line) !important;
}
.gallery-grid img,
.highlights-grid img,
.gallery-item,
.highlight-item,
.video-item {
  border-radius: 18px !important;
}
.lightbox-content { background: rgba(20,24,22,.94) !important; }

/* simple launch footer */
.footer,
.footer-2,
footer {
  border-top: 1px solid var(--mv-line) !important;
}
.footer-brand,
.footer-2-brand,
.footer-logo {
  color: var(--mv-ink) !important;
}
.footer-copy,
.footer-2-copyright,
.footer-contact a,
.footer-contact span {
  color: var(--mv-muted) !important;
}

/* admin */
.login-screen { background: var(--mv-paper) !important; }
.version-info { opacity: .55 !important; }

@media (max-width: 760px) {
  .hero-section, .gallery-header { padding-left: 18px !important; padding-right: 18px !important; }
  .galleries-grid { grid-template-columns: 1fr !important; }
  .download-buttons { flex-direction: column !important; }
  .download-btn { width: 100% !important; justify-content: center !important; }
}
