/* ============================================================
   PETRO HEADER — owns its markup, overrides nothing.
   ============================================================ */
.pe-head{position:relative;z-index:500}

/* top strip */
.pe-head__strip{background:var(--pe-ink-950);color:var(--pe-ink-300);font-size:.8125rem}
.pe-head__strip-inner{max-width:var(--pe-container);margin:0 auto;padding:.5rem var(--pe-space-5);
  display:flex;align-items:center;justify-content:space-between;gap:var(--pe-space-4);flex-wrap:wrap}
.pe-head__contact,.pe-head__meta{margin:0;display:flex;align-items:center;gap:var(--pe-space-4)}
.pe-head__strip a{color:var(--pe-ink-300);text-decoration:none;display:inline-flex;align-items:center;gap:.4rem;
  transition:color var(--pe-dur-fast) var(--pe-ease)}
.pe-head__strip a:hover{color:#fff}
.pe-head__meta a{position:relative}
.pe-head__meta a+a::before{content:"";position:absolute;left:calc(-1 * var(--pe-space-4) / 2);top:.2em;bottom:.2em;
  width:1px;background:rgba(255,255,255,.18)}

/* icons */
.pe-ico{width:13px;height:13px;flex:none;background:currentColor;display:inline-block;
  -webkit-mask:center/contain no-repeat var(--i);mask:center/contain no-repeat var(--i)}
.pe-ico--tel{--i:var(--pe-tel);color:var(--pe-cta)}
.pe-ico--mail{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M2 4h20v16H2V4zm10 7L3.5 5.8v.2L12 12l8.5-6V5.8L12 11z'/></svg>");color:var(--pe-cta)}
.pe-ico--search{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M10 2a8 8 0 105 14.3l5.3 5.4 1.4-1.4-5.4-5.3A8 8 0 0010 2zm0 2a6 6 0 110 12 6 6 0 010-12z'/></svg>");width:17px;height:17px}

/* main bar */
.pe-head__bar{position:relative;z-index:3;background:#fff;border-bottom:1px solid var(--pe-ink-200);
  transition:box-shadow var(--pe-dur) var(--pe-ease)}
.pe-head__bar.is-pinned{position:fixed;top:0;left:0;right:0;z-index:9998;
  box-shadow:0 6px 26px rgba(10,20,32,.12)}
@keyframes pe-headdrop{from{transform:translateY(-100%)}to{transform:translateY(0)}}
.pe-head__inner{max-width:var(--pe-container);margin:0 auto;padding:.85rem var(--pe-space-5);
  display:flex;align-items:center;gap:var(--pe-space-4)}


.pe-head__brand{flex:none;line-height:0;display:block}
.pe-head__brand img{height:54px;width:auto;max-width:none;display:block;
  transform-origin:left center;
  transition:transform var(--pe-dur) var(--pe-ease)}



/* nav */
.pe-head__nav{flex:1;min-width:0;display:flex;justify-content:flex-end}
.pe-nav{display:flex;align-items:center;gap:1.1rem;margin:0;padding:0;list-style:none}
.pe-nav li{position:relative;margin:0}
.pe-nav > li > a{display:block;padding:.65rem 0;font-size:.8125rem;font-weight:600;letter-spacing:.015em;
  color:var(--pe-ink-800);text-decoration:none;white-space:nowrap;
  transition:color var(--pe-dur-fast) var(--pe-ease)}
.pe-nav > li > a::after{content:"";position:absolute;left:0;right:0;bottom:.35rem;height:2px;
  background:var(--pe-cta);transform:scaleX(0);transform-origin:right center;
  transition:transform .26s cubic-bezier(.16,1,.3,1)}
.pe-nav > li > a:hover{color:var(--pe-heading)}
.pe-nav > li > a:hover::after,
.pe-nav > li.current-menu-item > a::after,
.pe-nav > li.current_page_item > a::after,
.pe-nav > li.current-menu-ancestor > a::after,
.pe-nav > li.current_page_ancestor > a::after{transform:scaleX(1);transform-origin:left center}
.pe-nav > li.current-menu-item > a,.pe-nav > li.current_page_ancestor > a{color:var(--pe-heading)}

/* dropdowns */
.pe-nav ul{position:absolute;top:100%;left:-1rem;min-width:250px;margin:0;padding:.35rem 0;list-style:none;
  background:#fff;border-top:2px solid var(--pe-cta);border-radius:0 0 var(--pe-radius-sm) var(--pe-radius-sm);
  box-shadow:var(--pe-shadow-3);opacity:0;visibility:hidden;transform:translateY(6px);
  transition:opacity .2s var(--pe-ease),transform .2s var(--pe-ease),visibility .2s}
.pe-nav li.is-expanded > ul,.pe-nav li:hover > ul,.pe-nav li:focus-within > ul{opacity:1;visibility:visible;transform:translateY(0)}
.pe-nav ul a{display:block;padding:.6rem 1rem;font-size:.875rem;color:var(--pe-ink-800);text-decoration:none;
  transition:background var(--pe-dur-fast) var(--pe-ease),color var(--pe-dur-fast) var(--pe-ease)}
.pe-nav ul a:hover{background:var(--pe-ink-50);color:var(--pe-cta)}

/* actions */
.pe-head__actions{flex:none;display:flex;align-items:center;gap:var(--pe-space-3)}
.pe-head__search{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;
  border:0;border-radius:50%;background:transparent;color:var(--pe-ink-700);cursor:pointer;
  transition:background var(--pe-dur-fast) var(--pe-ease),color var(--pe-dur-fast) var(--pe-ease)}
.pe-head__search:hover{background:var(--pe-ink-100);color:var(--pe-heading)}
.pe-head__cta{display:inline-flex;align-items:center;gap:.5rem;padding:.72rem 1.25rem;
  border-radius:var(--pe-radius-sm);background:var(--pe-cta);color:#fff;font-size:.8125rem;font-weight:700;
  text-decoration:none;white-space:nowrap;
  transition:background var(--pe-dur) var(--pe-ease),transform var(--pe-dur-fast) var(--pe-ease)}
.pe-head__cta:hover{background:var(--pe-cta-hover);color:#fff;transform:translateY(-1px)}
.pe-head__arrow{width:13px;height:9px;background:currentColor;display:inline-block;
  -webkit-mask:center/contain no-repeat var(--pe-arrow);mask:center/contain no-repeat var(--pe-arrow);
  transition:transform var(--pe-dur) var(--pe-ease)}
.pe-head__cta:hover .pe-head__arrow{transform:translateX(4px)}

/* search panel */
.pe-head__searchpanel{position:absolute;top:100%;left:0;right:0;box-shadow:var(--pe-shadow-3);border-top:1px solid var(--pe-ink-200);background:var(--pe-ink-50)}
.pe-head__searchform{max-width:var(--pe-container);margin:0 auto;padding:var(--pe-space-4) var(--pe-space-5);
  display:flex;gap:.6rem}
.pe-head__searchform input{flex:1;min-width:0;width:auto;padding:.85rem 1rem;font-size:1rem;border:1px solid var(--pe-border-input);
  border-radius:var(--pe-radius-sm);background:#fff;color:var(--pe-ink-900)}

/* mobile */
.pe-head__toggle{display:none;width:44px;height:44px;border:0;background:transparent;cursor:pointer;
  align-items:center;justify-content:center;margin-left:auto}
.pe-head__bars,.pe-head__bars::before,.pe-head__bars::after{display:block;width:22px;height:2px;
  background:var(--pe-ink-900);border-radius:2px;transition:transform .22s var(--pe-ease),opacity .22s}
.pe-head__bars{position:relative}
.pe-head__bars::before,.pe-head__bars::after{content:"";position:absolute;left:0}
.pe-head__bars::before{top:-7px} .pe-head__bars::after{top:7px}
.pe-head__toggle[aria-expanded=true] .pe-head__bars{background:transparent}
.pe-head__toggle[aria-expanded=true] .pe-head__bars::before{transform:translateY(7px) rotate(45deg)}
.pe-head__toggle[aria-expanded=true] .pe-head__bars::after{transform:translateY(-7px) rotate(-45deg)}

@media(max-width:1400px){
  .pe-head__toggle{display:inline-flex}
  .pe-head__nav{position:absolute;left:0;right:0;top:100%;background:#fff;display:none;
    border-top:1px solid var(--pe-ink-200);box-shadow:var(--pe-shadow-3);max-height:calc(100dvh - 190px);overflow:auto}
  .pe-head__nav.is-open{display:block}
  .pe-nav{flex-direction:column;align-items:stretch;gap:0;padding:var(--pe-space-2) 0}
  .pe-nav > li > a{padding:.85rem var(--pe-space-5)}
  .pe-nav > li > a::after{display:none}
  .pe-nav ul{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border-top:0;
    background:var(--pe-ink-50);padding:0}
  .pe-nav ul a{padding-left:calc(var(--pe-space-5) + 1rem)}
  .pe-head__inner{position:relative;flex-wrap:wrap}
  .pe-head__actions .pe-head__cta{display:none}
}
@media(max-width:600px){
  .pe-head__strip-inner{justify-content:center;font-size:.75rem;gap:var(--pe-space-3)}
  .pe-head__meta{display:none}
  .pe-head__brand img{height:42px}
}
@media(prefers-reduced-motion:reduce){
  .pe-head__bar.is-pinned{animation:none}
  .pe-head__brand img,.pe-nav > li > a::after,.pe-head__arrow{transition:none}
}
.pe-ico--rss{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M4 11a9 9 0 019 9h-3a6 6 0 00-6-6v-3zm0-7a16 16 0 0116 16h-3A13 13 0 004 7V4zm2.5 12a2.5 2.5 0 110 5 2.5 2.5 0 010-5z'/></svg>");width:12px;height:12px}
.pe-head__meta a[title="RSS Feed"]{color:var(--pe-ink-400)}
.pe-head__meta a[title="RSS Feed"]:hover{color:var(--pe-cta)}

/* Keep contact details and navigation usable on small phones. */
.pe-ico--tel{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M6.6 10.8a15 15 0 006.6 6.6l2.2-2.2a1 1 0 011-.24c1.1.36 2.3.56 3.6.56a1 1 0 011 1V20a1 1 0 01-1 1A17 17 0 013 4a1 1 0 011-1h3.5a1 1 0 011 1c0 1.3.2 2.5.56 3.6a1 1 0 01-.24 1l-2.22 2.2z'/></svg>")}
@media(max-width:600px){
  .pe-head__contact{flex-wrap:wrap;justify-content:center;gap:.25rem 1rem}
  .pe-head__strip-inner{padding:.4rem 1rem}
  .pe-head__inner{padding:.6rem 1rem;gap:.5rem}
  .pe-head__searchform{padding:1rem;flex-wrap:wrap}
  .pe-head__searchform input{flex-basis:60%}
  .pe-head__searchform .pe-btn{padding:.8rem 1rem}
}
@media(min-width:1401px){.pe-nav{gap:clamp(.7rem,1vw,1.1rem)}}

@media(min-width:783px) and (max-width:1400px){.pe-head__actions .pe-head__cta{display:inline-flex}}

/* Separate category links and visible disclosure controls on every screen. */
.pe-nav--secondary{display:none}
.pe-nav > .menu-item-has-children{display:grid;grid-template-columns:minmax(0,1fr) 28px;align-items:center}
.pe-submenu-toggle{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;padding:0;border:0;background:transparent;color:var(--pe-ink-800);cursor:pointer}
.pe-submenu-toggle::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform var(--pe-dur) var(--pe-ease)}
.pe-submenu-toggle[aria-expanded=true]::after{transform:rotate(225deg)}
.pe-submenu-toggle:hover{color:var(--pe-cta);background:var(--pe-ink-50)}
.pe-nav ul{width:280px;max-width:calc(100vw - 2rem)}
.pe-nav ul li + li{border-top:1px solid var(--pe-ink-200)}
.pe-nav ul a{padding:.85rem 1rem;line-height:1.5}
@media(min-width:1401px){.pe-nav{gap:.65rem}.pe-head__inner{gap:1rem}.pe-nav > li > a{font-size:.78rem}}

@media(max-width:1400px){
  .pe-nav > .menu-item-has-children{display:grid;grid-template-columns:minmax(0,1fr) 52px}
  .pe-nav > .menu-item-has-children > ul{grid-column:1/-1;min-width:0;width:100%;max-width:none}
  .pe-submenu-toggle{display:flex;align-items:center;justify-content:center;min-height:48px;border:0;background:var(--pe-surface);color:var(--pe-text);cursor:pointer}
  .pe-submenu-toggle::after{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform var(--pe-dur) var(--pe-ease)}
  .pe-submenu-toggle[aria-expanded=true]::after{transform:rotate(225deg)}
  .pe-submenu-toggle:hover{background:var(--pe-ink-100)}
  .pe-nav--secondary{display:flex;border-top:1px solid var(--pe-divider)}
}