/*
Theme Name: Go Quietly
Description: A bold, dramatic block theme for the new musical Go Quietly.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: go-quietly
*/

:root { --gq-periwinkle:#6a6db2; --gq-cyan:#00b3f0; --gq-silver:#e5e6e7; }

body { -webkit-font-smoothing: antialiased; }

/* Header */
.gq-header { border-bottom: 1px solid var(--gq-periwinkle); }
.gq-header .wp-block-site-title a { text-decoration: none; color: var(--gq-cyan); }
.gq-header .wp-block-navigation a { text-decoration: none; }
.gq-header .wp-block-navigation a:hover { color: var(--gq-cyan); }

/* Hero */
.gq-hero {
  background-color: #6a6db2;
  background-image:
    linear-gradient(180deg, rgba(106,109,178,0) 0%, rgba(0,0,0,0) 55%, #000000 100%),
    url("assets/hero-texture.jpg");
  background-size: cover;
  background-position: center;
  background-blend-mode: normal, soft-light;
  text-align: center;
  overflow: hidden;
}
.gq-hero .gq-kicker { letter-spacing: 0.04em; margin-bottom: 1.5rem; }
.gq-hero .gq-logo { margin: 0 auto 2rem; }
.gq-hero .gq-logo img { width: min(760px, 92%); height: auto; }
.gq-hero .gq-title {
  font-family: Rockwell, "Rockwell Extra Bold", Georgia, serif; /* placeholder: swap for your logo image */
  font-weight: 900;
  font-size: clamp(4rem, 15vw, 12rem);
  line-height: 0.85;
  letter-spacing: -0.01em;
  color: var(--gq-cyan);
  text-shadow: 0 8px 0 rgba(0,0,0,0.22);
  margin: 0;
}
.gq-hero .gq-sub {
  font-family: "DIN Condensed", "Bahnschrift Condensed", "Arial Narrow", sans-serif;
  letter-spacing: 0.159em;
  text-transform: uppercase;
  font-size: 1.4rem;
  margin-top: 1.5rem;
}
.gq-hero .gq-credits {
  font-family: "DIN Condensed", "Bahnschrift Condensed", "Arial Narrow", sans-serif;
  letter-spacing: 0.159em;
  text-transform: uppercase;
  font-size: clamp(1.5rem, 4vw, 2.4rem);
  line-height: 1.2;
  color: var(--gq-silver);
}
.gq-hero .gq-date {
  font-family: "DIN Condensed", "Bahnschrift Condensed", "Arial Narrow", sans-serif;
  letter-spacing: 0.159em;
  text-transform: uppercase;
  font-size: clamp(1.6rem, 4vw, 2.6rem);
  color: var(--gq-cyan);
  margin-bottom: 0;
}
.gq-hero > * { animation: gq-rise 1.1s ease both; }
.gq-hero > *:nth-child(2) { animation-delay: .15s; }
.gq-hero > *:nth-child(3) { animation-delay: .3s; }
.gq-hero > *:nth-child(n+4) { animation-delay: .45s; }
@keyframes gq-rise { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .gq-hero > * { animation: none; } }

/* Story band and sections */
.gq-story { border-top: 1px solid var(--gq-periwinkle); border-bottom: 1px solid var(--gq-periwinkle); text-align: center; }
.gq-rule { width: 64px; height: 3px; background: var(--gq-cyan); border: 0; margin: 1.25rem auto; }

/* Post cards */
.gq-card { border-top: 3px solid var(--gq-periwinkle); padding-top: 1rem; }
.gq-card .wp-block-post-title a { text-decoration: none; color: #fff; }
.gq-card .wp-block-post-title a:hover { color: var(--gq-cyan); }
.gq-card .wp-block-post-date { color: var(--gq-periwinkle); font-size: .9rem; letter-spacing: .1em; text-transform: uppercase; }
.wp-block-post-featured-image img { filter: saturate(.9) contrast(1.05); }

/* Buttons */
.wp-block-button__link:hover { background: #fff !important; color: #000 !important; }

/* Footer */
.gq-footer { border-top: 1px solid var(--gq-periwinkle); text-align: center; font-size: .9rem; }

:focus-visible { outline: 3px solid var(--gq-cyan); outline-offset: 3px; }