/* nav */
:root {
  --bg: #120d07;
  --border: rgba(200,144,42,.18);
  --cream: #f5ede0;
  --muted: #9a8770;
  --gold: #c8902a;
  --gold-lt: #e4b24a;
  --serif: 'Cormorant Garamond', Georgia, serif;
  --sans: 'Jost', sans-serif;
}

/* NAV */
nav { 
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99!important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 48px;
  height: 70px;
  background: rgba(18, 13, 7, .93);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--border);
}
.nav-logo { display: flex; align-items: center; text-decoration: none; }
.nav-logo img { height: 36px; width: auto; }
.nav-logo-text { font-family: var(--serif); font-size: 1.35rem; font-weight: 500; color: var(--cream); letter-spacing: .05em; display: flex; flex-direction: column; line-height: 1.15; }
.nav-logo-text span { font-size: .58rem; letter-spacing: .3em; text-transform: uppercase; color: var(--gold); font-family: var(--sans); font-weight: 300; }

.nav-links { display: flex; gap: 0; list-style: none; position: relative; }
.nav-links > li { position: relative; }
.nav-links > li > a {
  display: block;
  padding: 0 16px;
  height: 70px;
  line-height: 70px;
  color: var(--muted);
  text-decoration: none;
  font-size: .72rem;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-weight: 400;
  transition: color .22s;
}
.nav-links > li > a:hover, .nav-links > li:hover > a { color: var(--gold-lt); }

/* Dropdown */
.dropdown {
  position: absolute;
  top: 70px;
  left: 0;
  background: rgba(18, 13, 7, .97);
  border: 1px solid var(--border);
  min-width: 230px;
  padding: 6px 0;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-5px);
  transition: opacity .2s, transform .2s;
}
.nav-links > li:hover .dropdown { opacity: 1; pointer-events: all; transform: none; }
.dropdown a {
  display: block;
  padding: 9px 20px;
  color: var(--muted);
  text-decoration: none;
  font-size: .74rem;
  letter-spacing: .1em;
  transition: color .18s, background .18s;
}
.dropdown a:hover { color: var(--gold-lt); background: rgba(200, 144, 42, .06); }

/* CTA Button in Nav */
.nav-cta {
  background: transparent;
  border: 1px solid var(--gold);
  color: var(--gold);
  font-family: var(--sans);
  font-size: .69rem;
  letter-spacing: .2em;
  text-transform: uppercase;
  padding: 9px 20px;
  cursor: pointer;
  text-decoration: none;
  transition: background .22s, color .22s;
}
.nav-cta:hover { background: var(--gold); color: var(--bg); }

/* Hamburger Icon */
.hamburger { display: none; flex-direction: column; gap: 5px; cursor: pointer; background: none; border: none; padding: 4px; }
.hamburger span { display: block; width: 24px; height: 1.5px; background: var(--cream); transition: .3s; }

/* MOBILE MENU */
.mmenu { z-index:999!impoartant;
  position: fixed;
  inset: 0;
  background: rgba(18, 13, 7, .99);
  z-index: 200;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  transform: translateY(-100%);
  transition: transform .4s cubic-bezier(.77, 0, .175, 1);
}
.mmenu.open { transform: none; }
.mmenu .xbtn { position: absolute; top: 20px; right: 24px; background: none; border: none; color: var(--cream); font-size: 1.8rem; cursor: pointer; line-height: 1; }
.mmenu a { font-family: var(--serif); font-size: 1.9rem; font-weight: 300; color: var(--cream); text-decoration: none; transition: color .2s; }
.mmenu a:hover { color: var(--gold); }

