/*
Theme Name:   Miss Wallstreet Child
Theme URI:    https://misswallstreet.com
Description:  Child theme for Miss Wallstreet — built on Twenty Twenty-Four
Author:       Miss Wallstreet
Template:     twentytwentyfour
Version:      1.0.0
Tags:         custom, child-theme
Text Domain:  miss-wallstreet-child
*/

/* ============================================================
   FONTS
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400;1,700&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600&display=swap');

/* ============================================================
   DESIGN TOKENS
   ============================================================ */
:root {
  --mw-cream:       #F5F0E8;
  --mw-black:       #0A0A0A;
  --mw-gold:        #C9A84C;
  --mw-gold-light:  #E8D5A3;
  --mw-muted:       #6B6560;
  --mw-body-dark:   #3A3530;
  --mw-accent:      #1A1A2E;

  --mw-font-display: 'Playfair Display', Georgia, serif;
  --mw-font-body:    'DM Sans', system-ui, sans-serif;
}

/* ============================================================
   GLOBAL RESETS FOR TWENTY TWENTY-FOUR
   ============================================================ */
body {
  font-family: var(--mw-font-body) !important;
  background-color: var(--mw-cream) !important;
  color: var(--mw-black) !important;
}

/* Hide default TT4 header/footer on homepage template */
body.page-template-homepage .wp-block-template-part[data-slug="header"],
body.page-template-homepage header.wp-block-template-part,
body.page-template-homepage .wp-block-template-part[data-slug="footer"],
body.page-template-homepage footer.wp-block-template-part {
  display: none;
}

/* ============================================================
   GLOBAL TYPOGRAPHY OVERRIDES
   ============================================================ */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--mw-font-display) !important;
}

/* Default heading colour only on light backgrounds —
   dark sections override this via their own selectors */
.mw-hero__right h2,
.mw-method h2,
.mw-method h3 {
  color: var(--mw-black);
}

p, li, span, a, label, input, textarea, button {
  font-family: var(--mw-font-body);
}

/* ============================================================
   WORDPRESS ADMIN BAR SPACING
   ============================================================ */
.admin-bar .mw-nav {
  top: 32px;
}

@media screen and (max-width: 782px) {
  .admin-bar .mw-nav {
    top: 46px;
  }
}