/* Only the three navigation disclosures are restyled. The brand and page stay unchanged. */
.pk-nav-item { position: relative !important; }
.pk-nav-item > button { cursor: pointer; }
.pk-nav-item > button:focus-visible,.pk-nav-link:focus-visible,.pk-nav-promo a:focus-visible { outline: 3px solid #159c92; outline-offset: 4px; border-radius: 9px; }
.pk-nav-panel { position:absolute; top:100%; left:0; width:488px; padding:25px; margin-top:8px; background:#fff; border:1px solid #e7eeee; border-radius:16px; box-shadow:0 18px 48px rgba(16,47,47,.13),0 2px 6px rgba(16,47,47,.04); z-index:100; opacity:0; visibility:hidden; pointer-events:none; transform:translateY(8px); transition:opacity 180ms ease,transform 220ms cubic-bezier(.2,.8,.2,1),visibility 180ms; text-align:left; }
/* A transparent bridge and delayed close keep diagonal pointer travel stable. */
.pk-nav-panel::before { content:""; position:absolute; top:-12px; left:0; right:0; height:12px; }
.pk-nav-item.pk-open > .pk-nav-panel { opacity:1; visibility:visible; pointer-events:auto; transform:translateY(0); }
.pk-nav-item.pk-open > button { color:#087d77; }
.pk-nav-eyebrow,.pk-nav-panel .pk-nav-eyebrow { font-size:12px !important; font-weight:700; letter-spacing:.1em; color:#607674 !important; margin:0 0 12px !important; line-height:1.5; }
.pk-nav-link,.pk-nav-panel .pk-nav-link { display:flex !important; align-items:center; gap:16px; padding:16px 14px !important; border:1px solid transparent !important; border-radius:11px; background:transparent !important; color:#142b2a !important; text-transform:none; width:100%; margin:0 !important; transition:background 160ms ease,border-color 160ms ease; box-shadow:none !important; }
.pk-nav-link:hover { background:#f0f8f7 !important; border-color:#dcefeb !important; }
.pk-nav-icon { display:grid; place-items:center; width:48px; height:48px; flex:0 0 48px; background:#eaf6f3; border:1px solid #daece6; border-radius:12px; color:#087d77; }
.pk-nav-icon svg { width:25px; height:25px; }
.pk-nav-link .content { display:block; flex:1; min-width:0; }
.pk-nav-link .title { display:block; font-size:16.5px !important; font-weight:600; line-height:1.4; margin:0 0 4px !important; color:#142b2a !important; }
.pk-nav-link .content > span { display:block; font-size:13.5px; font-weight:400; line-height:1.6; color:#60716f; }
.pk-nav-arrow { color:#6a9993; flex:0 0 18px; }
.pk-nav-arrow svg { width:18px; height:18px; }
[data-pk-menu="domain"] > .pk-nav-panel { width:716px; left:-216px; display:grid; grid-template-columns:1.2fr 1fr; gap:22px; }
.pk-nav-promo { padding:23px; border:1px solid #d9eae6; border-radius:12px; background:linear-gradient(140deg,#f1faf7,#f6f9fd); }
.pk-nav-promo h2 { font-size:22px; line-height:1.35; margin:8px 0 10px; }
.pk-nav-promo > p:not(.pk-nav-eyebrow) { color:#60716f; font-size:14px; line-height:1.7; margin-bottom:20px; }
.pk-nav-promo a { font-size:14px; color:#fff !important; padding:10px 16px !important; background:#087d77 !important; border:0 !important; border-radius:30px; }
.pk-support-item > .pk-nav-panel { width:390px; right:0; left:auto; }
.pk-support-item .header-dropdown-questions { padding:0; background:none; }
.pk-support-item .header-dropdown-questions > p { font-size:14px; color:#60716f; margin:0 0 10px; }
/* Support only: cancel inherited action-area SVG positioning and center each glyph in its tile. */
.pk-support-item .pk-nav-link > .pk-nav-icon {
    display:flex !important; align-items:center !important; justify-content:center !important;
    position:relative !important; padding:0 !important; line-height:1 !important;
    float:none !important; align-self:center !important; overflow:hidden;
}
.pk-support-item .pk-nav-link > .pk-nav-icon > svg {
    display:block !important; position:static !important; inset:auto !important;
    width:25px !important; height:25px !important; min-width:25px !important; min-height:25px !important;
    margin:0 !important; padding:0 !important; transform:none !important; float:none !important;
    flex:0 0 25px !important; vertical-align:middle;
}
.pk-support-item .pk-nav-arrow { display:flex; align-items:center; justify-content:center; }
.pk-support-item .pk-nav-arrow > svg {
    position:static !important; inset:auto !important; display:block !important;
    margin:0 !important; transform:none !important; width:18px !important; height:18px !important;
}
@media(max-width:991.98px) {
 .tgmobile__menu .pk-nav-item > .dropdown-btn { display:none !important; }
 .tgmobile__menu .pk-nav-item > button { width:100%; text-align:left; padding:16px 20px; display:flex; align-items:center; justify-content:space-between; border:0; background:transparent; font-weight:600; color:#142b2a; }
 .tgmobile__menu .pk-nav-item > button::after { content:''; display:inline-block; width:9px; height:9px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:rotate(45deg); margin:-4px 5px 0 0; transition:transform .2s ease; flex:0 0 auto; }
 .tgmobile__menu .pk-nav-item.pk-open > button::after { content:'−'; }
 .tgmobile__menu .pk-nav-panel { position:static !important; display:block !important; width:auto !important; max-height:0; overflow:hidden; padding:0 12px; margin:0 10px; border:0; box-shadow:none; background:#f8fbfa; transform:none; transition:max-height 220ms ease,opacity 180ms ease,padding 220ms ease,visibility 220ms; }
 .tgmobile__menu .pk-nav-panel::before { display:none; }
 .tgmobile__menu .pk-open > .pk-nav-panel { max-height:720px; padding:16px 10px; margin-bottom:10px; }
 .tgmobile__menu .pk-nav-link { padding:12px 6px !important; gap:10px; }
 .tgmobile__menu .pk-nav-link .title { font-size:15px !important; }
 .tgmobile__menu .pk-nav-link .content > span { font-size:13px; }
 .tgmobile__menu .pk-nav-icon { width:36px; height:36px; flex-basis:36px; border-radius:10px; }
 .tgmobile__menu .pk-nav-arrow { display:none; }
 .tgmobile__menu .pk-nav-promo { padding:16px; margin-top:12px; }
 .tgmobile__menu .pk-nav-promo h2 { font-size:18px; }
}
@media(prefers-reduced-motion:reduce) {
 .pk-nav-panel,.pk-nav-link,.tgmobile__menu .pk-nav-panel { transition:none !important; transform:none !important; }
}

/* Navbar size revision: enlarge the header itself, not the dropdown contents again. */
#sticky-header { padding:0 !important; overflow:visible; }
#sticky-header .tgmenu__nav { min-height:86px; flex-wrap:nowrap; }
#sticky-header .tgmenu__nav > .logo { flex:0 0 auto; }
#sticky-header .tgmenu__nav > .logo img { height:50px !important; max-height:50px !important; width:auto; }
#sticky-header .tgmenu__main-menu > .navigation { flex-wrap:nowrap; }
#sticky-header .tgmenu__main-menu > .navigation > li > a,
#sticky-header .tgmenu__main-menu > .navigation > li > button {
    font-size:16px; line-height:18px; padding:34px 18px; white-space:nowrap;
}
#sticky-header .tgmenu__main-menu > .navigation > li > .pk-menu-toggle::after {
    width:7px; height:7px; margin-left:9px; border-width:1.7px;
}
#sticky-header .tgmenu__action > ul { align-items:center; }
#sticky-header .tgmenu__action > ul > .pk-support-item > button {
    display:flex; align-items:center; gap:7px; font-size:16px; line-height:18px;
    padding:34px 0; white-space:nowrap;
}
#sticky-header .pk-support-item > button > svg {
    width:19px; height:19px; position:static; margin:0; flex:0 0 19px;
}
#sticky-header .tgmenu__action > ul > .header-btn > .tg-btn {
    font-size:16px; line-height:20px; padding:13px 23px; min-height:46px; gap:6px;
}
/* Panels still anchor to their own full-height row; the existing bridge covers the 8px offset. */
#sticky-header .pk-nav-item > .pk-nav-panel { top:100%; }
#header-fixed-height { transition:none; }
#sticky-header.sticky-menu { animation:none; }
html { scroll-padding-top:102px; }
@media(min-width:992px) and (max-width:1199.98px) {
    #sticky-header .tgmenu__main-menu > .navigation > li > a,
    #sticky-header .tgmenu__main-menu > .navigation > li > button { padding-left:12px; padding-right:12px; }
    #sticky-header .tgmenu__action > ul > li { margin-left:18px; }
}
@media(max-width:991.98px) {
    #sticky-header .tgmenu__nav { min-height:94px; gap:16px; justify-content:space-between; }
    #sticky-header .tgmenu__nav > .logo { min-width:0; max-width:calc(100% - 64px); }
    #sticky-header .tgmenu__nav > .logo img { height:48px !important; max-height:48px !important; max-width:100% !important; object-fit:contain; }
    #sticky-header .mobile-nav-toggler { flex:0 0 44px; width:44px; height:44px; padding:0; margin:0; display:flex; align-items:center; justify-content:center; box-sizing:border-box; }
    #sticky-header .mobile-nav-toggler img { width:36px !important; height:36px !important; }
    html { scroll-padding-top:110px; }
}

/* Dropdown glyphs only: black in normal, hover and keyboard-focus states.
   Keep the pale icon tiles, menu text and header chevrons unchanged. */
.pk-nav-panel .pk-nav-icon,
.pk-nav-panel .pk-nav-arrow,
.pk-nav-panel .pk-nav-icon > svg,
.pk-nav-panel .pk-nav-arrow > svg,
.pk-nav-panel .pk-nav-promo a > svg {
    color: #000 !important;
}


/* navfix-2026-11: unified down-chevrons on mobile nav (Domain/Hosting/Support) */
.tgmobile__menu .pk-nav-item.pk-open > button::after { content:'' !important; transform:rotate(225deg) !important; margin-top:2px !important; }
.tgmobile__menu .pk-support-item > button svg { display:none !important; }

/* navfix2-2026-11: full-width rows + right-aligned, centered chevrons */
.tgmobile__menu .pk-nav-item { width:100%; }
.tgmobile__menu .pk-nav-item > button { width:100% !important; display:flex !important; align-items:center !important; justify-content:space-between !important; }
.tgmobile__menu .pk-nav-item > button::after { margin:0 2px 0 auto !important; position:relative; top:-2px; }
.tgmobile__menu .pk-nav-item.pk-open > button::after { margin-top:0 !important; top:1px; }

/* navfix3-seepricing: white arrow inside the green See Pricing CTA */
.pk-nav-panel .pk-nav-promo a > svg { color:#fff !important; }