/* =====================================================================
   MGC — "PRO MAX" FINAL POLISH LAYER
   Purely additive. Loads after mgc-style.css and mgc-polish.css and
   only refines what already exists — no structural/markup changes
   required. Two goals:
     1) Lift the whole canvas to a brighter, airier, more premium tone
     2) Add the small finishing details (shine, depth, motion, glow)
        that separate "done" from "polished"
   ===================================================================== */

/* ---------- 0. Brighter global canvas ---------------------------------
   The base ivory is warmed/lightened and paired with two very soft,
   fixed light "blooms" behind the content so white/paper cards and
   sections feel like they're sitting in daylight rather than on a flat
   fill. Extremely low opacity — felt, not seen. */
:root{
  --mgc-ivory: #fffdf8;
  --mgc-glow-gold: rgba(238, 203, 133, .16);
  --mgc-glow-teal: rgba(31, 124, 112, .10);
  --mgc-ring: 0 0 0 3px rgba(214,161,60,.35);
}

html{ background:var(--mgc-ivory); }

body{
  background:
    radial-gradient(ellipse 900px 520px at 8% 0%, var(--mgc-glow-gold), transparent 60%),
    radial-gradient(ellipse 800px 480px at 96% 6%, var(--mgc-glow-teal), transparent 55%),
    radial-gradient(ellipse 700px 900px at 50% 40%, rgba(255,255,255,.65), transparent 70%),
    var(--mgc-ivory) !important;
  background-attachment: fixed, fixed, fixed, fixed;
}

/* Paper surfaces get a touch brighter + crisper so content pops off the
   warmer canvas behind it. */
.mgc-dept-tile, .mgc-dept-card, .mgc-review-card, .mgc-notice-panel,
.mgc-acad-card, .mgc-intake-modal, .mgc-lightbox-modal{
  background: #ffffff;
}

/* ---------- 1. Softer, airier shadow language --------------------------
   Trades a little shadow darkness for spread — reads as "light card
   floating" rather than "heavy card sitting". */
.mgc-dept-card, .mgc-review-card, .mgc-dept-tile, .mgc-acad-card,
.mgc-notice-panel, .mgc-intro-card, .mgc-facility-card{
  box-shadow: 0 1px 2px rgba(23,37,73,.06), 0 18px 40px -22px rgba(23,37,73,.22) !important;
}

/* ---------- 2. Elegant hover-lift for every card-like surface ---------- */
.mgc-dept-card, .mgc-review-card, .mgc-dept-tile, .mgc-acad-card,
.mgc-intro-card, .mgc-facility-card, .mgc-gallery-tile{
  transition: transform .45s cubic-bezier(.22,1,.36,1),
              box-shadow .45s cubic-bezier(.22,1,.36,1),
              border-color .35s ease !important;
}
.mgc-dept-card:hover, .mgc-review-card:hover, .mgc-dept-tile:hover,
.mgc-acad-card:hover{
  transform: translateY(-6px) !important;
  box-shadow: 0 2px 4px rgba(23,37,73,.08), 0 30px 54px -22px rgba(23,37,73,.30) !important;
  border-color: rgba(214,161,60,.55) !important;
}
.mgc-intro-card:hover, .mgc-facility-card:hover{
  transform: translateY(-6px) scale(1.012) !important;
}

/* Gold hairline sheen sweep across cards on hover — a single quiet
   flash, not a loop, so it reads as premium rather than gimmicky. */
.mgc-dept-card, .mgc-review-card, .mgc-acad-card, .mgc-dept-tile{
  position: relative;
}
.mgc-dept-card::before, .mgc-review-card::before, .mgc-acad-card::before,
.mgc-dept-tile::before{
  content:'';
  position:absolute; inset:0;
  background:linear-gradient(115deg, transparent 30%, rgba(255,255,255,.55) 48%, transparent 66%);
  transform: translateX(-120%);
  transition: transform .85s cubic-bezier(.22,1,.36,1);
  pointer-events:none;
  z-index:2;
}
.mgc-dept-card:hover::before, .mgc-review-card:hover::before,
.mgc-acad-card:hover::before, .mgc-dept-tile:hover::before{
  transform: translateX(120%);
}

