/*
Theme Name: Mighty Digital Studio
Theme URI: https://mightygroup.net
Author: MightyGroup
Author URI: https://mightygroup.net
Description: A fully editable block theme for Mighty Digital Studio, focused on small business websites, custom app design, and practical digital tools.
Version: 1.0.7
Requires at least: 6.4
Tested up to: 6.6
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mighty-digital-studio
Tags: full-site-editing, block-patterns, custom-colors, custom-logo, portfolio, business
*/

:root {
  --mds-purple: #6424d9;
  --mds-purple-dark: #1f0b56;
  --mds-purple-mid: #7c3cff;
  --mds-lavender: #f2ebff;
  --mds-ink: #17132c;
  --mds-muted: #6f6982;
  --mds-border: rgba(100, 36, 217, 0.16);
  --mds-radius: 28px;
}

html { scroll-behavior: smooth; }
body { overflow-x: hidden; }

a { text-decoration-thickness: 0.08em; text-underline-offset: 0.18em; }

.mds-glass {
  background: rgba(255,255,255,0.82);
  border: 1px solid var(--mds-border);
  box-shadow: 0 24px 70px rgba(31, 11, 86, 0.12);
  backdrop-filter: blur(12px);
}

.mds-card {
  border: 1px solid var(--mds-border);
  box-shadow: 0 18px 60px rgba(31, 11, 86, 0.08);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.mds-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 24px 70px rgba(31, 11, 86, 0.14);
  border-color: rgba(100, 36, 217, 0.35);
}

.mds-gradient-text {
  background: linear-gradient(120deg, #1f0b56 0%, #6424d9 50%, #9c6cff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.mds-hero-bg {
  position: relative;
  overflow: hidden;
}

.mds-hero-bg::before {
  content: "";
  position: absolute;
  inset: -160px -120px auto auto;
  width: 520px;
  height: 520px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(124,60,255,.36), rgba(124,60,255,0) 67%);
  z-index: 0;
}

.mds-hero-bg::after {
  content: "";
  position: absolute;
  inset: auto auto -170px -150px;
  width: 460px;
  height: 460px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(100,36,217,.20), rgba(100,36,217,0) 70%);
  z-index: 0;
}

.mds-hero-bg > * { position: relative; z-index: 1; }

.mds-pill {
  border: 1px solid rgba(100, 36, 217, 0.18);
  background: rgba(242, 235, 255, 0.78);
  border-radius: 999px;
}

.mds-logo-text strong { letter-spacing: .12em; }

.wp-block-navigation .wp-block-navigation-item__content:hover { color: var(--mds-purple); }

.wp-block-button .wp-block-button__link {
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.wp-block-button .wp-block-button__link:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 35px rgba(100, 36, 217, 0.22);
}

@media (max-width: 720px) {
  .mds-hide-mobile { display: none !important; }
  .mds-center-mobile { text-align: center; }
}


.mds-header-logo { margin: 0; line-height: 0; }
.mds-header-logo img { height: auto; max-height: 62px; object-fit: contain; }
.mds-footer-logo { margin-bottom: 1rem; }
.mds-footer-logo img { background: #ffffff; border-radius: 14px; padding: 0.4rem; }
@media (max-width: 700px) { .mds-header-logo img { max-width: 190px; } }


/* Process section illustration */
.mds-process-column {
  min-width: 0;
}

.mds-process-illustration {
  margin-top: clamp(1.25rem, 2vw, 1.75rem);
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
}

.mds-process-illustration img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

.mds-process-understand .mds-process-illustration {
  max-width: min(100%, 390px);
}

.mds-process-design .mds-process-illustration {
  max-width: min(100%, 320px);
  margin-top: clamp(3.6rem, 5vw, 4.25rem);
}

.mds-process-build .mds-process-illustration {
  max-width: min(100%, 320px);
  margin-top: clamp(2.7rem, 4vw, 3.2rem);
}

@media (max-width: 781px) {
  .mds-process-understand .mds-process-illustration,
  .mds-process-design .mds-process-illustration,
  .mds-process-build .mds-process-illustration {
    max-width: 520px;
  }
}