/*
Theme Name: No Paint No Gain Atelier
Theme URI: https://example.com/
Author: No Paint No Gain
Author URI: https://example.com/
Description: Ruhiges, edles Portfolio- und Shop-Theme im Landhaus/Barock-Stil, rosa-weiß mit Goldakzenten.
Version: 1.0
Text Domain: no-paint-no-gain
*/

/* Google Fonts are enqueued in functions.php; keep minimal here */

:root{
  --rose-100:#FBEAF0;
  --rose-500:#F09DBF;
  --rose-700:#C86B97;
  --ivory:#FFFDF9;
  --gold:#C9A26B;
  --stone:#EDE7E2;
  --text:#2B2B2B;
}

html,body{height:100%;}
body{font-family:Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial; color:var(--text); background:var(--ivory); margin:0; -webkit-font-smoothing:antialiased;}

a{color:var(--rose-700); text-decoration:none;}

.site-wrap{max-width:1180px; margin:0 auto; padding:30px;}

.site-header{display:flex; justify-content:space-between; align-items:center; gap:20px; padding:18px 0;}
.site-title{font-family:'Playfair Display', serif; font-size:28px; color:var(--rose-700); margin:0;}
.site-nav ul{list-style:none; margin:0; padding:0; display:flex; gap:18px; align-items:center;}
.site-nav a{font-weight:600; color:inherit;}

.hero{padding:48px 0 32px; text-align:center;}
.hero .eyebrow{font-size:14px; text-transform:uppercase; letter-spacing:1px; color:#8f8f8f;}
.hero h1{font-family:'Playfair Display', serif; font-size:44px; margin:8px 0;}
.hero p{max-width:760px; margin:12px auto; color:#5b5b5b;}

.gallery-grid{display:grid; grid-template-columns:repeat(auto-fit, minmax(240px,1fr)); gap:18px; margin-top:18px;}
.gallery-item{background:var(--stone); padding:10px; border-radius:10px; overflow:hidden; box-shadow:0 6px 18px rgba(43,43,43,0.06); transition:transform .22s ease;}
.gallery-item:hover{transform:translateY(-6px);}
.gallery-item img{width:100%; height:auto; display:block; border-radius:6px;}
.gallery-item .title{margin-top:8px; font-family:'Playfair Display', serif; font-size:16px;}

.materials{display:grid; grid-template-columns:1fr 320px; gap:24px; align-items:start; margin-top:20px;}
.material-card{background:linear-gradient(180deg,var(--ivory),#fff); padding:18px; border-radius:12px; border:1px solid rgba(0,0,0,0.04); margin-bottom:16px;}
.material-card h3{font-family:'Playfair Display', serif; margin-top:0;}

.ornament{display:inline-block; width:80px; height:18px; background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 24"><path fill="%23C9A26B" d="M0 12 C20 0,40 24,60 12 C80 0,100 24,120 12 L120 24 L0 24 Z"/></svg>'); background-repeat:no-repeat; background-size:contain; margin-left:12px; vertical-align:middle;}

.site-footer{margin-top:60px; padding:30px 0; border-top:1px solid rgba(0,0,0,0.05); text-align:center; color:#6b6b6b;}

/* WooCommerce minimal shop styling (schlicht) */
.woocommerce ul.products{display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:18px; padding:0; list-style:none;}
.woocommerce ul.products li.product{background:#fff; padding:14px; border-radius:10px; border:1px solid rgba(0,0,0,0.04); text-align:center;}
.woocommerce div.product .summary h1{font-family:'Playfair Display', serif; font-size:28px;}
.woocommerce .price{font-weight:700; color:var(--rose-700); font-size:18px;}

/* Responsive */
@media(max-width:768px){
  .materials{grid-template-columns:1fr;}
  .site-wrap{padding:18px;}
  .hero h1{font-size:32px;}
}