/* ---------- 3. Buttons — richer gradient + shine sweep ------------------ */
.mgc-btn{
  position:relative; overflow:hidden;
  border-radius:3px !important;
  transition: transform .25s ease, box-shadow .3s ease, background .3s ease, color .3s ease !important;
}
.mgc-btn-solid{
  background: linear-gradient(135deg, var(--mgc-indigo-light), var(--mgc-indigo) 55%, var(--mgc-indigo-deep)) !important;
  box-shadow: 0 10px 24px -12px rgba(13,22,46,.55);
}
.mgc-btn-solid:hover{
  transform: translateY(-2px);
  box-shadow: 0 16px 30px -12px rgba(13,22,46,.6);
}
.mgc-btn-outline:hover{
  background: var(--mgc-indigo) !important;
  color:#fff !important;
  transform: translateY(-2px);
  box-shadow: 0 12px 24px -14px rgba(13,22,46,.45);
}
.mgc-btn::after{
  content:''; position:absolute; top:0; left:-60%; width:40%; height:100%;
  background:linear-gradient(115deg, transparent, rgba(255,255,255,.5), transparent);
  transform: skewX(-20deg);
  transition: left .6s ease;
  pointer-events:none;
}
.mgc-btn:hover::after{ left:130%; }

.mgc-qbtn, .mgc-portalbtn, .mgc-footer-portal-btn, .mgc-intake-btn{
  transition: transform .3s cubic-bezier(.22,1,.36,1), box-shadow .3s ease, filter .3s ease !important;
}
.mgc-qbtn:hover, .mgc-portalbtn:hover, .mgc-footer-portal-btn:hover, .mgc-intake-btn:hover{
  transform: translateY(-3px);
  filter: brightness(1.04);
}

/* ---------- 4. Navigation — glass + brighter gold edge ------------------ */
.mgc-nav{
  backdrop-filter: blur(10px) saturate(1.15);
  -webkit-backdrop-filter: blur(10px) saturate(1.15);
}
.mgc-nav.mgc-nav-stuck{
  box-shadow: 0 10px 30px -14px rgba(10,20,40,.55), 0 2px 0 var(--mgc-gold-soft) !important;
}
.mgc-menu a{
  position:relative;
  transition: color .25s ease, transform .25s ease !important;
}
.mgc-menu a::after{
  content:''; position:absolute; left:50%; bottom:2px; width:0; height:2px;
  background: linear-gradient(90deg, var(--mgc-gold-deep), var(--mgc-gold-soft));
  transition: width .3s ease, left .3s ease;
  border-radius:2px;
}
.mgc-menu a:hover::after, .mgc-menu a:focus-visible::after{ width:70%; left:15%; }
.mgc-menu a:hover{ transform: translateY(-1px); }

/* ---------- 5. Section headings — a little more ceremony ---------------- */
.mgc-eyebrow{ position:relative; padding-bottom:2px; }
.mgc-section-head h2{
  background: linear-gradient(100deg, currentColor 60%, var(--mgc-gold-deep) 130%);
  -webkit-background-clip: text;
  background-clip: text;
}

/* ---------- 6. Chips, pills, tags — soft glass gradient ------------------ */
.mgc-acad-chip, .mgc-tagpill, .mgc-motto-pill, .mgc-dept-tile-tag,
.mgc-tag-new{
  transition: transform .25s ease, box-shadow .25s ease, filter .25s ease;
}
.mgc-acad-chip:hover, .mgc-tagpill:hover, .mgc-motto-pill:hover{
  transform: translateY(-2px);
  filter: brightness(1.05);
}

/* ---------- 7. Imagery — confident, smooth zoom -------------------------- */
.mgc-gallery-tile, .mgc-dept-tile-media, .mgc-slide-bg, .mgc-intro-card-media{
  overflow:hidden;
}
.mgc-gallery-tile img, .mgc-dept-tile-media img, .mgc-slide-bg img,
.mgc-intro-card-media img{
  transition: transform .8s cubic-bezier(.22,1,.36,1), filter .5s ease !important;
}
.mgc-gallery-tile:hover img, .mgc-dept-tile:hover .mgc-dept-tile-media img,
.mgc-intro-card:hover .mgc-intro-card-media img{
  transform: scale(1.08);
  filter: saturate(1.08) brightness(1.02);
}
.mgc-gallery-tile:hover{
  box-shadow: 0 20px 40px -18px rgba(13,22,46,.5) !important;
}

/* ---------- 8. Notices & tabs — a clean glowing active state ------------ */
.mgc-notice-tab{ transition: color .25s ease, background .25s ease, box-shadow .25s ease !important; }
.mgc-notice-tab[aria-selected="true"], .mgc-notice-tab.is-active, .mgc-wtab.is-active{
  box-shadow: 0 6px 16px -8px rgba(122,31,43,.45);
}
.mgc-notice-item{
  transition: background .25s ease, transform .25s ease, padding-left .25s ease;
}
.mgc-notice-item:hover{
  background: linear-gradient(90deg, rgba(214,161,60,.08), transparent);
  transform: translateX(2px);
}

