/*
 Theme Name: Tweeling Expo — GeneratePress Child
 Theme URI: https://example.com/tweeling-expo-child
 Description: Child theme for a tijdelijke expositie — Thema A (Natuur & Stilte) met Vermiljoen-accent. Gebaseerd op GeneratePress.
 Author: (jij)
 Template: generatepress
 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: tweeling-expo
*/

/* Import parent styles are enqueued via functions.php */

/* Basic type scale & utility fixes (fallbacks if parent doesn't handle) */
:root {
  --color-green-900: #1E3A34;
  --color-green-600: #5C7F71;
  --color-offwhite: #F7F5F2;
  --color-grey-200: #E9E7E3;
  --color-hairline: #DDD8D0;
  --color-terra: #A77C55;
  --color-accent: #E24A2B; /* Vermiljoen */
  --maxw: 1240px;
}

body {
  background: var(--color-offwhite);
  color: var(--color-green-900);
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.6;
  font-size: 18px;
}

h1,h2,h3,h4 {
  font-family: "Playfair Display", Georgia, "Times New Roman", serif;
  color: var(--color-green-900);
  line-height: 1.2;
  margin: 0 0 .6em;
}
h1{font-size:56px; line-height:64px; letter-spacing:-0.01em;}
h2{font-size:40px; line-height:48px;}
h3{font-size:28px; line-height:36px;}

a{color: var(--color-green-900); text-decoration: none;}
a:hover, a:focus{ text-decoration: underline; text-underline-offset: 4px; }

/* Buttons */
.button, .btn, .wp-block-button__link {
  display:inline-block; padding:.6rem 1rem; border-radius:6px;
  transition:all .2s ease;
}
.button--primary, .wp-block-button__link.is-style-fill {
  background: var(--color-accent); color:#fff; border: 1px solid var(--color-accent);
}
.button--primary:hover{opacity:.95;}
.button--secondary, .wp-block-button__link.is-style-outline {
  background: transparent; color: var(--color-green-900); border:1px solid var(--color-green-900);
}
.button--secondary:hover{background: var(--color-grey-200);}

/* Sections */
.section{padding: 4rem 1.5rem; border-bottom:1px solid var(--color-hairline); background: transparent;}
.section--white{background:#fff;}
.container{max-width: var(--maxw); margin: 0 auto;}

/* Accent bar for headings */
.kicker{display:inline-block; width:4px; height:16px; background: var(--color-accent); margin-right:.5rem; vertical-align: middle;}

/* Gallery grid */
.grid{display:grid; gap: 1.5rem;}
.grid--3{grid-template-columns: repeat(3, minmax(0,1fr));}
@media (max-width: 960px){ .grid--3{grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 640px){ .grid--3{grid-template-columns: 1fr; } }

.card{background:#fff; border:1px solid var(--color-hairline); border-radius:6px; overflow:hidden; box-shadow: 0 1px 4px rgba(0,0,0,.04);}
.card__img{display:block; width:100%; height:auto; background: var(--color-grey-200);}
.meta{font-size:14px; color:#6B6F6A}

/* Hero */
.hero{padding: 6rem 1.5rem 4rem; border-bottom:1px solid var(--color-hairline); background:#fff;}
.hero__inner{max-width: var(--maxw); margin: 0 auto; display:grid; grid-template-columns: 5fr 7fr; gap:2rem;}
@media (max-width: 960px){ .hero__inner{grid-template-columns:1fr;} }
.hero__img{aspect-ratio: 16 / 10; background: var(--color-grey-200); position:relative;}
.hero__img::after{content:""; position:absolute; inset:.75rem; border:2px dashed rgba(255,255,255,.6); border-radius:6px;}

/* Forms */
input, textarea{border:1px solid var(--color-hairline); border-radius:6px; padding:.6rem .8rem; width:100%; background:#fff;}
input:focus, textarea:focus{outline:2px solid var(--color-green-900); outline-offset:2px;}

/* Footer */
.site-footer{background: var(--color-green-900); color:#fff;}
.site-footer a{color:#fff;}
*/