/*!
 * Parex V2 — site chrome (header and footer Theme Builder templates).
 * Loaded site-wide; not scoped to the homepage.
 */
/* ── Base typography for the header and footer templates ────────────
   The kit sets Grey Cliff on body and headings, so these templates need the
   same re-basing as the page: everything draws from the V2 kit globals. */
body .elementor-location-header, body .elementor-location-header *,
body .elementor-location-footer, body .elementor-location-footer *,
body .px-hdr, body .px-hdr *,
body .px-ftr, body .px-ftr *,
body .px-fbar-sec, body .px-fbar-sec *{
  font-family:var(--e-global-typography-pxbodyt-font-family),Helvetica,Arial,sans-serif}
/* Mono labels: nav items, footer column headings and the legal bar. */
body .px-nav .elementor-nav-menu a.elementor-item,
body .px-hdr-cta .elementor-button,
body .px-fh .elementor-heading-title,
body .px-fbar span{
  font-family:var(--e-global-typography-pxmono-font-family)!important}

/* Parex V2 header — fixed, translucent, blurred, with a hairline base. */
.px-hdr{
  position:fixed!important;top:0;left:0;right:0;z-index:60;
  background:rgba(255,255,255,0.90)!important;
  backdrop-filter:blur(18px) saturate(1.05);
  -webkit-backdrop-filter:blur(18px) saturate(1.05);
  border-bottom:1px solid var(--e-global-color-pxhrsf)}
body.admin-bar .px-hdr{top:32px}
@media screen and (max-width:782px){body.admin-bar .px-hdr{top:46px}}
/* The fixed header is out of flow, so the page needs its height back. */
body{padding-top:76px}

.px-nav .elementor-nav-menu a.elementor-item{
  font-size:12.5px!important;font-weight:500;letter-spacing:0.18em;text-transform:uppercase;
  color:var(--e-global-color-pxink)!important;padding:8px 0!important;margin:0 13px}
.px-nav .elementor-nav-menu a.elementor-item:hover,
.px-nav .elementor-nav-menu a.elementor-item.elementor-item-active{color:var(--e-global-color-pxink)!important}
.px-nav .e--pointer-underline .elementor-item:before,
.px-nav .e--pointer-underline .elementor-item:after{background-color:var(--e-global-color-pxgold);height:1px}

.px-hdr-cta .elementor-button{
  background:var(--e-global-color-pxgold)!important;color:#FFF!important;border:none!important;border-radius:0!important;
  font-size:11.5px!important;letter-spacing:0.16em;text-transform:uppercase;padding:14px 22px!important}
.px-hdr-cta .elementor-button:hover{background:var(--e-global-color-pxgldd)!important}

@media (max-width:1280px){
  .px-nav .elementor-nav-menu a.elementor-item{font-size:11.5px!important;letter-spacing:0.12em;margin:0 7px}
}

/* ── Footer ── */
.px-ftr{border-top:1px solid var(--e-global-color-pxhair)}
.px-fh .elementor-heading-title{
  font-size:10px!important;letter-spacing:0.22em;text-transform:uppercase;
  color:var(--e-global-color-pxlabl)!important;font-weight:400!important;margin-bottom:18px}
.px-fine p{font-size:13.5px;line-height:1.6;color:var(--e-global-color-pxmuted);max-width:36ch;margin-top:18px}
ul.px-flist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}
ul.px-flist a{font-size:14px;color:var(--e-global-color-pxflink);text-decoration:none}
ul.px-flist a:hover{color:var(--e-global-color-pxgold)}
.px-fbar{
  border-top:1px solid var(--e-global-color-pxhrmd);padding-top:22px;margin-top:42px;
  display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}
.px-fbar span{font-size:10px;line-height:1.6;letter-spacing:0.14em;text-transform:uppercase;color:var(--e-global-color-pxlabl)}
.px-fbar .px-gold{color:var(--e-global-color-pxgold)}

/* Menu item spacing — Elementor's own padding control does not take on this
   layout, so set it on the anchors directly. */
.px-nav .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item{
  padding-left:14px!important;padding-right:14px!important}
.px-nav .elementor-nav-menu--main .elementor-nav-menu{gap:0}

/* ── Mobile header ──
   Elementor stacks the three header columns on small screens, which makes the
   bar ~180px tall and pushes the hero off. Keep it a single row: logo left,
   nav toggle and Login right. */
@media (max-width:1024px){
  .px-hdr > .elementor-container{
    flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important}
  .px-hdr > .elementor-container > .elementor-column{width:auto!important}
  .px-hdr > .elementor-container > .elementor-column:first-child{flex:1 1 auto}
  .px-hdr > .elementor-container > .elementor-column:nth-child(2){flex:0 0 auto;order:3}
  .px-hdr > .elementor-container > .elementor-column:last-child{flex:0 0 auto;order:2}
  .px-hdr .px-hdr-logo img{width:120px!important}
  .px-hdr-cta .elementor-button{padding:11px 14px!important;font-size:10px!important;letter-spacing:0.1em}
  .px-hdr .elementor-menu-toggle{margin-left:10px}
  body{padding-top:64px}
}
@media (max-width:480px){
  .px-hdr .px-hdr-logo img{width:104px!important}
  .px-hdr-cta .elementor-button{padding:10px 11px!important;font-size:9.5px!important}
}