/*
Theme Name:   Service Scout
Theme URI:    https://service-scout.org
Description:  Custom child theme for Service Scout — home services lead generator. Industrial-craft aesthetic with navy, orange, and cream.
Author:       Service Scout
Author URI:   https://service-scout.org
Template:     twentytwentyfour
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  service-scout
*/

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   GOOGLE FONTS — loaded via functions.php
   Barlow Condensed 700/900 | Zilla Slab 400/600 | Barlow 400/500
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   DESIGN TOKENS
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
:root {
  --ss-navy:          #0d1b2a;
  --ss-navy2:         #152338;
  --ss-navy3:         #1e3050;
  --ss-orange:        #f4640a;
  --ss-orange2:       #ff8533;
  --ss-cream:         #f5f0e8;
  --ss-cream2:        #ede5d6;
  --ss-steel:         #8a9bb0;
  --ss-white:         #ffffff;
  --ss-font-display:  'Barlow Condensed', sans-serif;
  --ss-font-body:     'Zilla Slab', serif;
  --ss-font-ui:       'Barlow', sans-serif;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   GLOBAL OVERRIDES
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body {
  background-color: var(--ss-navy) !important;
  color: var(--ss-cream) !important;
  font-family: var(--ss-font-body) !important;
}

/* Noise texture */
body::before {
  content: '';
  position: fixed;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");
  pointer-events: none;
  z-index: 9999;
  opacity: 0.3;
}

a { color: var(--ss-orange); }
a:hover { color: var(--ss-orange2); }

h1, h2, h3, h4, h5, h6 {
  font-family: var(--ss-font-display) !important;
  font-weight: 900 !important;
  text-transform: uppercase;
  letter-spacing: 0.01em;
  color: var(--ss-white);
}

p, li, td, th {
  font-family: var(--ss-font-body);
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   HEADER / NAV
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.wp-block-template-part[data-slug="header"],
header.wp-block-template-part {
  background: var(--ss-navy) !important;
  border-bottom: 3px solid var(--ss-orange) !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 100 !important;
}

.wp-block-site-title a,
.wp-block-site-title {
  font-family: var(--ss-font-display) !important;
  font-weight: 900 !important;
  font-size: 1.6rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  color: var(--ss-white) !important;
  text-decoration: none !important;
}

.wp-block-navigation a,
.wp-block-navigation__container a {
  font-family: var(--ss-font-ui) !important;
  font-size: 0.82rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--ss-steel) !important;
  text-decoration: none !important;
  transition: color 0.2s !important;
}

.wp-block-navigation a:hover {
  color: var(--ss-white) !important;
}

/* Nav CTA button */
.wp-block-navigation .wp-block-button__link,
.wp-block-navigation .wp-element-button {
  background: var(--ss-orange) !important;
  color: var(--ss-white) !important;
  font-family: var(--ss-font-display) !important;
  font-weight: 700 !important;
  font-size: 0.85rem !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  padding: 10px 20px !important;
  border-radius: 0 !important;
  transition: background 0.2s !important;
}

.wp-block-navigation .wp-block-button__link:hover {
  background: var(--ss-orange2) !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   BUTTONS — GLOBAL
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.wp-block-button__link,
.wp-element-button {
  font-family: var(--ss-font-display) !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  border-radius: 0 !important;
  padding: 14px 28px !important;
  transition: background 0.2s, transform 0.15s !important;
}

.wp-block-button__link:hover {
  transform: translateY(-2px) !important;
}

/* Primary orange button */
.wp-block-button:not(.is-style-outline) .wp-block-button__link {
  background: var(--ss-orange) !important;
  color: var(--ss-white) !important;
  border: 2px solid var(--ss-orange) !important;
}

.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
  background: var(--ss-orange2) !important;
  border-color: var(--ss-orange2) !important;
}

/* Outline button */
.wp-block-button.is-style-outline .wp-block-button__link {
  background: transparent !important;
  color: var(--ss-cream) !important;
  border: 2px solid rgba(255,255,255,0.3) !important;
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
  border-color: var(--ss-white) !important;
  color: var(--ss-white) !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   COVER BLOCKS (hero sections / CTAs)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.wp-block-cover {
  border-radius: 0 !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   BLOG — POST CARDS (archive, home feed)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.wp-block-query {
  width: 100%;
}

/* Post card wrapper from query loop */
.wp-block-post {
  background: var(--ss-navy2) !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  transition: transform 0.3s !important;
  overflow: hidden !important;
}

.wp-block-post:hover {
  transform: translateY(-5px) !important;
}

/* Nuclear override — kill any light background leaking into cards */
.wp-block-post *,
.wp-block-query .wp-block-post *,
.wp-block-post-template .wp-block-post * {
  background-color: transparent !important;
}

.wp-block-post,
.wp-block-query .wp-block-post,
.wp-block-post-template .wp-block-post {
  background: #152338 !important;
  background-color: #152338 !important;
}

/* Post title in cards */
.wp-block-post-title,
.wp-block-post-title a {
  font-family: var(--ss-font-display) !important;
  font-weight: 700 !important;
  font-size: 1.25rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
  color: var(--ss-white) !important;
  text-decoration: none !important;
  line-height: 1.1 !important;
}

.wp-block-post-title a:hover {
  color: var(--ss-orange) !important;
}

/* Post excerpt */
.wp-block-post-excerpt__excerpt,
.wp-block-post-excerpt p {
  font-family: var(--ss-font-ui) !important;
  font-size: 0.88rem !important;
  color: #c8d4e0 !important;
  line-height: 1.65 !important;
}

/* Post featured image */
.wp-block-post-featured-image img {
  width: 100% !important;
  aspect-ratio: 16/9 !important;
  object-fit: cover !important;
  display: block !important;
}

/* Post date */
.wp-block-post-date,
.wp-block-post-date a {
  font-family: var(--ss-font-ui) !important;
  font-size: 0.75rem !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--ss-orange) !important;
  text-decoration: none !important;
}

/* Post categories in card */
.wp-block-post-terms a {
  font-family: var(--ss-font-ui) !important;
  font-size: 0.72rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  background: var(--ss-orange) !important;
  color: var(--ss-white) !important;
  padding: 4px 10px !important;
  text-decoration: none !important;
  display: inline-block !important;
}

/* Read more link */
.wp-block-post-excerpt__more-link,
.wp-block-read-more {
  font-family: var(--ss-font-ui) !important;
  font-size: 0.8rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--ss-orange) !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  transition: gap 0.2s !important;
}

.wp-block-post-excerpt__more-link:hover,
.wp-block-read-more:hover {
  gap: 12px !important;
  color: var(--ss-orange2) !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   BLOG — SINGLE POST
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.single .wp-block-post-content,
.page .wp-block-post-content {
  max-width: 720px !important;
  margin: 0 auto !important;
  padding: 60px 24px !important;
}

.single .wp-block-post-title,
.page .wp-block-post-title {
  font-size: clamp(2rem, 5vw, 3.5rem) !important;
  line-height: 0.95 !important;
  margin-bottom: 24px !important;
  color: var(--ss-white) !important;
}

/* Single post body text */
.single .entry-content p,
.single .wp-block-post-content p,
.wp-block-post-content > p {
  font-family: var(--ss-font-body) !important;
  font-size: 1.05rem !important;
  line-height: 1.8 !important;
  color: var(--ss-cream) !important;
  margin-bottom: 1.5em !important;
}

.wp-block-post-content h2 {
  font-size: 1.8rem !important;
  margin-top: 2em !important;
  margin-bottom: 0.5em !important;
  padding-bottom: 8px !important;
  border-bottom: 2px solid var(--ss-orange) !important;
}

.wp-block-post-content h3 {
  font-size: 1.3rem !important;
  color: var(--ss-orange) !important;
  margin-top: 1.5em !important;
  margin-bottom: 0.4em !important;
}

.wp-block-post-content ul li,
.wp-block-post-content ol li {
  font-family: var(--ss-font-body) !important;
  color: var(--ss-cream) !important;
  margin-bottom: 0.5em !important;
  padding-left: 8px !important;
}

.wp-block-post-content ul {
  list-style: none !important;
  padding-left: 0 !important;
}

.wp-block-post-content ul li::before {
  content: '→ ' !important;
  color: var(--ss-orange) !important;
}

/* Post meta bar (single post) */
.wp-block-post-author,
.wp-block-post-author__name {
  font-family: var(--ss-font-ui) !important;
  font-size: 0.85rem !important;
  color: var(--ss-steel) !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   BLOG — ARCHIVE / CATEGORY HEADER
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.wp-block-term-description,
.wp-block-query-title {
  font-family: var(--ss-font-display) !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  color: var(--ss-white) !important;
}

.archive .page-header,
.category .page-header {
  background: var(--ss-navy2) !important;
  border-bottom: 3px solid var(--ss-orange) !important;
  padding: 48px 40px !important;
  margin-bottom: 0 !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   PAGINATION
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.wp-block-query-pagination,
.wp-block-query-pagination-numbers {
  display: flex !important;
  gap: 4px !important;
  justify-content: center !important;
  padding: 48px 0 !important;
}

.wp-block-query-pagination-numbers a,
.wp-block-query-pagination-previous a,
.wp-block-query-pagination-next a,
.page-numbers {
  font-family: var(--ss-font-display) !important;
  font-weight: 700 !important;
  font-size: 0.9rem !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  padding: 10px 16px !important;
  background: var(--ss-navy2) !important;
  color: var(--ss-steel) !important;
  text-decoration: none !important;
  transition: background 0.2s, color 0.2s !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
}

.wp-block-query-pagination-numbers a:hover,
.wp-block-query-pagination-previous a:hover,
.wp-block-query-pagination-next a:hover,
.page-numbers:hover,
.page-numbers.current {
  background: var(--ss-orange) !important;
  color: var(--ss-white) !important;
  border-color: var(--ss-orange) !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   SEPARATORS
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
hr.wp-block-separator {
  border-color: rgba(255,255,255,0.1) !important;
  border-top-width: 1px !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   JETPACK CONTACT FORM
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.wp-block-jetpack-contact-form,
.contact-form {
  background: var(--ss-navy2) !important;
  padding: 40px !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-left: 4px solid var(--ss-orange) !important;
}

.contact-form label,
.wp-block-jetpack-contact-form label {
  font-family: var(--ss-font-ui) !important;
  font-size: 0.78rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--ss-steel) !important;
  margin-bottom: 6px !important;
  display: block !important;
}

.contact-form input,
.contact-form textarea,
.contact-form select,
.wp-block-jetpack-contact-form input,
.wp-block-jetpack-contact-form textarea,
.wp-block-jetpack-contact-form select {
  background: var(--ss-navy3) !important;
  color: var(--ss-white) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  border-radius: 0 !important;
  padding: 12px 16px !important;
  width: 100% !important;
  font-family: var(--ss-font-body) !important;
  font-size: 1rem !important;
  transition: border-color 0.2s !important;
}

.contact-form input:focus,
.contact-form textarea:focus,
.contact-form select:focus,
.wp-block-jetpack-contact-form input:focus,
.wp-block-jetpack-contact-form textarea:focus,
.wp-block-jetpack-contact-form select:focus {
  outline: none !important;
  border-color: var(--ss-orange) !important;
  box-shadow: 0 0 0 3px rgba(244,100,10,0.15) !important;
}

.contact-form option,
.wp-block-jetpack-contact-form option {
  background: var(--ss-navy) !important;
  color: var(--ss-white) !important;
}

/* Submit button */
.contact-form input[type="submit"],
.wp-block-jetpack-contact-form input[type="submit"],
.jetpack-contact-form__submit {
  background: var(--ss-orange) !important;
  color: var(--ss-white) !important;
  font-family: var(--ss-font-display) !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  padding: 16px 36px !important;
  border: none !important;
  border-radius: 0 !important;
  cursor: pointer !important;
  width: auto !important;
  transition: background 0.2s, transform 0.15s !important;
}

.contact-form input[type="submit"]:hover,
.wp-block-jetpack-contact-form input[type="submit"]:hover {
  background: var(--ss-orange2) !important;
  transform: translateY(-2px) !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   FOOTER
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.wp-block-template-part[data-slug="footer"],
footer.wp-block-template-part,
.wp-block-group.is-style-twentytwentyfour-colophon,
.wp-site-blocks > footer {
  background: #070f19 !important;
  border-top: 3px solid var(--ss-orange) !important;
  color: var(--ss-steel) !important;
}

footer .wp-block-navigation a,
footer a {
  color: var(--ss-steel) !important;
  font-family: var(--ss-font-ui) !important;
  font-size: 0.88rem !important;
  text-decoration: none !important;
  transition: color 0.2s !important;
}

footer .wp-block-navigation a:hover,
footer a:hover {
  color: var(--ss-white) !important;
}

footer p,
.wp-block-site-tagline {
  font-family: var(--ss-font-ui) !important;
  font-size: 0.85rem !important;
  color: var(--ss-steel) !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   UTILITY CLASSES (for use in page builder)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.ss-eyebrow {
  font-family: var(--ss-font-ui) !important;
  font-size: 0.78rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  color: var(--ss-orange) !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.ss-eyebrow::before {
  content: '' !important;
  display: block !important;
  width: 36px !important;
  height: 2px !important;
  background: var(--ss-orange) !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   SEARCH
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.wp-block-search__input {
  background: var(--ss-navy2) !important;
  color: var(--ss-white) !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  border-radius: 0 !important;
  padding: 12px 16px !important;
  font-family: var(--ss-font-body) !important;
}

.wp-block-search__button {
  background: var(--ss-orange) !important;
  color: var(--ss-white) !important;
  font-family: var(--ss-font-display) !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 12px 20px !important;
  cursor: pointer !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   COMMENTS
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.wp-block-comments,
.comment-respond {
  background: var(--ss-navy2) !important;
  padding: 40px !important;
  border-top: 3px solid var(--ss-orange) !important;
  max-width: 720px !important;
  margin: 0 auto !important;
}

.comment-form input,
.comment-form textarea {
  background: var(--ss-navy3) !important;
  color: var(--ss-white) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  border-radius: 0 !important;
  padding: 10px 14px !important;
  width: 100% !important;
  font-family: var(--ss-font-body) !important;
}

.comment-form input[type="submit"] {
  background: var(--ss-orange) !important;
  color: var(--ss-white) !important;
  font-family: var(--ss-font-display) !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  border: none !important;
  padding: 14px 28px !important;
  cursor: pointer !important;
  width: auto !important;
  border-radius: 0 !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   SINGLE BLOG POSTS ONLY — LIGHT BACKGROUND BLOCKS
   Scoped exclusively to .single (WP body class for posts)
   so homepage/pages/service cards are NEVER affected.
   Fixes the AI pipeline's mint/teal/pale callout boxes.
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* WordPress named palette light colors — text + children */
.single .wp-block-post-content .has-pale-cyan-blue-background-color,
.single .wp-block-post-content .has-pale-cyan-blue-background-color *,
.single .wp-block-post-content .has-light-green-cyan-background-color,
.single .wp-block-post-content .has-light-green-cyan-background-color *,
.single .wp-block-post-content .has-pale-pink-background-color,
.single .wp-block-post-content .has-pale-pink-background-color *,
.single .wp-block-post-content .has-white-background-color,
.single .wp-block-post-content .has-white-background-color *,
.single .wp-block-post-content .has-very-light-gray-background-color,
.single .wp-block-post-content .has-very-light-gray-background-color *,
.single .wp-block-post-content .has-cyan-bluish-gray-background-color,
.single .wp-block-post-content .has-cyan-bluish-gray-background-color * {
  color: #111111 !important;
}

/* Inline style light backgrounds (#e, #f, #d, #c hex range = pale colors) */
.single .wp-block-post-content [style*="background-color:#e"],
.single .wp-block-post-content [style*="background-color: #e"],
.single .wp-block-post-content [style*="background-color:#f"],
.single .wp-block-post-content [style*="background-color: #f"] {
  color: #111111 !important;
}

.single .wp-block-post-content [style*="background-color:#e"] *,
.single .wp-block-post-content [style*="background-color: #e"] *,
.single .wp-block-post-content [style*="background-color:#f"] *,
.single .wp-block-post-content [style*="background-color: #f"] * {
  color: #111111 !important;
}

/* Links inside those light blocks — dark orange so still visible */
.single .wp-block-post-content [style*="background-color:#e"] a,
.single .wp-block-post-content [style*="background-color: #e"] a,
.single .wp-block-post-content [style*="background-color:#f"] a,
.single .wp-block-post-content [style*="background-color: #f"] a,
.single .wp-block-post-content .has-pale-cyan-blue-background-color a,
.single .wp-block-post-content .has-light-green-cyan-background-color a,
.single .wp-block-post-content .has-white-background-color a {
  color: #b84500 !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   404 & NO RESULTS
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.error404 main,
.not-found {
  text-align: center !important;
  padding: 120px 40px !important;
}

.error404 .wp-block-heading {
  font-size: 8rem !important;
  color: var(--ss-orange) !important;
  line-height: 1 !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   RESPONSIVE
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@media (max-width: 768px) {
  .wp-block-columns {
    flex-direction: column !important;
  }

  .wp-block-post-title,
  .wp-block-post-title a {
    font-size: 1.1rem !important;
  }

  .contact-form,
  .wp-block-jetpack-contact-form {
    padding: 24px !important;
  }
}