/* ================================
   HOVERCRAFT — FINAL CLEAN CSS
   ================================ */

/* Vars */
:root {
  --site-max: 1200px;     /* tweak 1120–1280px if you like */
  --site-pad: 24px;       /* side padding on desktop */
  --brand-blue: #2B5AA0;
  --brand-red:  #CC2936;
  --text-dark:  #2c3e50;
  --muted:      #7f8c8d;
}

/* Global guardrails */
html, body {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
  box-sizing: border-box;
}
*, *::before, *::after { box-sizing: inherit; }

/* ---------- LAYOUT CONTAINERS ---------- */

/* Default pages (lists/single without special wrapper) */
main.content,
.content,
.page-content,
.h-feed,
.post-list,
.single,
.list {
  max-width: var(--site-max) !important;
  width: 100% !important;
  margin-inline: auto !important;
  padding-inline: var(--site-pad) !important;
}

/* Page templates that use .mobile-container (Photos, About, custom pages):
   .mobile-container owns the padding; remove it from main to avoid double-padding */
body.page-template main.content,
body.single       main.content,
body.archive      main.content {
  padding-inline: 0 !important;
}

/* Widen the inline-capped wrapper safely */
.mobile-container {
  width: min(100%, var(--site-max)) !important;
  max-width: none !important;        /* neutralise inline max-width:900px */
  margin: 0 auto !important;
  padding-left: var(--site-pad) !important;
  padding-right: var(--site-pad) !important;
  overflow: hidden !important;       /* contains floats */
}

/* Header & inner header content align to site width */
header.site-header,
.main-header.site-header {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  overflow: hidden !important;
  background-size: cover !important;
  background-position: center !important;
}
.main-header.site-header .main-header-content,
.site-header nav,
.site-header .nav-links {
  max-width: var(--site-max) !important;
  margin: 0 auto !important;
  padding-inline: var(--site-pad) !important;
}

/* ---------- CARDS & TYPOGRAPHY ---------- */

.post, .h-entry, article {
  width: 100% !important;
  max-width: none !important;
  overflow: hidden !important;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0,0,0,.08);
  border-left: 4px solid var(--brand-blue);
  margin: 2rem 0;
  padding: 2.5rem;
}

/* Comfortable reading measure for text, inside wide cards */
.post .e-content, article .e-content {
  max-width: 75ch !important;
  margin-inline: auto !important;
}

/* Links inside content */
.e-content a, .post-content a {
  color: var(--brand-blue);
  text-decoration: none;
  border-bottom: 1px solid rgba(43,90,160,.3);
}
.e-content a:hover, .post-content a:hover {
  color: var(--brand-red);
  border-bottom-color: var(--brand-red);
}

/* ---------- MEDIA & EMBEDS ---------- */

img, video, canvas, iframe, embed, object, audio {
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
}
pre, code { white-space: pre-wrap !important; word-break: break-word !important; }

/* Floated side images (your .mobile-stack blocks) */
.mobile-stack {
  max-width: 320px;
}
@media (max-width: 1023.98px) {
  .mobile-stack {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 20px 0 !important;
    display: block !important;
  }
}

/* ---------- SPOTIFY EMBED (new .spotify-embed wrapper) ---------- */

.spotify-embed {
  clear: both;              /* sits below any floated .mobile-stack */
  display: flow-root;       /* creates a new formatting context */
  text-align: center;
  margin: 30px 0;
  padding: 25px;
  background: rgba(43,90,160,.05);
  border-radius: 12px;
}
.spotify-embed iframe[src*="spotify.com"] {
  display: block;
  width: 100%;
  max-width: 600px;
  height: 152px;            /* Spotify standard embed */
  margin: 0 auto;
  border: 0;
  border-radius: 12px;
}

/* ---------- NEWS: CATEGORY PILLS ---------- */

.archive_categories {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  border-bottom: 1px solid #dfe3ea;
  padding-bottom: 15px;
  margin-bottom: 30px;
}
.archive_categories p { margin: 0; }
.archive_categories a {
  display: inline-block;
  padding: 6px 12px;
  background: #fff;
  color: var(--brand-blue);
  border: 2px solid var(--brand-blue);
  border-radius: 999px;
  text-decoration: none;
  font-weight: 700;
  line-height: 1;
  box-shadow: 0 2px 8px rgba(0,0,0,.06);
}
.archive_categories a:hover {
  background: var(--brand-red);
  border-color: var(--brand-red);
  color: #fff;
}

