@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500&family=Playfair+Display:wght@500;600&display=swap');

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

body { 
  font-family: 'Outfit', sans-serif; 
  color: #3a2f2a;
  background: #fdf8f5; 
  line-height: 1.6;
}

nav { background: #fff; padding: 15px 20px; box-shadow: 0 2px 5px rgba(0,0,0,0.05); position: sticky; top: 0; z-index: 100; }
nav ul { list-style: none; display: flex; justify-content: center; gap: 30px; flex-wrap: wrap; }
nav a { text-decoration: none; color: #5c4b51; font-weight: 600; }
nav a:hover, nav a.active { color: #d8a7b1; }

section { padding: 60px 20px; max-width: 700px; margin: 0 auto; }
h2 { text-align: center; font-size: 2.2em; margin-bottom: 15px; color: #8e6e53; font-family: 'Playfair Display', serif; font-weight: 500; }

/* ŰRLAP – EZ A LÉNYEG */
form label { 
  display: block;
  color: #6b5345;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 0.75em;
  letter-spacing: 1px;
  margin: 24px 0 8px 0;
}

form input, form select, form textarea {
  width: 100%; 
  padding: 14px 18px; 
  border: 1px solid #e0d5cc;
  border-radius: 8px;
  font-family: 'Outfit', sans-serif;
  font-size: 1em;
  background: #fff;
  color: #3a2f2a;
  transition: all 0.2s ease;
}

form input::placeholder, form textarea::placeholder {
  color: #a89587;
}

form input:focus, form select:focus, form textarea:focus {
  outline: none; 
  border-color: #b89a7e;
  box-shadow: 0 0 0 3px rgba(184,154,126,0.15);
}

form textarea {
  resize: vertical;
  min-height: 120px;
}

.gomb {
  display: block;
  width: 100%;
  background: #b89a7e;
  color: white;
  padding: 16px;
  border: none;
  border-radius: 8px;
  font-family: 'Outfit', sans-serif;
  font-size: 1em;
  font-weight: 500;
  cursor: pointer;
  margin-top: 30px;
  transition: background 0.2s;
}

.gomb:hover {
  background: #a6886a;
}

footer { background: #8e6e53; color: #fff; text-align: center; padding: 30px 20px; margin-top: 60px; }

@media (max-width: 768px) {
  nav ul { gap: 15px; }
  section { padding: 40px 15px; }
}

/* Tender Moments pontos másolat */
form label { display:block; margin:0 0 6px 0; font-size:0.9em; color:#333; font-weight:400; text-transform:none; letter-spacing:0; }
form input, form select, form textarea {
  width:100%; padding:12px 14px; border:1px solid #e5e5e5; border-radius:6px;
  font-family:'Inter',sans-serif; font-size:0.95em; background:#fff; color:#333;
}
form input:focus, form select:focus, form textarea:focus {
  outline:none; border-color:#c08a92; box-shadow:0 0 0 2px rgba(192,138,146,0.1);
}
@media (max-width:900px){
  div[style*="grid-template-columns:2fr 1fr"]{ grid-template-columns:1fr !important; gap:40px !important; }
  div[style*="grid-template-columns:1fr 1fr"]{ grid-template-columns:1fr !important; }
}

/* --- FEJLÉC - Tender stílus --- */
.site-header { background:#fff; border-bottom:1px solid #f0eded; position:sticky; top:0; z-index:1000; }
.header-inner { max-width:1200px; margin:0 auto; padding:20px; display:flex; justify-content:space-between; align-items:center; }
.logo { font-family:'Cormorant Garamond',serif; font-size:1.9em; color:#222; text-decoration:none; font-weight:500; letter-spacing:-0.3px; }
.site-header nav ul { display:flex; gap:32px; list-style:none; margin:0; padding:0; }
.site-header nav a { font-family:'Inter',sans-serif; color:#888; text-decoration:none; font-size:0.92em; font-weight:400; transition:color .2s; }
.site-header nav a:hover, .site-header nav a.active { color:#c08a92; }

/* --- LÁBLÉC - Tender stílus --- */
.site-footer { background:#faf7f5; color:#777; margin-top:80px; font-family:'Inter',sans-serif; }
.footer-inner { max-width:1200px; margin:0 auto; padding:60px 20px 40px; display:grid; grid-template-columns:2fr 1fr 1fr; gap:60px; }
.footer-about h4 { font-family:'Cormorant Garamond',serif; font-size:1.6em; color:#333; margin-bottom:12px; font-weight:500; }
.footer-about p { font-size:0.9em; line-height:1.6; max-width:320px; color:#888; }
.footer-links h5, .footer-social h5 { font-family:'Cormorant Garamond',serif; font-size:1.2em; color:#333; margin-bottom:15px; font-weight:500; }
.footer-links ul { list-style:none; padding:0; margin:0; }
.footer-links li { margin-bottom:8px; }
.footer-links a, .footer-social a { color:#888; text-decoration:none; font-size:0.9em; transition:color .2s; }
.footer-links a:hover, .footer-social a:hover { color:#c08a92; }
.footer-social a { display:block; margin-bottom:8px; }
.footer-bottom { border-top:1px solid #ede7e3; text-align:center; padding:20px; font-size:0.85em; color:#999; }

@media (max-width:768px){
  .header-inner { flex-direction:column; gap:15px; }
  .site-header nav ul { gap:20px; flex-wrap:wrap; justify-content:center; }
  .footer-inner { grid-template-columns:1fr; gap:40px; text-align:center; }
  .footer-about p { margin:0 auto; }
}

form input, form select, form textarea { color:#222 !important; background:#fff !important; }
form input::placeholder, form textarea::placeholder { color:#aaa !important; }
form label { color:#333 !important; font-weight:400 !important; }
form label span { color:#c08a92 !important; } /* a piros * */