/* Pensiunea Gilucă · stiluri comune pentru cele 3 pagini
   Variantă luminoasă: fildeș + șampanie, titluri verde-brad, accente aurii */
  :root{
    --brad:#25503F; --brad-l:#33664F; --brad-2:#1D4033;   /* titluri, butoane secundare */
    --in:#FBF8F2; --sampanie:#F4EDE1; --sampanie-2:#EADFCB; --var:#FFFFFF;
    --aur:#B8893E; --aur-l:#D4AE66; --aur-d:#9A7030;
    --scris:#4F4840; --sters:#8A8076; --linie:#E6DCCB;
    --umbra:0 28px 60px -18px rgba(90,70,40,.28);
    --umbra-s:0 10px 30px -10px rgba(90,70,40,.22);
    --aur-grad:linear-gradient(135deg,#D9B56E 0%,#B8893E 55%,#A57A33 100%);
  }
  *{margin:0;padding:0;box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{font-family:'Work Sans',system-ui,sans-serif;color:var(--scris);background:var(--in);
       line-height:1.75;-webkit-font-smoothing:antialiased;overflow-x:hidden;font-weight:400}
  h1,h2,h3,h4{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;line-height:1.1;color:var(--brad);
              letter-spacing:-.005em}
  h2 em,h1 em{font-style:italic;color:var(--aur)}
  a{color:inherit;text-decoration:none}
  img{display:block;max-width:100%}
  .wrap{max-width:1180px;margin:0 auto;padding:0 24px}
  .eyebrow{font-size:.7rem;letter-spacing:.32em;text-transform:uppercase;color:var(--aur);font-weight:600;
           display:inline-flex;align-items:center;gap:12px}
  .eyebrow::before{content:"";width:26px;height:1px;background:currentColor;opacity:.7}
  .center .eyebrow::after{content:"";width:26px;height:1px;background:currentColor;opacity:.7}
  :focus-visible{outline:2px solid var(--aur);outline-offset:3px}
  ::selection{background:var(--aur-l);color:#fff}

  .btn{display:inline-flex;align-items:center;gap:10px;background:var(--aur-grad);color:#fff;padding:15px 30px;
       border-radius:999px;font-weight:600;font-size:.9rem;letter-spacing:.04em;border:none;cursor:pointer;
       font-family:inherit;box-shadow:0 10px 26px -10px rgba(168,120,50,.7);
       transition:transform .25s,box-shadow .25s,filter .25s}
  .btn:hover{transform:translateY(-2px);filter:brightness(1.05);box-shadow:0 16px 34px -10px rgba(168,120,50,.75)}
  .btn.ghost{background:rgba(255,255,255,.6);border:1px solid var(--brad);color:var(--brad);box-shadow:none;
             backdrop-filter:blur(6px)}
  .btn.ghost:hover{background:var(--brad);color:#fff}
  .btn.miere2{background:var(--aur-grad)}
  .btn .ar{transition:transform .35s cubic-bezier(.2,.7,.3,1)}
  .btn:hover .ar{transform:translateX(5px)}

  .topbar{background:var(--sampanie);color:var(--sters);font-size:.78rem;border-bottom:1px solid var(--linie)}
  .topbar .wrap{display:flex;flex-wrap:wrap;gap:4px 26px;justify-content:center;padding:8px 24px}
  .topbar a{color:var(--brad);font-weight:600}
  header.nav{position:absolute;top:37px;left:0;right:0;z-index:50;transition:background .35s,box-shadow .35s,top .35s}
  header.nav.fixed{position:fixed;top:0;background:rgba(251,248,242,.94);backdrop-filter:blur(12px);
                   box-shadow:0 1px 0 var(--linie),0 10px 30px -14px rgba(90,70,40,.25)}
  .nav .wrap{display:flex;align-items:center;justify-content:space-between;height:74px}
  .brand{display:flex;align-items:center;gap:12px;color:var(--brad)}
  .brand b{font-family:'Cormorant Garamond',serif;font-size:1.5rem;font-weight:600;line-height:1;display:block}
  .brand small{display:block;font-size:.58rem;letter-spacing:.28em;text-transform:uppercase;
               color:var(--aur);font-weight:600;margin-top:5px}
  .nav nav{display:flex;gap:28px;align-items:center}
  .nav nav a{color:var(--brad);font-size:.88rem;font-weight:500;letter-spacing:.02em;padding:4px 0}
  .nav nav a:hover{color:var(--aur)}
  .nav nav a[aria-current="page"]{box-shadow:inset 0 -1.5px 0 var(--aur)}
  .nav .navcta{background:var(--aur-grad);color:#fff!important;padding:10px 22px!important;border-radius:999px;
               font-weight:600;box-shadow:0 8px 20px -8px rgba(168,120,50,.7)}
  .nav .navcta:hover{filter:brightness(1.06)}

  /* ── HERO: poza luminoasă, voal fildeș pe stânga, textul verde + auriu ── */
  .hero{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;
        overflow:hidden;background:var(--in)}
  .hero .foto{position:absolute;top:0;right:0;bottom:0;left:0;
    background-image:url('poze/exterior.jpg');background-size:cover;background-position:62% 38%;
    filter:saturate(1.05) brightness(1.06)}
  .hero .foto::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;
    background:linear-gradient(90deg,rgba(251,248,242,.97) 0%,rgba(251,248,242,.9) 34%,rgba(251,248,242,.5) 50%,rgba(251,248,242,0) 66%),
               linear-gradient(180deg,rgba(251,248,242,.8) 0%,rgba(251,248,242,0) 22%)}
  .hero .wrap{position:relative;z-index:3;padding:150px 24px 0;width:100%}
  .hero .repere .wrap{padding:16px 24px}
  .hero .inner{max-width:600px}
  .hero h1{font-size:clamp(2.8rem,5.6vw,4.6rem);color:var(--brad);margin:16px 0 18px;font-weight:500}
  .hero h1 em{font-style:italic;color:var(--aur);display:block;font-weight:400}
  .hero p{font-size:1.1rem;color:var(--scris);max-width:540px;margin-bottom:30px}
  .hero .actions{display:flex;gap:12px;flex-wrap:wrap}
  .repere{position:relative;z-index:3;margin-top:56px;width:100%;background:rgba(255,255,255,.78);backdrop-filter:blur(10px);
          border-top:1px solid rgba(184,137,62,.35)}
  .repere .wrap{display:flex;flex-wrap:wrap;gap:2px 32px;padding:16px 24px;font-size:.8rem;letter-spacing:.04em;
                color:var(--sters);justify-content:space-between}
  .repere span{display:inline-flex;align-items:baseline;gap:8px}
  .repere b{font-family:'Cormorant Garamond',serif;font-size:1.2rem;color:var(--brad);font-weight:600}
  /* desktop: textul sus-stânga, ca pensiunea întreagă să rămână liberă jos */
  @media(min-width:901px){.hero{height:100svh;min-height:660px;justify-content:space-between}
    .hero .wrap{padding-top:clamp(124px,15vh,160px)}
    .hero .inner{max-width:640px}
    .hero h1{font-size:clamp(2.9rem,4.8vw,4.4rem);margin:12px 0 14px}
    .hero h1 em{font-size:.6em;margin-top:6px}
    .hero p{font-size:1.06rem;margin-bottom:26px;max-width:500px}}
  /* mobil: poza întreagă (pensiunea + creasta), textul dedesubt pe fildeș */
  @media(max-width:900px){section.hero{min-height:0;padding:0}
    .hero .foto{position:relative;aspect-ratio:1024/695;background-position:center}
    .hero .foto::after{background:linear-gradient(180deg,rgba(251,248,242,0) 72%,rgba(251,248,242,1) 100%)}
    section.hero .wrap{padding-top:22px;padding-bottom:10px}
    .repere{margin-top:36px;background:var(--var)}}

  section{padding:104px 0}
  .var-bg{background:var(--var)}
  .fum-bg{background:var(--sampanie)}
  .carbune-bg{background:var(--var)}
  .center{text-align:center;max-width:700px;margin:0 auto 56px}
  .center h2{font-size:clamp(2.3rem,4.2vw,3.3rem);margin:14px 0 16px}
  .center p{color:var(--sters)}

  .crestatura{display:block;width:100%;max-width:230px;height:26px;margin:0 auto}
  .crestatura path{fill:none;stroke:var(--aur);stroke-width:1.3}
  .funie{display:block;width:100%;height:16px}
  .funie path{fill:none;stroke:var(--aur-l);stroke-width:1.2;opacity:.6}

  .duo{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
  .duo.l{grid-template-columns:1.05fr .95fr}
  .duo.r{grid-template-columns:.95fr 1.05fr}
  .duo h2{font-size:clamp(2.2rem,3.8vw,3.1rem);margin:14px 0 20px}
  .duo p{margin-bottom:16px}
  /* fotografii cu ramă aurie decalată */
  .duo figure{margin:0;position:relative;box-shadow:var(--umbra);isolation:isolate}
  .duo figure::before{content:"";position:absolute;inset:-14px 14px 14px -14px;border:1px solid var(--aur-l);
                      z-index:-1;pointer-events:none}
  .duo.r figure::before{inset:-14px -14px 14px 14px}
  .duo figure img{width:100%;object-fit:cover}
  @media(max-width:900px){.duo,.duo.l,.duo.r{grid-template-columns:1fr;gap:44px}
    .duo figure::before,.duo.r figure::before{inset:-10px 10px 10px -10px}}

  .lista{list-style:none}
  .lista li{padding:14px 0 14px 30px;border-bottom:1px solid var(--linie);position:relative;font-size:.97rem}
  .lista li:last-child{border-bottom:none}
  .lista li::before{content:"";position:absolute;left:2px;top:23px;width:7px;height:7px;transform:rotate(45deg);
                    border:1px solid var(--aur)}
  .lista strong{color:var(--brad);font-weight:600}

  .fapte{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
  .fapt{background:var(--var);padding:34px 30px;border:1px solid var(--linie);position:relative;
        transition:transform .35s,box-shadow .35s,border-color .35s}
  .fapt::before{content:"";position:absolute;top:-1px;left:30px;width:42px;height:2px;background:var(--aur-grad)}
  .fapt:hover{transform:translateY(-4px);box-shadow:var(--umbra-s);border-color:var(--sampanie-2)}
  .fapt h4{font-size:1.45rem;margin-bottom:8px}
  .fapt p{font-size:.92rem;color:var(--sters);line-height:1.65}
  @media(max-width:900px){.fapte{grid-template-columns:1fr 1fr}}
  @media(max-width:560px){.fapte{grid-template-columns:1fr}}

  .fasie{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:26px}
  .fasie figure{margin:0;overflow:hidden;aspect-ratio:4/5;box-shadow:var(--umbra-s);border-radius:2px}
  .fasie img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s cubic-bezier(.2,.7,.3,1)}
  .fasie figure:hover img{transform:scale(1.07)}
  @media(max-width:900px){.fasie{grid-template-columns:1fr 1fr 1fr}}
  @media(max-width:560px){.fasie{grid-template-columns:1fr 1fr}}

  .locuri{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  .loc{background:var(--in);border:1px solid var(--linie);padding:28px;transition:transform .35s,box-shadow .35s,background .35s}
  .loc:hover{transform:translateY(-4px);box-shadow:var(--umbra-s);background:var(--var)}
  .loc .km{display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
           color:var(--aur-d);background:var(--sampanie);padding:4px 12px;border-radius:999px;margin-bottom:12px}
  .loc h4{font-size:1.38rem;margin-bottom:6px}
  .loc p{font-size:.9rem;color:var(--sters);line-height:1.6}
  @media(max-width:900px){.locuri{grid-template-columns:1fr 1fr}}
  @media(max-width:600px){.locuri{grid-template-columns:1fr}}

  blockquote{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.65rem;line-height:1.4;
             color:var(--brad);border-left:1.5px solid var(--aur);padding-left:26px;margin:28px 0}
  blockquote cite{display:block;font-family:'Work Sans',sans-serif;font-style:normal;font-size:.72rem;
                  letter-spacing:.2em;text-transform:uppercase;color:var(--aur);margin-top:12px}

  /* CTA: cadru dublu auriu pe fildeș */
  .cta{background:var(--var);text-align:center;padding:78px 34px;position:relative;
       border:1px solid var(--aur-l);box-shadow:var(--umbra)}
  .cta::before{content:"";position:absolute;inset:10px;border:1px solid var(--linie);pointer-events:none}
  .cta h2{font-size:clamp(2.2rem,4vw,3.1rem);margin-bottom:14px}
  .cta p{color:var(--sters);max-width:540px;margin:0 auto 28px}

  .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}
  .info{margin-bottom:20px}
  .info b{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.18em;color:var(--aur);margin-bottom:2px}
  .info a{color:var(--brad);font-weight:500}
  .card-form{background:var(--var);border:1px solid var(--linie);padding:38px;box-shadow:var(--umbra);position:relative}
  .card-form::before{content:"";position:absolute;top:-1px;left:38px;right:38px;height:2px;background:var(--aur-grad)}
  form .row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
  form .field{margin-bottom:16px}
  label{display:block;font-size:.78rem;font-weight:600;letter-spacing:.06em;margin-bottom:6px;color:var(--brad)}
  input,textarea,select{width:100%;padding:13px 15px;border:1px solid var(--linie);border-radius:2px;
                        font-family:inherit;font-size:.95rem;background:var(--in);color:var(--scris);transition:border-color .2s,background .2s}
  input:focus,textarea:focus,select:focus{outline:none;border-color:var(--aur);background:#fff;box-shadow:0 0 0 3px rgba(184,137,62,.14)}
  .okmsg{display:none;text-align:center;padding:28px;color:var(--brad);font-weight:600}
  @media(max-width:900px){.contact-grid{grid-template-columns:1fr;gap:40px}}
  @media(max-width:640px){form .row{grid-template-columns:1fr}.card-form{padding:28px 22px}}

  footer{background:var(--sampanie);color:var(--sters);padding:64px 0 28px;border-top:1px solid var(--linie)}
  footer .top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:36px;padding-bottom:30px;
              border-bottom:1px solid var(--sampanie-2)}
  footer .top > div:first-child > div{color:var(--brad)!important}
  footer .top svg path{fill:var(--aur)}
  footer h5{color:var(--brad);font-size:.72rem;text-transform:uppercase;letter-spacing:.2em;margin-bottom:14px;
            font-family:'Work Sans',sans-serif;font-weight:600}
  footer a:hover{color:var(--aur)}
  footer p{font-size:.9rem;margin-bottom:6px}
  footer .bottom{padding-top:22px;font-size:.78rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
  @media(max-width:760px){footer .top{grid-template-columns:1fr}}

  .wa{position:fixed;right:20px;bottom:20px;z-index:140;display:inline-flex;align-items:center;
      background:#25D366;color:#fff;border-radius:999px;height:58px;
      box-shadow:0 10px 28px -6px rgba(37,140,80,.45);transition:box-shadow .25s,transform .25s}
  .wa:hover{transform:translateY(-2px);box-shadow:0 14px 34px -6px rgba(37,211,102,.5)}
  .wa svg{width:30px;height:30px;flex:none;margin:14px}
  .wa span{max-width:0;overflow:hidden;white-space:nowrap;font-weight:600;font-size:.93rem;opacity:0;
           transition:max-width .3s cubic-bezier(.2,.7,.3,1),opacity .25s}
  .wa:hover span,.wa:focus-visible span{max-width:230px;opacity:1;padding-right:22px}
  .wa:hover svg,.wa:focus-visible svg{margin-right:8px}
  @media(max-width:900px){.wa{right:16px;bottom:16px;height:56px}
    .wa svg{width:29px;height:29px;margin:13.5px}.wa span{display:none}}

  .reveal{opacity:0;transform:translateY(24px);
          transition:opacity .85s cubic-bezier(.22,.7,.3,1),transform .85s cubic-bezier(.22,.7,.3,1)}
  .reveal.in{opacity:1;transform:none}
  /* intrare lentă a textului din hero */
  @keyframes urca{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
  .hero .inner > *{animation:urca 1s cubic-bezier(.22,.7,.3,1) both}
  .hero .inner > *:nth-child(2){animation-delay:.12s}
  .hero .inner > *:nth-child(3){animation-delay:.24s}
  .hero .inner > *:nth-child(4){animation-delay:.36s}
  @media(prefers-reduced-motion:reduce){*{animation:none!important;transition-duration:.01ms!important}
    .reveal{opacity:1!important;transform:none!important}html{scroll-behavior:auto}}
  @media(max-width:900px){section{padding:68px 0}
    header.nav,header.nav.fixed{position:sticky;top:0;background:rgba(251,248,242,.95);backdrop-filter:blur(12px);
      box-shadow:0 1px 0 var(--linie)}}

  /* ── site pe 3 pagini ── */
  .hero.mic .wrap{padding-bottom:70px}
  .hero.mic h1{font-size:clamp(2.6rem,5vw,4rem)}
  @media(min-width:901px){.hero.mic{height:auto;min-height:64vh}
    .hero.mic .wrap{padding-top:180px}}
  @media(max-width:900px){.hero.mic .wrap{padding-bottom:30px}
    .nav .wrap{height:64px}
    .nav nav{gap:16px}
    .nav nav a{font-size:.84rem}
    .nav nav a[aria-current="page"]{font-weight:600}
    .nav nav .doar-desktop{display:none}
    .brand small{display:none}}
  @media(max-width:400px){.nav nav{gap:12px}.nav nav a{font-size:.8rem}.brand b{font-size:1.3rem}}

  /* semnătura Nexusigna din subsol */
  footer .bottom{align-items:center}
  .semnatura{display:inline-flex;align-items:center;gap:10px;color:var(--sters);opacity:.85;
             transition:opacity .25s,transform .25s}
  .semnatura img{height:28px;width:auto}
  .semnatura:hover{opacity:1;transform:translateY(-1px)}
  @media(max-width:760px){footer .bottom{flex-direction:column;align-items:flex-start;gap:14px}
    footer{padding-bottom:96px}}

  /* hero pagina principală (desktop): poza întreagă, nedecupată, în ramă pe dreapta —
     se vede toată pensiunea cu muntele în spate; textul stă pe fildeș în stânga */
  @media(min-width:901px){
    .hero:not(.mic) .foto{left:auto;bottom:auto;top:50%;right:max(24px,calc((100vw - 1180px)/2 + 24px));
      width:min(46vw,660px);aspect-ratio:1024/695;transform:translateY(-44%);
      background-size:cover;background-position:center;filter:none;box-shadow:var(--umbra)}
    .hero:not(.mic) .foto::after{inset:-16px 16px 16px -16px;background:none;border:1px solid var(--aur-l);z-index:-1}
    .hero:not(.mic) .foto{isolation:isolate}
    .hero:not(.mic) .inner{max-width:calc(100vw - 2 * max(24px,calc((100vw - 1180px)/2 + 24px)) - min(46vw,660px) - 56px)}
    .hero:not(.mic) h1{font-size:clamp(2.5rem,3.8vw,3.6rem)}
    .hero:not(.mic) .repere{background:var(--var)}
  }

  /* numele complet în antet; pe telefon „Pensiunea" stă mic, deasupra lui „Gilucă" */
  @media(max-width:900px){
    .brand .pre{display:block;font-family:'Work Sans',sans-serif;font-size:.5rem;font-weight:600;
                letter-spacing:.3em;text-transform:uppercase;color:var(--aur);margin-bottom:3px}}