/*
Theme Name: mk-design-atelier
Text Domain: mk-design-atelier
Description: Luxuriöse, minimalistische Website für fugenlose Oberflächen, Bäder und exklusive Wandgestaltung nach dem MK Design Brandboard.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
WPVibe: yes
*/

/* This file holds the WordPress theme header (above) plus truly global
 * rules only. Tailwind handles everything else.
 *
 * - Design tokens live in theme.css's @theme block.
 * - Prose + form styles live in presets.css.
 * - Layout, color, typography utilities come from Tailwind v4.
 *
 * Do NOT add component classes here (.btn-primary, .card, etc.). Use
 * Tailwind utilities in templates instead.
 */

:root {
	--color-gold: #a6702e;
	--color-gold-light: #f0dc63;
	--color-gold-deep: #7d4c1c;
	--color-cream: #faf3e8;
	--color-ink: #1d1d1b;
	--color-anthracite: #21252d;
	--color-charcoal: #242021;
	--color-white: #ffffff;
	--color-primary: #a6702e;
	--color-secondary: #faf3e8;
	--color-neutral: #1d1d1b;
	--color-background: #242021;
	--font-display: "Cormorant Garamond", Georgia, serif;
	--font-sans: "Montserrat", Arial, sans-serif;
	--font-serif: "Cormorant Garamond", Georgia, serif;
	--gold-gradient: linear-gradient(105deg, #8a571f 0%, #c08a39 29%, #f0dc63 48%, #a66e2c 72%, #6f4219 100%);
	--line: rgba(166,112,46,.35);
	--max: 1240px;
}

html {
	scroll-behavior: smooth;
}


/* Draft-preview fallback for the editorial testimonials section.
 * This stays plain CSS so the preview remains styled if the Tailwind browser
 * runtime is blocked by Safari privacy settings or a content blocker. */
.testimonials{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(166,112,46,.07),transparent 38%),#f3eee5;color:var(--color-ink,#1f1c1b)}
.testimonials__head{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .75fr;align-items:end;gap:clamp(45px,9vw,130px);margin-bottom:clamp(55px,7vw,90px)}
.testimonials__head>p{max-width:520px;margin:0 0 8px;color:#665d54}
.testimonials__grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(31,28,27,.16);border-bottom:1px solid rgba(31,28,27,.16)}
.testimonial-card{display:flex;flex-direction:column;min-width:0;margin:0;padding:clamp(34px,4vw,58px);border-right:1px solid rgba(31,28,27,.16)}
.testimonial-card:last-child{border-right:0}
.testimonial-card__rating{margin-bottom:30px;font-size:.78rem;letter-spacing:.25em;color:var(--color-gold,#a6702e)}
.testimonial-card blockquote{margin:0 0 44px}
.testimonial-card blockquote p{margin:0;font-family:var(--font-display,Georgia,serif);font-size:clamp(1.45rem,2vw,2.05rem);line-height:1.28;color:var(--color-ink,#1f1c1b)}
.testimonial-card figcaption{display:grid;gap:7px;margin-top:auto;padding-top:24px;border-top:1px solid rgba(31,28,27,.12)}
.testimonial-card figcaption strong{font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.testimonial-card figcaption span{font-size:.7rem;line-height:1.5;color:#766c62}
.testimonials__source{position:relative;z-index:1;display:flex;justify-content:flex-end;margin-top:34px}
.testimonials__source .text-link{color:var(--color-ink,#1f1c1b)}
@media(max-width:980px){.testimonials__head{grid-template-columns:1fr;gap:30px}.testimonials__grid{grid-template-columns:1fr}.testimonial-card{border-right:0;border-bottom:1px solid rgba(31,28,27,.16)}.testimonial-card:last-child{border-bottom:0}}
@media(max-width:640px){.testimonial-card{padding:34px 0}.testimonial-card blockquote{margin-bottom:32px}.testimonials__source{justify-content:flex-start}}
