/*
Theme Name:   Mirror Diaries Child
Theme URI:    https://themirrordiaries.com
Description:  Mirror Diaries Child Theme for Kadence. Women's beauty blog — Hair, Nails & Tattoos.
Author:       Mirror Diaries Team
Author URI:   https://themirrordiaries.com
Template:     kadence
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  mirror-diaries-child
*/

/* ============================================================
   BRAND TOKENS
   Rose:    #C4856A  |  Deep:  #7C3B2A  |  Wine:   #4A1C14
   Cream:   #FDFAF8  |  Blush: #F5EBE6  |  Border: #EAD8D0
   Ink:     #1C1110  |  Muted: #7A6560  |  White:  #FFFFFF
============================================================ */
:root {
  --md-cream:    #FDFAF8;
  --md-blush:    #F5EBE6;
  --md-rose:     #C4856A;
  --md-deep:     #7C3B2A;
  --md-wine:     #4A1C14;
  --md-ink:      #1C1110;
  --md-muted:    #7A6560;
  --md-border:   #EAD8D0;
  --md-white:    #FFFFFF;
  --md-serif:    'Cormorant Garamond', Georgia, serif;
  --md-display:  'Playfair Display', Georgia, serif;
  --md-sans:     'DM Sans', -apple-system, sans-serif;
  --md-shadow:   0 4px 32px rgba(76,28,20,0.08);
  --md-shadow-lg:0 12px 64px rgba(76,28,20,0.14);
  --md-tr:       all 0.25s ease;
}

/* ── BASE ───────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-font-smoothing: antialiased; }
body { font-family: var(--md-sans); background: var(--md-cream); color: var(--md-ink); overflow-x: hidden; }
img  { display: block; max-width: 100%; height: auto; }
a    { transition: var(--md-tr); }

/* ── HIDE KADENCE DEFAULT HEADER/FOOTER SITEWIDE ── */
/* We replace with our own header.php and footer.php */
.site-header-wrap,
#masthead,
.kadence-sticky-header { display: none !important; }

.site-footer,
#colophon { display: none !important; }

/* ── SINGLE POST ─────────────────────────────────── */
.single .entry-title {
  font-family: var(--md-display);
  font-size: clamp(28px,4vw,48px);
  font-weight: 400;
  line-height: 1.15;
  color: var(--md-ink);
  margin-bottom: 16px;
}
.single .entry-content { font-size: 16px; line-height: 1.8; }
.single .entry-content h2 { font-family: var(--md-display); font-size: clamp(22px,2.5vw,32px); margin-top: 2.5em; color: var(--md-wine); font-weight: 400; }
.single .entry-content h3 { font-family: var(--md-display); font-size: clamp(18px,2vw,24px); margin-top: 2em; color: var(--md-deep); font-weight: 400; }
.single .entry-content p  { margin-bottom: 1.5em; }
.single .entry-content a  { color: var(--md-rose); text-underline-offset: 3px; }
.single .entry-content a:hover { color: var(--md-deep); }

/* ── ARCHIVE & BLOG ──────────────────────────────── */
.archive .entry-title a,
.blog .entry-title a,
.category .entry-title a { color: var(--md-ink); text-decoration: none; font-family: var(--md-display); font-weight: 400; }
.archive .entry-title a:hover,
.blog .entry-title a:hover,
.category .entry-title a:hover { color: var(--md-deep); }

/* ── WIDGETS ─────────────────────────────────────── */
.widget-title { font-family: var(--md-display); font-size: 18px; color: var(--md-wine); padding-bottom: 10px; border-bottom: 1px solid var(--md-border); margin-bottom: 16px; font-weight: 400; }

/* ── GLOBAL LINK COLOUR ──────────────────────────── */
a { color: var(--md-rose); }
a:hover { color: var(--md-deep); }

/* ── CONTENT PADDING (accounts for sticky header) ── */
body:not(.home) .site-content,
body:not(.home) .content-area { padding-top: 0; }