/* ======================================================
   ROOTS N PERMACULTURE
   Cassiopeia Child Template – Clean Final Version
   Stable | No Gradients | Logo Safe
   ====================================================== */


/* ======================================================
   1. BRAND VARIABLES
   ====================================================== */

:root {

  /* Header */
  --rnp-header-dark: #102415;
  --rnp-gold: #D4952A;

  /* Body */
  --rnp-parchment: #FAF6EE;
  --rnp-text: #5C3D2E;

  /* Links */
  --rnp-link: #2C5F2D;
  --rnp-link-hover: #1A3A1C;

  /* Override Cassiopeia */
  --cassiopeia-color-primary: #102415 !important;
  --cassiopeia-color-link: #2C5F2D !important;
  --cassiopeia-color-hover: #D4952A !important;
}


/* ======================================================
   2. GLOBAL BODY
   ====================================================== */

body {
  background-color: var(--rnp-parchment) !important;
  color: var(--rnp-text);
  font-family: "Source Serif 4", serif;
  line-height: 1.7;
}


/* ======================================================
   3. REMOVE ALL CASSIOPEIA GRADIENTS
   ====================================================== */

.bg-primary,
.header,
.container-header,
.container-header.full-width {

  background: var(--rnp-header-dark) !important;
  background-image: none !important;
  background-color: var(--rnp-header-dark) !important;
}


/* ======================================================
   4. HEADER STYLING
   ====================================================== */

.container-header {
  border-bottom: 4px solid var(--rnp-gold) !important;
  padding-top: 6px;
  padding-bottom: 6px;
}


/* ======================================================
   5. LOGO CONTROL (Prevents Distortion)
   ====================================================== */

.navbar-brand img {
  max-height: 100px !important;
  height: auto !important;
  width: auto !important;
  object-fit: contain;
  display: block;
}


/* ======================================================
   6. NAVIGATION
   ====================================================== */

.navbar-nav .nav-link {
  color: #ffffff !important;
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
  letter-spacing: 0.5px;
}

.navbar-nav .nav-link:hover {
  color: var(--rnp-gold) !important;
}


/* ======================================================
   7. TYPOGRAPHY
   ====================================================== */

h1, h2, h3 {
  font-family: "Playfair Display", serif;
  font-weight: 900;
  color: #1A3A1C;
}

h4, h5, h6 {
  font-family: "Source Serif 4", serif;
  font-weight: 600;
}


/* ======================================================
   8. LINKS
   ====================================================== */

a {
  color: var(--rnp-link);
}

a:hover {
  color: var(--rnp-link-hover);
  text-decoration: underline;
}

/* ======================================================
   9. TAGLINE UNDER LOGO
   ====================================================== */

/* Cassiopeia site description */
.navbar-brand + .navbar-text,
.site-description,
.container-header .site-description {

  display: block;
  width: 100%;
  text-align: center;

  font-family: "Playfair Display", serif;
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: 0.5px;

  color: #D4952A !important;

  margin-top: 6px;
  margin-bottom: 0;
}