.elementor-125 .elementor-element.elementor-element-a97521d{--display:flex;}/* Start custom CSS for html, class: .elementor-element-9c25103 *//* ====== ProFix Header – variables ====== */
:root{
  --pf-blue:#1565A5;           /* brand blue */
  --pf-orange:#D97A2F;         /* brand orange */
  --pf-ink:#1c2430;            /* text */
  --pf-glass:rgba(28,36,48,.5);
  --pf-border:rgba(255,255,255,.25);
  --pf-radius:18px;
  --pf-speed:.5s;
  --pf-ease:cubic-bezier(.22,.8,.2,1);
}

/* ====== Layout ====== */
.pf-header{
  position:sticky;
  top:0; inset-inline:0;
  z-index:50;
  padding:10px 0;
  transition:all .35s var(--pf-ease);
}
.pf-nav{
  width:min(1120px,92vw);
  margin:auto;
  display:flex; align-items:center; gap:18px;
  padding:10px 16px;
  border-radius:var(--pf-radius);
  background:linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,.08));
  box-shadow:0 10px 30px rgba(0,0,0,.12);
  border:1px solid var(--pf-border);
  backdrop-filter:blur(10px) saturate(1.3);
  -webkit-backdrop-filter:blur(10px) saturate(1.3);
  position:relative;
}

/* animated gradient ring */


/* ====== Branding ====== */
.pf-logo{
  text-decoration:none; display:flex; flex-direction:column;
  line-height:1; margin-right:auto; user-select:none;
}
.pf-logo span{
  font-weight:800; letter-spacing:.5px; font-size:1.35rem; color:var(--pf-blue);
}
.pf-logo span > span{ color:var(--pf-ink); }
.pf-logo em{
  font-style:normal; color:var(--pf-orange); font-weight:700; font-size:.8rem; letter-spacing:.12em;
  margin-top:2px;
}

/* ====== Menu ====== */
.pf-menu{
  display:flex; align-items:center; gap:14px;
  font-weight:600;
}
.pf-link{
  position:relative; padding:10px 8px; color:var(--pf-ink); text-decoration:none;
  transition:color .25s var(--pf-ease);
}

/* underline slide + color morph */
.pf-link::after{
  content:"";
  position:absolute; left:10px; right:10px; bottom:4px;
  height:2px; border-radius:2px;
  background:linear-gradient(90deg, var(--pf-orange), var(--pf-blue));
  transform:scaleX(0); transform-origin:left;
  transition:transform var(--pf-speed) var(--pf-ease);
}
.pf-link:hover{ color:var(--pf-blue); }
.pf-link:hover::after, .pf-link.active::after{ transform:scaleX(1); }

/* animated separators (dots) */
.pf-dot{
  width:4px; height:4px; border-radius:999px; background:var(--pf-ink);
  opacity:.35; transform:scale(.9);
  transition:transform .25s var(--pf-ease), opacity .25s var(--pf-ease);
}
.pf-link:hover + .pf-dot{ transform:scale(1.4); opacity:.7; }

/* call-to-action styling (optional) */
/* .pf-link[href*="booking"]{ 
  padding-inline:14px; border-radius:10px;
  background:linear-gradient(90deg, var(--pf-blue), var(--pf-orange));
  color:#fff; box-shadow:0 6px 16px rgba(21,101,165,.25);
}
.pf-link[href*="booking"]::after{ display:none; }
.pf-link[href*="booking"]:hover{ filter:saturate(1.1); } */

/* ====== Mobile ====== */
#pf-nav-toggle{ display:none; }
.pf-burger{
  width:38px; height:36px; border-radius:12px; cursor:pointer;
  display:none; align-items:center; justify-content:center; gap:5px;
  background:rgba(255,255,255,.55); border:1px solid var(--pf-border);
  backdrop-filter:blur(6px);
}
.pf-burger span{ width:20px; height:2px; background:var(--pf-ink); display:block; transition:transform .3s var(--pf-ease), opacity .3s; }
@media (max-width:860px){
  .pf-burger{ display:flex; }
  .pf-menu{
    position:absolute; right:12px; top:62px; width:min(280px,92vw);
    flex-direction:column; align-items:stretch; gap:0;
    background:rgba(255,255,255,.9); border:1px solid var(--pf-border); border-radius:16px;
    box-shadow:0 14px 40px rgba(0,0,0,.18);
    transform-origin:top right; transform:scale(.98) translateY(-6px); opacity:0; pointer-events:none;
    transition:transform .25s var(--pf-ease), opacity .25s var(--pf-ease);
  }
  .pf-menu .pf-link{ padding:14px 16px; }
  .pf-menu .pf-dot{ display:none; }
  #pf-nav-toggle:checked ~ .pf-menu{ transform:none; opacity:1; pointer-events:auto; }
  /* burger morph to X */
  #pf-nav-toggle:checked + .pf-burger span:nth-child(1){ transform:translateY(6px) rotate(45deg); }
  #pf-nav-toggle:checked + .pf-burger span:nth-child(2){ opacity:0; }
  #pf-nav-toggle:checked + .pf-burger span:nth-child(3){ transform:translateY(-6px) rotate(-45deg); }
}

/* ====== Scroll behavior (shrink + stronger blur) ====== */
.pf-header.scrolled .pf-nav{
  padding:6px 14px;
  background:linear-gradient(180deg, rgba(255,255,255,.7), rgba(255,255,255,.38));
  backdrop-filter:blur(14px) saturate(1.4);
  -webkit-backdrop-filter:blur(14px) saturate(1.4);
  box-shadow:0 8px 28px rgba(0,0,0,.18);
}
.pf-header.scrolled .pf-logo span{ font-size:1.15rem; }

/* ====== Motion sensitivity ====== */
@media (prefers-reduced-motion: reduce){
  *{ animation:none!important; transition:none!important; }
}/* End custom CSS */