/* ADROOM Insights front-end + editor styles */
body {
  background:
    radial-gradient(800px 360px at 0% 0%, #ffe8a3 0%, transparent 55%),
    radial-gradient(700px 320px at 100% 0%, #ffd0e0 0%, transparent 50%),
    #fff7ed;
  background-repeat: no-repeat;
  background-color: #fff7ed;
}
a { text-underline-offset: .18em; }

/* Header */
.adroom-header {
  position: sticky; top: 0; z-index: 100;
  background: linear-gradient(90deg, #7a2e39, #d81b60 40%, #1565c0);
  color: #fff;
}
.admin-bar .adroom-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .adroom-header { top: 0; position: relative; } }
.adroom-logo { display: inline-flex; align-items: center; gap: 10px; color: #fff; text-decoration: none; }
.adroom-logo .logo-mark {
  width: 36px; height: 36px; display: grid; place-items: center; flex: none;
  background: #fff7ed; color: #7a2e39; font: 800 12px/1 Outfit, sans-serif; letter-spacing: .08em;
}
.adroom-logo .logo-word { font: 800 17px/1.1 Outfit, sans-serif; letter-spacing: .05em; text-transform: uppercase; }
.adroom-logo .logo-tag { display: block; font: 600 11px/1.2 Outfit, sans-serif; letter-spacing: .12em; text-transform: uppercase; opacity: .9; color: #ffe8a3; margin-top: 3px; }
.adroom-header .wp-block-navigation { font-size: 13px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; }
.adroom-header .wp-block-navigation a { color: #fff; text-decoration: none; }
.adroom-header .wp-block-navigation a:hover { color: #ffe8a3; }
.adroom-header .nav-cta > a {
  background: #f9a825; color: #111 !important; padding: 8px 16px; border-radius: 20px;
}
.adroom-header .nav-cta > a:hover { background: #fff7ed; }
.adroom-header .wp-block-navigation__responsive-container.is-menu-open { background: #7a2e39; color: #fff; }
.adroom-header .wp-block-navigation__responsive-container.is-menu-open a { font-size: 18px; }

/* Insights index */
.adroom-eyebrow { font: 700 12px/1.2 Outfit, sans-serif; letter-spacing: .14em; text-transform: uppercase; color: #d81b60; }
.adroom-hero-title {
  background: linear-gradient(90deg, #7a2e39, #d81b60 50%, #1565c0);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.adroom-cards .wp-block-post {
  background: #fff; border-radius: 18px; overflow: hidden;
  box-shadow: 0 12px 28px rgba(122,46,57,.12);
  display: flex; flex-direction: column;
}
.adroom-cards .wp-block-post:nth-child(3n+1) { outline: 4px solid #f9a825; }
.adroom-cards .wp-block-post:nth-child(3n+2) { outline: 4px solid #d81b60; }
.adroom-cards .wp-block-post:nth-child(3n)   { outline: 4px solid #1565c0; }
.adroom-cards .wp-block-post-featured-image { margin: 0; }
.adroom-cards .wp-block-post-featured-image img { width: 100%; aspect-ratio: 4/3; object-fit: cover; display: block; }
.adroom-card-body { padding: 18px 20px 22px !important; }
.adroom-cards .wp-block-post-title a { color: #7a2e39; text-decoration: none; }
.adroom-cards .wp-block-post-title a:hover { color: #d81b60; }
.adroom-cards .wp-block-post-excerpt__excerpt { color: #374151; }
.adroom-cards .wp-block-post-date, .adroom-meta { color: #d81b60; font-size: 12px; letter-spacing: .12em; text-transform: uppercase; font-weight: 700; }
.adroom-meta a { color: #d81b60; text-decoration: none; }

/* Single article card */
.adroom-article {
  background: #fff; border-radius: 28px; border-top: 8px solid #d81b60;
  box-shadow: 0 18px 40px rgba(122,46,57,.12);
}
.adroom-article .wp-block-post-featured-image img { border-radius: 16px; width: 100%; aspect-ratio: 16/9; object-fit: cover; }
.adroom-article .wp-block-post-content h2 { color: #7a2e39; margin-top: 1.8em; }
.adroom-article .wp-block-post-content a { color: #d81b60; }
.adroom-article .wp-block-post-content figure img { border-radius: 14px; }
.adroom-article .wp-element-caption { color: #4b5563; font-size: 13px; }

/* Classes carried over from the static articles (usable from the block sidebar > Additional CSS class) */
.scene { font-size: 1.15em; color: #374151; }
.thesis { background: #fff1f2; border-left: 6px solid #d81b60; padding: 14px 16px; border-radius: 0 10px 10px 0; }
.kicker-line { color: #1565c0; font-weight: 700; }
.geo-close { background: #fff7ed; border: 1px solid #f3d9b8; border-radius: 14px; padding: 16px 18px; font-size: .95em; color: #374151; }
.cta-rose {
  background: linear-gradient(90deg, #7a2e39, #d81b60); color: #fff; border-radius: 18px; padding: 18px 20px; font-weight: 600;
}
.cta-rose a { color: #ffe8a3 !important; font-weight: 800; }

/* Related */
.adroom-related .wp-block-post-title a { color: #7a2e39; text-decoration: none; }

/* Footer */
.adroom-footer { background: #7a2e39; color: #fff7ed; }
.adroom-footer a { color: #ffe8a3; }
.adroom-footer a:hover { color: #fff; }
.adroom-footer .adroom-foot-brand { font-weight: 800; letter-spacing: .04em; }

@media (max-width: 600px) {
  .adroom-logo .logo-word { font-size: 14px; }
  .adroom-article { border-radius: 18px; }
}
