/* =====================================================================
   MGC — ELEGANCE REFINEMENT LAYER
   Purely additive. Loads LAST, after mgc-style.css, mgc-polish.css,
   mgc-polish-pro.css and mgc-activities-club-submenu.css. No markup
   changes required.

   Design intent
   -------------
   The page already carries four layers of decoration: shine sweeps,
   glow pulses, a blinking badge, a floating back-to-top button, and
   several simultaneous auto-scrolling tickers. Individually each is
   fine; running together they compete for attention and read as busy
   rather than refined. Elegance here mostly means SUBTRACTION:

     1) Calm looping motion — keep the site "alive" with slow, quiet
        cues instead of constant blinking/pulsing/sweeping.
     2) Soften and unify the shadow language — one graceful shadow
        per surface instead of stacked glows.
     3) Tidy the palette so gold reads as an accent, not a wash.
     4) Tighten typography rhythm (letter-spacing, weight, sizing)
        so headings feel considered rather than decorative.
     5) Normalize the border-radius scale across cards/pills/tiles.

   Nothing structural changes and no functionality is removed — the
   ticking notice board, hover states, and interactions all still
   work, just quieter.
   ===================================================================== */

/* ---------- 1. Kill the frantic, attention-grabbing loops ---------------
   Fast blinking (0.7s) and constant sheen sweeps every few seconds pull
   the eye away from content. Turn these off; keep the *hover* versions
   (already present in polish-pro) which are more considered because
   they respond to the user rather than nagging at them. */
.mgc-qbtn .mgc-tag-new,
.mgc-updatebar-items .mgc-tag-new{
  animation: none !important;
  opacity: 1 !important;
}

.mgc-welcome-crest-inner::before,
.mgc-header-emblem::after,
.mgc-footer-beam,
.mgc-updatebar-beam{
  animation: none !important;
  display: none !important;
}

.mgc-welcome-crest::after{
  animation: none !important;
  opacity: .55 !important; /* settle on the calmer midpoint instead of pulsing */
}

.mgc-updatebar{
  animation: none !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 4px 14px -6px rgba(150,95,0,.35) !important;
}

.mgc-updatebar-flag::after{
  animation: none !important;
  opacity: .5 !important;
}

/* A single soft, static ring around the motto panel reads as "finished" —
   a slowly rotating gold arc behind a static watermark reads as
   unfinished/loading. */
.mgc-motto-panel::after{
  animation: none !important;
  opacity: .6 !important;
}

/* The back-to-top control should feel solid and reachable, not bobbing
   in place before anyone has touched it. Movement is reserved for the
   hover response. */
.mgc-totop.show{
  animation: none !important;
}

/* Live/update pulse dots: slow the pulse down and soften its range so
   it registers as "live" without flickering for attention. */
.mgc-live-dot, .mgc-updatebar-dot{
  animation-duration: 2.6s !important;
}

@keyframes mgcPulse{
  0%,100%{ opacity:1; transform:scale(1); }
  50%{ opacity:.65; transform:scale(1.15); }
}

/* ---------- 2. Slow the tickers, don't stop them -------------------------
   Several rows scroll at once (image strip, utility bar, update bar,
   notices). Keeping them, but slower and less eager, makes the page
   feel considered rather than like a stock ticker. */
.mgc-imgscroll-track{ animation-duration: 60s !important; }
.mgc-utilbar-track{ animation-duration: 38s !important; }
.mgc-updatebar-items{ animation-duration: 30s !important; }
.mgc-slider-notices-track{ animation-duration: 20s !important; }

/* ---------- 3. One graceful shadow language, not stacked glows ----------
   Replace multi-layer glow shadows with a single soft, low-contrast
   shadow. Keeps depth without the "lit from within" look. */
:root{
  --mgc-elegant-shadow: 0 10px 28px -16px rgba(23,37,73,.28);
  --mgc-elegant-shadow-hover: 0 18px 40px -18px rgba(23,37,73,.32);
  --mgc-elegant-radius-sm: 8px;
  --mgc-elegant-radius-md: 14px;
  --mgc-elegant-radius-lg: 20px;
}

.mgc-dept-card, .mgc-review-card, .mgc-dept-tile, .mgc-acad-card,
.mgc-notice-panel, .mgc-intro-card, .mgc-facility-card,
.mgc-intake-modal, .mgc-lightbox-modal{
  box-shadow: var(--mgc-elegant-shadow) !important;
}
.mgc-dept-card:hover, .mgc-review-card:hover, .mgc-dept-tile:hover,
.mgc-acad-card:hover, .mgc-facility-card:hover, .mgc-intro-card:hover{
  box-shadow: var(--mgc-elegant-shadow-hover) !important;
}

/* Retire the diagonal light-sweep overlay on card hover — a quiet lift
   plus a slightly deeper shadow says "premium" without a flashbulb. */
