/*
Theme Name: Salient Child
Template: salient
Version: 1.0.0
*/

/* ============================================================
   FONTS
   ============================================================ */

@font-face {
    font-family: 'Fokus';
    src: url('https://cameronsemon.com/wp-content/uploads/fonts/Fokus.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Fokus';
    src: url('https://cameronsemon.com/wp-content/uploads/fonts/Fokus-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Audacity Script';
    src: url('https://cameronsemon.com/wp-content/uploads/fonts/Audacity-Script.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* ============================================================
   COLOR VARIABLES
   ============================================================ */

:root {
    --cs-green:       #555948;
    --cs-dark-brown:  #3f302b;
    --cs-light-brown: #59463f;
    --cs-cream:       #f2e9e4;
}

/* ============================================================
   GLOBAL BASE — cream background, dark brown text
   ============================================================ */

body {
    background-color: var(--cs-cream) !important;
    color: var(--cs-dark-brown) !important;
}

/* ============================================================
   HERO — dark brown
   Row 1: intro ticker   Row 2: logo mark   Row 3: spacer
   ============================================================ */

#fws_6a304d5b5dcf9,
#fws_6a304d5b5eb18,
#fws_6a304d5b5f38e {
    background-color: var(--cs-dark-brown) !important;
}

/* ============================================================
   CONTACT + FOOTER — dark brown
   Row 7: available/ticker wrapper   Row 8: CONTACT ME ticker
   Row 9: footer link row
   ============================================================ */

#fws_6a304d5b70f1f,
#fws_6a304d5b720c4,
#fws_6a304d5b72cf2 {
    background-color: var(--cs-dark-brown) !important;
    color: var(--cs-cream) !important;
}

#footer-outer {
    background-color: var(--cs-dark-brown) !important;
    color: var(--cs-cream) !important;
}

#footer-outer a,
#fws_6a304d5b72cf2 a {
    color: var(--cs-cream) !important;
}

/* ============================================================
   HEADER / NAV
   ============================================================ */

#header-outer {
    background-color: transparent !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

/* Nav links — always cream since hero is dark */
#header-outer nav > ul > li > a,
#header-outer #logo a,
#header-outer .logo a {
    color: var(--cs-cream) !important;
}

/* Scrolled state — keep cream readable */
#header-outer.scrolled nav > ul > li > a {
    color: var(--cs-cream) !important;
}

/* ============================================================
   PORTFOLIO GRID — cream area
   ============================================================ */

.nectar-post-grid-wrap {
    background-color: var(--cs-cream);
}

.nectar-post-grid-wrap .post-header h2,
.nectar-post-grid-wrap .post-header h3,
.nectar-post-grid-wrap .post-header a,
.nectar-post-grid-wrap .post-header p {
    color: var(--cs-dark-brown) !important;
}

/* ============================================================
   ABOUT SECTION — cream area
   ============================================================ */

#fws_6a304d5b63f92,
#fws_6a304d5b658ff,
#fws_6a304d5b6d703 {
    background-color: var(--cs-cream) !important;
}

#fws_6a304d5b6d703 h1,
#fws_6a304d5b6d703 h2,
#fws_6a304d5b6d703 h3,
#fws_6a304d5b6d703 p {
    color: var(--cs-dark-brown) !important;
}

/* ============================================================
   BUTTONS
   ============================================================ */

a.nectar-button,
.nectar-button {
    background-color: transparent !important;
    border-color: var(--cs-dark-brown) !important;
    color: var(--cs-dark-brown) !important;
}

a.nectar-button:hover,
.nectar-button:hover {
    background-color: var(--cs-dark-brown) !important;
    color: var(--cs-cream) !important;
}

/* ============================================================
   SCROLLING TICKERS — cream text on dark rows
   ============================================================ */

#fws_6a304d5b5dcf9 .nectar-scrolling-text-inner *,
#fws_6a304d5b720c4 .nectar-scrolling-text-inner * {
    color: var(--cs-cream) !important;
}

/* ============================================================
   TYPOGRAPHY
   ============================================================ */

h1, h2, h3, h4, h5, h6 {
    font-family: 'Fokus', sans-serif !important;
    letter-spacing: 0.04em;
}

body,
p,
li,
.wpb_text_column,
.post-area,
.nectar-post-grid-wrap .post-header p,
nav ul li a {
    font-family: 'belarius-sans', sans-serif !important;
}

/* Keep ticker text in Fokus */
.nectar-scrolling-text-inner * {
    font-family: 'Fokus', sans-serif !important;
}