/*
 Theme Name:   Your Livity
 Theme URI:    https://yourlivity.uk
 Description:  k28k child theme for Your Livity. Requires the k28k Base parent theme.
 Author:       k28k
 Author URI:   https://k28k.co
 Template:     k28k-base
 Version:      1.0.0
 Text Domain:  your-livity
*/

/* ============================================================
   BRAND TOKENS — Your Livity
   These override the parent theme's design system variables.
   ============================================================ */
:root {
  --client-name: "Your Livity";
  --client-url:  "yourlivity.uk";

  /* ── Palette ── */
  --dark-coffee:    #3b1e04;
  --almond-cream:   #edd5bf;
  --seashell:       #fdf6ee;
  --charcoal-brown: #242a14;
  --raw-umber:      #824107;

  /* ── Mapped brand roles ── */
  --brand-primary:          var(--raw-umber);
  --brand-primary-soft:     var(--almond-cream);
  --brand-primary-strong:   var(--dark-coffee);
  --brand-secondary:        #bc6c25;
  --brand-secondary-soft:   var(--almond-cream);
  --brand-secondary-strong: #6b3506;
  --brand-accent:           var(--almond-cream);

  /* ── Surfaces ── */
  --bg-page:        var(--seashell);
  --bg-surface:     #f5e8d8;
  --bg-surface-alt: var(--almond-cream);

  /* ── Text ── */
  --text-body:          #1c1008;
  --text-heading:       #1c1008;
  --text-body-muted:    #5a3a1a;
  --text-heading-muted: #5a3a1a;
  --text-on-dark:       #fdf0e0;
  --text-heading-on-dark: #fdf6ee;
  --text-muted-on-dark: rgba(237,213,191,.75);

  /* ── Borders ── */
  --border-subtle: #dbbfa0;
  --border-strong: #c4996a;

  /* ── Typography ── */
  --font-body:    'Roboto', system-ui, sans-serif;
  --font-heading: 'Playfair Display', Georgia, serif;

  /* ── Buttons ── */
  --btn-primary-bg:         var(--raw-umber);
  --btn-primary-bg-hover:   var(--dark-coffee);
  --btn-primary-text:       #fff;
  --btn-outline-text:       var(--dark-coffee);
  --btn-outline-border:     var(--raw-umber);

  /* ── Cards ── */
  --card-bg:     var(--seashell);
  --card-border: 1px solid #dbbfa0;

  /* ── Footer (light — almond cream) ── */
  --footer-bg:   var(--almond-cream);
  --footer-text: #1c1008;
}

/* ============================================================
   TYPOGRAPHY
   ============================================================ */
body        { font-family: var(--font-body); }
h1, h2, h3, h4, h5, h6,
.site-title, .card__title { font-family: var(--font-heading); }

/* ============================================================
   SITE HEADER
   ============================================================ */
.site-header {
  background: var(--seashell);
  border-bottom: 1px solid #dbbfa0;
}

.site-header.is-scrolled {
  box-shadow: 0 4px 16px rgba(59,30,4,.1);
}

.primary-nav__list a {
  font-family: var(--font-body);
  font-weight: 500;
  color: var(--text-body);
}

.primary-nav__list a:hover {
  color: var(--raw-umber);
  background: rgba(130,65,7,.06);
}

.primary-nav__list .current-menu-item > a {
  color: var(--raw-umber);
  font-weight: 700;
}

/* ============================================================
   SITE FOOTER — warm almond cream, no dark colour
   ============================================================ */
.site-footer {
  background: var(--almond-cream);
  color: var(--text-body);
  border-top: 1px solid #c4996a;
}

.site-footer .widget__title { color: var(--dark-coffee); }
.site-footer a              { color: var(--text-body); }
.site-footer a:hover        { color: var(--raw-umber); }

.site-footer__bottom {
  border-top: 1px solid rgba(130,65,7,.2);
  color: #5a3a1a;
}

/* ============================================================
   WORDPRESS BLOCK / LAYOUT FIXES
   ============================================================ */
.alignfull {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
}

.alignwide {
  width: 100% !important;
  max-width: 1200px;
}

.wp-site-blocks,
.wp-block-group,
.wp-block-post-content {
  max-width: 100% !important;
}

.alignfull > .wp-block-group__inner-container {
  padding-inline: clamp(1.25rem, 3vw, 3rem);
}

body { overflow-x: hidden; }

/* Hide auto page title on full-width pages */
.page .entry-title,
.page .wp-block-post-title {
  display: none !important;
}