.root-bg{
  background-image: linear-gradient(180deg, #eef6f0 0%, #f7fbf9 40%, #f3f7f5 100%);
}
:root{
  --bg:#0b0a09; /* page background (dark wood base) */
  --wood:#efece8; /* main text (light) */
  --accent:#b8733a; /* warm wood accent */
  --accent-2:#ffd9b3; /* light accent */
  --muted:#d9d3ce; /* muted text */
  --card:#151312; /* card background (dark) */
  --panel:#1d1917;
}
/* base body on dark theme */
/* dark wood gradient as page background (no large SVG repeat) */
body{background:linear-gradient(180deg,#0b0705 0%, #1a130f 60%, #221814 100%);font-family:Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;color:var(--wood);}
.logo{width:44px;height:44px}
.bg-wood{background:linear-gradient(180deg,rgba(21,115,71,0.95) 0%, rgba(27,91,57,0.95) 100%);}
.text-wood{color:var(--wood)!important}
.btn-wood{background:var(--accent);border-color:var(--accent);color:#fff}
.btn-wood:hover{filter:brightness(.95)}
header .display-5{max-width:900px;margin:0 auto}
.portfolio-card{cursor:pointer;transition:transform .24s cubic-bezier(.2,.9,.2,1), box-shadow .24s ease, opacity .3s}
.portfolio-card:hover{transform:translateY(-8px);box-shadow:0 12px 30px rgba(15,23,20,.12)}
.table th, .table td{vertical-align:middle}
.ratio iframe{border:0}
footer a{opacity:.95}
@media(max-width:768px){header .display-5{font-size:1.6rem}}

/* floating call-to-action */
.beauty{position:fixed;right:16px;bottom:28px;background:var(--accent);color:#fff;padding:10px 14px;border-radius:14px;box-shadow:0 10px 30px rgba(21,115,71,.12);z-index:9999;transition:transform .18s}
.beauty:hover{transform:translateY(-3px)}

/* form focus with green glow */
.form-control:focus, .form-select:focus{box-shadow:0 0 0 .15rem rgba(21,115,71,.12);border-color:var(--accent)}

/* small cards */
.card{border:0;background:var(--card)}
.container.py-6{padding-top:4.5rem;padding-bottom:4.5rem}

/* reveal animations */
.reveal{opacity:0;transform:translateY(12px);transition:opacity .6s ease, transform .6s ease}
.reveal.visible{opacity:1;transform:none}

/* improved wood types layout */
.wood-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}
.wood-card{background:linear-gradient(180deg,#1c1716, #241b19);border-radius:10px;padding:18px;box-shadow:0 6px 24px rgba(0,0,0,.45);display:flex;gap:12px;align-items:center}
.wood-card img{width:56px;height:56px;object-fit:cover;border-radius:8px}
.wood-card h5{margin:0;font-size:1.05rem;color:var(--wood)}
.wood-card p{margin:0;color:var(--muted);font-size:.95rem}

/* subtle table fallback */
.table-compact th, .table-compact td{padding:.75rem .9rem}

.highlight-text{color:var(--accent)}

/* simple gallery */
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.gallery img{width:100%;height:160px;object-fit:cover;border-radius:8px;box-shadow:0 6px 18px rgba(10,20,10,.04);transition:transform .18s ease,filter .18s}
.gallery img:hover{transform:scale(1.03);filter:brightness(.98)}

/* ===== NEW GLOBAL REDESIGN STYLES ===== */
:root{--brand-1:#3a2519;--brand-2:#8f5328;--accent:#ffb86b;--bg-2:#0f0b09;--muted-2:#efece8}
/* improved typography */
h1,h2,h3,h4{font-family: 'Inter', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;color:var(--wood)}

/* navigation and link colors for dark theme */
.nav-link{color:var(--muted);transition:color .15s}
.nav-link:hover{color:var(--accent-2)}
.navbar-brand, .navbar-brand span{color:var(--wood)}

/* paragraph and lead text */
.lead, p, li, small, .card-text{color:var(--muted)}
.hero .lead{color:rgba(255,255,255,0.95)}

/* hero */
.hero {
  background: linear-gradient(180deg, rgba(11,6,4,0.45), rgba(11,6,4,0.6));
  color: #fff;
  padding: 6rem 0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}



/* nav behavior */
.navbar-custom{background:transparent;transition:backdrop-filter .2s, background-color .2s}
.navbar-custom.scrolled{background:rgba(15,11,9,0.9);box-shadow:0 6px 18px rgba(0,0,0,.6)}
.navbar-custom.scrolled .nav-link{color:var(--wood) !important}

/* portfolio cards overlay */
.portfolio-card .card-img-top{height:220px;object-fit:cover}
.portfolio-card .card-body{position:relative}
.portfolio-card .card-overlay{position:absolute;left:0;right:0;bottom:0;padding:16px;background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.88) 100%);color:#fff;border-bottom-left-radius:8px;border-bottom-right-radius:8px}

/* wood-themed page background */
/* ensure page panels and cards fit dark theme */
.card{background:var(--card);color:var(--wood)}

/* make bootstrap light background sections transparent/dark */
.bg-light{background-color:transparent !important}
#portfolio, #pricing, #services, #wood-types, #contact{background:transparent}

/* ensure body text is light on dark background */
body{color:var(--wood)}



/* buttons */
.btn-cta{background:var(--brand-2);color:#fff;border-radius:8px;padding:10px 18px;border:0}
.btn-cta:hover{filter:brightness(.95)}

/* Modal (make dark so text is readable on dark page) */
.modal-content{
  background: linear-gradient(180deg, var(--panel), rgba(20,16,14,0.95));
  color: var(--wood);
  border: 0;
  box-shadow: 0 20px 60px rgba(0,0,0,0.6);
}
.modal-header, .modal-body, .modal-footer { color: var(--wood); }
.modal-body p, .modal-body li, .modal-body ul { color: var(--muted); }
.modal-body img{border-radius:8px;box-shadow:0 8px 30px rgba(0,0,0,.5);}
.modal .btn-close{filter:invert(1) contrast(1.2);} 

/* responsive tweaks */
@media(max-width:768px){
  .hero{padding:3rem 0}
  .gallery img{height:120px}
}

/* removed white overrides to preserve dark theme */

/* Buton "Cere ofertă" – efect identic cu "Sună-ne" */
.hero .btn-outline-light {
  color: #6c757d;                /* culoare text la fel ca "Sună-ne" */
  border-color: #6c757d;         /* contur gri */
  background-color: transparent; /* fundal transparent */
  transition: all 0.25s ease;
}

.hero .btn-outline-light:hover {
  background-color: #6c757d;     /* la hover devine gri plin */
  color: #fff;                   /* text alb */
  border-color: #6c757d;
}

/* ===== Centrare perfectă a textului în butonul "Sună-ne" ===== */
.btn-outline-secondary {
  display: inline-flex;          /* folosește flex pentru centrare precisă */
  align-items: center;           /* centrează pe verticală */
  justify-content: center;       /* centrează pe orizontală */
  padding: 10px 18px;            /* asigură spațiu egal pe toate părțile */
  line-height: 1;                /* elimină variațiile de înălțime */
  font-weight: 500;              /* text ușor mai pronunțat */
}

.btn-outline-secondary:hover {
  background-color: #6c757d;
  color: #fff;
  border-color: #6c757d;
}

#portfolio, #pricing {
  background: transparent;
}

@media(max-width: 576px) {
  .hero h1 { font-size: 1.6rem; }
  .hero p { font-size: 1rem; }
  .portfolio-card .card-img-top { height: 160px; }
}

.beauty {
  position: fixed;
  right: 18px;
  bottom: 26px;
  background: var(--accent, #1f8a4f);
  color: #fff;
  padding: 12px 18px;
  border-radius: 50px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, .2);
  z-index: 9999;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.25s ease;
}
.beauty:hover {
  background: #16683d;
  transform: translateY(-3px);
}

.reveal {
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.6s ease;
}
.reveal.visible {
  opacity: 1;
  transform: translateY(0);
}

.btn:hover {
  box-shadow: 0 4px 15px rgba(0, 0, 0, .15);
}

.card:hover {
  transform: translateY(-6px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, .1);
  transition: all 0.3s ease;
}

#services, #wood-types, #contact {
  background: transparent;
}