/*
Theme Name:   Morgentræning (child af Astra)
Theme URI:    https://morgentræning.dk
Description:  Child theme til morgentræning.dk. Indeholder forside, min-side (dashboard),
              app-genvej (iPhone-genvej-guide) og live-siden. Al forretningslogik ligger i
              selvstændige plugins — se projekt-instruks.txt i Claude-projektet.
Author:       RedMinKrop
Template:     astra
Version:      1.0.0
Text Domain:  morgentraening-child

Skiftes parent-tema til Kadence i stedet for Astra: ret "Template:" herover til
"kadence", og ret parent-style-handlet i functions.php (se kommentar der).
*/

/* ==========================================================================
   CENTRALE CSS-VARIABLER — RedMinKrop / morgentræning.dk officielle palette.
   Defineres ÉT sted (her). Alle sider og plugins arver disse — ret aldrig
   farverne lokalt i en skabelon, ret dem her.
   ========================================================================== */
:root {
  --orange:       #FF6700;
  --orange-light: #FF800A;
  --orange-mid:   #CC4902;
  --orange-dark:  #A1390B;
  --brown:        #82310C;
  --brown-mid:    #3D1A00;
  --brown-deep:   #461604;
  --cream:        #FFF8EC;
  --cream-dark:   #FFF0D3;
  --cream-mid:    #FFDDA5;
  --white:        #FFFFFF;
  --text:         #461604;
  --text-muted:   #6B4C38;
  --radius:       12px;
  --btn-radius:   14px;
  --font-display: 'Montagu Slab', serif;
  --font-body:    'DM Sans', sans-serif;
}

/* ==========================================================================
   RESET + BASE — fælles for alle morgentræning-sider.
   ========================================================================== */
.mt-page, .mt-page *, .mt-page *::before, .mt-page *::after {
  box-sizing: border-box;
}
.mt-page {
  margin: 0;
  font-family: var(--font-body);
  background: var(--cream);
  color: var(--text);
  font-size: 18px;
  line-height: 1.55;
}
.mt-page h1, .mt-page h2, .mt-page h3, .mt-page h4, .mt-page p, .mt-page ul, .mt-page figure {
  margin: 0;
  padding: 0;
}
.mt-page img { max-width: 100%; display: block; }
.mt-page a { text-decoration: none; color: inherit; }
.mt-page ul { list-style: none; }
.mt-page .wrap { max-width: 1180px; margin: 0 auto; padding: 0 32px; }
html { scroll-behavior: smooth; }

/* Ingen kursiv i overskrifter — nogensinde (fast RedMinKrop-regel) */
.mt-page h1, .mt-page h2, .mt-page h3, .mt-page h4,
.mt-page .hero-title, .mt-page .section-title, .mt-page .card-title,
.mt-page .price-title, .mt-page .oplev-body-title {
  font-style: normal;
}

/* ==========================================================================
   FÆLLES KNAP-SYSTEM — samme --btn-radius, 16px/700 tekst på tværs af sitet.
   ========================================================================== */
.mt-page .btn-dark {
  background: var(--brown-deep); color: var(--cream); border: none; border-radius: var(--btn-radius);
  padding: 12px 24px; font-size: 16px; font-weight: 700; cursor: pointer; font-family: var(--font-body);
  transition: background 0.15s, transform 0.15s; display: inline-flex; align-items: center; gap: 8px;
}
.mt-page .btn-dark:hover { background: var(--brown-mid); transform: translateY(-1px); }
.mt-page .btn-primary {
  background: var(--orange); color: var(--cream); border: none; border-radius: var(--btn-radius);
  padding: 12px 24px; font-size: 16px; font-weight: 700; cursor: pointer; font-family: var(--font-body);
  transition: background 0.15s, transform 0.15s; display: inline-flex; align-items: center; gap: 8px;
}
.mt-page .btn-primary:hover { background: var(--orange-light); transform: translateY(-1px); }
.mt-page .btn-ghost {
  background: var(--cream-dark); border: none; color: var(--brown);
  font-size: 16px; font-weight: 700; padding: 12px 24px; border-radius: var(--btn-radius); cursor: pointer; font-family: var(--font-body);
  transition: background 0.15s, transform 0.15s; display: inline-flex; align-items: center; gap: 8px;
}
.mt-page .btn-ghost:hover { background: var(--cream-mid); transform: translateY(-1px); }
.mt-page .btn-outline {
  background: var(--cream-dark); border: none; color: var(--brown);
  font-size: 16px; font-weight: 700; padding: 12px 24px; border-radius: var(--btn-radius); cursor: pointer; font-family: var(--font-body);
  display: inline-flex; align-items: center; gap: 8px;
  transition: background 0.15s, transform 0.15s;
}
.mt-page .btn-outline:hover { background: var(--cream-mid); transform: translateY(-1px); }
.mt-page .btn-block { width: 100%; justify-content: center; }

.mt-page .icon-arrow { display: inline-block; height: 1em; width: auto; vertical-align: -0.1em; margin-left: 6px; }
.mt-page .play-icon-img { width: 100%; height: 100%; display: block; object-fit: contain; }

/* ==========================================================================
   FÆLLES FOOTER — identisk bundtekst på alle 4 sider.
   ========================================================================== */
.mt-page .footer { background: var(--brown-deep); color: rgba(255,248,236,0.7); padding: 48px 0 28px; }
.mt-page .footer-admin-line { font-size: 14.5px; font-weight: 700; color: rgba(255,248,236,0.85); letter-spacing: 0.02em; padding-bottom: 22px; }
.mt-page .footer-top { display: grid; grid-template-columns: 1fr 1fr; gap: 24px 32px; padding-bottom: 32px; }
.mt-page .footer-info-list, .mt-page .footer-social-list { display: flex; flex-direction: column; gap: 16px; }
.mt-page .footer-row { display: flex; align-items: center; gap: 14px; font-size: 16px; font-weight: 700; color: var(--cream); }
.mt-page .footer-row a { color: var(--cream); }
.mt-page .footer-row-icon { color: var(--orange-light); font-size: 20px; display: flex; flex-shrink: 0; }
.mt-page .footer-divider { border: none; border-top: 1px solid rgba(255,255,255,0.14); margin: 0 0 26px; }
.mt-page .footer-legal { display: flex; flex-wrap: wrap; gap: 10px 32px; }
.mt-page .footer-legal a { color: var(--cream); font-weight: 700; font-size: 15.5px; }
.mt-page .footer-legal a:hover { color: var(--orange-light); }

@media (max-width: 860px) {
  .mt-page .footer-top { grid-template-columns: 1fr; }
}