/* ---------- PHOTOS / GALLERIES ---------- */

.photo-grid,
.photo-section .collection-photos,
.microblog-photos,
.photo-grid-embed {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 16px;
  width: 100%;
}
.photo-grid img,
.photo-section .collection-photos img,
.microblog-photos img {
  width: 100%;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0,0,0,.08);
}

/* ---------- NAV & FOOTER niceties (optional, tidy) ---------- */

.site-header nav, .site-header .nav-links {
  display: flex; flex-wrap: wrap; justify-content: center; gap: 1.2rem;
  padding: 1rem 0;
}
.site-header nav a, .site-header .nav-links a {
  color: #fff; font-weight: 600; text-decoration: none; padding: .5rem 1rem; border-radius: 6px;
  transition: all .25s ease;
  text-shadow: 1px 1px 3px rgba(0,0,0,.5);
}
.site-header nav a:hover, .site-header .nav-links a:hover {
  background: rgba(255,255,255,.15);
  color: var(--brand-red);
}

.site-footer, footer {
  text-align: center;
  padding: 2.5rem 0;
  background: #f8f9fa;
  border-top: 1px solid #e9ecef;
  margin-top: 3rem;
}

/* ---------- MOBILE ---------- */
@media (max-width: 768px) {
  :root { --site-pad: 16px; }
  .post, .h-entry, article { padding: 2rem 1.5rem; }
}

/* === RESTORE HERO HEADER === */
.site-header,
.main-header.site-header {
  background-image: url('https://hovercraft.band/uploads/2025/file-00000000b5e8620a99d569fb0944e1bf.png') !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;

  height: 400px !important;
  margin: 0 0 2rem !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  position: relative !important;
  overflow: hidden !important;
}

/* Dark overlay for readability */
.site-header::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: rgba(0,0,0,.35) !important;
  z-index: 1 !important;
}

/* Keep header contents above overlay and constrained to site width */
.site-header *,
.main-header.site-header * {
  position: relative !important;
  z-index: 2 !important;
}
.main-header.site-header .main-header-content,
.site-header nav,
.site-header .nav-links {
  max-width: var(--site-max) !important;
  margin: 0 auto !important;
  padding-inline: var(--site-pad) !important;
}

/* Site title + nav in white over the image */
.site-header .site-title,
.site-header h1,
.site-header .site-title a {
  color: #fff !important;
  text-shadow: 2px 2px 6px rgba(0,0,0,.8) !important;
  text-decoration: none !important;
}
.site-header nav a,
.site-header .nav-links a {
  color: #fff !important;
  text-shadow: 1px 1px 3px rgba(0,0,0,.5) !important;
}
.site-header nav a:hover,
.site-header .nav-links a:hover {
  background: rgba(255,255,255,.15) !important;
  color: var(--brand-red) !important;
}

/* ---------------- HEADER ---------------- */

/* Contain header width */
.main-header.site-header .main-header-content,
.site-header nav,
.site-header .nav-links {
  max-width: var(--site-max) !important;
  margin: 0 auto !important;
  padding-inline: var(--site-pad) !important;
}

/* Site title + nav in white over the hero */
.site-header .site-title,
.site-header h1,
.site-header .site-title a {
  color: #fff !important;
  text-shadow: 2px 2px 6px rgba(0,0,0,0.8) !important;
  text-decoration: none !important;
}

/* Nav links */
/* Hovercraft Custom CSS for Arabica Theme - Final Corrected Version */

/* Import Oswald font */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;600;700&display=swap');

/* CSS Variables for consistent theming */
:root {
--hovercraft-blue: #2B5AA0;
--hovercraft-red: #CC2936;
--hovercraft-light-gray: #f8f9fa;
--hovercraft-dark-gray: #7f8c8d;
--hovercraft-text: #2c3e50;
}

/* Move hovercraft text closer to logo /
.logo-image {
height: 80px !important;
margin-bottom: 0.5rem !important; / Reduced from 1rem */
margin-top: 1rem !important;
}

.hovercraft-logo {
margin-top: 0.5rem !important; /* Reduced spacing /
margin-bottom: 1.5rem !important; / More space before tagline */
}

