/*!
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: A child theme for Kadence Theme - Wanderlust KL Luxury Travel System.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child
*/

/* =========================
   GOOGLE FONTS
========================= */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Inter:wght@300;400;500;600&display=swap');


/* =========================
   DESIGN SYSTEM (WANDERLUST KL)
========================= */
:root {

  /* Base */
  --color-bg: #F5F1EC;
  --color-border: #DCCDB8;

  /* Typography */
  --color-heading: #1F2627;
  --color-text: #3D4446;
  --color-muted: rgba(61, 68, 70, 0.7);

  /* Brand */
  --color-primary: #B48A47;
  --color-primary-light: #D4B17A;

  /* CTA */
  --color-button: #6B7452;
  --color-button-hover: #556041;
  --color-button-text: #F8F6F2;

  /* Mood Palette (KL Skyline) */
  --color-sunrise: #E3B16C;
  --color-mist: #D8C1A5;
  --color-taupe: #A58F7B;
  --color-stone: #6B6865;
  --color-forest: #2F3926;
  --color-deep-forest: #1D2418;
}


/* =========================
   GLOBAL BASE STYLES
========================= */
body {
  font-family: 'Inter', sans-serif;
  background-color: var(--color-bg);
  color: var(--color-text);
  line-height: 1.75;
  -webkit-font-smoothing: antialiased;
}


/* =========================
   HEADINGS (EDITORIAL STYLE)
========================= */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Playfair Display', serif;
  color: var(--color-heading);
  font-weight: 600;
  letter-spacing: -0.02em;
  margin-bottom: 0.6em;
}

h1 { font-size: 3rem; line-height: 1.1; }
h2 { font-size: 2.25rem; line-height: 1.2; }
h3 { font-size: 1.75rem; line-height: 1.3; }
h4 { font-size: 1.35rem; }


/* =========================
   PARAGRAPHS
========================= */
p {
  font-family: 'Inter', sans-serif;
  font-size: 1.05rem;
  color: var(--color-text);
  margin-bottom: 1.2em;
}


/* =========================
   MUTED TEXT
========================= */
.small,
.kadence-muted,
.wp-block-kadence-advancedheading {
  color: var(--color-muted);
}


/* =========================
   LINKS
========================= */
a {
  color: var(--color-primary);
  text-decoration: none;
  transition: all 0.25s ease;
}

a:hover {
  color: var(--color-primary-light);
}


/* =========================
   HERO SYSTEM
========================= */
.hero-eyebrow {
  font-family: 'Inter', sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-size: 0.75rem;
  color: var(--color-primary);
  margin-bottom: 1rem;
}

.hero-title {
  font-family: 'Playfair Display', serif;
  font-size: clamp(2.6rem, 5vw, 4.2rem);
  font-weight: 700;
  color: var(--color-heading);
}

.hero-subtitle {
  font-size: 1.15rem;
  color: var(--color-muted);
  max-width: 650px;
}


/* =========================
   BUTTON SYSTEM (CTA)
========================= */
button,
.button,
.wp-block-button__link {
  font-family: 'Inter', sans-serif;
  background-color: var(--color-button);
  color: var(--color-button-text);
  padding: 12px 24px;
  border-radius: 8px;
  border: none;
  transition: all 0.25s ease;
  display: inline-block;
}

button:hover,
.button:hover,
.wp-block-button__link:hover {
  background-color: var(--color-button-hover);
  transform: translateY(-1px);
}


/* =========================
   KADENCE OVERRIDES
========================= */
.kadence-rowlayout {
  padding-top: 70px;
  padding-bottom: 70px;
}

.kt-adv-heading {
  font-family: 'Playfair Display', serif;
}


/* =========================
   DIVIDERS
========================= */
hr {
  border: none;
  border-top: 1px solid var(--color-border);
}


/* =========================
   UTILITIES
========================= */
.text-center { text-align: center; }

.text-muted { color: var(--color-muted); }

.text-light { color: #ffffff; }

.shadow-soft {
  box-shadow: 0 12px 30px rgba(31, 38, 39, 0.08);
}

.rounded-lg {
  border-radius: 14px;
}


/* =========================
   STORY ACCENTS
========================= */

/* Gold underline highlight */
.highlight-gold {
  border-bottom: 2px solid var(--color-primary);
}

/* Soft card style */
.card-soft {
  background: #ffffff;
  border: 1px solid var(--color-border);
  border-radius: 14px;
  padding: 20px;
}