/* ═══════════════════════════════════
   CĂSUȚELE CU TIHNĂ — main.css
   Stiluri globale & variabile
   ═══════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=Jost:wght@300;400;500&display=swap');

:root {
  --cream:        #f6f1e9;
  --warm-white:   #faf8f4;
  --brown-dark:   #2a1c0e;
  --brown-mid:    #5a3c1c;
  --brown-light:  #8c6540;
  --gold:         #c8a556;
  --gold-light:   #e6d09a;
  --gold-dim:     rgba(200,165,86,0.15);
  --green-deep:   #1e2e20;
  --green-mid:    #3d5c38;
  --green-light:  #6e9460;
  --text-dark:    #2a1c0e;
  --text-mid:     #5a3c1c;
  --text-light:   #7a6248;
  --border:       rgba(138,98,60,0.14);
  --shadow:       0 24px 64px rgba(42,28,14,0.10);
}

*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }

body {
  font-family:'Jost', sans-serif;
  font-weight:300;
  background:var(--warm-white);
  color:var(--text-dark);
  overflow-x:hidden;
  line-height:1.75;
}

img { display:block; max-width:100%; }
a   { text-decoration:none; color:inherit; }
ul  { list-style:none; }

/* ── TYPOGRAPHY ── */
h1,h2,h3,h4 {
  font-family:'Cormorant Garamond', serif;
  font-weight:400;
  line-height:1.15;
}
h1 { font-size:clamp(2.8rem,6vw,5rem); }
h2 { font-size:clamp(1.9rem,4vw,3rem); }
h3 { font-size:clamp(1.3rem,2.5vw,1.8rem); }
em { font-style:italic; }

.tag {
  display:inline-block;
  font-size:0.64rem;
  letter-spacing:0.3em;
  text-transform:uppercase;
  color:var(--green-mid);
  margin-bottom:10px;
}
.tag-gold  { color:var(--gold); }
.tag-cream { color:var(--cream); }

.divider {
  width:48px; height:1.5px;
  background:linear-gradient(90deg,var(--gold),transparent);
  margin:22px 0;
}
.divider-center {
  margin-left:auto; margin-right:auto;
  width:80px;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);
}

/* ── BUTTONS ── */
.btn {
  display:inline-block;
  padding:13px 36px;
  font-family:'Jost', sans-serif;
  font-size:0.7rem;
  letter-spacing:0.22em;
  text-transform:uppercase;
  transition:all 0.28s ease;
  cursor:pointer;
  border:none;
  line-height:1;
}
.btn-outline {
  border:1.5px solid var(--gold);
  color:var(--gold-light);
  background:transparent;
}
.btn-outline:hover { background:var(--gold); color:var(--brown-dark); }

.btn-solid {
  background:var(--gold);
  color:var(--brown-dark);
  font-weight:500;
}
.btn-solid:hover { background:var(--gold-light); }

.btn-dark {
  background:var(--brown-dark);
  color:var(--cream);
  border:1.5px solid var(--brown-dark);
}
.btn-dark:hover { background:var(--brown-mid); border-color:var(--brown-mid); }

.btn-green {
  background:var(--green-deep);
  color:var(--cream);
  border:1.5px solid var(--green-deep);
}
.btn-green:hover { background:var(--green-mid); border-color:var(--green-mid); }

/* ── LAYOUT ── */
.container { max-width:1180px; margin:0 auto; padding:0 40px; }
section    { padding:96px 0; }

/* ── TWO-COL ── */
.two-col {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:72px;
  align-items:center;
}
.two-col.reverse > *:first-child { order:2; }
.two-col.reverse > *:last-child  { order:1; }

/* ── SECTION VARIANTS ── */
.section-cream { background:var(--cream); }
.section-dark  { background:var(--green-deep); }
.section-brown { background:var(--brown-dark); }

.section-dark  .tag   { color:var(--gold); }
.section-dark  h2     { color:var(--cream); }
.section-dark  p      { color:rgba(246,241,233,0.70); }
.section-dark  .divider { background:linear-gradient(90deg,var(--gold),transparent); }

.section-brown .tag   { color:var(--gold); }
.section-brown h2     { color:var(--cream); }
.section-brown p      { color:rgba(246,241,233,0.65); }
.section-brown .divider { background:linear-gradient(90deg,var(--gold),transparent); }

/* ── STATS BAR ── */
.stats-bar { background:var(--green-deep); padding:28px 0; }
.stats-bar .container {
  display:flex; justify-content:center;
  gap:64px; flex-wrap:wrap;
}
.stat-item { text-align:center; }
.stat-num {
  font-family:'Cormorant Garamond', serif;
  font-size:2.4rem; color:var(--gold);
  display:block; line-height:1;
}
.stat-lbl {
  font-size:0.64rem; letter-spacing:0.2em; text-transform:uppercase;
  color:rgba(246,241,233,0.48); margin-top:6px; display:block;
}

/* ── PAGE HERO ── */
.page-hero {
  height:52vh; min-height:360px;
  position:relative;
  display:flex; align-items:flex-end;
  overflow:hidden;
  margin-top:0;
}
.page-hero-bg {
  position:absolute; inset:0;
  background:var(--green-deep);
}
.page-hero-overlay {
  position:absolute; inset:0;
  background:linear-gradient(160deg,rgba(30,46,32,0.55) 0%,rgba(42,28,14,0.80) 100%);
}
.page-hero-content {
  position:relative;
  padding-bottom:64px;
  width:100%;
}
.page-hero h1 { color:var(--cream); margin-bottom:10px; }
.page-hero p  { color:rgba(246,241,233,0.65); font-size:1rem; max-width:500px; }

.breadcrumb {
  font-size:0.68rem; letter-spacing:0.18em; text-transform:uppercase;
  color:var(--gold); margin-bottom:16px; display:block;
}
.breadcrumb a { color:rgba(200,165,86,0.55); transition:color 0.25s; }
.breadcrumb a:hover { color:var(--gold); }
.breadcrumb span { margin:0 8px; opacity:0.4; }

/* ── REVEAL ANIMATIONS ── */
.reveal {
  opacity:0;
  transform:translateY(28px);
  transition:opacity 0.85s ease, transform 0.85s ease;
}
.reveal.visible { opacity:1; transform:none; }
.reveal-delay-1 { transition-delay:0.10s; }
.reveal-delay-2 { transition-delay:0.20s; }
.reveal-delay-3 { transition-delay:0.30s; }
.reveal-delay-4 { transition-delay:0.40s; }

/* ── RESPONSIVE ── */
@media (max-width:900px) {
  .container  { padding:0 24px; }
  section     { padding:72px 0; }
  .two-col    { grid-template-columns:1fr; gap:44px; }
  .two-col.reverse > * { order:unset !important; }
  .stats-bar .container { gap:36px; }
}
@media (max-width:600px) {
  .container  { padding:0 16px; }
  section     { padding:56px 0; }
  .page-hero  { height:46vh; min-height:280px; }
  .page-hero-content { padding-bottom:48px; }
}