
#cl-menu-v2{--gold:#d5b17d;--white:#f4eee5;--muted:#aeb2af;--line:rgba(213,177,125,.22);font-family:Arial,Helvetica,sans-serif;color:var(--white);width:100%;background:radial-gradient(ellipse at 90% 10%,#25241f 0%,#111413 44%,#0d1010 85%);position:relative;isolation:isolate;overflow:hidden}
/* Umplem spatiul ramas sub continut, fara a modifica dimensiunile cardurilor. */
#cl-menu-v2{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}
#cl-menu-v2 .clm-inner{width:100%;flex:1;display:flex;flex-direction:column}
#cl-menu-v2 .clm-bottom{margin-top:auto}
#cl-menu-v2 *,#cl-menu-v2 *:before,#cl-menu-v2 *:after{box-sizing:border-box}
#cl-menu-v2 a{color:inherit;text-decoration:none}
#cl-menu-v2 button{font:inherit}
#cl-menu-v2 .clm-inner{max-width:1420px;margin:auto;padding:0 clamp(22px,5vw,80px) 30px}
#cl-menu-v2 .clm-toolbar{min-height:85px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}
#cl-menu-v2 .clm-close{width:46px;height:46px;flex:none;display:grid;place-items:center;border:1px solid var(--line);background:transparent;color:var(--white);cursor:pointer;transition:color .3s,border-color .3s,background .3s}
#cl-menu-v2 .clm-close svg{width:20px;height:20px;transition:transform .55s cubic-bezier(.2,.8,.2,1)}
#cl-menu-v2 .clm-close:hover{color:var(--gold);border-color:var(--gold);background:rgba(213,177,125,.06)}
#cl-menu-v2 .clm-close:hover svg{transform:rotate(180deg)}
#cl-menu-v2 .clm-availability{border:1px solid var(--gold);padding:15px 21px;color:var(--gold)!important;font-size:11px;letter-spacing:.08em;font-weight:700;transition:background .2s,color .2s}
#cl-menu-v2 .clm-availability:hover{background:var(--gold);color:#111!important}
#cl-menu-v2 .clm-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:36px 0 27px;border-bottom:1px solid var(--line)}
#cl-menu-v2 .clm-kicker{font-size:10px;letter-spacing:.25em;font-weight:700;color:var(--gold)}
#cl-menu-v2 .clm-logo{display:block;width:clamp(135px,15vw,190px);line-height:0;flex:none}
#cl-menu-v2 .clm-logo img{display:block;width:100%;height:auto;object-fit:contain;background:transparent!important;border:0!important;box-shadow:none!important}
#cl-menu-v2 .clm-grid{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(260px,.9fr) minmax(250px,.83fr);gap:clamp(22px,4vw,68px);padding:clamp(34px,5vw,72px) 0}
#cl-menu-v2 .clm-heading{font:400 clamp(37px,4vw,64px)/1.06 Georgia,'Times New Roman',serif;margin:15px 0 24px;letter-spacing:-.035em}
#cl-menu-v2 .clm-heading em,#cl-menu-v2 .clm-contact-title em{color:var(--gold);font-weight:400}
#cl-menu-v2 .clm-lead{font-size:13px;color:var(--muted);line-height:1.85;max-width:420px;margin:0 0 30px}
#cl-menu-v2 .clm-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
#cl-menu-v2 .clm-list li{border-bottom:1px solid var(--line)}
#cl-menu-v2 .clm-link{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 0;transition:padding .25s,color .25s}
#cl-menu-v2 .clm-link:hover,#cl-menu-v2 .clm-link:focus-visible{padding-left:9px;color:var(--gold)}
#cl-menu-v2 .clm-number{color:var(--gold);font:10px Arial,sans-serif;letter-spacing:.1em;margin-right:12px}
#cl-menu-v2 .clm-name{font:400 clamp(19px,2vw,25px) Georgia,serif}
#cl-menu-v2 .clm-arrow{font-size:20px;color:var(--gold);transition:transform .25s}
#cl-menu-v2 .clm-link:hover .clm-arrow{transform:translate(4px,-3px)}
#cl-menu-v2 .clm-visual{position:relative;min-height:550px;overflow:hidden;border:1px solid var(--line);background:#262320}
#cl-menu-v2 .clm-visual img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center;filter:brightness(.78) saturate(.82);transition:transform .9s cubic-bezier(.2,.7,.2,1)}
#cl-menu-v2 .clm-visual:hover img{transform:scale(1.055)}
#cl-menu-v2 .clm-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 37%,rgba(8,10,10,.88) 100%)}
#cl-menu-v2 .clm-image-caption{position:absolute;z-index:1;bottom:28px;left:27px;right:27px}
#cl-menu-v2 .clm-image-caption strong{font:400 clamp(27px,3vw,39px)/1.1 Georgia,serif;display:block;margin:13px 0}
#cl-menu-v2 .clm-image-caption p{font-size:12px;line-height:1.7;color:#e3dfd8;margin:0}
#cl-menu-v2 .clm-contact-title{font:400 clamp(30px,3vw,44px)/1.12 Georgia,serif;margin:16px 0 28px}
#cl-menu-v2 .clm-info{border-top:1px solid var(--line);padding:18px 0}
#cl-menu-v2 .clm-info small{display:block;font-size:10px;letter-spacing:.18em;color:var(--gold);font-weight:700;margin-bottom:10px}
#cl-menu-v2 .clm-info a,#cl-menu-v2 .clm-info p{font-size:13px;line-height:1.95;margin:0;color:#eee8de;overflow-wrap:anywhere}
#cl-menu-v2 .clm-info a{display:block;width:fit-content;max-width:100%;transition:color .2s}
#cl-menu-v2 .clm-info a:hover{color:var(--gold)}
#cl-menu-v2 .clm-cta{display:inline-flex;justify-content:space-between;align-items:center;gap:30px;margin-top:21px;padding:17px 19px;border:1px solid var(--gold);color:var(--gold)!important;font-size:11px;font-weight:700;letter-spacing:.1em;transition:background .2s,color .2s}
#cl-menu-v2 .clm-cta:hover{background:var(--gold);color:#111!important}
#cl-menu-v2 .clm-bottom{border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;color:#969c98;font-size:10px;letter-spacing:.1em}
#cl-menu-v2 .clm-bottom span:last-child{color:var(--gold)}
@media(max-width:1050px){#cl-menu-v2 .clm-grid{grid-template-columns:minmax(0,1fr) minmax(260px,1fr)}#cl-menu-v2 .clm-contact-panel{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:25px}#cl-menu-v2 .clm-contact-panel>.clm-kicker,#cl-menu-v2 .clm-contact-title,#cl-menu-v2 .clm-cta{grid-column:1/-1}#cl-menu-v2 .clm-visual{min-height:510px}}
@media(max-width:680px){#cl-menu-v2 .clm-toolbar{min-height:70px}#cl-menu-v2 .clm-availability{padding:13px 12px;font-size:10px}#cl-menu-v2 .clm-top{padding:25px 0;align-items:center}#cl-menu-v2 .clm-top .clm-kicker{font-size:8px;max-width:140px;line-height:1.8}#cl-menu-v2 .clm-logo{width:145px}#cl-menu-v2 .clm-grid{grid-template-columns:1fr;gap:32px}#cl-menu-v2 .clm-visual{min-height:390px}#cl-menu-v2 .clm-contact-panel{grid-column:auto;display:block}#cl-menu-v2 .clm-heading{font-size:44px}}
@media(prefers-reduced-motion:reduce){#cl-menu-v2 *,#cl-menu-v2 *:before,#cl-menu-v2 *:after{transition:none!important;animation:none!important}}


/* =====================================
   CHANTTAL LUXURY FOOTER
   Scoped CSS - Elementor safe
===================================== */

.clx-footer {
  --clx-bg: #101111;
  --clx-bg2: #191a19;
  --clx-gold: #c4a47a;
  --clx-gold-light: #e1c7a1;
  --clx-text: #f4eee5;
  --clx-muted: #a5a09a;
  --clx-border: rgba(196,164,122,.22);

  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: var(--clx-bg);
  color: var(--clx-text);
  padding: 60px 0 0;
  font-family: "Jost", "Montserrat", Arial, sans-serif;
  font-size: 15px;
  line-height: 1.7;
}

.clx-footer *,
.clx-footer *::before,
.clx-footer *::after {
  box-sizing: border-box;
}

.clx-footer a {
  color: inherit;
  text-decoration: none;
}

.clx-footer button {
  font-family: inherit;
}

.clx-footer a:focus-visible,
.clx-footer button:focus-visible {
  outline: 2px solid var(--clx-gold-light);
  outline-offset: 5px;
}

.clx-container {
  position: relative;
  z-index: 2;
  width: min(1440px, calc(100% - 100px));
  margin: 0 auto;
}

/* Ambient background */
.clx-ambient {
  position: absolute;
  z-index: -1;
  pointer-events: none;
  border-radius: 50%;
  filter: blur(90px);
}

.clx-ambient-one {
  width: 650px;
  height: 650px;
  top: -330px;
  right: -140px;
  background: radial-gradient(circle, rgba(154,117,75,.16), transparent 70%);
}

.clx-ambient-two {
  width: 500px;
  height: 500px;
  bottom: -250px;
  left: -180px;
  background: radial-gradient(circle, rgba(126,97,66,.12), transparent 70%);
}

.clx-grain {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .3;
  background-image:
    repeating-linear-gradient(
      90deg,
      transparent 0,
      transparent 109px,
      rgba(255,255,255,.018) 110px
    );
}

.clx-small-title {
  display: inline-flex;
  align-items: center;
  gap: 15px;
  color: var(--clx-gold);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .25em;
  text-transform: uppercase;
}

.clx-contact h3 em {
  color: var(--clx-gold-light);
  font-weight: 400;
}

/* Main grid */
.clx-main {
  display: grid;
  grid-template-columns: 1.05fr 1.15fr .9fr;
  gap: clamp(35px, 5vw, 90px);
  padding-bottom: 58px;
}

.clx-brand-name {
  margin: 25px 0 28px;
  color: var(--clx-text);
  font-family: Georgia, serif;
  font-size: clamp(29px, 3vw, 43px);
  letter-spacing: .13em;
  line-height: 1.15;
}

.clx-brand-name span {
  display: block;
  margin-top: 7px;
  color: var(--clx-gold);
  font-family: "Jost", Arial, sans-serif;
  font-size: 13px;
  letter-spacing: .55em;
}

.clx-brand > p {
  max-width: 300px;
  color: var(--clx-muted);
  font-size: 14px;
  line-height: 1.9;
}

.clx-social-group {
  margin-top: 28px;
}

.clx-social-label {
  display: block;
  margin-bottom: 12px;
  color: var(--clx-gold);
  font-size: 10px;
  letter-spacing: .18em;
  font-weight: 600;
}

.clx-socials {
  display: flex;
  gap: 12px;
  margin-top: 0;
}

.clx-social {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border: 1px solid var(--clx-border);
  transition: .3s ease;
}

.clx-social svg {
  width: 17px;
  height: 17px;
  color: var(--clx-gold-light);
}

.clx-social:hover {
  background: var(--clx-gold);
  border-color: var(--clx-gold);
  transform: translateY(-4px);
}

.clx-social:hover svg {
  color: #151515;
}

/* Social links: add real URLs before publication */
.clx-link-pending { cursor: default; }

/* Contact */
.clx-contact h3 {
  margin: 22px 0 30px;
  font-family: Georgia, serif;
  font-size: clamp(27px, 2.8vw, 39px);
  font-weight: 400;
  line-height: 1.22;
  color: var(--clx-text);
}

.clx-contact-link {
  display: flex;
  align-items: center;
  gap: 15px;
  min-width: 0;
  padding: 20px 0;
  border-bottom: 1px solid var(--clx-border);
  transition: .3s ease;
}

.clx-contact-icon {
  flex: 0 0 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  border: 1px solid var(--clx-border);
  color: var(--clx-gold);
  transition: .3s ease;
}

.clx-contact-icon svg {
  width: 19px;
  height: 19px;
}

.clx-contact-link > span:nth-child(2) {
  min-width: 0;
}

.clx-contact-link small {
  display: block;
  color: var(--clx-gold);
  font-size: 10px;
  letter-spacing: .2em;
  margin-bottom: 4px;
}

.clx-contact-link strong {
  display: block;
  overflow-wrap: anywhere;
  color: var(--clx-text);
  font-size: clamp(13px, 1.25vw, 18px);
  font-weight: 500;
  transition: color .3s ease;
}

.clx-link-arrow {
  margin-left: auto;
  color: var(--clx-gold);
  font-size: 19px;
  transition: transform .3s ease;
}

.clx-contact-link:hover .clx-contact-icon {
  background: var(--clx-gold);
  color: #151515;
}

.clx-contact-link:hover strong {
  color: var(--clx-gold-light);
}

.clx-contact-link:hover .clx-link-arrow {
  transform: translate(3px,-3px);
}

/* Navigation */
.clx-navigation nav {
  display: flex;
  flex-direction: column;
  margin-top: 24px;
}

.clx-navigation nav a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  padding: 13px 0;
  border-bottom: 1px solid rgba(255,255,255,.08);
  color: #d5d0c8;
  font-size: 13px;
  transition: .25s ease;
}

.clx-navigation nav a span {
  color: var(--clx-gold);
  opacity: 0;
  transform: translate(-5px,5px);
  transition: .25s ease;
}

.clx-navigation nav a:hover {
  color: var(--clx-gold-light);
  padding-left: 7px;
}

.clx-navigation nav a:hover span {
  opacity: 1;
  transform: translate(0,0);
}

/* Booking */
.clx-booking {
  margin-top: 38px;
}

.clx-booking-caption {
  display: block;
  margin-bottom: 13px;
  color: var(--clx-muted);
  font-size: 10px;
  letter-spacing: .2em;
}

.clx-booking-link {
  display: flex;
  align-items: center;
  gap: 12px;
  width: fit-content;
  max-width: 100%;
  padding: 12px 17px;
  border: 1px solid var(--clx-border);
  transition: .3s ease;
}

.clx-booking-symbol {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  background: #003b95;
  color: white;
  font-family: Arial, sans-serif;
  font-size: 20px;
  font-weight: 800;
}

.clx-booking-link > span:nth-child(2) {
  font-size: 16px;
  font-weight: 600;
  color: var(--clx-text);
}

.clx-booking-arrow {
  margin-left: 12px;
  color: var(--clx-gold);
}

.clx-booking-link:hover {
  border-color: var(--clx-gold);
  background: rgba(196,164,122,.08);
}

/* Trust area */
.clx-trust {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  padding: 38px 0;
  border-top: 1px solid var(--clx-border);
  border-bottom: 1px solid var(--clx-border);
}

.clx-trust-heading p {
  margin: 9px 0 0;
  color: var(--clx-muted);
  font-size: 13px;
}

.clx-trust-items {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
  flex-wrap: wrap;
}

.clx-trust-item {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 66px;
  min-width: 140px;
  padding: 10px 15px;
  border: 1px solid var(--clx-border);
  background: rgba(255,255,255,.025);
  transition: .3s ease;
}

a.clx-trust-item:hover {
  border-color: var(--clx-gold);
  transform: translateY(-3px);
}

.clx-trust-item img {
  display: block;
  width: auto;
  max-width: 155px;
  height: auto;
  max-height: 48px;
  object-fit: contain;
}

.clx-netopia img {
  max-width: 145px;
}

/* Bottom */
.clx-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
  min-height: 100px;
}

.clx-bottom p {
  margin: 0;
  color: var(--clx-muted);
  font-size: 12px;
}

.clx-bottom-mark {
  color: rgba(196,164,122,.6);
  font-size: 9px;
  letter-spacing: .24em;
}

.clx-back-top {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  padding: 12px 0;
  border: 0;
  background: transparent;
  color: var(--clx-gold-light);
  cursor: pointer;
  font-size: 10px;
  letter-spacing: .17em;
}

.clx-back-top span:last-child {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid var(--clx-border);
  font-size: 17px;
  transition: .3s ease;
}

.clx-back-top:hover span:last-child {
  background: var(--clx-gold);
  color: #111;
  transform: translateY(-4px);
}

/* Reveal */
.clx-reveal {
  opacity: 1;
  transform: none;
}

.clx-footer.clx-animate .clx-reveal {
  opacity: 0;
  transform: translateY(24px);
  transition:
    opacity .8s ease,
    transform .8s cubic-bezier(.2,.7,.2,1);
}

.clx-footer.clx-animate .clx-reveal.clx-visible {
  opacity: 1;
  transform: translateY(0);
}

/* Responsive */
@media (max-width: 1100px) {
  .clx-container {
    width: min(100% - 64px, 1440px);
  }

  .clx-main {
    grid-template-columns: 1fr 1fr;
    gap: 55px;
  }

  .clx-navigation {
    grid-column: 1 / -1;
  }

  .clx-navigation nav {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 40px;
  }

  .clx-trust {
    flex-direction: column;
    align-items: flex-start;
  }

  .clx-trust-items {
    justify-content: flex-start;
  }
}

@media (max-width: 767px) {
  .clx-footer {
    padding-top: 42px;
  }

  .clx-container {
    width: calc(100% - 38px);
  }

  .clx-main {
    grid-template-columns: 1fr;
    gap: 48px;
    padding-bottom: 38px;
  }

  .clx-navigation {
    grid-column: auto;
  }

  .clx-navigation nav {
    display: flex;
  }

  .clx-contact-link strong {
    font-size: 15px;
  }

  .clx-trust {
    padding: 30px 0;
  }

  .clx-trust-items {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 10px;
  }

  .clx-trust-item {
    min-width: 0;
    padding: 9px;
  }

  .clx-trust-item img {
    max-width: 100%;
  }

  .clx-netopia {
    grid-column: 1 / -1;
  }

  .clx-bottom {
    flex-wrap: wrap;
    padding: 30px 0;
    gap: 18px;
  }

  .clx-bottom-mark {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .clx-footer *,
  .clx-footer *::before,
  .clx-footer *::after {
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
  }

  .clx-footer.clx-animate .clx-reveal {
    opacity: 1;
    transform: none;
  }
}

/* Official transparent white vector logo from CHANTTAL Management Suite */
.clx-footer .clx-brand-logo{margin:23px 0 27px;width:100%;max-width:420px;line-height:0}
.clx-footer .clx-brand-logo img{display:block;width:100%;height:auto;max-width:100%;background:transparent!important;border:0;box-shadow:none;object-fit:contain}
.clx-footer .clx-contact-phones{display:flex;gap:15px;align-items:flex-start;padding:20px 0;border-bottom:1px solid var(--clx-border)}
.clx-footer .clx-contact-phones .clx-contact-icon{margin-top:2px}
.clx-footer .clx-phone-list{min-width:0;flex:1}
.clx-footer .clx-phone-list small{display:block;color:var(--clx-gold);font-size:10px;letter-spacing:.2em;margin-bottom:7px}
.clx-footer .clx-phone-list a{display:flex;align-items:center;justify-content:space-between;gap:8px;width:fit-content;max-width:100%;font-size:clamp(13px,1.15vw,16px);font-weight:500;line-height:1.8;transition:color .25s}
.clx-footer .clx-phone-list a span{color:var(--clx-gold);opacity:0;transition:opacity .25s}
.clx-footer .clx-phone-list a:hover{color:var(--clx-gold-light)}
.clx-footer .clx-phone-list a:hover span{opacity:1}
@media(max-width:767px){.clx-footer .clx-brand-logo{max-width:400px;margin-top:20px}.clx-footer .clx-phone-list a{font-size:15px}}

/* CHANTTAL 1.4.9 — Booking & Airbnb partner cards */
.clx-footer .clx-platforms{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch}
.clx-footer .clx-platforms .clx-booking-link{min-height:59px;text-decoration:none;white-space:nowrap}
.clx-footer .clx-airbnb-symbol{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;color:#ff5a5f}
.clx-footer .clx-platforms .clx-booking-link:focus-visible{outline:2px solid var(--clx-gold);outline-offset:3px}
@media(max-width:580px){.clx-footer .clx-platforms{gap:10px}.clx-footer .clx-platforms .clx-booking-link{padding:10px 12px}}
