/* =============================================
   CULSEQ — Minimal Additional CSS v5
   Only what Blocksy Customizer cannot do natively.
   Everything else should be set in:
   Customize → Typography / Colors / Header / Footer / Blog
   ============================================= */

/* --- Archivo width axis (Customizer can't set font-stretch) --- */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wdth,wght@125,800&family=Barlow+Condensed:wght@700&display=swap');

h1, h2, h3, h4, h5, h6,
.entry-title,
.page-title,
[class*="wp-block-heading"] {
  font-family: 'Archivo', sans-serif !important;
  font-stretch: 125% !important;
  font-weight: 800 !important;
}

/* --- Tagline styling --- */
.site-description,
header .site-description {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: #1A2D6E !important;
}

/* =============================================
   Category pill colour system
   Blocksy free cannot do per-category colours
   ============================================= */

.meta-categories a {
  background: #F02535 !important;
  color: white !important;
  padding: 3px 10px !important;
  border-radius: 2px !important;
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  display: inline-block !important;
  line-height: 1.6 !important;
}

.meta-categories a[href*="flashback"]         { background: #7B4FFF !important; }
.meta-categories a[href*="performance"]       { background: #FF0099 !important; }
.meta-categories a[href*="industry-news"]     { background: #00A3FF !important; }
.meta-categories a[href*="talent-crossover"]  { background: #00C2A8 !important; }
.meta-categories a[href*="live-event-venues"] { background: #FF8C00 !important; }

/* =============================================
   Tag styling (outlined navy, distinct from filled categories)
   ============================================= */

.post-tags a,
.entry-tags a,
.tags-list a {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 700;
  font-size: 10px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #1A2D6E !important;
  border: 1px solid #1A2D6E;
  padding: 3px 8px;
  border-radius: 2px;
  text-decoration: none;
  display: inline-block;
  margin: 2px 4px 2px 0;
}

.post-tags a:hover,
.entry-tags a:hover,
.tags-list a:hover {
  background: #1A2D6E;
  color: white !important;
}

/* =============================================
   Sticky post as hero (Blocksy free has no hero block)
   ============================================= */

.post.sticky .entry-card,
article.sticky {
  grid-column: 1 / -1 !important;
  margin-bottom: 20px;
}

.post.sticky .ct-media-container img,
article.sticky .ct-media-container img {
  max-height: 420px;
  object-fit: cover;
}

.post.sticky .entry-title,
article.sticky .entry-title {
  font-size: 32px !important;
}