/* Adjust tagline position /
.site-header::after {
content: "The Search Continues" !important;
display: block !important;
color: white !important;
font-size: 1.8rem !important;
font-style: italic !important;
text-shadow: 2px 2px 4px rgba(0,0,0,0.7) !important;
text-align: center !important;
margin: 2rem 0 !important; / More consistent spacing */
position: relative !important;
z-index: 2 !important;
}

/* Restore the CSS-generated tagline */
.site-header::after {
content: "The Search Continues" !important;
display: block !important;
color: white !important;
font-size: 1.8rem !important;
font-style: italic !important;
text-shadow: 2px 2px 4px rgba(0,0,0,0.7) !important;
text-align: center !important;
margin: 1rem 0 2rem 0 !important;
position: relative !important;
z-index: 2 !important;
}

/* Fix header layout and colors /
.main-header.site-header {
padding-top: 2rem !important;
height: 450px !important; / Increased height to accommodate logo */
}

.logo-image {
height: 80px !important; /* Slightly larger /
margin-bottom: 1rem !important;
margin-top: 1rem !important; / Add top margin so it's not cut off */
}

/* Restore split colors for hovercraft text */
.hovercraft-logo .hover-text {
color: var(--hovercraft-blue) !important;
}

.hovercraft-logo .craft-text {
color: var(--hovercraft-red) !important;
}

/* When in header, keep the split colors but add shadow for visibility */
.site-header .hovercraft-logo .hover-text {
color: var(--hovercraft-blue) !important;
text-shadow: 2px 2px 6px rgba(0,0,0,0.8) !important;
}

.site-header .hovercraft-logo .craft-text {
color: var(--hovercraft-red) !important;
text-shadow: 2px 2px 6px rgba(0,0,0,0.8) !important;
}

/* Remove duplicate tagline from CSS /
.site-header::after {
display: none !important; / This removes the CSS-generated tagline */
}

/* Style the template-based tagline */
.tagline-text {
color: white !important;
font-size: 1.8rem !important;
font-style: italic !important;
text-shadow: 2px 2px 4px rgba(0,0,0,0.7) !important;
margin: 1rem 0 2rem 0 !important;
}

/* Update header styling to work with your template structure */
.main-header.site-header {
background-image: url('https://hovercraft.band/uploads/2025/file-00000000b5e8620a99d569fb0944e1bf.png') !important;
background-size: cover !important;
background-position: center !important;
height: 400px !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
align-items: center !important;
text-align: center !important;
position: relative !important;
margin-bottom: 2rem !important;
}

.main-header-content {
z-index: 2 !important;
}

.logo-image {
height: 60px !important;
margin-bottom: 1rem !important;
filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.5)) !important;
}

.tagline-text {
color: white !important;
font-size: 1.8rem !important;
font-style: italic !important;
text-shadow: 2px 2px 4px rgba(0,0,0,0.7) !important;
margin: 1rem 0 !important;
}

.nav-home, .nav-item {
color: white !important;
margin: 0 1rem !important;
text-decoration: none !important;
}

/* Complete Header Fix */
.site-header {
background-image: url('https://hovercraft.band/uploads/2025/file-00000000b5e8620a99d569fb0944e1bf.png') !important;
background-size: cover !important;
background-position: center !important;
height: 400px !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
align-items: center !important;
text-align: center !important;
position: relative !important;
margin-bottom: 2rem !important;
}

/* Make hovercraft logo clickable and go home */
.site-header .site-title a,
.site-header .hovercraft-logo a {
display: inline-block !important;
text-decoration: none !important;
color: white !important;
cursor: pointer !important;
}

.site-header .site-title a:hover,
.site-header .hovercraft-logo a:hover {
opacity: 0.9 !important;
transform: scale(1.02) !important;
}

/* Add logo image support */
.site-header .logo-image {
height: 60px !important;
width: auto !important;
margin-bottom: 1rem !important;
filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.5)) !important;
}

/* Force the tagline to appear */
.site-header .tagline-text {
color: white !important;
font-size: 1.8rem !important;
font-style: italic !important;
text-shadow: 2px 2px 4px rgba(0,0,0,0.7) !important;
margin: 1rem 0 !important;
}

/* Header with background image */
.site-header {
background-image: url('https://hovercraft.band/uploads/2025/file-00000000b5e8620a99d569fb0944e1bf.png') !important;
background-size: cover !important;
background-position: center !important;
background-repeat: no-repeat !important;
height: 400px !important;
width: 100% !important;
position: relative !important;
margin-bottom: 2rem !important;
border-radius: 0 0 12px 12px !important;
overflow: hidden !important;
display: block !important;
}

