/*
Theme Name: Pensiunea Begonia - Rustic Custom
Theme URI: http://example.com/
Author: Oly04 Design
Author URI: http://example.com/
Description: Custom theme for Pensiunea Begonia — rustic, image-forward, extensive Customizer options.
Version: 1.0
License: GNU General Public License v2 or later
Text Domain: pensiune-begonia
Tags: custom-background, custom-logo, featured-images, flexible-header, theme-options, accessibility, translation-ready
*/
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Inter:wght@300;400;600&display=swap');

:root{
  --bg:#f6f3ee;
  --accent:#7a5a3a; /* warm wood */
  --accent-2:#37583b; /* deep green */
  --muted:#a4998f;
  --text:#2b2b2b;
  --accent-cta:#b05a2b;
  --max-width:1200px;
  --container-padding:20px;
}

*{box-sizing:border-box}
body{
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  color:var(--text);
  background:var(--bg);
  margin:0;
  line-height:1.6;
}
a{color:var(--accent-2); text-decoration:none}
.container{max-width:var(--max-width); margin:0 auto; padding:0 var(--container-padding);}
.site-header{background:linear-gradient(180deg, rgba(0,0,0,0.15),transparent); padding:18px 0;}
.site-branding{display:flex; align-items:center; gap:16px;}
.site-title{font-family:"Playfair Display", serif; font-size:28px; color:var(--accent); margin:0;}
.site-description{color:var(--muted); margin:0; font-size:14px;}

.nav{margin-top:10px;}
.nav ul{list-style:none; margin:0; padding:0; display:flex; gap:12px;}
.nav a{padding:8px 12px; border-radius:6px;}
.hero{position:relative; display:block; overflow:hidden; margin-bottom:24px;}
.hero .hero-img{width:100%; height:420px; object-fit:cover; display:block; border-radius:8px;}
.hero .hero-inner{position:absolute; left:30px; bottom:30px; color:white; text-shadow:0 2px 8px rgba(0,0,0,0.6);}
.hero .hero-inner h1{font-family:"Playfair Display", serif; font-size:44px; margin:0 0 8px;}
.cta-btn{background:var(--accent-cta); color:white; padding:12px 18px; border-radius:6px; display:inline-block; font-weight:600;}

.grid{display:grid; grid-template-columns:repeat(3,1fr); gap:16px;}
.card{background:white; border-radius:10px; padding:12px; box-shadow:0 6px 18px rgba(0,0,0,0.06); overflow:hidden;}
.card img{width:100%; height:180px; object-fit:cover; border-radius:8px; display:block; margin-bottom:10px;}
.section-title{font-family:"Playfair Display", serif; color:var(--accent-2); margin:0 0 12px; font-size:22px;}
.footer{background:#efe9e1; padding:24px 0; margin-top:36px;}
@media (max-width:900px){
  .grid{grid-template-columns:repeat(2,1fr);}
  .hero .hero-inner h1{font-size:28px;}
}
@media (max-width:600px){
  .grid{grid-template-columns:1fr;}
  .hero .hero-img{height:260px;}
}

.site-header{
  background-color:var(--accent);
  color:white;
}
.site-header .site-title, .site-header .site-description, .site-header a{
  color:white;
}

/* Parallax effect for header background */
.site-header{
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media (max-width: 768px){
  .site-header{
    background-attachment: scroll; /* disable parallax on mobile for performance */
  }
}