/* ---------- 9. Reviews — gold glow stars + ring avatar ------------------- */
.mgc-reviews-stars{ filter: drop-shadow(0 1px 3px rgba(214,161,60,.45)); }
.mgc-review-avatar{
  box-shadow: 0 0 0 3px #fff, 0 0 0 4.5px rgba(214,161,60,.5), 0 8px 18px -10px rgba(13,22,46,.4) !important;
  transition: transform .3s ease;
}
.mgc-review-card:hover .mgc-review-avatar{ transform: scale(1.06); }

/* ---------- 10. Footer — deeper richness, brighter gold hairline -------- */
.mgc-footer{
  background:
    radial-gradient(ellipse 700px 360px at 12% -10%, rgba(214,161,60,.20), transparent 60%),
    radial-gradient(ellipse 600px 320px at 92% 0, rgba(31,124,112,.22), transparent 55%),
    linear-gradient(175deg, var(--mgc-indigo-deep) 0, #0a1226 60%, #070d1c 100%) !important;
  box-shadow: inset 0 1px 0 rgba(238,203,133,.35);
}
.mgc-footer a{ transition: color .25s ease, opacity .25s ease; }

/* ---------- 11. Modals — glass backdrop, softer entrance ---------------- */
.mgc-intake-backdrop, .mgc-lightbox-backdrop{
  backdrop-filter: blur(6px) saturate(1.1);
  -webkit-backdrop-filter: blur(6px) saturate(1.1);
}
.mgc-intake-modal, .mgc-lightbox-modal{
  box-shadow: 0 30px 70px -20px rgba(10,20,40,.55) !important;
  border: 1px solid rgba(214,161,60,.25);
}

/* ---------- 12. Focus states — one consistent, elegant gold ring -------- */
a:focus-visible, button:focus-visible, .mgc-btn:focus-visible,
.mgc-qbtn:focus-visible, .mgc-menu a:focus-visible{
  outline: none;
  box-shadow: var(--mgc-ring);
  border-radius: 3px;
}

/* ---------- 13. Form fields — soft glow on focus, brighter fill --------- */
.mgc-field input, .mgc-field select, .mgc-field textarea{
  background:#fff !important;
  transition: box-shadow .25s ease, border-color .25s ease !important;
}
.mgc-field input:focus, .mgc-field select:focus, .mgc-field textarea:focus{
  border-color: var(--mgc-gold-deep) !important;
  box-shadow: 0 0 0 4px rgba(214,161,60,.18) !important;
}

/* ---------- 14. Back-to-top — gentle float + glow ------------------------ */
.mgc-totop{
  box-shadow: 0 10px 26px -10px rgba(13,22,46,.5) !important;
  transition: transform .3s cubic-bezier(.22,1,.36,1), box-shadow .3s ease !important;
}
.mgc-totop:hover{ transform: translateY(-4px) scale(1.06); }

/* ---------- 15. Motto / crest watermark sections — a touch more shine --- */
.mgc-motto-panel, .mgc-welcome-strip{
  position:relative;
}
.mgc-motto-panel::after, .mgc-welcome-strip::after{
  content:'';
  position:absolute; inset:0;
  background: linear-gradient(160deg, rgba(255,255,255,.06), transparent 40%);
  pointer-events:none;
}

/* ---------- 16. Respect reduced motion ----------------------------------- */
@media (prefers-reduced-motion: reduce){
  .mgc-dept-card::before, .mgc-review-card::before, .mgc-acad-card::before,
  .mgc-dept-tile::before, .mgc-btn::after{ display:none !important; }
  .mgc-dept-card, .mgc-review-card, .mgc-dept-tile, .mgc-acad-card,
  .mgc-intro-card, .mgc-facility-card, .mgc-gallery-tile img,
  .mgc-dept-tile-media img, .mgc-slide-bg img, .mgc-intro-card-media img{
    transition:none !important;
  }
}

/* ---------- 17. Small print-safety: keep the polish out of print -------- */
@media print{
  body{ background:#fff !important; }
  .mgc-dept-card::before, .mgc-review-card::before, .mgc-acad-card::before,
  .mgc-dept-tile::before, .mgc-btn::after{ display:none !important; }
}