/** Shopify CDN: Minification failed

Line 211:1 Expected "}" to go with "{"

**/
/* ============================================
   The Night Shift Co. — Blog Styles
   Dark theme matching brand identity
   ============================================ */

/* Import Bebas Neue font */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

/* ---- BLOG LISTING PAGE ---- */

main[data-template="blog"] .section-background {
  background-color: #111113 !important;
}

main[data-template="blog"] .section-content-wrapper,
main[data-template="blog"] .blog-posts {
  color: #e0e0e0 !important;
}

main[data-template="blog"] h1 {
  color: #f59e0b !important;
  font-family: 'Bebas Neue', sans-serif;
  letter-spacing: 3px;
}

/* Blog post card links and titles */
main[data-template="blog"] .blog-post-card a {
  color: #fafafa !important;
  text-decoration: none !important;
}

main[data-template="blog"] .blog-post-card a:hover {
  color: #f59e0b !important;
}

/* Card titles */
main[data-template="blog"] [class*="heading"],
main[data-template="blog"] h2,
main[data-template="blog"] h3,
main[data-template="blog"] h4 {
  color: #fafafa !important;
}

/* Card text / descriptions */
main[data-template="blog"] p,
main[data-template="blog"] .rte,
main[data-template="blog"] [class*="description"] {
  color: #8a8a96 !important;
}

/* Card date/details */
main[data-template="blog"] time,
main[data-template="blog"] [class*="details"],
main[data-template="blog"] [class*="info"] {
  color: #8a8a96 !important;
}

/* Card images */
main[data-template="blog"] .blog-post-card__image-container img {
  border-radius: 4px !important;
}

/* Card borders */
main[data-template="blog"] .blog-post-item {
  border-color: #2a2a30 !important;
}

/* Make background fully dark */
main[data-template="blog"],
main[data-template="blog"] .color-scheme-1,
main[data-template="blog"] [class*="color-"] {
  background-color: #111113 !important;
  --color-background: 17 17 19 !important;
}

/* ---- BLOG ARTICLE PAGE ---- */

main[data-template="article"] .section-background {
  background-color: #111113 !important;
}

main[data-template="article"] .section-content-wrapper {
  color: #e0e0e0 !important;
}

/* Article title */
main[data-template="article"] h1,
main[data-template="article"] [class*="blog-post-title"] {
  color: #f59e0b !important;
  font-family: 'Bebas Neue', sans-serif;
  letter-spacing: 1px;
}

/* Article date */
main[data-template="article"] .blog-post-details,
main[data-template="article"] time {
  color: #f59e0b !important;
  opacity: 0.8;
}

/* Article h2 headings */
main[data-template="article"] .rte h2,
main[data-template="article"] .blog-post-content h2 {
  color: #f59e0b !important;
  font-family: 'Bebas Neue', sans-serif;
  font-size: 2em;
  letter-spacing: 1px;
  margin-top: 2.5em;
  margin-bottom: 0.5em;
  border-bottom: 2px solid rgba(245, 158, 11, 0.3);
  padding-bottom: 0.3em;
}

/* Article h3 headings */
main[data-template="article"] .rte h3,
main[data-template="article"] .blog-post-content h3 {
  color: #f59e0b !important;
  font-family: 'Bebas Neue', sans-serif;
  font-size: 1.5em;
  letter-spacing: 0.5px;
  margin-top: 2em;
}

/* Article body text */
main[data-template="article"] .rte p,
main[data-template="article"] .blog-post-content p {
  color: #d1d1d1 !important;
  font-size: 1.05em;
  line-height: 1.8;
  margin-bottom: 1.2em;
}

/* Bold text */
main[data-template="article"] .rte strong,
main[data-template="article"] .blog-post-content strong {
  color: #ffffff !important;
  font-weight: 700;
}

/* Italic text */
main[data-template="article"] .rte em,
main[data-template="article"] .blog-post-content em {
  color: #888888 !important;
  font-style: italic;
}

/* Links in articles */
main[data-template="article"] .rte a,
main[data-template="article"] .blog-post-content a {
  color: #f59e0b !important;
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: color 0.2s ease;
}

main[data-template="article"] .rte a:hover,
main[data-template="article"] .blog-post-content a:hover {
  color: #fbbf24 !important;
}

/* Horizontal rules */
main[data-template="article"] .rte hr,
main[data-template="article"] .blog-post-content hr {
  border: none;
  border-top: 1px solid rgba(245, 158, 11, 0.3);
  margin: 2em 0;
}

/* Lists */
main[data-template="article"] .rte ul,
main[data-template="article"] .rte ol,
main[data-template="article"] .blog-post-content ul,
main[data-template="article"] .blog-post-content ol {
  color: #d1d1d1 !important;
}

main[data-template="article"] .rte li,
main[data-template="article"] .blog-post-content li {
  margin-bottom: 0.5em;
  line-height: 1.7;
/* Blog card images - let theme handle sizing */
main[data-template="blog"] .blog-post-card__image-container img {
  border-radius: 4px !important;
/* Article page - override page width variable */
main[data-template="article"] {
  --narrow-page-width: 900px !important;
  --normal-content-width: 900px !important;
  --page-content-width: 900px !important;
  --narrow-content-width: 900px !important;
}

main[data-template="article"] .section-content-wrapper {
  --page-content-width: 900px !important;
  --narrow-page-width: 900px !important;
}

main[data-template="article"] .blog-post-content p,
main[data-template="article"] .rte p {
  font-size: 18px !important;
  line-height: 1.9 !important;
}

main[data-template="article"] .blog-post-content li,
main[data-template="article"] .rte li {
  font-size: 17px !important;
}