/* ============================================
   JC SAVOY WEBSITE ENHANCEMENTS - FINAL STIR
   Refined Design System with Seamless SVGs
   ============================================ */

:root {
  --blush:       #fdf0f0;
  --cream:       #faf7f4;
  --rose:        #c4688a;
  --petal:       #f2c4d8;
  --sage:        #e8f0e8;
  --gold:        #c9a96e;

  /* Series accent colors */
  --lo-color:    #3a7fa8;
  --kr-color:    #b07035;
  --wf-color:    #5a8a5a;
  --lb-color:    #6a5a9a;
  --cm-color:    #8a5a3a;

  /* -- SEAMLESS SVG ASSETS -- */
  /* These are embedded directly to ensure transparency and zero load errors */

  /* Single Blossom Icon */
  --blossom-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg transform='translate(50,50)'%3E%3Cpath d='M0,-40 C15,-40 30,-25 30,-10 C30,5 15,20 0,20 C-15,20 -30,5 -30,-10 C-30,-25 -15,-40 0,-40' fill='%23f2c4d8' transform='rotate(0)'/%3E%3Cpath d='M0,-40 C15,-40 30,-25 30,-10 C30,5 15,20 0,20 C-15,20 -30,5 -30,-10 C-30,-25 -15,-40 0,-40' fill='%23f2c4d8' transform='rotate(72)'/%3E%3Cpath d='M0,-40 C15,-40 30,-25 30,-10 C30,5 15,20 0,20 C-15,20 -30,5 -30,-10 C-30,-25 -15,-40 0,-40' fill='%23f2c4d8' transform='rotate(144)'/%3E%3Cpath d='M0,-40 C15,-40 30,-25 30,-10 C30,5 15,20 0,20 C-15,20 -30,5 -30,-10 C-30,-25 -15,-40 0,-40' fill='%23f2c4d8' transform='rotate(216)'/%3E%3Cpath d='M0,-40 C15,-40 30,-25 30,-10 C30,5 15,20 0,20 C-15,20 -30,5 -30,-10 C-30,-25 -15,-40 0,-40' fill='%23f2c4d8' transform='rotate(288)'/%3E%3Ccircle cx='0' cy='0' r='10' fill='%23c4688a'/%3E%3Ccircle cx='0' cy='0' r='4' fill='%23f9d45a'/%3E%3C/g%3E%3C/svg%3E");

  /* Flowered Branch "Spring" Icon */
  --spring-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 80'%3E%3Cpath d='M10,70 Q40,65 60,30 T110,10' stroke='%235d4037' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3Cpath d='M60,30 Q80,25 90,40' stroke='%235d4037' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3Cg transform='translate(60,30) scale(0.4)'%3E%3Cpath d='M0,-40 C15,-40 30,-25 30,-10 C30,5 15,20 0,20 C-15,20 -30,5 -30,-10 C-30,-25 -15,-40 0,-40' fill='%23f2c4d8' transform='rotate(0)'/%3E%3Cpath d='M0,-40 C15,-40 30,-25 30,-10 C30,5 15,20 0,20 C-15,20 -30,5 -30,-10 C-30,-25 -15,-40 0,-40' fill='%23f2c4d8' transform='rotate(72)'/%3E%3Cpath d='M0,-40 C15,-40 30,-25 30,-10 C30,5 15,20 0,20 C-15,20 -30,5 -30,-10 C-30,-25 -15,-40 0,-40' fill='%23f2c4d8' transform='rotate(144)'/%3E%3Cpath d='M0,-40 C15,-40 30,-25 30,-10 C30,5 15,20 0,20 C-15,20 -30,5 -30,-10 C-30,-25 -15,-40 0,-40' fill='%23f2c4d8' transform='rotate(216)'/%3E%3Cpath d='M0,-40 C15,-40 30,-25 30,-10 C30,5 15,20 0,20 C-15,20 -30,5 -30,-10 C-30,-25 -15,-40 0,-40' fill='%23f2c4d8' transform='rotate(288)'/%3E%3Ccircle r='10' fill='%23c4688a'/%3E%3C/g%3E%3Cg transform='translate(100,15) scale(0.3)'%3E%3Cpath d='M0,-40 C15,-40 30,-25 30,-10 C30,5 15,20 0,20 C-15,20 -30,5 -30,-10 C-30,-25 -15,-40 0,-40' fill='%23f2c4d8' transform='rotate(20)'/%3E%3Ccircle r='10' fill='%23c4688a'/%3E%3C/g%3E%3C/svg%3E");
}

/* === BASE LAYOUT REFINEMENTS === */
.section-inner {
  position: relative;
  overflow: visible;
  padding: 4rem 1.5rem;
}

/* === HERO SECTION ENHANCEMENT === */
/* A beautiful single cherry blossom above JC Savoy name */
.hero-content h1::before {
  content: '';
  display: block;
  width: 50px;
  height: 50px;
  margin: 0 auto 15px;
  background-image: var(--blossom-svg);
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 1;
  filter: drop-shadow(0 1px 3px rgba(0,0,0,0.1));
}

/* Hero Text Readability */
.hero-content p {
  color: #111 !important;
  font-weight: 500;
  line-height: 1.6;
}

/* === SECTION HEADERS & READABILITY === */
.section-header h2 {
  position: relative;
  display: inline-block;
  padding: 0 85px; /* Wider padding for the flanking springs */
  font-family: 'Playfair Display', serif;
  color: #2d1a31;
}

/* Flanking flowered branches (Springs) */
.section-header h2::before,
.section-header h2::after {
  content: '';
  position: absolute;
  top: 50%;
  width: 70px;
  height: 50px;
  background-image: var(--spring-svg);
  background-size: contain;
  background-repeat: no-repeat;
  transform: translateY(-50%);
}

.section-header h2::before {
  left: 0;
  transform: translateY(-50%) rotate(-5deg);
}

.section-header h2::after {
  right: 0;
  transform: translateY(-50%) rotate(5deg) scaleX(-1);
}

/* Sub-text forced readability */
.section-header p {
  color: #000000 !important; /* PURE BLACK for maximum clarity */
  font-weight: 600;
  font-size: 1.25rem;
  max-width: 680px;
  margin: 1.2rem auto 2.5rem;
  line-height: 1.7;
}

/* === SECTION BACKGROUNDS === */
#whats-next {
  background: radial-gradient(circle at top right, #fff, var(--blush)) !important;
}

section.about#about {
  background: radial-gradient(circle at bottom left, #fff, var(--cream));
}

section.series#series {
  background: radial-gradient(circle at top left, #fff, var(--blush)) !important;
}

/* === SERIES CARDS === */
.series-card {
  border: 1px solid rgba(196, 104, 138, 0.15);
  border-top: 5px solid var(--petal);
  background: #ffffff;
  border-radius: 12px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Card titles and text */
.series-card h3 {
  color: #2d1a31;
  font-weight: 700;
}

.series-card p {
  color: #1a1a1a !important;
  line-height: 1.65;
  font-weight: 500;
}

.series-card ul li {
  color: #000 !important;
  font-weight: 600;
}

.series-card ul li a {
  color: #333 !important;
  font-weight: 600;
}

/* === FOOTER === */
footer {
  background: #2d1a31 !important; 
  border-top: 5px solid var(--rose);
}