/* Dark overlay for better text readability */
.site-header::before {
content: '' !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
background: rgba(0, 0, 0, 0.3) !important;
z-index: 1 !important;
}

/* Add custom tagline after overlay */
.site-header::after {
content: "The Search Continues" !important;
display: block !important;
color: white !important;
font-size: 1.8rem !important;
font-style: italic !important;
text-shadow: 2px 2px 4px rgba(0,0,0,0.7) !important;
text-align: center !important;
margin: 1rem 0 !important;
position: relative !important;
z-index: 2 !important;
}

/* Header content positioning */
.site-header,
.site-header * {
position: relative !important;
z-index: 2 !important;
}

/* Site title styling */
.site-header .site-title,
.site-header h1,
.site-header .site-title a {
color: white !important;
font-family: 'Oswald', sans-serif !important;
font-size: 4rem !important;
font-weight: 700 !important;
text-shadow: 2px 2px 6px rgba(0,0,0,0.8) !important;
text-decoration: none !important;
margin-bottom: 0.5rem !important;
display: block !important;
text-align: center !important;
padding-top: 2rem !important;
}

/* Hide the micro.blog follow text */
.site-header .description,
.site-header .tagline,
.site-header .site-description,
.microblog-follow,
.follow-button,
.site-subtitle,
.blog-description,
.p-note {
display: none !important;
}

/* Navigation styling */
.site-header nav,
.site-header .nav-links {
display: block !important;
text-align: center !important;
padding: 1rem 0 !important;
position: relative !important;
z-index: 2 !important;
}

.site-header nav a,
.site-header .nav-links a {
color: white !important;
font-size: 1.3rem !important;
font-weight: 600 !important;
text-shadow: 1px 1px 3px rgba(0,0,0,0.8) !important;
text-decoration: none !important;
margin: 0 1rem !important;
padding: 0.5rem 1rem !important;
border-radius: 4px !important;
transition: all 0.3s ease !important;
}

.site-header nav a:hover,
.site-header .nav-links a:hover {
background: rgba(255,255,255,0.2) !important;
color: var(--hovercraft-red) !important;
}

/* Hovercraft logo text styling for template usage */
.hover-text {
color: var(--hovercraft-blue) !important;
}

.craft-text {
color: var(--hovercraft-red) !important;
}

/* When used in header, override with white for visibility */
.site-header .hover-text,
.site-header .craft-text {
color: white !important;
}

