/* app/static/css/themes/orbitofnews.css */
/* Orbit of News — Mercury News-inspired metro newspaper palette */

.theme-orbitofnews {
  /* --- Orbit of News Color Palette --- */
  --oon-blue: #006fb7;
  --oon-blue-dark: #005a94;
  --oon-red: #d70000;
  --oon-yellow: #ffc518;
  --oon-white: #ffffff;
  --oon-text-dark: #0a0908;
  --oon-text-body: #38322a;
  --oon-border: #d7d6d2;
  --oon-border-dark: #aaa7a4;
  --oon-nav-bg: #1a1a1a;
  --oon-text-light: rgba(255, 255, 255, 0.85);
  --oon-text-muted-light: rgba(255, 255, 255, 0.6);

  /* --- Override Base Semantic Colors --- */
  --color-primary: var(--oon-blue);
  --color-secondary: var(--oon-text-dark);
  --color-accent: var(--oon-red);
  --color-background: var(--oon-white);
  --color-surface-1: var(--oon-white);
  --color-surface-2: #f5f5f3;
  --color-surface-3: var(--oon-nav-bg);
  --color-text-primary: var(--oon-text-dark);
  --color-text-secondary: var(--oon-text-body);
  --color-text-muted: var(--oon-border-dark);
  --color-link: var(--oon-blue);
  --color-link-hover: var(--oon-blue-dark);
  --color-border: var(--oon-border);

  /* --- Typography --- */
  --font-family-base: "Noto Sans", var(--font-family-sans);
  --font-family-heading: "Noto Serif", var(--font-family-serif);

  /* --- Footer --- */
  --footer-background: var(--oon-nav-bg);
  --footer-color: var(--oon-text-light);
  --footer-border-color: var(--oon-blue);
}

/* --- Section Headings --- */
.theme-orbitofnews .content-section__heading {
  font-family: var(--font-family-base);
  font-size: var(--font-size-sm, 0.875rem);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--oon-text-dark);
  border-bottom: 3px solid var(--oon-blue);
  padding-bottom: var(--spacing-xs);
  margin-bottom: var(--spacing-md);
}

/* --- Card Titles --- */
.theme-orbitofnews .card__title {
  font-family: var(--font-family-heading);
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.02em;
}

/* --- Card Descriptions --- */
.theme-orbitofnews .card__description {
  line-height: 1.4;
}

.theme-orbitofnews .card__title a {
  color: var(--oon-text-dark);
}
.theme-orbitofnews .card__title a:hover {
  color: var(--oon-blue);
}

/* --- Card Meta --- */
.theme-orbitofnews .card__meta {
  font-size: var(--font-size-xs, 0.75rem);
  color: var(--oon-border-dark);
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

/* --- Card Category --- */
.theme-orbitofnews .card__category {
  font-family: var(--font-family-base);
  font-size: var(--font-size-xs, 0.75rem);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--oon-blue);
}

/* --- Footer Links --- */
.theme-orbitofnews .footer__link:hover {
  color: var(--oon-yellow);
}
.theme-orbitofnews .footer__copyright {
  color: var(--oon-text-muted-light);
}

/* --- Orbit of News theme within Newspaper layout --- */

/* Masthead — white background, editorial serif */
.layout-newspaper.theme-orbitofnews .masthead {
  border-bottom: 3px solid var(--oon-blue);
  margin-bottom: 0;
}
.layout-newspaper.theme-orbitofnews .masthead__title {
  font-family: "Jacquard 24", var(--font-family-serif);
  font-weight: normal;
  text-transform: none;
  letter-spacing: normal;
}

/* Mobile header/nav */
@media (max-width: 1023px) {
  .layout-newspaper.theme-orbitofnews .header--newspaper-override {
    background-color: var(--oon-nav-bg);
    border-bottom-color: var(--oon-blue);
  }

  .layout-newspaper.theme-orbitofnews
    .masthead-mobile-toggle-wrapper
    .header__toggle-line {
    background-color: var(--oon-white);
  }

  .layout-newspaper.theme-orbitofnews .header--newspaper-override .masthead {
    border-bottom: none;
    background-color: transparent;
    padding: 0;
    margin: 0;
  }
  .layout-newspaper.theme-orbitofnews
    .header--newspaper-override
    .masthead__title {
    color: var(--oon-white);
    font-size: clamp(1.3rem, 5vw, 2rem);
  }
  .layout-newspaper.theme-orbitofnews
    .header--newspaper-override
    .masthead__title-link {
    color: var(--oon-white);
  }

  /* Mobile navigation dropdown */
  .layout-newspaper.theme-orbitofnews .header__nav.active {
    background-color: var(--oon-nav-bg);
    border-color: var(--oon-blue);
  }
  .layout-newspaper.theme-orbitofnews .header__nav .header__link {
    color: var(--oon-white);
  }
  .layout-newspaper.theme-orbitofnews .header__nav .header__link:hover {
    color: var(--oon-yellow);
  }
}

/* Desktop nav bar */
@media (min-width: 1024px) {
  .layout-newspaper.theme-orbitofnews .nav-background-wrapper {
    background-color: var(--oon-nav-bg);
    border-top: none;
    border-bottom: none;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    margin-bottom: var(--spacing-md);
  }
  .layout-newspaper.theme-orbitofnews
    .nav-background-wrapper
    .header__nav-container--newspaper {
    background-color: transparent !important;
    border: none !important;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-md);
  }
  .layout-newspaper.theme-orbitofnews .nav-background-wrapper .header__link {
    color: var(--oon-white);
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-sm);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 0;
  }
  .layout-newspaper.theme-orbitofnews
    .nav-background-wrapper
    .header__link:hover {
    color: var(--oon-yellow);
  }
}