/*
 Theme Name:   Photographer Child (Kadence)
 Theme URI:    https://example.com/
 Description:  Child theme for a professional photographer (People • Boudoir • Wedding) focused on performance, DSGVO, and elegant typography.
 Author:       ChatGPT
 Author URI:   https://example.com/
 Template:     kadence
 Version:      1.0.0
 License:      GPL-2.0-or-later
 Text Domain:  photographer-child
*/

/* Typography — use system stack for DSGVO-safe setup; replace with locally hosted fonts if desired */
:root{
  --font-sans: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
  --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times;
  --color-bg: #0f0f10;
  --color-fg: #f6f5f3;
  --color-muted: #bfbab3;
  --color-accent: #d9b8a9; /* soft blush */
  --color-accent-2: #c9ad7f; /* warm sand */
}
body{font-family: var(--font-sans); color: var(--color-fg); background: var(--color-bg);}
a{color: var(--color-accent); text-decoration: none;}
a:hover{opacity:.85}

/* Buttons */
.wp-element-button, .button, button, input[type=submit]{
  background: var(--color-accent);
  color: #1b1a1a;
  border-radius: 9999px;
  padding: .75rem 1.2rem;
  letter-spacing:.02em;
  font-weight:600;
  border:none;
}
.wp-element-button:hover, .button:hover, button:hover, input[type=submit]:hover{filter:brightness(0.95)}

/* Headings */
h1,h2,h3{letter-spacing:.02em}
h1{font-family: var(--font-serif); font-weight:600}

/* Image grids */
.photogrid{display:grid; grid-template-columns: repeat(3,1fr); gap: 10px}
@media (max-width: 900px){.photogrid{grid-template-columns: repeat(2,1fr)}}
@media (max-width: 600px){.photogrid{grid-template-columns: 1fr}}
.photogrid img{width:100%; height:100%; object-fit:cover; border-radius: 10px}

/* Hero */
.hero{
  min-height: 80vh;
  display:flex; align-items:end; padding: 8vh 4vw;
  background-size: cover; background-position:center;
  position:relative; isolation:isolate;
}
.hero::after{content:""; position:absolute; inset:0; background: linear-gradient(to top, rgba(0,0,0,.55), rgba(0,0,0,0)); z-index:-1}
.hero-inner{max-width: 1100px}
.hero h1{font-size: clamp(2.2rem, 5vw, 4.2rem); margin: 0 0 .5rem 0}
.hero p{font-size: clamp(1.05rem, 2vw, 1.25rem); color: var(--color-muted)}
.hero .cta{margin-top: 1.2rem}

/* Minimal footer */
.site-footer{border-top: 1px solid rgba(255,255,255,.08); padding-top: 2rem}
*/