/*
Theme Name: Aleph Gala XIV
Theme URI: https://alephgala.nl
Author: Galacommissie 2028
Description: Huisstijlthema voor Aleph Gala XIV — Rauwe Grandeur
Version: 1.0
*/

/* ================================================
   ALEPH GALA XIV — ALGEMENE SITESTIJL
   Crème achtergrond, donkerblauw
   ================================================ */

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html, body {
  background: #f5f0e8;
  color: #0e1628;
  font-family: 'Cormorant Garamond', serif;
  font-size: 18px;
  line-height: 1.7;
}

/* Header */
.site-header {
  background: #f5f0e8;
  border-bottom: 1px solid #c8b898;
  padding: 1.25rem 2rem;
}

.site-header-inner {
  max-width: 960px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.site-logo img {
  height: 48px;
  width: auto;
  filter: invert(1) sepia(1) saturate(0.3) hue-rotate(180deg) brightness(0.2);
}

.site-nav ul {
  list-style: none;
  display: flex;
  gap: 2rem;
}

.site-nav a {
  font-family: 'Cormorant Garamond', serif;
  font-size: 11px;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: #0e1628;
  text-decoration: none;
  transition: color 0.2s;
}

.site-nav a:hover { color: #8a7a5a; }

/* Main content */
#main {
  max-width: 720px;
  margin: 4rem auto;
  padding: 0 2rem;
}

article h1 {
  font-family: 'Cormorant Garamond', serif;
  font-weight: 300;
  font-size: 42px;
  color: #0e1628;
  letter-spacing: 0.05em;
  line-height: 1.2;
  margin-bottom: 1rem;
}

article h2 {
  font-family: 'Cormorant Garamond', serif;
  font-weight: 400;
  font-size: 28px;
  color: #0e1628;
  letter-spacing: 0.05em;
  margin-top: 2rem;
  margin-bottom: 0.75rem;
}

article p {
  font-family: 'Cormorant Garamond', serif;
  font-size: 18px;
  color: #1e2e40;
  margin-bottom: 1rem;
  line-height: 1.8;
}

article a {
  color: #8a7a5a;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Ornament scheiding */
.rule {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 2rem auto;
  width: 200px;
}

.rule-line { flex: 1; height: 1px; background: #c8b898; }
.rule-diamond { color: #8a7a5a; font-size: 9px; }

/* Footer */
.site-footer {
  border-top: 1px solid #c8b898;
  padding: 2rem;
  margin-top: 4rem;
}

.site-footer-inner {
  max-width: 960px;
  margin: 0 auto;
  text-align: center;
}

.footer-ornament { margin-bottom: 1rem; }
.footer-ornament .rule { margin: 0 auto 1rem; }

.footer-text {
  font-family: 'Cormorant Garamond', serif;
  font-size: 11px;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: #8a9aaa;
}

/* ================================================
   HOMEPAGE
   ================================================ */

/* Hero */
.hero {
  background: #f5f0e8;
  padding: 5rem 2rem 4rem;
  text-align: center;
  border-bottom: 1px solid #c8b898;
}

.hero-inner {
  max-width: 640px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.hero-seal {
  width: 110px;
  height: 110px;
  margin-bottom: 1.5rem;
}

.hero-seal img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: brightness(0) saturate(100%) invert(10%) sepia(30%) saturate(500%) hue-rotate(185deg) brightness(80%);
  opacity: 0.85;
}

.hero-title {
  font-family: 'Cormorant Garamond', serif;
  font-weight: 300;
  font-size: 48px;
  color: #0e1628;
  letter-spacing: 0.08em;
  line-height: 1.1;
  margin-bottom: 0.25rem;
}

.hero-sub {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 15px;
  color: #8a7a5a;
  letter-spacing: 0.15em;
  margin-bottom: 1.5rem;
}

.hero-text {
  font-family: 'Cormorant Garamond', serif;
  font-size: 18px;
  color: #1e2e40;
  line-height: 1.8;
  margin-bottom: 1rem;
  max-width: 520px;
}

.hero-gala {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 14px;
  color: #8a9aaa;
  letter-spacing: 0.1em;
  margin-bottom: 2rem;
}

.hero-btn {
  font-family: 'Cormorant Garamond', serif;
  font-size: 11px;
  letter-spacing: 0.35em;
  text-transform: uppercase;
  color: #f5f0e8;
  background: #0e1628;
  border: 1px solid #0e1628;
  padding: 14px 36px;
  text-decoration: none;
  transition: background 0.2s, color 0.2s;
  display: inline-block;
}

.hero-btn:hover {
  background: #8a7a5a;
  border-color: #8a7a5a;
  color: #f5f0e8;
}

/* Edities */
.edities {
  padding: 4rem 2rem;
  background: #f5f0e8;
  border-bottom: 1px solid #c8b898;
}

.edities-inner {
  max-width: 640px;
  margin: 0 auto;
  text-align: center;
}

.edities-title {
  font-family: 'Cormorant Garamond', serif;
  font-weight: 300;
  font-size: 11px;
  letter-spacing: 0.4em;
  text-transform: uppercase;
  color: #8a9aaa;
  margin-bottom: 2.5rem;
}

.edities-grid {
  display: flex;
  gap: 2rem;
  justify-content: center;
  flex-wrap: wrap;
}

.editie-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 2rem 2.5rem;
  border: 1px solid #c8b898;
  text-decoration: none;
  transition: border-color 0.2s, background 0.2s;
  background: #f5f0e8;
  min-width: 180px;
}

.editie-card:hover {
  border-color: #8a7a5a;
  background: #ede8dc;
}

.editie-nummer {
  font-family: 'Cormorant Garamond', serif;
  font-weight: 300;
  font-size: 42px;
  color: #0e1628;
  line-height: 1;
  letter-spacing: 0.05em;
}

.editie-naam {
  font-family: 'Cormorant Garamond', serif;
  font-size: 13px;
  color: #1e2e40;
  letter-spacing: 0.1em;
}

.editie-jaar {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 13px;
  color: #8a7a5a;
}

/* Nieuws */
.nieuws {
  padding: 4rem 2rem;
  background: #f5f0e8;
}

.nieuws-inner {
  max-width: 640px;
  margin: 0 auto;
  text-align: center;
}

.nieuws-placeholder {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 15px;
  color: #8a9aaa;
  margin-top: 1rem;
}

@media (max-width: 480px) {
  .hero-title { font-size: 34px; }
  .hero { padding: 3rem 1.5rem; }
  .edities-grid { flex-direction: column; align-items: center; }
  .editie-card { width: 100%; max-width: 280px; }
}

/* ================================================
   STANDAARD PAGINA
   ================================================ */

.page-inner {
  max-width: 720px;
  margin: 4rem auto;
  padding: 0 2rem;
  text-align: center;
}

.page-inner .page-title {
  text-align: center;
}

.page-title {
  font-family: 'Cormorant Garamond', serif;
  font-weight: 300;
  font-size: 42px;
  color: #0e1628;
  letter-spacing: 0.08em;
  line-height: 1.2;
  margin-bottom: 1.5rem;
}

.page-content {
  text-align: left;
  font-family: 'Cormorant Garamond', serif;
  font-size: 18px;
  color: #1e2e40;
  line-height: 1.8;
}

.page-content p { margin-bottom: 1rem; }

.page-content h2 {
  font-weight: 300;
  font-size: 28px;
  color: #0e1628;
  letter-spacing: 0.05em;
  margin: 2rem 0 0.75rem;
}

.page-content a {
  color: #8a7a5a;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.page-content ul, .page-content ol {
  padding-left: 1.5rem;
  margin-bottom: 1rem;
}

.page-content li { margin-bottom: 0.4rem; }

@media (max-width: 480px) {
  .page-inner { margin: 2.5rem auto; }
  .page-title { font-size: 30px; }
}

/* ================================================
   GALA EDITIE PAGINA'S
   ================================================ */

.editie-label {
  font-family: 'Cormorant Garamond', serif;
  font-size: 11px;
  letter-spacing: 0.4em;
  text-transform: uppercase;
  color: #8a9aaa;
  margin-bottom: 0.5rem;
  text-align: center;
}

.editie-jaar-sub {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 15px;
  color: #8a7a5a;
  letter-spacing: 0.1em;
  margin-bottom: 1.5rem;
  text-align: center;
}

.gala-content {
  text-align: left;
  margin-top: 2rem;
}

.gala-detail-block {
  margin-bottom: 1rem;
}

.rule-sm {
  width: 120px;
  margin: 1.5rem 0;
}

.gala-detail-title {
  font-family: 'Cormorant Garamond', serif;
  font-weight: 400;
  font-size: 11px;
  letter-spacing: 0.35em;
  text-transform: uppercase;
  color: #8a7a5a;
  margin-bottom: 0.75rem;
}

/* ================================================
   PAGINA INHOUD — EXTRA BLOKSTIJLEN
   ================================================ */

/* WordPress afbeeldingsblokken */
.wp-block-image {
  display: block;
  margin: 2rem auto;
  max-width: 100%;
}

.wp-block-image img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
  border: 1px solid #c8b898;
}

.wp-block-image figcaption {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 13px;
  color: #8a9aaa;
  text-align: center;
  margin-top: 0.5rem;
}

/* Gala poster afbeelding */
.page-content img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 2rem auto;
  border: 1px solid #c8b898;
}

/* Subtitel onder paginatitel */
.page-content .sub {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 15px;
  color: #8a7a5a;
  letter-spacing: 0.1em;
  text-align: center;
  margin-bottom: 2rem;
  margin-top: -0.5rem;
  display: block;
}

/* Sectietitel binnen pagina */
.page-content h2 {
  font-family: 'Cormorant Garamond', serif;
  font-weight: 400;
  font-size: 11px;
  letter-spacing: 0.35em;
  text-transform: uppercase;
  color: #8a7a5a;
  margin: 2rem 0 0.75rem;
  border: none;
}

/* Horizontale lijn als ornament */
.page-content hr {
  border: none;
  border-top: 1px solid #c8b898;
  width: 120px;
  margin: 1.5rem 0;
}

/* Commissielijst */
.page-content ul {
  list-style: none;
  padding: 0;
}

.page-content ul li {
  font-family: 'Cormorant Garamond', serif;
  font-size: 17px;
  color: #1e2e40;
  padding: 0.2rem 0;
}

.page-content ul li::before {
  content: '— ';
  color: #c8b898;
}

/* Locatieblok */
.page-content p strong {
  font-weight: 600;
  color: #0e1628;
}

/* Homepage content — geen max-width beperking */
.homepage-content {
  width: 100%;
}

.homepage-content .hero,
.homepage-content .edities,
.homepage-content .nieuws {
  width: 100%;
}

/* ================================================
   NIEUWSBERICHTEN
   ================================================ */

.nieuws-bericht {
  max-width: 640px;
  margin: 0 auto 2.5rem;
  padding-bottom: 2.5rem;
  border-bottom: 1px solid #c8b898;
  text-align: left;
}

.nieuws-bericht:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

.nieuws-datum {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 13px;
  color: #8a7a5a;
  letter-spacing: 0.1em;
  margin-bottom: 0.4rem;
}

.nieuws-titel {
  font-family: 'Cormorant Garamond', serif;
  font-weight: 600;
  font-size: 24px;
  color: #0e1628;
  letter-spacing: 0.05em;
  margin-bottom: 0.75rem;
}

.nieuws-tekst {
  font-family: 'Cormorant Garamond', serif;
  font-size: 17px;
  color: #1e2e40;
  line-height: 1.8;
}