/* Newsroom Page Styles */

/* Newsroom template palette */

.newsroom-template {
  --newsroom-accent: #99b8b2;
  --newsroom-accent-hover: #8aa9a3;
  --newsroom-text: #1e293b;
  --newsroom-content-text: #1e293b;
  --newsroom-border: #c7d7d4;
  --newsroom-muted: #c2d4d1;
  --newsroom-muted-hover: #b8cdc9;
  --newsroom-text-muted: #1e293b;
  --newsroom-border-muted: #c7d7d4;
  /* Disabled controls on the white content background. Static on purpose: a
     value derived from the customer accent cannot promise contrast, which is
     what the language-selector fix had to undo. 4.83:1 on white, 3.03:1
     against the enabled --newsroom-content-text, so "off" is unmistakable. */
  --newsroom-disabled-text: #6b7280;
}

.newsroom-template .newsroom-site-header,
.newsroom-template .newsroom-site-footer,
.newsroom-template .newsroom-share-button {
  background-color: var(--newsroom-accent);
  color: var(--newsroom-text);
}

.newsroom-template .newsroom-share-button:hover {
  background-color: var(--newsroom-accent-hover);
}

/* Proposal dialog's confirm button, tinted with the customer's corporate
   colour like the share button, so the dialog reads as part of the Newsroom. */
.newsroom-template .newsroom-propose-submit {
  background-color: var(--newsroom-accent);
  color: var(--newsroom-text);
  border: none;
}

.newsroom-template .newsroom-propose-submit:hover {
  background-color: var(--newsroom-accent-hover);
}

.newsroom-template .newsroom-section {
  border-color: var(--newsroom-border);
}

.newsroom-template [id^="pagination-container-newsroom-"] .bg-blue-600,
.newsroom-template button.bg-blue-600 {
  background-color: var(--newsroom-accent) !important;
}

.newsroom-template [id^="pagination-container-newsroom-"] .bg-blue-600:hover,
.newsroom-template button.bg-blue-600:hover {
  background-color: var(--newsroom-accent-hover) !important;
}

/* Language selectors — ticker, newsletter and documents share one appearance.
   The active tab takes its text color from the accent rather than a fixed
   white: on a light corporate color white type sits at ~1.2:1 and is the
   least readable element in the selector. */
.newsroom-template .newsroom-tab-button.bg-blue-600,
.newsroom-template .newsletter-lang-tab.bg-blue-600,
.newsroom-template .studies-lang-tab.bg-blue-600 {
  background-color: var(--newsroom-accent) !important;
  color: var(--newsroom-text) !important;
  border-color: var(--newsroom-accent) !important;
}

.newsroom-template .newsroom-tab-button.bg-blue-600:hover,
.newsroom-template .newsletter-lang-tab.bg-blue-600:hover,
.newsroom-template .studies-lang-tab.bg-blue-600:hover {
  background-color: var(--newsroom-accent-hover) !important;
  border-color: var(--newsroom-accent-hover) !important;
}

.newsroom-template .newsroom-tab-button.bg-gray-100,
.newsroom-template .newsletter-lang-tab.bg-gray-100,
.newsroom-template .studies-lang-tab.bg-gray-100 {
  background-color: var(--newsroom-muted) !important;
  color: var(--newsroom-text-muted) !important;
  border-color: var(--newsroom-border-muted) !important;
}

.newsroom-template .newsroom-tab-button.bg-gray-100:hover,
.newsroom-template .newsletter-lang-tab.bg-gray-100:hover,
.newsroom-template .studies-lang-tab.bg-gray-100:hover {
  background-color: var(--newsroom-muted-hover) !important;
}

.newsroom-template .newsletter-card-bg-fallback {
  background-color: var(--newsroom-accent);
}

.newsroom-template .type-indicator-company,
.newsroom-template .type-indicator-topic,
.newsroom-template .type-indicator-city,
.newsroom-template .type-indicator-region,
.newsroom-template .type-indicator-newsletter,
.newsroom-template .type-indicator-module {
  background-color: var(--newsroom-accent);
  color: var(--newsroom-text);
}

.newsroom-template .newsletter-signup-btn {
  background-color: var(--newsroom-accent);
}

.newsroom-template .newsletter-signup-btn:hover {
  background-color: var(--newsroom-accent-hover);
}

/* Press releases module cards. */
.newsroom-template .press-release-card {
  border-color: var(--newsroom-border);
  transition: box-shadow .15s ease, border-color .15s ease;
}

.newsroom-template .press-release-card:hover {
  border-color: var(--newsroom-accent);
  box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
}

.newsroom-template .press-release-date {
  color: var(--newsroom-text-muted);
}

.newsroom-template .press-release-title-link {
  color: var(--newsroom-content-text);
}

.newsroom-template .press-release-title-link:hover {
  color: var(--newsroom-accent-hover);
  text-decoration: underline;
}

.newsroom-template .press-release-source-link {
  color: var(--newsroom-accent);
}

.newsroom-template .press-release-source-link:hover {
  color: var(--newsroom-accent-hover);
  text-decoration: underline;
}

.newsroom-template .press-release-share {
  color: var(--newsroom-accent);
}

.newsroom-template .press-release-share:hover {
  background-color: var(--newsroom-muted);
  color: var(--newsroom-accent-hover);
}

/* Press releases and calendar pagination */
.newsroom-template .press-releases-page-btn,
.newsroom-template .calendar-page-btn {
  background-color: #fff;
  border-color: var(--newsroom-border);
  color: var(--newsroom-content-text);
}

.newsroom-template .press-releases-page-btn:hover:not(:disabled):not(.press-releases-page-btn--active),
.newsroom-template .calendar-page-btn:hover:not(:disabled):not(.calendar-page-btn--active) {
  background-color: var(--newsroom-muted);
  border-color: var(--newsroom-accent);
  color: var(--newsroom-content-text);
}

.newsroom-template .press-releases-page-btn:focus-visible,
.newsroom-template .calendar-page-btn:focus-visible {
  outline: 2px solid var(--newsroom-accent);
  outline-offset: 2px;
}

/* Opts out of the global `button:disabled { opacity: .5 }` in my_news.css,
   which the newsroom layout loads first: fading the button takes its border
   with it and drops the label to ~3:1 on white. The muted color below is the
   disabled signal instead. Plain specificity beats that rule -- no !important. */
.newsroom-template .press-releases-page-btn:disabled,
.newsroom-template .calendar-page-btn:disabled {
  background-color: #fff;
  color: var(--newsroom-disabled-text);
  opacity: 1;
}

/* Gap marker between windowed page numbers; muted like a disabled step. */
.newsroom-template .press-releases-page-gap,
.newsroom-template .calendar-page-gap {
  color: var(--newsroom-disabled-text);
}

.newsroom-template .press-releases-page-btn--active,
.newsroom-template .calendar-page-btn--active {
  background-color: var(--newsroom-accent);
  color: var(--newsroom-text);
  border-color: var(--newsroom-accent);
}

/* The statistics module reuses My News's box partial, whose loading spinner is
   hardcoded to My News blue. It is the last blue left in that box once the frame
   follows --newsroom-border, and it is on screen on every page load until the
   SendGrid fetch answers. border-top stays transparent: that gap is what makes
   the ring read as spinning rather than as a plain circle. */
.newsroom-template .newsroom-newsletter-statistics-section .animate-spin {
  border-color: var(--newsroom-accent);
  border-top-color: transparent;
}