/* Enhanced Post Styling */
.post,
.h-entry,
article {
background: white !important;
border-radius: 12px !important;
box-shadow: 0 4px 20px rgba(0,0,0,0.1) !important;
margin: 2rem auto !important;
padding: 2.5rem !important;
max-width: 900px !important;
border-left: 4px solid var(--hovercraft-blue) !important;
font-size: 18px !important;
line-height: 1.7 !important;
overflow: hidden !important;
transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.post:hover,
.h-entry:hover,
article:hover {
transform: translateY(-2px) !important;
box-shadow: 0 8px 25px rgba(0,0,0,0.15) !important;
}

/* Post Headers */
.post-title,
.p-name,
.entry-title,
h1.post-title,
h2.post-title,
.e-content h1,
.post-content h1 {
font-family: 'Oswald', sans-serif !important;
font-size: 1.8rem !important;
color: var(--hovercraft-blue) !important;
font-weight: 600 !important;
margin-bottom: 1rem !important;
border-top: 3px solid var(--hovercraft-blue) !important;
padding-top: 1rem !important;
margin-top: 0 !important;
}

/* Post title links */
.post-title a,
.p-name a,
.entry-title a {
color: var(--hovercraft-blue) !important;
text-decoration: none !important;
}

.post-title a:hover,
.p-name a:hover,
.entry-title a:hover {
color: var(--hovercraft-red) !important;
}

/* Secondary headings */
.e-content h2,
.post-content h2 {
font-family: 'Oswald', sans-serif !important;
font-size: 1.5rem !important;
color: var(--hovercraft-red) !important;
font-weight: 600 !important;
margin: 25px 0 15px 0 !important;
border-top: 2px solid var(--hovercraft-red) !important;
padding-top: 1rem !important;
}

.e-content h3,
.post-content h3 {
font-family: 'Oswald', sans-serif !important;
font-size: 1.3rem !important;
color: #27ae60 !important;
font-weight: 600 !important;
margin: 20px 0 10px 0 !important;
}

/* Post metadata */
.post-meta,
.dt-published,
.entry-date,
time {
font-size: 0.9rem !important;
color: var(--hovercraft-dark-gray) !important;
font-style: italic !important;
margin-bottom: 15px !important;
}

/* Enhanced blockquotes and lyrics sections */
.e-content blockquote,
.post-content blockquote {
background: rgba(43, 90, 160, 0.05) !important;
border-left: 4px solid var(--hovercraft-blue) !important;
padding: 20px !important;
margin: 20px 0 !important;
border-radius: 6px !important;
font-style: italic !important;
line-height: 1.6 !important;
border-top: none !important;
border-right: none !important;
border-bottom: none !important;
}

/* Horizontal rules */
.e-content hr,
.post-content hr {
border: none !important;
height: 3px !important;
background: linear-gradient(135deg, var(--hovercraft-blue), var(--hovercraft-red)) !important;
margin: 2rem 0 !important;
border-radius: 2px !important;
}

/* Enhanced link styling */
.e-content a,
.post-content a {
color: var(--hovercraft-blue) !important;
text-decoration: none !important;
border-bottom: 1px solid rgba(43, 90, 160, 0.3) !important;
transition: all 0.2s ease !important;
}

.e-content a:hover,
.post-content a:hover {
color: var(--hovercraft-red) !important;
border-bottom-color: var(--hovercraft-red) !important;
}

/* Streaming platform button styling /
.e-content a[href="spotify"],
.e-content a[href*="apple"],
.e-content a[href*="youtube"],
.e-content a[href*="bandcamp"],
.e-content a[href*="amazon"],
.post-content a[href*="spotify"],
.post-content a[href*="apple"],
.post-content a[href*="youtube"],
.post-content a[href*="bandcamp"],
.post-content a[href*="amazon"] {
display: inline-block !important;
padding: 6px 12px !important;
background: var(--hovercraft-blue) !important;
color: white !important;
border-radius: 4px !important;
margin: 2px !important;
border: none !important;
font-size: 0.85rem !important;
text-decoration: none !important;
}

.e-content a[href*="spotify"]:hover,
.e-content a[href*="apple"]:hover,
.e-content a[href*="youtube"]:hover,
.e-content a[href*="amazon"]:hover,
.post-content a[href*="spotify"]:hover,
.post-content a[href*="apple"]:hover,
.post-content a[href*="youtube"]:hover,
.post-content a[href*="amazon"]:hover {
background: #1e3d6f !important;
color: white !important;
}

/* Bandcamp specific styling /
.e-content a[href="bandcamp"],
.post-content a[href*="bandcamp"] {
background: var(--hovercraft-red) !important;
}

.e-content a[href*="bandcamp"]:hover,
.post-content a[href*="bandcamp"]:hover {
background: #a41e2a !important;
color: white !important;
}

/* Strong and emphasis */
.e-content strong,
.post-content strong {
color: #2c3e50 !important;
font-weight: 600 !important;
}

.e-content em,
.post-content em {
color: var(--hovercraft-dark-gray) !important;
}

/* Lists */
.e-content ul,
.e-content ol,
.post-content ul,
.post-content ol {
margin: 15px 0 !important;
padding-left: 25px !important;
}

.e-content li,
.post-content li {
margin-bottom: 8px !important;
line-height: 1.6 !important;
}

/* Paragraphs */
.e-content p,
.post-content p {
margin: 15px 0 !important;
line-height: 1.7 !important;
}

/* Archive page styling improvements */
.archive .h-entry,
.archive article {
margin: 2rem auto !important;
max-width: 900px !important;
padding: 2.5rem !important;
}

/* Page headers for archive and other pages */
.page-title,
.archive-title,
.archive-header,
.page-header {
background: linear-gradient(135deg, rgba(43, 90, 160, 0.05), rgba(204, 41, 54, 0.05)) !important;
padding: 3rem 2rem 2rem 2rem !important;
text-align: center !important;
margin-bottom: 2rem !important;
border-radius: 12px !important;
}

.archive-header h1,
.page-header h1,
.page-title,
.archive-title {
font-family: 'Oswald', sans-serif !important;
font-size: 3rem !important;
color: var(--hovercraft-blue) !important;
margin-bottom: 1rem !important;
font-weight: 600 !important;
}

.archive-header .page-subtitle,
.page-header .page-subtitle {
font-size: 1.2rem !important;
color: var(--hovercraft-dark-gray) !important;
font-style: italic !important;
margin: 0 !important;
}

/* Footer styling */
.site-footer,
footer {
text-align: center !important;
padding: 2rem !important;
background: var(--hovercraft-light-gray) !important;
margin-top: 3rem !important;
border-top: 1px solid #e9ecef !important;
}

.site-footer p,
footer p {
color: var(--hovercraft-dark-gray) !important;
font-size: 0.9rem !important;
margin: 0.5rem 0 !important;
}

.site-footer a,
footer a {
color: var(--hovercraft-blue) !important;
text-decoration: none !important;
}

.site-footer a:hover,
footer a:hover {
color: var(--hovercraft-red) !important;
}

/* Code blocks */
.e-content pre,
.post-content pre,
.e-content code,
.post-content code {
background: var(--hovercraft-light-gray) !important;
padding: 0.2rem 0.4rem !important;
border-radius: 3px !important;
font-family: 'Monaco', 'Consolas', monospace !important;
font-size: 0.9em !important;
}

.e-content pre,
.post-content pre {
padding: 1rem !important;
margin: 1rem 0 !important;
border-left: 4px solid var(--hovercraft-blue) !important;
overflow-x: auto !important;
}

/* Image styling */
.e-content img,
.post-content img {
max-width: 100% !important;
height: auto !important;
border-radius: 8px !important;
margin: 1rem 0 !important;
box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
}

.e-content .image-caption,
.post-content .image-caption {
font-size: 0.9rem !important;
color: var(--hovercraft-dark-gray) !important;
font-style: italic !important;
text-align: center !important;
margin-top: 0.5rem !important;
}

/* Logo support */
.site-logo {
height: 60px !important;
width: auto !important;
display: inline-block !important;
vertical-align: middle !important;
margin-right: 1rem !important;
}

.logo-text-combo {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 1rem !important;
text-decoration: none !important;
color: white !important;
}

/* Ensure consistent spacing throughout site */
main {
min-height: 60vh !important;
}

/* Animations */
@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}

