/*
Theme Name: Fresh Corduroy
Theme URI: https://freshcorduroy.net
Author: Fresh Corduroy Podcast
Author URI: https://freshcorduroy.net
Description: Custom WordPress theme for the Fresh Corduroy skiing lifestyle podcast. Built for speed, clarity, and subscriber growth on shared hosting.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 8.0
License: Private
Text Domain: freshcorduroy
*/

/* ============================================================
   CSS CUSTOM PROPERTIES
   ============================================================ */
:root {
  --fc-blue-dark:    #1a3a5c;
  --fc-blue-mid:     #2563a8;
  --fc-blue-light:   #5b9bd5;
  --fc-white:        #ffffff;
  --fc-off-white:    #f4f7fb;
  --fc-gray-light:   #e2e8f0;
  --fc-gray-text:    #4a5568;
  --fc-black:        #0f1923;
  --fc-spotify-green: #1db954;
  --fc-apple-purple: #b150e2;

  --fc-shadow-sm:    0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.05);
  --fc-shadow-md:    0 4px 6px rgba(0,0,0,0.07), 0 2px 4px rgba(0,0,0,0.05);
  --fc-shadow-lg:    0 10px 25px rgba(0,0,0,0.10), 0 4px 10px rgba(0,0,0,0.06);

  --fc-radius-sm:    4px;
  --fc-radius-md:    8px;
  --fc-radius-lg:    16px;

  --fc-transition:   all 0.2s ease;

  --fc-container:    1280px;
  --fc-container-md: 900px;
  --fc-container-sm: 680px;

  --fc-nav-height:   72px;
}

/* ============================================================
   RESET & BASE
   ============================================================ */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  font-size: 16px;
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}

body {
  font-family: 'Barlow', sans-serif;
  font-weight: 400;
  color: var(--fc-gray-text);
  background: var(--fc-white);
  line-height: 1.6;
  overflow-x: hidden;
}

/* On the homepage the hero + latest-episode block are both dark navy.
   Setting the body background to match prevents the white body colour
   from bleeding through any sub-pixel gap between those two sections. */
body.home {
  background: var(--fc-blue-dark);
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

a {
  color: var(--fc-blue-mid);
  text-decoration: none;
  transition: var(--fc-transition);
}

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

ul, ol {
  list-style: none;
}

/* ============================================================
   TYPOGRAPHY
   ============================================================ */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: var(--fc-black);
  line-height: 1.1;
}

h1 { font-size: clamp(2.5rem, 6vw, 4.5rem); }
h2 { font-size: clamp(2rem, 4vw, 3rem); }
h3 { font-size: clamp(1.5rem, 3vw, 2rem); }
h4 { font-size: clamp(1.25rem, 2.5vw, 1.5rem); }
h5 { font-size: 1.125rem; }
h6 { font-size: 1rem; }

p {
  margin-bottom: 1rem;
  max-width: 70ch;
}

p:last-child {
  margin-bottom: 0;
}

strong { font-weight: 600; }

/* ============================================================
   LAYOUT UTILITIES
   ============================================================ */
.fc-container {
  width: 100%;
  max-width: var(--fc-container);
  margin: 0 auto;
  padding: 0 24px;
}

.fc-container--md {
  max-width: var(--fc-container-md);
}

.fc-container--sm {
  max-width: var(--fc-container-sm);
}

.fc-section {
  padding: 80px 0;
}

.fc-section--sm {
  padding: 48px 0;
}

.fc-section--lg {
  padding: 120px 0;
}

/* ============================================================
   SCREEN READER UTILITIES
   ============================================================ */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

/* ============================================================
   WORDPRESS CORE CLASSES
   ============================================================ */
.alignnone { margin: 0; }
.aligncenter { display: block; margin: 0 auto 1rem; }
.alignleft { float: left; margin: 0 1.5rem 1rem 0; }
.alignright { float: right; margin: 0 0 1rem 1.5rem; }

.wp-caption { max-width: 100%; }
.wp-caption-text { font-size: 0.875rem; color: var(--fc-gray-text); font-style: italic; }