.mgc-dept-card::before, .mgc-review-card::before, .mgc-acad-card::before,
.mgc-dept-tile::before{
  display: none !important;
}

/* Nav glow and updatebar glow softened to a hairline rather than a halo. */
.mgc-nav{
  box-shadow: 0 2px 14px -4px rgba(31,124,112,.35) !important;
}
.mgc-nav.mgc-nav-stuck{
  box-shadow: 0 8px 20px -12px rgba(10,20,40,.45), 0 1px 0 var(--mgc-gold-soft) !important;
}

/* ---------- 4. Normalize the radius scale --------------------------------
   The page mixes 4/5/6/8/10/12/14/16/18/20/22px radii across similar
   surfaces. Settling on three sizes reads as more intentional. */
.mgc-dept-card, .mgc-review-card, .mgc-acad-card, .mgc-noticeboard,
.mgc-about-visual, .mgc-principal-photo, .mgc-footer-map-frame{
  border-radius: var(--mgc-elegant-radius-sm) !important;
}
.mgc-dept-tile, .mgc-gallery-tile, .mgc-facility-card, .mgc-vma-card,
.mgc-field input.form-control, .mgc-field select.form-control,
.mgc-field textarea.form-control, .mgc-noticerow .d{
  border-radius: var(--mgc-elegant-radius-md) !important;
}
.mgc-intro-card, .mgc-motto-panel, .mgc-intake-modal, .mgc-lightbox-modal,
.mgc-contact-grid{
  border-radius: var(--mgc-elegant-radius-lg) !important;
}

/* ---------- 5. Let gold act as an accent, not a wash ---------------------
   The gold "sheen" gradients on chips/pills/tags/buttons are toned down
   so gold reads as a deliberate highlight (dividers, borders, hover
   states) rather than filling large shapes. */
.mgc-motto-pill{
  background: linear-gradient(160deg,#fff 0,var(--mgc-ivory) 55%,var(--mgc-border) 100%) !important;
  color: var(--mgc-indigo-deep) !important;
  box-shadow: var(--mgc-elegant-shadow) !important;
}
.mgc-dept-tile-explore, .mgc-intro-card-badge{
  background: var(--mgc-indigo-deep) !important;
  color: #fff !important;
  box-shadow: var(--mgc-elegant-shadow) !important;
}
.mgc-updatebar{
  background: linear-gradient(180deg,#fdf3df 0,#f7e2ac 100%) !important;
  border-bottom: 1px solid rgba(169,124,34,.4) !important;
}
.mgc-updatebar-flag{
  background: var(--mgc-indigo-deep) !important;
  color: var(--mgc-gold-soft) !important;
  box-shadow: none !important;
}
.mgc-updatebar-items a{ color: var(--mgc-indigo-deep) !important; }

/* ---------- 6. Typographic tightening -------------------------------------
   Slightly larger, more confident headings with calmer letter-spacing;
   a consistent eyebrow treatment. */
.mgc-section-head h2, .mgc-hero h2{
  letter-spacing: 0 !important;
  font-weight: 600 !important;
}
.mgc-section-head h2{
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
  color: var(--mgc-indigo-deep) !important;
}
.on-indigo .mgc-section-head h2{ color: #fff !important; }

.mgc-eyebrow{
  letter-spacing: 2px !important;
  font-weight: 600 !important;
  color: var(--mgc-gold-deep) !important;
}
.on-indigo .mgc-eyebrow{ color: var(--mgc-gold-soft) !important; }

.mgc-section-head p{
  line-height: 1.75 !important;
}

/* ---------- 7. Quiet the background patterning ----------------------------
   The alpana/rangoli watermarks and dotted paper textures are lovely as
   a whisper, distracting as a shout. Lower their presence slightly. */
.mgc-facilities-watermark, .mgc-gallery-watermark, .mgc-dept-section::before,
.mgc-welcome-strip::after, .mgc-acad-watermark, .mgc-contact-watermark,
.mgc-vma-section-watermark{
  opacity: .55 !important;
  filter: saturate(.85);
}

/* ---------- 8. Calmer buttons ---------------------------------------------
   Keep the hover shine (it responds to the user) but remove the
   always-on brightness "breathing" if present, and settle button
   shadows to the same soft language as the cards. */
.mgc-btn-solid, .mgc-btn-gold{
  animation: none !important;
}
.mgc-btn-solid{
  box-shadow: 0 8px 20px -12px rgba(13,22,46,.45) !important;
}

/* ---------- 9. Respect reduced motion + print, as before ------------------ */
@media (prefers-reduced-motion: reduce){
  .mgc-imgscroll-track, .mgc-utilbar-track, .mgc-updatebar-items,
  .mgc-slider-notices-track, .mgc-live-dot, .mgc-updatebar-dot{
    animation: none !important;
  }
}

@media print{
  .mgc-updatebar, .mgc-updatebar-flag::after{ box-shadow:none !important; }
}