/* =============================================
   THEME: Learn to Rise
   Palette: Academic Teal  |  Fonts: Editorial
   ============================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,700;1,400&family=Nunito:wght@400;500;600;700&display=swap');

:root {
  /* Colour Palette */
  --color-primary: #2B5F8A;
  --color-primary-light: #4A7FA0;
  --color-primary-dark: #1A3D54;
  --color-secondary: #D4943A;
  --color-secondary-light: #E0AD5E;
  --color-secondary-dark: #A06E20;
  --color-accent: #3B8A7F;
  --color-accent-light: #5AADA1;

  --color-bg: #FAFAF8;
  --color-bg-alt: #F2F0EC;
  --color-bg-dark: #1C2B36;
  --color-surface: #FFFFFF;
  --color-surface-alt: #F7F5F1;

  --color-text: #333333;
  --color-text-light: #666666;
  --color-text-inverse: #FAFAF8;
  --color-text-heading: #1C2B36;

  --color-border: #DDD9D2;
  --color-border-light: #ECEAE5;

  --color-success: #3B8A7F;
  --color-error: #C45B5B;

  /* Typography */
  --font-heading: 'Lora', Georgia, 'Times New Roman', serif;
  --font-body: 'Nunito', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* --- Insights Fullscreen Quote --- */
.insights-fullscreen {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #B8E8D0;
  padding: var(--space-2xl);
}

.insights-fullscreen__inner {
  max-width: 800px;
  text-align: center;
}

.insights-fullscreen__quote-mark {
  font-family: var(--font-heading);
  font-size: 6rem;
  line-height: 1;
  color: var(--color-primary-dark);
  opacity: 0.25;
  margin-bottom: var(--space-md);
}

.insights-fullscreen__quote {
  font-family: var(--font-heading);
  font-size: var(--text-2xl);
  line-height: var(--line-height-normal);
  color: var(--color-primary-dark);
  font-weight: var(--font-weight-normal);
  margin: 0;
}

.insights-fullscreen__source {
  font-size: var(--text-base);
  color: var(--color-primary-dark);
  opacity: 0.7;
  margin-top: var(--space-lg);
  font-style: italic;
}

.insights-fullscreen__refresh {
  margin-top: var(--space-2xl);
  display: inline-flex;
  align-items: center;
  gap: var(--space-sm);
  background: rgba(27, 61, 84, 0.1);
  color: var(--color-primary-dark);
  border: 1px solid rgba(27, 61, 84, 0.2);
}

.insights-fullscreen__refresh:hover {
  background: rgba(27, 61, 84, 0.18);
}

@media (min-width: 768px) {
  .insights-fullscreen__quote {
    font-size: var(--text-3xl);
  }

  .insights-fullscreen__quote-mark {
    font-size: 8rem;
  }
}

/* Cookie banner decline button — missing from older components.css */
.cookie-banner__buttons {
  display: flex;
  flex-direction: row-reverse;
  gap: var(--space-md);
  align-items: center;
}

.cookie-banner__decline {
  background: transparent;
  color: rgba(255, 255, 255, 0.7);
  padding: var(--space-sm) var(--space-xl);
  border-radius: var(--radius-md);
  font-size: var(--text-sm);
  font-weight: var(--font-weight-medium);
  cursor: pointer;
  border: 1px solid rgba(255, 255, 255, 0.3);
  white-space: nowrap;
  transition: color var(--transition-fast), border-color var(--transition-fast);
}

.cookie-banner__decline:hover {
  color: var(--color-text-inverse);
  border-color: rgba(255, 255, 255, 0.6);
}