.post,
.h-entry,
article {
animation: fadeInUp 0.6s ease-out !important;
}

.post:nth-child(1) { animation-delay: 0.1s !important; }
.post:nth-child(2) { animation-delay: 0.2s !important; }
.post:nth-child(3) { animation-delay: 0.3s !important; }
.post:nth-child(4) { animation-delay: 0.4s !important; }
.post:nth-child(5) { animation-delay: 0.5s !important; }

/* Mobile responsive adjustments */
@media (max-width: 768px) {
.site-header {
height: 300px !important;
margin-bottom: 1.5rem !important;
}

.site-header .site-title,  
.site-header h1,  
.site-header .site-title a {  
    font-size: 2.5rem !important;  
    padding-top: 1.5rem !important;  
}  
  
.site-header::after {  
    font-size: 1.3rem !important;  
}  
  
.site-header nav a,  
.site-header .nav-links a {  
    font-size: 1.1rem !important;  
    margin: 0 0.5rem !important;  
    padding: 0.3rem 0.7rem !important;  
}  
  
.post,   
.h-entry,  
article {  
    margin: 1rem !important;  
    padding: 2rem 1.5rem !important;  
    font-size: 16px !important;  
}  
  
.post-title,  
.p-name,  
.entry-title,  
.e-content h1,  
.post-content h1 {  
    font-size: 1.5rem !important;  
}  
  
.e-content h2,  
.post-content h2 {  
    font-size: 1.3rem !important;  
}  
  
.e-content h3,  
.post-content h3 {  
    font-size: 1.1rem !important;  
}  
  
.e-content,  
.post-content {  
    font-size: 16px !important;  
}  
  
.archive-header,  
.page-header {  
    padding: 2rem 1rem !important;  
}  
  
.archive-header h1,  
.page-header h1,  
.page-title,  
.archive-title {  
    font-size: 2.5rem !important;  
}  
  
.logo-text-combo {  
    flex-direction: column !important;  
    gap: 0.5rem !important;  
}  
  
.site-logo {  
    height: 50px !important;  
    margin-right: 0 !important;  
    margin-bottom: 0.5rem !important;  
}

}

der { height: 300px !important; }
}