/* RESPONSIVE */
@media(max-width: 768px) {
  nav { padding: 0 22px; }
  .nav-links, .nav-cta { display: none; }
  .hamburger { display: flex; }
}
/* contact */
/* ===== CONTACT WRAPPER ===== */
  .dn-contact{
    background:var(--surface, #1b1209);
    padding:92px 48px;
  }

  /* Header */
  .dn-contact-hd{
    text-align:center;
    max-width:660px;
    margin:0 auto 64px;
  }
  .dn-contact-hd .sk{
    font-size:.66rem;
    letter-spacing:.35em;
    text-transform:uppercase;
    color:var(--gold, #c8902a);
    display:flex;
    align-items:center;
    justify-content:center;
    gap:13px;
    margin-bottom:16px;
  }
  .dn-contact-hd .sk::before,
  .dn-contact-hd .sk::after{
    content:'';
    display:block;
    width:28px;
    height:1px;
    background:var(--gold, #c8902a);
  }
  .dn-contact-hd h2{
    font-family:var(--serif, 'Cormorant Garamond', Georgia, serif);
    font-size:clamp(1.8rem,3.2vw,3rem);
    font-weight:300;
    color:var(--cream, #f5ede0);
    line-height:1.12;
    margin-bottom:16px;
  }
  .dn-contact-hd h2 em{font-style:italic;color:var(--gold-lt, #e4b24a)}
  .dn-contact-hd p{
    font-size:.875rem;
    color:var(--muted, #9a8770);
    font-weight:300;
    line-height:1.85;
  }

  /* Deviz price badge */
  .dn-deviz-badge{
    display:inline-flex;
    align-items:center;
    gap:14px;
    margin-top:22px;
    padding:14px 24px;
    border:1px solid rgba(200,144,42,.3);
    background:rgba(200,144,42,.06);
  }
  .dn-deviz-badge-icon{
    width:36px;
    height:36px;
    flex-shrink:0;
    color:var(--gold, #c8902a);
  }
  .dn-deviz-badge-text{text-align:left}
  .dn-deviz-badge-label{
    font-size:.62rem;
    letter-spacing:.22em;
    text-transform:uppercase;
    color:var(--muted, #9a8770);
    display:block;
  }
  .dn-deviz-badge-price{
    font-family:var(--serif, 'Cormorant Garamond', Georgia, serif);
    font-size:1.2rem;
    font-weight:400;
    color:var(--cream, #f5ede0);
  }
  .dn-deviz-badge-price span{color:var(--gold-lt, #e4b24a)}

  /* Two-column layout */
  .dn-contact-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:1px;
    background:rgba(200,144,42,.18);
    max-width:1200px;
    margin:0 auto;
  }

  /* Form panel */
  .dn-contact-form-panel{
    background:var(--card, #221608);
    padding:44px 44px 48px;
  }
  .dn-contact-form-panel h3{
    font-family:var(--serif, 'Cormorant Garamond', Georgia, serif);
    font-size:1.45rem;
    font-weight:300;
    color:var(--cream, #f5ede0);
    margin-bottom:6px;
  }
  .dn-contact-form-panel h3 em{font-style:italic;color:var(--gold-lt, #e4b24a)}
  .dn-contact-form-panel>p{
    font-size:.8rem;
    color:var(--muted, #9a8770);
    font-weight:300;
    margin-bottom:28px;
  }

  /* Map panel */
  .dn-contact-map-panel{
    background:var(--card, #221608);
    display:flex;
    flex-direction:column;
  }
  .dn-contact-map-panel iframe{
    width:100%;
    flex:1;
    min-height:320px;
    display:block;
    border:0;
    filter:brightness(.85) saturate(.75) contrast(1.1);
    transition:filter .35s;
  }
  .dn-contact-map-panel:hover iframe{
    filter:brightness(.95) saturate(.9) contrast(1.05);
  }
  .dn-contact-map-info{
    padding:24px 28px 28px;
    border-top:1px solid rgba(200,144,42,.18);
  }
  .dn-map-info-row{
    display:flex;
    align-items:flex-start;
    gap:12px;
    margin-bottom:14px;
  }
  .dn-map-info-row:last-child{margin-bottom:0}
  .dn-map-info-icon{
    width:16px;
    height:16px;
    flex-shrink:0;
    margin-top:2px;
    color:var(--gold, #c8902a);
  }
  .dn-map-info-label{
    font-size:.68rem;
    letter-spacing:.12em;
    text-transform:uppercase;
    color:var(--muted, #9a8770);
    display:block;
  }
  .dn-map-info-val{
    font-size:.84rem;
    color:var(--cream, #f5ede0);
    font-weight:300;
  }

  /* ===== CF7 FORM OVERRIDES ===== */
  /* Hide CF7 default paragraph spacing */
  .dn-contact-form-panel .wpcf7 p{
    margin:0 0 14px 0 !important;
    padding:0 !important;
  }
  .dn-contact-form-panel .wpcf7 p:last-of-type{
    margin-bottom:0 !important;
  }

  /* Inputs & Textarea */
  .dn-contact-form-panel .wpcf7-form-control.wpcf7-text,
  .dn-contact-form-panel .wpcf7-form-control.wpcf7-email,
  .dn-contact-form-panel .wpcf7-form-control.wpcf7-tel,
  .dn-contact-form-panel .wpcf7-form-control.wpcf7-textarea{
    width:100% !important;
    background:rgba(18,13,7,.7) !important;
    border:1px solid rgba(200,144,42,.22) !important;
    border-radius:0 !important;
    color:var(--cream, #f5ede0) !important;
    font-family:var(--sans, 'Jost', sans-serif) !important;
    font-size:.85rem !important;
    font-weight:300 !important;
    padding:13px 16px !important;
    outline:none !important;
    box-shadow:none !important;
    transition:border-color .22s !important;
    -webkit-appearance:none !important;
    appearance:none !important;
  }
  .dn-contact-form-panel .wpcf7-form-control.wpcf7-text:focus,
  .dn-contact-form-panel .wpcf7-form-control.wpcf7-email:focus,
  .dn-contact-form-panel .wpcf7-form-control.wpcf7-tel:focus,
  .dn-contact-form-panel .wpcf7-form-control.wpcf7-textarea:focus{
    border-color:rgba(200,144,42,.6) !important;
    background:rgba(18,13,7,.9) !important;
  }

  /* Placeholder */
  .dn-contact-form-panel .wpcf7-form-control::placeholder{
    color:rgba(154,135,112,.55) !important;
    font-weight:300 !important;
  }

  /* Textarea */
  .dn-contact-form-panel .wpcf7-form-control.wpcf7-textarea{
    resize:vertical !important;
    min-height:120px !important;
    rows:6 !important;
  }

  /* File input */
  .dn-contact-form-panel .wpcf7-form-control.wpcf7-file{
    display:block !important;
    width:100% !important;
    margin-top:10px !important;
    padding:10px 12px !important;
    background:rgba(18,13,7,.5) !important;
    border:1px dashed rgba(200,144,42,.25) !important;
    color:var(--muted, #9a8770) !important;
    font-family:var(--sans, 'Jost', sans-serif) !important;
    font-size:.76rem !important;
    cursor:pointer !important;
  }
  .dn-contact-form-panel .wpcf7-form-control.wpcf7-file::file-selector-button{
    background:rgba(200,144,42,.12) !important;
    border:1px solid rgba(200,144,42,.3) !important;
    color:var(--gold, #c8902a) !important;
    font-family:var(--sans, 'Jost', sans-serif) !important;
    font-size:.7rem !important;
    letter-spacing:.1em !important;
    text-transform:uppercase !important;
    padding:5px 12px !important;
    margin-right:12px !important;
    cursor:pointer !important;
    transition:background .2s !important;
  }
  .dn-contact-form-panel .wpcf7-form-control.wpcf7-file::file-selector-button:hover{
    background:rgba(200,144,42,.22) !important;
  }

  /* File label hint */
  .dn-file-hint{
    display:block;
    font-size:.67rem;
    letter-spacing:.08em;
    color:var(--muted, #9a8770);
    margin-bottom:6px;
  }

  /* Submit button */
  .dn-contact-form-panel .wpcf7-form-control.wpcf7-submit{
    background:var(--gold, #c8902a) !important;
    color:#120d07 !important;
    border:none !important;
    padding:14px 40px !important;
    font-family:var(--sans, 'Jost', sans-serif) !important;
    font-size:.74rem !important;
    letter-spacing:.22em !important;
    text-transform:uppercase !important;
    font-weight:500 !important;
    cursor:pointer !important;
    border-radius:0 !important;
    transition:background .22s, transform .18s !important;
    width:100% !important;
    margin-top:6px !important;
  }
  .dn-contact-form-panel .wpcf7-form-control.wpcf7-submit:hover{
    background:var(--gold-lt, #e4b24a) !important;
    transform:translateY(-2px) !important;
  }

  /* Spinner */
  .dn-contact-form-panel .wpcf7-spinner{
    display:none !important;
  }
  .dn-contact-form-panel .wpcf7-submit.submitting + .wpcf7-spinner{
    display:inline-block !important;
    border-color:var(--gold, #c8902a) !important;
  }

  /* Validation errors */
  .dn-contact-form-panel .wpcf7-not-valid{
    border-color:rgba(220,80,60,.6) !important;
  }
  .dn-contact-form-panel .wpcf7-not-valid-tip{
    font-size:.72rem !important;
    color:rgba(220,120,100,.9) !important;
    font-family:var(--sans, 'Jost', sans-serif) !important;
    font-weight:300 !important;
    margin-top:4px !important;
    display:block !important;
  }

  /* Response output */
  .dn-contact-form-panel .wpcf7-response-output{
    margin-top:16px !important;
    padding:12px 16px !important;
    border:1px solid rgba(200,144,42,.3) !important;
    font-size:.8rem !important;
    font-family:var(--sans, 'Jost', sans-serif) !important;
    font-weight:300 !important;
    color:var(--cream, #f5ede0) !important;
    background:rgba(200,144,42,.06) !important;
    border-radius:0 !important;
  }
  .dn-contact-form-panel .wpcf7-response-output:empty{
    display:none !important;
  }

  /* form-control-wrap */
  .dn-contact-form-panel .wpcf7-form-control-wrap{
    display:block !important;
    width:100% !important;
  }

  /* Two fields inline on same row */
  .dn-contact-form-panel .wpcf7 p:has([name="your-subject"]){
    display:flex;
    flex-direction:column;
    gap:10px;
  }

  /* Reveal */
  .dn-contact-hd,.dn-contact-grid{
    opacity:0;
    transform:translateY(20px);
    transition:opacity .52s ease, transform .52s ease;
  }
  .dn-contact-hd.dn-vis,.dn-contact-grid.dn-vis{
    opacity:1;
    transform:none;
  }
  .dn-contact-grid{transition-delay:.12s}

  /* Responsive */
  @media(max-width:900px){
    .dn-contact-grid{grid-template-columns:1fr}
    .dn-contact-form-panel,.dn-contact-map-info{padding:32px 28px}
    .dn-contact{padding:64px 22px}
  }
/* submit */
/* Overlay loading peste butonul submit */
  .dn-contact-form-panel .wpcf7-submit{
    position:relative;
    overflow:hidden;
  }

  /* Starea de loading pe form */
  .dn-contact-form-panel .wpcf7-form.submitting .wpcf7-submit{
    color:transparent !important;
    pointer-events:none !important;
    background:var(--gold, #c8902a) !important;
  }

  /* Spinner animat peste buton */
  .dn-contact-form-panel .wpcf7-form.submitting .wpcf7-submit::after{
    content:'';
    position:absolute;
    top:50%;
    left:50%;
    width:18px;
    height:18px;
    margin:-9px 0 0 -9px;
    border:2px solid rgba(18,13,7,.25);
    border-top-color:#120d07;
    border-radius:50%;
    animation:dn-spin .7s linear infinite;
  }

  /* Bara de progres animată sub buton */
  .dn-submit-progress{
    height:2px;
    background:rgba(200,144,42,.15);
    margin-top:10px;
    overflow:hidden;
    display:none;
  }
  .dn-submit-progress-bar{
    height:100%;
    background:linear-gradient(90deg, var(--gold, #c8902a), var(--gold-lt, #e4b24a), var(--gold, #c8902a));
    background-size:200% 100%;
    animation:dn-progress-slide 1.2s ease-in-out infinite;
    width:100%;
  }

  /* Mesaj de status vizibil */
  .dn-submit-status{
    display:none;
    align-items:center;
    gap:10px;
    margin-top:14px;
    padding:12px 16px;
    border:1px solid rgba(200,144,42,.3);
    background:rgba(200,144,42,.06);
    font-size:.8rem;
    font-family:var(--sans, 'Jost', sans-serif);
    font-weight:300;
    color:var(--muted, #9a8770);
  }
  .dn-submit-status.visible{display:flex}
  .dn-submit-status-dot{
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--gold, #c8902a);
    flex-shrink:0;
    animation:dn-pulse 1.2s ease-in-out infinite;
  }

  @keyframes dn-spin{
    to{transform:rotate(360deg)}
  }
  @keyframes dn-progress-slide{
    0%{background-position:100% 0}
    100%{background-position:-100% 0}
  }
  @keyframes dn-pulse{
    0%,100%{opacity:1;transform:scale(1)}
    50%{opacity:.4;transform:scale(.7)}
  }
/* form */
/* Eliminăm spațiile suplimentare doar din acest formular */
.formmicpp p {
    margin: 0 0 20px 0 !important;
    width: 100% !important;
    position: relative !important;
    display: block !important;
}

.formmicpp br {
    display: none !important;
}

/* Containerul relativ pentru a ține eticheta animată */
.formmicpp .wpcf7-form-control-wrap {
    position: relative !important;
    display: block !important;
}

/* Săgeata din dreapta pentru inputuri (culoare închisă) */
.formmicpp .wpcf7-form-control-wrap::after {
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="%231a1a1a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg>');
    position: absolute;
    right: 25px;
    top: 30px; 
    transform: translateY(-50%);
    pointer-events: none;
    z-index: 4;
}

/* Ascundem săgeata de pe textarea (câmpul Detalii) */
.formmicpp .wpcf7-form-control-wrap:has(textarea)::after {
    display: none !important;
}

/* Aspectul de bază al câmpurilor (Pilulă, text închis) */
.formmicpp input[type="text"],
.formmicpp input[type="email"],
.formmicpp input[type="tel"],
.formmicpp textarea {
    width: 100% !important;
    height: 60px !important;
    background-color: transparent !important;
    color: #1a1a1a !important; 
    border: 1px solid #d1d5db !important; 
    border-radius: 50px !important; 
    padding: 0 60px 0 25px !important; 
    font-size: 16px !important; 
    box-sizing: border-box !important;
    outline: none !important;
    transition: all 0.3s ease !important;
    position: relative;
    z-index: 2;
}

/* Ajustare dimensiuni pentru câmpul Detalii */
.formmicpp textarea {
    height: 120px !important;
    border-radius: 25px !important; 
    padding: 20px 25px !important;
    resize: none !important;
}

/* Când dai click în câmp - Facem loc sus pentru etichetă */
.formmicpp input:focus,
.formmicpp input.has-val {
    border: 2px solid #FFBE13 !important;
    padding: 20px 60px 0 25px !important; 
}

.formmicpp textarea:focus,
.formmicpp textarea.has-val {
    border: 2px solid #FFBE13 !important;
    padding-top: 35px !important;
}

/* Eticheta plutitoare (Fostul placeholder) */
.formmicpp .floating-label {
    position: absolute;
    left: 25px;
    top: 30px;
    transform: translateY(-50%);
    color: #6b7280;
    font-size: 16px;
    pointer-events: none;
    transition: all 0.2s ease-out;
    z-index: 3;
    margin: 0;
}

/* Eticheta plutitoare pentru textarea */
.formmicpp textarea + .floating-label {
    top: 30px;
}

/* Animația: Eticheta urcă și se face galbenă */
.formmicpp input:focus + .floating-label,
.formmicpp input.has-val + .floating-label,
.formmicpp textarea:focus + .floating-label,
.formmicpp textarea.has-val + .floating-label {
    top: 14px !important;
    transform: translateY(0) !important;
    font-size: 12px !important;
    color: #FFBE13 !important;
    font-weight: 600 !important;
}

/* Butonul Trimite animat */
.formmicpp input[type="submit"] {
    -webkit-appearance: none !important;
    appearance: none !important;
    width: 100% !important;
    height: 60px !important;
    background-color: #FFBE13 !important;
    color: #1a1a1a !important;
    border: none !important;
    border-radius: 50px !important;
    font-size: 16px !important;
    font-weight: bold !important;
    cursor: pointer !important;
    transition: opacity 0.3s ease !important;
    margin-bottom: 0px !important;
    overflow: hidden !important; 
    
    background-image: linear-gradient(#DBA00A, #DBA00A) !important;
    background-repeat: no-repeat !important;
    background-size: 100% 0% !important;
    background-position: 0 100% !important;
    transition: background-size 0.4s ease-in-out, color 0.3s ease-in-out !important;
}

.formmicpp input[type="submit"]:hover {
    background-size: 100% 100% !important;
    color: #ffffff !important;
}

/* Răspuns formular */
.formmicpp .wpcf7-response-output {
    color: #1a1a1a !important;
    border: 2px solid #FFBE13 !important;
    border-radius: 12px !important;
    margin: 10px 0 0 0 !important;
}

/* Aranjarea pe două coloane pe Desktop */
@media (min-width: 768px) {
   .formmicpp p:nth-of-type(1), /* Numele */
   .formmicpp p:nth-of-type(2)  /* Email */ {
        width: 100% !important;
        display: inline-block !important;
        vertical-align: top;
    }
   .formmicpp p:nth-of-type(1) {
        margin-right: 3% !important;
    }
    
   .formmicpp p:nth-of-type(3), /* Telefon */
   .formmicpp p:nth-of-type(4)  /* Oras */ {
        width: 100% !important;
        display: inline-block !important;
        vertical-align: top;
    }
   .formmicpp p:nth-of-type(3) {
        margin-right: 3% !important;
    }
}


document.addEventListener("DOMContentLoaded", function() {
    // Țintim STRICT inputurile și textarea din formularul de contact (.formmicpp)
    const inputsFormularUnu = document.querySelectorAll('.formmicpp input:not([type="submit"]):not([type="hidden"]), .formmicpp textarea');
    
    inputsFormularUnu.forEach(input => {
        const textPlaceholder = input.getAttribute('placeholder');
        
        if (textPlaceholder) {
            // Creăm eticheta care se va ridica la click
            const etichetaAparenta = document.createElement('span');
            etichetaAparenta.classList.add('floating-label');
            etichetaAparenta.innerText = textPlaceholder;
            
            // O inserăm direct după input
            input.parentNode.insertBefore(etichetaAparenta, input.nextSibling);
            
            // Eliminăm placeholderul nativ ca să nu lase goluri sau să se suprapună
            input.removeAttribute('placeholder');
        }

        // Adăugăm sau scoatem clasa 'has-val' în funcție de ce scrii
        input.addEventListener('input', function() {
            if (this.value.trim() !== "") {
                this.classList.add('has-val');
            } else {
                this.classList.remove('has-val');
            }
        });
        
        // Verificăm dacă browserul a completat ceva automat la refresh
        if (input.value.trim() !== "") {
            input.classList.add('has-val');
        }
    });
});

/* footer */
:root {
  --bg: #120d07; 
  --surface: #1b1209;
  --border: rgba(200, 144, 42, .18);
  --cream: #f5ede0; 
  --muted: #9a8770; 
  --gold: #c8902a; 
  --gold-lt: #e4b24a;
  --serif: 'Cormorant Garamond', Georgia, serif; 
  --sans: 'Jost', sans-serif;
}

/* BUTOANE (Folosite în Contact Band) */
.btn-dark {
  background: var(--bg);
  color: var(--cream);
  border: none;
  padding: 14px 34px;
  font-family: var(--sans);
  font-size: .74rem;
  letter-spacing: .2em;
  text-transform: uppercase;
  font-weight: 500;
  cursor: pointer;
  text-decoration: none;
  transition: background .22s;
  display: inline-block;
}
.btn-dark:hover { background: #221608; }

/* CONTACT BAND */
.cband {
  background: var(--gold);
  padding: 52px 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  flex-wrap: wrap;
}
.cband h2 {
  font-family: var(--serif);
  font-size: clamp(1.4rem, 3.5vw, 2.5rem);
  font-weight: 300;
  color: var(--bg);
  max-width: 480px;
  line-height: 1.2;
  margin: 0;
}
.cband h2 em { font-style: italic; }
.cbtns { display: flex; gap: 12px; flex-wrap: wrap; }

/* FOOTER */
footer {
  background: var(--surface);
  border-top: 1px solid var(--border);
  padding: 60px 48px 34px;
}
.ft { display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr; gap: 40px; margin-bottom: 40px; }
.fb-logo { height: 40px; width: auto; margin-bottom: 14px; display: block; filter: brightness(0) invert(1) opacity(.85); }
.fb p { font-size: .81rem; color: var(--muted); font-weight: 300; line-height: 1.75; max-width: 230px; margin: 0; }

.fc { margin-top: 16px; font-size: .81rem; color: var(--muted); font-weight: 300; line-height: 2.1; }
.fc a { color: var(--gold); text-decoration: none; }

.fsoc { margin-top: 16px; display: flex; gap: 12px; }
.fsoc a { width: 34px; height: 34px; border: 1px solid var(--border); display: flex; align-items: center; justify-content: center; color: var(--muted); text-decoration: none; font-size: .75rem; transition: border-color .2s, color .2s; }
.fsoc a:hover { border-color: var(--gold); color: var(--gold); }

.fcol h5 { font-size: .63rem; letter-spacing: .28em; text-transform: uppercase; color: var(--cream); font-weight: 500; margin: 0 0 16px 0; }
.fcol ul { list-style: none; display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 0; }
.fcol ul a { color: var(--muted); text-decoration: none; font-size: .81rem; font-weight: 300; transition: color .2s; }
.fcol ul a:hover { color: var(--gold-lt); }

.fanpc { display: flex; gap: 10px; align-items: center; margin-top: 16px; }
.fanpc img { height: 32px; width: auto; opacity: .55; filter: brightness(0) invert(1); transition: opacity .2s; }
.fanpc img:hover { opacity: .9; }

.fbot { border-top: 1px solid var(--border); padding-top: 22px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; }
.fbot p { font-size: .72rem; color: var(--muted); font-weight: 300; margin: 0; }
.fbot-links { display: flex; gap: 22px; }
.fbot-links a { font-size: .72rem; color: var(--muted); text-decoration: none; transition: color .2s; }
.fbot-links a:hover { color: var(--gold); }

/* RESPONSIVE */
@media(max-width: 1200px) {
  .ft { grid-template-columns: 1fr 1fr; }
}

@media(max-width: 768px) {
  .cband { padding: 40px 22px; }
  footer { padding: 44px 22px 28px; }
  .ft { grid-template-columns: 1fr; gap: 26px; }
  .fbot { flex-direction: column; align-items: flex-start; }
}
/* pages */
/* Shared styling for the pages that have no Oxygen code block of their own.
   Prefixed pg- to stay clear of the per-page systems (.hero, .am-, .db-, .dn-). */

body{background:var(--bg,#120d07);color:var(--text,#ece3d4);font-family:var(--sans,'Jost',sans-serif);font-size:16px;line-height:1.7;overflow-x:hidden}
body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:999;opacity:.4;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E")}

.pg-hero{position:relative;padding:190px 48px 90px;overflow:hidden}
.pg-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.34}
.pg-hero-bg::after{content:'';position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(18,13,7,.86) 0%,rgba(18,13,7,.72) 55%,var(--bg,#120d07) 100%)}
.pg-hero-in{position:relative;z-index:1;max-width:1180px;margin:0 auto}
.pg-kicker{font-size:.67rem;letter-spacing:.35em;text-transform:uppercase;color:var(--gold,#c8902a);
  display:flex;align-items:center;gap:14px;margin-bottom:22px}
.pg-kicker::before{content:'';display:block;width:36px;height:1px;background:var(--gold,#c8902a)}
.pg-hero h1{font-family:var(--serif,'Cormorant Garamond',Georgia,serif);font-weight:300;line-height:1.06;
  font-size:clamp(2.4rem,4.6vw,4.4rem);color:var(--cream,#f5ede0);margin-bottom:22px;max-width:16ch}
.pg-hero h1 em{font-style:italic;color:var(--gold-lt,#e4b24a)}
.pg-lead{font-size:.95rem;color:var(--muted,#9a8770);max-width:62ch;font-weight:300;line-height:1.85}

.pg-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}
.pg-btn,.pg-btn-out{display:inline-block;padding:15px 32px;font-size:.72rem;letter-spacing:.2em;
  text-transform:uppercase;text-decoration:none;transition:.3s;border:1px solid transparent}
.pg-btn{background:var(--gold,#c8902a);color:#120d07;font-weight:500}
.pg-btn:hover{background:var(--gold-lt,#e4b24a)}
.pg-btn-out{border-color:var(--border-h,rgba(200,144,42,.38));color:var(--cream,#f5ede0)}
.pg-btn-out:hover{border-color:var(--gold,#c8902a);color:var(--gold-lt,#e4b24a)}

.pg-sec{padding:88px 48px;position:relative}
.pg-sec.alt{background:var(--surface,#1b1209)}
.pg-in{max-width:1180px;margin:0 auto}
.pg-in.narrow{max-width:860px}
.pg-h2{font-family:var(--serif,'Cormorant Garamond',Georgia,serif);font-weight:300;line-height:1.14;
  font-size:clamp(1.9rem,3.2vw,3rem);color:var(--cream,#f5ede0);margin-bottom:18px}
.pg-h2 em{font-style:italic;color:var(--gold-lt,#e4b24a)}
.pg-sub{color:var(--muted,#9a8770);font-weight:300;max-width:64ch;margin-bottom:44px}

.pg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(268px,1fr));gap:20px}
.pg-card{background:var(--card,#221608);border:1px solid var(--border,rgba(200,144,42,.18));
  padding:32px 28px;transition:.35s}
.pg-card:hover{border-color:var(--border-h,rgba(200,144,42,.38));transform:translateY(-4px)}
.pg-card h3{font-family:var(--serif,'Cormorant Garamond',Georgia,serif);font-size:1.42rem;font-weight:400;
  color:var(--cream,#f5ede0);margin-bottom:10px}
.pg-card p{font-size:.86rem;color:var(--muted,#9a8770);font-weight:300;line-height:1.8}
.pg-card-num{font-size:.66rem;letter-spacing:.3em;color:var(--gold,#c8902a);margin-bottom:14px}

.pg-media{width:100%;height:230px;object-fit:cover;display:block;margin-bottom:20px;
  border:1px solid var(--border,rgba(200,144,42,.18))}

/* long-form legal copy */
.pg-prose{color:var(--text,#ece3d4);font-weight:300;font-size:.92rem;line-height:1.9}
.pg-prose h2{font-family:var(--serif,'Cormorant Garamond',Georgia,serif);font-size:1.72rem;font-weight:400;
  color:var(--gold-lt,#e4b24a);margin:44px 0 14px}
.pg-prose h3{font-size:1.02rem;font-weight:500;color:var(--cream,#f5ede0);margin:28px 0 10px}
.pg-prose p{margin-bottom:14px;color:var(--muted,#9a8770)}
.pg-prose ul,.pg-prose ol{margin:0 0 18px 22px;color:var(--muted,#9a8770)}
.pg-prose li{margin-bottom:8px}
.pg-prose a{color:var(--gold-lt,#e4b24a)}
.pg-prose strong{color:var(--cream,#f5ede0);font-weight:500}
.pg-prose table{width:100%;border-collapse:collapse;margin:18px 0;font-size:.84rem}
.pg-prose th,.pg-prose td{border:1px solid var(--border,rgba(200,144,42,.18));padding:10px 12px;text-align:left}
.pg-prose th{color:var(--cream,#f5ede0);font-weight:500;background:var(--card,#221608)}
.pg-updated{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold,#c8902a);
  padding-bottom:22px;border-bottom:1px solid var(--border,rgba(200,144,42,.18));margin-bottom:8px}

@media(max-width:900px){
  .pg-hero{padding:150px 22px 64px}
  .pg-sec{padding:64px 22px}
  .pg-hero h1{max-width:none}
}

/* proiecte noi */
/* Banda "Proiecte recente" de sub hero, pe prima pagina. Prefix np-. */
.np{background:var(--surface,#1b1209);padding:64px 48px;position:relative;border-top:1px solid var(--border,rgba(200,144,42,.18));border-bottom:1px solid var(--border,rgba(200,144,42,.18))}
.np-in{max-width:1180px;margin:0 auto}
.np-hd{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:34px;flex-wrap:wrap}
.np-hd-l{display:flex;flex-direction:column;gap:12px}
.np-tag{display:inline-flex;align-items:center;gap:10px;font-size:.64rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gold,#c8902a);font-weight:500}
.np-pill{display:inline-block;background:var(--gold,#c8902a);color:#120d07;font-size:.6rem;letter-spacing:.16em;font-weight:600;padding:4px 10px;border-radius:2px}
.np-pill::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#120d07;margin-right:7px;vertical-align:middle;animation:np-blink 1.8s ease-in-out infinite}
@keyframes np-blink{0%,100%{opacity:1}50%{opacity:.3}}
.np-h2{font-family:var(--serif,'Cormorant Garamond',Georgia,serif);font-weight:300;line-height:1.1;font-size:clamp(1.7rem,3vw,2.7rem);color:var(--cream,#f5ede0)}
.np-h2 em{font-style:italic;color:var(--gold-lt,#e4b24a)}
.np-upd{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted,#9a8770);white-space:nowrap;display:flex;align-items:center;gap:8px}
.np-upd::before{content:'';width:16px;height:1px;background:var(--gold,#c8902a)}

.np-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.np-card{position:relative;overflow:hidden;border:1px solid var(--border,rgba(200,144,42,.18));cursor:pointer;background:var(--card,#221608);aspect-ratio:4/3}
.np-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}
.np-card:hover img{transform:scale(1.05)}
.np-card::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,13,7,0) 38%,rgba(18,13,7,.9) 100%)}
.np-cap{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:26px 26px 24px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
.np-cap-t{font-family:var(--serif,'Cormorant Garamond',Georgia,serif);font-size:1.5rem;font-weight:400;color:var(--cream,#f5ede0);line-height:1.15}
.np-cap-s{font-size:.76rem;color:var(--muted,#c9b48f);margin-top:5px;font-weight:300}
.np-count{flex-shrink:0;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-lt,#e4b24a);border:1px solid var(--border-h,rgba(200,144,42,.38));padding:7px 12px;background:rgba(18,13,7,.5);white-space:nowrap}

/* lightbox */
.np-lb{position:fixed;inset:0;z-index:9998;background:rgba(10,7,3,.96);display:none;align-items:center;justify-content:center}
.np-lb.open{display:flex}
.np-lb img{max-width:92vw;max-height:84vh;object-fit:contain;box-shadow:0 20px 60px rgba(0,0,0,.6)}
.np-lb-x,.np-lb-p,.np-lb-n{position:absolute;background:rgba(200,144,42,.12);border:1px solid var(--border-h,rgba(200,144,42,.38));color:var(--cream,#f5ede0);cursor:pointer;font-size:1.4rem;line-height:1;transition:.25s;user-select:none}
.np-lb-x:hover,.np-lb-p:hover,.np-lb-n:hover{background:var(--gold,#c8902a);color:#120d07}
.np-lb-x{top:22px;right:22px;width:46px;height:46px;border-radius:50%}
.np-lb-p,.np-lb-n{top:50%;transform:translateY(-50%);width:52px;height:70px}
.np-lb-p{left:22px}.np-lb-n{right:22px}
.np-lb-c{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);font-size:.76rem;letter-spacing:.2em;color:var(--muted,#9a8770)}

@media(max-width:820px){
  .np{padding:48px 22px}
  .np-grid{grid-template-columns:1fr}
  .np-lb-p{left:10px}.np-lb-n{right:10px}
  .np-lb-p,.np-lb-n{width:42px;height:58px;font-size:1.1rem}
}