/* GRID STRUCTURE */ .pchi-standards__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: stretch; } /* RIGHT SIDE LIST */ .pchi-standards__list { display: grid; grid-template-rows: repeat(3, 1fr); gap: 18px; } /* INDIVIDUAL BOXES */ .pchi-standard { display: flex; gap: 14px; align-items: flex-start; padding: 22px 24px; border: 1px solid #e7e7e7; border-radius: 24px; background: #ffffff; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.03); height: 100%; } /* ICON */ .pchi-standard__icon { width: 28px; height: 28px; min-width: 28px; border-radius: 999px; background: #f6a800; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 800; color: #111; } /* TEXT */ .pchi-standard h3 { margin: 0 0 4px; font-size: 16px; font-weight: 700; color: #111; } .pchi-standard p { margin: 0; font-size: 14px; color: #555; line-height: 1.6; } /* RESPONSIVE */ @media (max-width: 1024px) { .pchi-standards__grid { grid-template-columns: 1fr; } .pchi-standards__list { grid-template-rows: auto; } } /* PCHI About section: hide theme-generated page titles only */ body.page-id-126 .site-main > header, body.page-id-126 .site-main > .page-header, body.page-id-126 .entry-header, body.page-id-126 h1.entry-title, body.page-id-126 .entry-title, body.page-id-126 h1.wp-block-post-title, body.page-id-126 .wp-block-post-title, body.page-id-1797 .site-main > header, body.page-id-1797 .site-main > .page-header, body.page-id-1797 .entry-header, body.page-id-1797 h1.entry-title, body.page-id-1797 .entry-title, body.page-id-1797 h1.wp-block-post-title, body.page-id-1797 .wp-block-post-title, body.page-id-1792 .site-main > header, body.page-id-1792 .site-main > .page-header, body.page-id-1792 .entry-header, body.page-id-1792 h1.entry-title, body.page-id-1792 .entry-title, body.page-id-1792 h1.wp-block-post-title, body.page-id-1792 .wp-block-post-title, body.page-id-1790 .site-main > header, body.page-id-1790 .site-main > .page-header, body.page-id-1790 .entry-header, body.page-id-1790 h1.entry-title, body.page-id-1790 .entry-title, body.page-id-1790 h1.wp-block-post-title, body.page-id-1790 .wp-block-post-title, body.page-id-1794 .site-main > header, body.page-id-1794 .site-main > .page-header, body.page-id-1794 .entry-header, body.page-id-1794 h1.entry-title, body.page-id-1794 .entry-title, body.page-id-1794 h1.wp-block-post-title, body.page-id-1794 .wp-block-post-title { display: none !important; } /* Hide WordPress comment areas on pages only */ body.page .comments-area, body.page #comments, body.page .comment-respond { display: none !important; } /* PCHI About Guarantees page: hide theme-generated title and comments */ body.page-id-1921 .site-main > header, body.page-id-1921 .site-main > .page-header, body.page-id-1921 .entry-header, body.page-id-1921 h1.entry-title, body.page-id-1921 .entry-title, body.page-id-1921 h1.wp-block-post-title, body.page-id-1921 .wp-block-post-title, body.page-id-1921 .page-title { display: none !important; } body.page-id-1921 .comments-area, body.page-id-1921 #comments, body.page-id-1921 .comment-respond { display: none !important; } /* PCHI Help section: hide theme-generated titles */ body.page-id-1929 .site-main > header, body.page-id-1929 .site-main > .page-header, body.page-id-1929 .entry-header, body.page-id-1929 h1.entry-title, body.page-id-1929 .entry-title, body.page-id-1929 h1.wp-block-post-title, body.page-id-1929 .wp-block-post-title, body.page-id-1929 .page-title, body.page-id-1931 .site-main > header, body.page-id-1931 .site-main > .page-header, body.page-id-1931 .entry-header, body.page-id-1931 h1.entry-title, body.page-id-1931 .entry-title, body.page-id-1931 h1.wp-block-post-title, body.page-id-1931 .wp-block-post-title, body.page-id-1931 .page-title, body.page-id-1933 .site-main > header, body.page-id-1933 .site-main > .page-header, body.page-id-1933 .entry-header, body.page-id-1933 h1.entry-title, body.page-id-1933 .entry-title, body.page-id-1933 h1.wp-block-post-title, body.page-id-1933 .wp-block-post-title, body.page-id-1933 .page-title, body.page-id-1935 .site-main > header, body.page-id-1935 .site-main > .page-header, body.page-id-1935 .entry-header, body.page-id-1935 h1.entry-title, body.page-id-1935 .entry-title, body.page-id-1935 h1.wp-block-post-title, body.page-id-1935 .wp-block-post-title, body.page-id-1935 .page-title, body.page-id-1937 .site-main > header, body.page-id-1937 .site-main > .page-header, body.page-id-1937 .entry-header, body.page-id-1937 h1.entry-title, body.page-id-1937 .entry-title, body.page-id-1937 h1.wp-block-post-title, body.page-id-1937 .wp-block-post-title, body.page-id-1937 .page-title, body.page-id-1939 .site-main > header, body.page-id-1939 .site-main > .page-header, body.page-id-1939 .entry-header, body.page-id-1939 h1.entry-title, body.page-id-1939 .entry-title, body.page-id-1939 h1.wp-block-post-title, body.page-id-1939 .wp-block-post-title, body.page-id-1939 .page-title { display: none !important; } /* PCHI Help section: hide default WordPress comments */ body.page-id-1929 .comments-area, body.page-id-1929 #comments, body.page-id-1929 .comment-respond, body.page-id-1931 .comments-area, body.page-id-1931 #comments, body.page-id-1931 .comment-respond, body.page-id-1933 .comments-area, body.page-id-1933 #comments, body.page-id-1933 .comment-respond, body.page-id-1935 .comments-area, body.page-id-1935 #comments, body.page-id-1935 .comment-respond, body.page-id-1937 .comments-area, body.page-id-1937 #comments, body.page-id-1937 .comment-respond, body.page-id-1939 .comments-area, body.page-id-1939 #comments, body.page-id-1939 .comment-respond { display: none !important; } /* PCHI Contact + Coverage section: hide theme-generated page titles */ body.page-id-127 .site-main > header, body.page-id-127 .site-main > .page-header, body.page-id-127 .entry-header, body.page-id-127 h1.entry-title, body.page-id-127 .entry-title, body.page-id-127 h1.wp-block-post-title, body.page-id-127 .wp-block-post-title, body.page-id-127 .page-title, body.page-id-1951 .site-main > header, body.page-id-1951 .site-main > .page-header, body.page-id-1951 .entry-header, body.page-id-1951 h1.entry-title, body.page-id-1951 .entry-title, body.page-id-1951 h1.wp-block-post-title, body.page-id-1951 .wp-block-post-title, body.page-id-1951 .page-title, body.page-id-1953 .site-main > header, body.page-id-1953 .site-main > .page-header, body.page-id-1953 .entry-header, body.page-id-1953 h1.entry-title, body.page-id-1953 .entry-title, body.page-id-1953 h1.wp-block-post-title, body.page-id-1953 .wp-block-post-title, body.page-id-1953 .page-title, body.page-id-1955 .site-main > header, body.page-id-1955 .site-main > .page-header, body.page-id-1955 .entry-header, body.page-id-1955 h1.entry-title, body.page-id-1955 .entry-title, body.page-id-1955 h1.wp-block-post-title, body.page-id-1955 .wp-block-post-title, body.page-id-1955 .page-title, body.page-id-1957 .site-main > header, body.page-id-1957 .site-main > .page-header, body.page-id-1957 .entry-header, body.page-id-1957 h1.entry-title, body.page-id-1957 .entry-title, body.page-id-1957 h1.wp-block-post-title, body.page-id-1957 .wp-block-post-title, body.page-id-1957 .page-title, body.page-id-1971 .site-main > header, body.page-id-1971 .site-main > .page-header, body.page-id-1971 .entry-header, body.page-id-1971 h1.entry-title, body.page-id-1971 .entry-title, body.page-id-1971 h1.wp-block-post-title, body.page-id-1971 .wp-block-post-title, body.page-id-1971 .page-title, body.page-id-1959 .site-main > header, body.page-id-1959 .site-main > .page-header, body.page-id-1959 .entry-header, body.page-id-1959 h1.entry-title, body.page-id-1959 .entry-title, body.page-id-1959 h1.wp-block-post-title, body.page-id-1959 .wp-block-post-title, body.page-id-1959 .page-title, body.page-id-1961 .site-main > header, body.page-id-1961 .site-main > .page-header, body.page-id-1961 .entry-header, body.page-id-1961 h1.entry-title, body.page-id-1961 .entry-title, body.page-id-1961 h1.wp-block-post-title, body.page-id-1961 .wp-block-post-title, body.page-id-1961 .page-title, body.page-id-1963 .site-main > header, body.page-id-1963 .site-main > .page-header, body.page-id-1963 .entry-header, body.page-id-1963 h1.entry-title, body.page-id-1963 .entry-title, body.page-id-1963 h1.wp-block-post-title, body.page-id-1963 .wp-block-post-title, body.page-id-1963 .page-title, body.page-id-1965 .site-main > header, body.page-id-1965 .site-main > .page-header, body.page-id-1965 .entry-header, body.page-id-1965 h1.entry-title, body.page-id-1965 .entry-title, body.page-id-1965 h1.wp-block-post-title, body.page-id-1965 .wp-block-post-title, body.page-id-1965 .page-title, body.page-id-1967 .site-main > header, body.page-id-1967 .site-main > .page-header, body.page-id-1967 .entry-header, body.page-id-1967 h1.entry-title, body.page-id-1967 .entry-title, body.page-id-1967 h1.wp-block-post-title, body.page-id-1967 .wp-block-post-title, body.page-id-1967 .page-title, body.page-id-1969 .site-main > header, body.page-id-1969 .site-main > .page-header, body.page-id-1969 .entry-header, body.page-id-1969 h1.entry-title, body.page-id-1969 .entry-title, body.page-id-1969 h1.wp-block-post-title, body.page-id-1969 .wp-block-post-title, body.page-id-1969 .page-title { display: none !important; } /* PCHI Contact + Coverage section: hide default WordPress comments */ body.page-id-127 .comments-area, body.page-id-127 #comments, body.page-id-127 .comment-respond, body.page-id-1951 .comments-area, body.page-id-1951 #comments, body.page-id-1951 .comment-respond, body.page-id-1953 .comments-area, body.page-id-1953 #comments, body.page-id-1953 .comment-respond, body.page-id-1955 .comments-area, body.page-id-1955 #comments, body.page-id-1955 .comment-respond, body.page-id-1957 .comments-area, body.page-id-1957 #comments, body.page-id-1957 .comment-respond, body.page-id-1971 .comments-area, body.page-id-1971 #comments, body.page-id-1971 .comment-respond, body.page-id-1959 .comments-area, body.page-id-1959 #comments, body.page-id-1959 .comment-respond, body.page-id-1961 .comments-area, body.page-id-1961 #comments, body.page-id-1961 .comment-respond, body.page-id-1963 .comments-area, body.page-id-1963 #comments, body.page-id-1963 .comment-respond, body.page-id-1965 .comments-area, body.page-id-1965 #comments, body.page-id-1965 .comment-respond, body.page-id-1967 .comments-area, body.page-id-1967 #comments, body.page-id-1967 .comment-respond, body.page-id-1969 .comments-area, body.page-id-1969 #comments, body.page-id-1969 .comment-respond { display: none !important; } /* PCHI Gallery page: hide theme-generated title and comments */ body.page-id-1975 .site-main > header, body.page-id-1975 .site-main > .page-header, body.page-id-1975 .entry-header, body.page-id-1975 h1.entry-title, body.page-id-1975 .entry-title, body.page-id-1975 h1.wp-block-post-title, body.page-id-1975 .wp-block-post-title, body.page-id-1975 .page-title { display: none !important; } body.page-id-1975 .comments-area, body.page-id-1975 #comments, body.page-id-1975 .comment-respond { display: none !important; } /* Optional: make native WordPress gallery blocks look more PCHI on /services/gallery/ */ body.page-id-1975 .wp-block-gallery { max-width: 1440px; margin: 0 auto !important; padding: clamp(24px, 4vw, 56px) clamp(16px, 4vw, 48px); gap: 16px !important; } body.page-id-1975 .wp-block-gallery figure, body.page-id-1975 .wp-block-gallery .wp-block-image { border-radius: 24px; overflow: hidden; background: #f8f8f8; box-shadow: 0 18px 48px rgba(17, 17, 17, 0.08); } body.page-id-1975 .wp-block-gallery img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 220ms ease; } body.page-id-1975 .wp-block-gallery figure:hover img, body.page-id-1975 .wp-block-gallery .wp-block-image:hover img { transform: scale(1.025); } body.page-id-1975 .wp-block-gallery figcaption { padding: 12px 14px !important; background: rgba(17, 17, 17, 0.82) !important; color: #ffffff !important; font-family: Montserrat, Arial, sans-serif; font-size: 0.86rem !important; line-height: 1.45 !important; } /* PCHI Customer explainer pages: hide theme-generated page titles */ body.page-id-2004 .site-main > header, body.page-id-2004 .site-main > .page-header, body.page-id-2004 .entry-header, body.page-id-2004 h1.entry-title, body.page-id-2004 .entry-title, body.page-id-2004 h1.wp-block-post-title, body.page-id-2004 .wp-block-post-title, body.page-id-2004 .page-title, body.page-id-2006 .site-main > header, body.page-id-2006 .site-main > .page-header, body.page-id-2006 .entry-header, body.page-id-2006 h1.entry-title, body.page-id-2006 .entry-title, body.page-id-2006 h1.wp-block-post-title, body.page-id-2006 .wp-block-post-title, body.page-id-2006 .page-title, body.page-id-2008 .site-main > header, body.page-id-2008 .site-main > .page-header, body.page-id-2008 .entry-header, body.page-id-2008 h1.entry-title, body.page-id-2008 .entry-title, body.page-id-2008 h1.wp-block-post-title, body.page-id-2008 .wp-block-post-title, body.page-id-2008 .page-title, body.page-id-2010 .site-main > header, body.page-id-2010 .site-main > .page-header, body.page-id-2010 .entry-header, body.page-id-2010 h1.entry-title, body.page-id-2010 .entry-title, body.page-id-2010 h1.wp-block-post-title, body.page-id-2010 .wp-block-post-title, body.page-id-2010 .page-title { display: none !important; } /* PCHI Customer explainer pages: hide default WordPress comments */ body.page-id-2004 .comments-area, body.page-id-2004 #comments, body.page-id-2004 .comment-respond, body.page-id-2006 .comments-area, body.page-id-2006 #comments, body.page-id-2006 .comment-respond, body.page-id-2008 .comments-area, body.page-id-2008 #comments, body.page-id-2008 .comment-respond, body.page-id-2010 .comments-area, body.page-id-2010 #comments, body.page-id-2010 .comment-respond { display: none !important; } /* ========================================================= PCHI MEGA SERVICES MENU — DESKTOP (legacy) Superseded on desktop by assets/css/babe-mega-menu.css (loads later). Kept for reference; BABE rules override yellow/gold where duplicated. ========================================================= */ @media (min-width: 769px) { /* ---------- Global menu design variables ---------- */ #mega-menu-wrap-mega_services { --pchi-mm-panel-w: min(1240px, calc(100vw - 72px)); --pchi-mm-rail-w: clamp(280px, 18vw, 320px); --pchi-gold: #f6a800; --pchi-gold-dark: #d88f00; --pchi-black: #101010; --pchi-ink: #161616; --pchi-white: #ffffff; --pchi-line: rgba(17, 17, 17, 0.07); } .pchi-mega-menu, #mega-menu-wrap-mega_services, #mega-menu-wrap-mega_services #mega-menu-mega_services { overflow: visible !important; z-index: 99999 !important; } /* ---------- Main dropdown panel ---------- */ #mega-menu-wrap-mega_services #mega-menu-mega_services > li.mega-menu-megamenu > ul.mega-sub-menu { position: absolute !important; top: 100% !important; left: 50% !important; right: auto !important; transform: translateX(-50%) !important; width: var(--pchi-mm-panel-w) !important; max-width: var(--pchi-mm-panel-w) !important; margin: 0 !important; padding: 0 !important; background: linear-gradient( 90deg, var(--pchi-gold) 0, var(--pchi-gold) var(--pchi-mm-rail-w), var(--pchi-white) var(--pchi-mm-rail-w), var(--pchi-white) 100% ) !important; border: 1px solid rgba(17, 17, 17, 0.10) !important; border-top: 2px solid var(--pchi-black) !important; border-radius: 0 0 26px 26px !important; box-shadow: 0 26px 70px rgba(0, 0, 0, 0.20), 0 8px 22px rgba(0, 0, 0, 0.08) !important; max-height: calc(100vh - 104px) !important; overflow-x: hidden !important; overflow-y: auto !important; isolation: isolate !important; scrollbar-width: thin; scrollbar-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.04); } /* Divider between yellow rail and white service area */ #mega-menu-wrap-mega_services #mega-menu-mega_services > li.mega-menu-megamenu > ul.mega-sub-menu::before { content: "" !important; display: block !important; position: absolute !important; top: 0 !important; bottom: 0 !important; left: var(--pchi-mm-rail-w) !important; width: 1px !important; background: rgba(17, 17, 17, 0.08) !important; z-index: 1 !important; pointer-events: none !important; } /* Logo watermark bottom-right */ #mega-menu-wrap-mega_services #mega-menu-mega_services > li.mega-menu-megamenu > ul.mega-sub-menu::after { content: "" !important; display: block !important; position: absolute !important; right: 28px !important; bottom: 18px !important; width: 220px !important; height: 90px !important; background-image: url("https://pchi-uk.com/wp-content/uploads/2026/03/2.png") !important; background-repeat: no-repeat !important; background-position: right bottom !important; background-size: contain !important; opacity: 0.08 !important; filter: grayscale(1) !important; pointer-events: none !important; z-index: 0 !important; } /* Hide actual logo widgets so the logo never affects menu height */ #mega-menu-wrap-mega_services #mega-menu-mega_services .pchi-logo-wrap, #mega-menu-wrap-mega_services #mega-menu-mega_services .pchi-logo-img { display: none !important; } /* ---------- Inner layout ---------- */ #mega-menu-wrap-mega_services #mega-menu-mega_services > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row, #mega-menu-wrap-mega_services #mega-menu-mega_services > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; } #mega-menu-wrap-mega_services #mega-menu-mega_services > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu { display: flex !important; align-items: stretch !important; gap: 0 !important; min-height: 0 !important; position: relative !important; z-index: 2 !important; } #mega-menu-wrap-mega_services #mega-menu-mega_services > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column { float: none !important; clear: none !important; width: auto !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; box-sizing: border-box !important; } /* Left brand rail */ #mega-menu-wrap-mega_services #mega-menu-mega_services > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column:first-child { flex: 0 0 var(--pchi-mm-rail-w) !important; padding: 28px 28px 30px 28px !important; color: #ffffff !important; } /* Service columns */ #mega-menu-wrap-mega_services #mega-menu-mega_services > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column:not(:first-child) { flex: 1 1 0 !important; padding: 34px 34px 32px 34px !important; border-left: 1px solid var(--pchi-line) !important; background: transparent !important; position: relative !important; z-index: 3 !important; } /* ---------- Reset noisy widget spacing ---------- */ #mega-menu-wrap-mega_services #mega-menu-mega_services .mega-menu-column > ul.mega-sub-menu, #mega-menu-wrap-mega_services #mega-menu-mega_services .mega-menu-column > ul.mega-sub-menu > li, #mega-menu-wrap-mega_services #mega-menu-mega_services .mega-menu-item-type-widget, #mega-menu-wrap-mega_services #mega-menu-mega_services .widget, #mega-menu-wrap-mega_services #mega-menu-mega_services .widget_text, #mega-menu-wrap-mega_services #mega-menu-mega_services .widget_custom_html, #mega-menu-wrap-mega_services #mega-menu-mega_services .textwidget, #mega-menu-wrap-mega_services #mega-menu-mega_services .custom-html-widget { margin: 0 !important; padding: 0 !important; } /* Hide only Custom HTML BR spacing. Keep Text widget line breaks for big titles. */ #mega-menu-wrap-mega_services #mega-menu-mega_services .widget_custom_html .custom-html-widget br { display: none !important; } /* ---------- Left brand rail typography ---------- */ #mega-menu-wrap-mega_services #mega-menu-mega_services .pchi-mega-title { display: block !important; margin: 0 0 25px 0 !important; padding: 0 !important; color: #ffffff !important; font-family: Montserrat, Arial, sans-serif !important; font-size: clamp(34px, 2.35vw, 44px) !important; line-height: 0.93 !important; font-weight: 800 !important; letter-spacing: -0.06em !important; text-transform: uppercase !important; white-space: normal !important; word-break: normal !important; overflow-wrap: normal !important; hyphens: none !important; } #mega-menu-wrap-mega_services #mega-menu-mega_services .pchi-section { margin: 0 0 22px 0 !important; padding: 0 !important; } #mega-menu-wrap-mega_services #mega-menu-mega_services .pchi-section:last-child { margin-bottom: 0 !important; } /* Clean section labels */ #mega-menu-wrap-mega_services #mega-menu-mega_services .pchi-section-title { display: block !important; width: auto !important; max-width: none !important; margin: 0 0 10px 0 !important; padding: 0 !important; color: #ffffff !important; background: transparent !important; font-family: Montserrat, Arial, sans-serif !important; font-size: 15px !important; line-height: 1.05 !important; font-weight: 800 !important; letter-spacing: 0.015em !important; text-transform: uppercase !important; border: 0 !important; box-shadow: none !important; text-decoration: none !important; } #mega-menu-wrap-mega_services #mega-menu-mega_services .pchi-section-title::before, #mega-menu-wrap-mega_services #mega-menu-mega_services .pchi-section-title::after { display: none !important; content: none !important; } /* Sidebar links as premium action buttons */ #mega-menu-wrap-mega_services #mega-menu-mega_services .pchi-yellow-link, #mega-menu-wrap-mega_services #mega-menu-mega_services .pchi-yellow-link:visited { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 0 7px 0 !important; padding: 8px 11px !important; color: #ffffff !important; background: rgba(255, 255, 255, 0.13) !important; border: 1px solid rgba(255, 255, 255, 0.18) !important; border-radius: 12px !important; box-shadow: none !important; text-decoration: none !important; font-family: Montserrat, Arial, sans-serif !important; font-size: 13.5px !important; line-height: 1.18 !important; font-weight: 600 !important; letter-spacing: -0.01em !important; transition: background 160ms ease, color 160ms ease, transform 160ms ease, border-color 160ms ease !important; } #mega-menu-wrap-mega_services #mega-menu-mega_services .pchi-yellow-link::before, #mega-menu-wrap-mega_services #mega-menu-mega_services .pchi-yellow-link::after { display: none !important; content: none !important; } #mega-menu-wrap-mega_services #mega-menu-mega_services .pchi-yellow-link:hover, #mega-menu-wrap-mega_services #mega-menu-mega_services .pchi-yellow-link:focus { background: rgba(255, 255, 255, 0.22) !important; border-color: rgba(255, 255, 255, 0.32) !important; color: #ffffff !important; transform: translateX(3px) !important; } /* Make the buying action stand out */ #mega-menu-wrap-mega_services #mega-menu-mega_services .pchi-yellow-link[href="/instant-online-quote/"], #mega-menu-wrap-mega_services #mega-menu-mega_services .pchi-yellow-link[href="/request-quote/"] { background: #111111 !important; border-color: #111111 !important; color: #ffffff !important; margin-top: 9px !important; } #mega-menu-wrap-mega_services #mega-menu-mega_services .pchi-yellow-link[href="/instant-online-quote/"]:hover, #mega-menu-wrap-mega_services #mega-menu-mega_services .pchi-yellow-link[href="/instant-online-quote/"]:focus, #mega-menu-wrap-mega_services #mega-menu-mega_services .pchi-yellow-link[href="/request-quote/"]:hover, #mega-menu-wrap-mega_services #mega-menu-mega_services .pchi-yellow-link[href="/request-quote/"]:focus { background: #ffffff !important; border-color: #ffffff !important; color: #111111 !important; } /* ---------- Service directory typography ---------- */ #mega-menu-wrap-mega_services #mega-menu-mega_services .pchi-grey-heading, #mega-menu-wrap-mega_services #mega-menu-mega_services .pchi-grey-subheading { display: block !important; margin: 0 0 12px 0 !important; padding: 0 !important; color: var(--pchi-black) !important; background: transparent !important; font-family: Montserrat, Arial, sans-serif !important; font-size: clamp(16px, 1vw, 19px) !important; line-height: 1.08 !important; font-weight: 800 !important; letter-spacing: -0.035em !important; text-transform: uppercase !important; border: 0 !important; box-shadow: none !important; text-decoration: none !important; word-break: normal !important; overflow-wrap: normal !important; position: relative !important; z-index: 4 !important; } #mega-menu-wrap-mega_services #mega-menu-mega_services .pchi-grey-heading::before, #mega-menu-wrap-mega_services #mega-menu-mega_services .pchi-grey-subheading::before { content: "" !important; display: inline-block !important; width: 7px !important; height: 7px !important; margin-right: 9px !important; border-radius: 999px !important; background: var(--pchi-gold) !important; vertical-align: 0.14em !important; } #mega-menu-wrap-mega_services #mega-menu-mega_services .pchi-grey-heading::after, #mega-menu-wrap-mega_services #mega-menu-mega_services .pchi-grey-subheading::after { display: none !important; content: none !important; } /* Restore group spacing after hidden BR tags */ #mega-menu-wrap-mega_services #mega-menu-mega_services .custom-html-widget > .pchi-grey-heading:first-child, #mega-menu-wrap-mega_services #mega-menu-mega_services .custom-html-widget > .pchi-grey-subheading:first-child, #mega-menu-wrap-mega_services #mega-menu-mega_services .custom-html-widget > br:first-child + .pchi-grey-heading, #mega-menu-wrap-mega_services #mega-menu-mega_services .custom-html-widget > br:first-child + .pchi-grey-subheading { margin-top: 0 !important; } #mega-menu-wrap-mega_services #mega-menu-mega_services .widget_custom_html br + br + .pchi-grey-heading, #mega-menu-wrap-mega_services #mega-menu-mega_services .widget_custom_html br + br + .pchi-grey-subheading { margin-top: 28px !important; } #mega-menu-wrap-mega_services #mega-menu-mega_services .pchi-grey-link, #mega-menu-wrap-mega_services #mega-menu-mega_services .pchi-grey-link:visited { display: block !important; width: fit-content !important; max-width: 100% !important; margin: 0 0 7px 16px !important; padding: 0 !important; color: var(--pchi-ink) !important; background: transparent !important; font-family: Montserrat, Arial, sans-serif !important; font-size: 14.8px !important; line-height: 1.28 !important; font-weight: 500 !important; letter-spacing: -0.01em !important; text-decoration: none !important; border: 0 !important; box-shadow: none !important; transition: color 150ms ease, transform 150ms ease !important; position: relative !important; z-index: 4 !important; } #mega-menu-wrap-mega_services #mega-menu-mega_services .pchi-grey-link::before, #mega-menu-wrap-mega_services #mega-menu-mega_services .pchi-grey-link::after { display: none !important; content: none !important; } #mega-menu-wrap-mega_services #mega-menu-mega_services .pchi-grey-link:hover, #mega-menu-wrap-mega_services #mega-menu-mega_services .pchi-grey-link:focus { color: var(--pchi-gold-dark) !important; transform: translateX(4px) !important; } /* ---------- Scrollbar styling ---------- */ #mega-menu-wrap-mega_services #mega-menu-mega_services > li.mega-menu-megamenu > ul.mega-sub-menu::-webkit-scrollbar { width: 7px; } #mega-menu-wrap-mega_services #mega-menu-mega_services > li.mega-menu-megamenu > ul.mega-sub-menu::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.04); } #mega-menu-wrap-mega_services #mega-menu-mega_services > li.mega-menu-megamenu > ul.mega-sub-menu::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.24); border-radius: 999px; } } /* ========================================================= PCHI MEGA MENU — LOGO WATERMARK FIX Kills old logo widgets and rebuilds logo as controlled watermark. ========================================================= */ @media (min-width: 769px) { /* Kill every existing menu logo widget/image */ #mega-menu-wrap-mega_services #mega-menu-mega_services .pchi-logo-wrap, #mega-menu-wrap-mega_services #mega-menu-mega_services .pchi-logo-wrap *, #mega-menu-wrap-mega_services #mega-menu-mega_services .pchi-logo-img, #mega-menu-wrap-mega_services #mega-menu-mega_services img[src*="/wp-content/uploads/2026/03/2.png"] { display: none !important; visibility: hidden !important; opacity: 0 !important; width: 0 !important; height: 0 !important; max-width: 0 !important; max-height: 0 !important; overflow: hidden !important; } /* Turn off the panel-level logo watermark from V3 */ #mega-menu-wrap-mega_services #mega-menu-mega_services > li.mega-menu-megamenu > ul.mega-sub-menu::after { display: none !important; content: none !important; } /* Put the logo inside the last service column instead */ #mega-menu-wrap-mega_services #mega-menu-mega_services > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column:last-child { position: relative !important; overflow: hidden !important; } #mega-menu-wrap-mega_services #mega-menu-mega_services > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column:last-child::after { content: "" !important; display: block !important; position: absolute !important; right: 24px !important; bottom: 22px !important; width: min(220px, 72%) !important; height: 92px !important; background-image: url("https://pchi-uk.com/wp-content/uploads/2026/03/2.png") !important; background-repeat: no-repeat !important; background-position: right bottom !important; background-size: contain !important; opacity: 0.07 !important; filter: grayscale(1) !important; pointer-events: none !important; z-index: 0 !important; } /* Keep text above the watermark */ #mega-menu-wrap-mega_services #mega-menu-mega_services > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column:last-child > ul, #mega-menu-wrap-mega_services #mega-menu-mega_services > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column:last-child .widget, #mega-menu-wrap-mega_services #mega-menu-mega_services > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column:last-child .custom-html-widget, #mega-menu-wrap-mega_services #mega-menu-mega_services > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column:last-child .textwidget { position: relative !important; z-index: 2 !important; } } /* ========================================================= PCHI MEGA SERVICES MENU — MOBILE ACCORDION FIX TEST Mobile only. Desktop untouched. ========================================================= */ @media (max-width: 768px) { /* Keep the mobile service bar controlled */ #mega-menu-wrap-mega_services { position: relative !important; z-index: 99999 !important; background: #111111 !important; border-top: 2px solid #111111 !important; border-bottom: 2px solid #111111 !important; } #mega-menu-wrap-mega_services .mega-menu-toggle { height: 56px !important; min-height: 56px !important; background: #1b1b1b !important; border: 0 !important; } #mega-menu-wrap-mega_services .mega-menu-toggle .mega-toggle-blocks-right { padding-right: 18px !important; } #mega-menu-wrap-mega_services .mega-menu-toggle button, #mega-menu-wrap-mega_services .mega-menu-toggle .mega-toggle-animated { color: #ffffff !important; } /* Main mobile drawer */ #mega-menu-wrap-mega_services #mega-menu-mega_services { position: absolute !important; top: 56px !important; left: 12px !important; right: 12px !important; width: calc(100vw - 24px) !important; max-width: calc(100vw - 24px) !important; max-height: calc(100vh - 150px) !important; margin: 0 !important; padding: 12px !important; background: #ffffff !important; border: 1px solid rgba(17, 17, 17, 0.10) !important; border-top: 4px solid #f6a800 !important; border-radius: 0 0 22px 22px !important; box-shadow: 0 22px 58px rgba(0, 0, 0, 0.28), 0 8px 18px rgba(0, 0, 0, 0.12) !important; overflow-x: hidden !important; overflow-y: auto !important; z-index: 999999 !important; } /* Only show drawer when Max Mega Menu opens it */ #mega-menu-wrap-mega_services .mega-menu-toggle:not(.mega-menu-open) + #mega-menu-mega_services { display: none !important; } #mega-menu-wrap-mega_services .mega-menu-toggle.mega-menu-open + #mega-menu-mega_services { display: block !important; } /* Top-level category items */ #mega-menu-wrap-mega_services #mega-menu-mega_services > li.mega-menu-item { display: block !important; width: 100% !important; margin: 0 0 8px 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; } #mega-menu-wrap-mega_services #mega-menu-mega_services > li.mega-menu-item > a.mega-menu-link { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; height: auto !important; min-height: 48px !important; margin: 0 !important; padding: 14px 16px !important; background: #f6a800 !important; color: #111111 !important; border: 2px solid #111111 !important; border-radius: 15px !important; font-family: Montserrat, Arial, sans-serif !important; font-size: 15px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.01em !important; text-decoration: none !important; text-transform: none !important; box-shadow: none !important; } #mega-menu-wrap-mega_services #mega-menu-mega_services > li.mega-menu-item.mega-toggle-on > a.mega-menu-link { background: #111111 !important; color: #ffffff !important; border-color: #111111 !important; } #mega-menu-wrap-mega_services #mega-menu-mega_services > li.mega-menu-item > a.mega-menu-link .mega-indicator { color: inherit !important; margin-left: 10px !important; } /* Hide closed submenus */ #mega-menu-wrap-mega_services #mega-menu-mega_services > li.mega-menu-item:not(.mega-toggle-on) > ul.mega-sub-menu { display: none !important; } /* Open submenu panel */ #mega-menu-wrap-mega_services #mega-menu-mega_services > li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu { display: block !important; position: static !important; width: 100% !important; max-width: 100% !important; margin: 8px 0 14px 0 !important; padding: 14px 16px 18px 16px !important; transform: none !important; left: auto !important; right: auto !important; top: auto !important; background: #ffffff !important; border: 1px solid rgba(17, 17, 17, 0.10) !important; border-radius: 18px !important; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06) !important; max-height: none !important; overflow: visible !important; } /* Remove desktop split backgrounds / pseudo elements on mobile */ #mega-menu-wrap-mega_services #mega-menu-mega_services ul.mega-sub-menu::before, #mega-menu-wrap-mega_services #mega-menu-mega_services ul.mega-sub-menu::after { display: none !important; content: none !important; } /* Reset submenu rows/columns */ #mega-menu-wrap-mega_services #mega-menu-mega_services li.mega-menu-row, #mega-menu-wrap-mega_services #mega-menu-mega_services li.mega-menu-row > ul.mega-sub-menu, #mega-menu-wrap-mega_services #mega-menu-mega_services li.mega-menu-column, #mega-menu-wrap-mega_services #mega-menu-mega_services li.mega-menu-column > ul.mega-sub-menu { display: block !important; width: 100% !important; max-width: 100% !important; float: none !important; clear: both !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; } /* Hide desktop sidebar column on mobile */ #mega-menu-wrap-mega_services #mega-menu-mega_services li.mega-menu-column:first-child, #mega-menu-wrap-mega_services #mega-menu-mega_services .pchi-mega-title, #mega-menu-wrap-mega_services #mega-menu-mega_services .pchi-section, #mega-menu-wrap-mega_services #mega-menu-mega_services .pchi-logo-wrap, #mega-menu-wrap-mega_services #mega-menu-mega_services .pchi-logo-img { display: none !important; } /* Widget reset */ #mega-menu-wrap-mega_services #mega-menu-mega_services .mega-menu-item-type-widget, #mega-menu-wrap-mega_services #mega-menu-mega_services .widget, #mega-menu-wrap-mega_services #mega-menu-mega_services .widget_text, #mega-menu-wrap-mega_services #mega-menu-mega_services .widget_custom_html, #mega-menu-wrap-mega_services #mega-menu-mega_services .textwidget, #mega-menu-wrap-mega_services #mega-menu-mega_services .custom-html-widget { margin: 0 !important; padding: 0 !important; } /* Hide BR spacing in custom html widgets */ #mega-menu-wrap-mega_services #mega-menu-mega_services .widget_custom_html .custom-html-widget br { display: none !important; } /* Mobile service group headings */ #mega-menu-wrap-mega_services #mega-menu-mega_services .pchi-grey-heading, #mega-menu-wrap-mega_services #mega-menu-mega_services .pchi-grey-subheading { display: block !important; margin: 20px 0 9px 0 !important; padding: 0 0 0 14px !important; color: #111111 !important; background: transparent !important; font-family: Montserrat, Arial, sans-serif !important; font-size: 16px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; text-transform: uppercase !important; border: 0 !important; box-shadow: none !important; text-decoration: none !important; position: relative !important; } #mega-menu-wrap-mega_services #mega-menu-mega_services .pchi-grey-heading:first-child, #mega-menu-wrap-mega_services #mega-menu-mega_services .pchi-grey-subheading:first-child { margin-top: 0 !important; } #mega-menu-wrap-mega_services #mega-menu-mega_services .pchi-grey-heading::before, #mega-menu-wrap-mega_services #mega-menu-mega_services .pchi-grey-subheading::before { content: "" !important; position: absolute !important; left: 0 !important; top: 0.42em !important; width: 7px !important; height: 7px !important; border-radius: 999px !important; background: #f6a800 !important; } #mega-menu-wrap-mega_services #mega-menu-mega_services .pchi-grey-heading::after, #mega-menu-wrap-mega_services #mega-menu-mega_services .pchi-grey-subheading::after { display: none !important; content: none !important; } /* Mobile service links */ #mega-menu-wrap-mega_services #mega-menu-mega_services .pchi-grey-link, #mega-menu-wrap-mega_services #mega-menu-mega_services .pchi-grey-link:visited { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 10px 0 10px 14px !important; color: #1a1a1a !important; background: transparent !important; font-family: Montserrat, Arial, sans-serif !important; font-size: 15.5px !important; line-height: 1.25 !important; font-weight: 500 !important; letter-spacing: -0.01em !important; text-decoration: none !important; border: 0 !important; border-bottom: 1px solid rgba(17, 17, 17, 0.08) !important; box-shadow: none !important; } #mega-menu-wrap-mega_services #mega-menu-mega_services .pchi-grey-link:hover, #mega-menu-wrap-mega_services #mega-menu-mega_services .pchi-grey-link:focus { color: #d88f00 !important; } #mega-menu-wrap-mega_services #mega-menu-mega_services .pchi-grey-link::before, #mega-menu-wrap-mega_services #mega-menu-mega_services .pchi-grey-link::after { display: none !important; content: none !important; } /* Prevent strange yellow vertical stripe on mobile */ #mega-menu-wrap-mega_services #mega-menu-mega_services > li.mega-menu-megamenu > ul.mega-sub-menu { background: #ffffff !important; } } /* ========================================================= PCHI MEGA SERVICES MENU — MOBILE CUSTOMER FOOTER CARD Shows Customer / Resources / Support below service links. ========================================================= */ @media (max-width: 768px) { /* Let the open submenu reorder its columns */ #mega-menu-wrap-mega_services #mega-menu-mega_services > li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu { display: flex !important; flex-direction: column !important; width: 100% !important; max-width: 100% !important; } /* Bring the old desktop sidebar back, but place it after the service columns */ #mega-menu-wrap-mega_services #mega-menu-mega_services > li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column:first-child { order: 99 !important; display: block !important; visibility: visible !important; width: 100% !important; max-width: 100% !important; margin: 20px 0 0 0 !important; padding: 20px 18px 22px 18px !important; background: linear-gradient(180deg, #0b0b0d 0%, #151518 100%) !important; border: 1px solid rgba(201, 194, 184, 0.22) !important; border-radius: 20px !important; color: #f5f2eb !important; box-shadow: 0 14px 32px rgba(11, 11, 13, 0.14) !important; } /* Keep all service columns before the customer card */ #mega-menu-wrap-mega_services #mega-menu-mega_services > li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column:not(:first-child) { order: 1 !important; } /* Show the sidebar widgets again */ #mega-menu-wrap-mega_services #mega-menu-mega_services > li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column:first-child > ul, #mega-menu-wrap-mega_services #mega-menu-mega_services > li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column:first-child .mega-menu-item-type-widget, #mega-menu-wrap-mega_services #mega-menu-mega_services > li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column:first-child .widget, #mega-menu-wrap-mega_services #mega-menu-mega_services > li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column:first-child .widget_custom_html, #mega-menu-wrap-mega_services #mega-menu-mega_services > li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column:first-child .textwidget, #mega-menu-wrap-mega_services #mega-menu-mega_services > li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column:first-child .custom-html-widget { display: block !important; visibility: visible !important; margin: 0 !important; padding: 0 !important; } /* Do not repeat the big service title inside the mobile footer card */ #mega-menu-wrap-mega_services #mega-menu-mega_services > li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column:first-child .pchi-mega-title { display: none !important; } /* Show Customer / Resources / Support sections */ #mega-menu-wrap-mega_services #mega-menu-mega_services > li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column:first-child .pchi-section { display: block !important; visibility: visible !important; margin: 0 0 20px 0 !important; padding: 0 !important; } #mega-menu-wrap-mega_services #mega-menu-mega_services > li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column:first-child .pchi-section:last-child { margin-bottom: 0 !important; } #mega-menu-wrap-mega_services #mega-menu-mega_services > li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column:first-child .pchi-section-title { display: block !important; visibility: visible !important; margin: 0 0 10px 0 !important; padding: 0 !important; color: #ffffff !important; background: transparent !important; font-family: Montserrat, Arial, sans-serif !important; font-size: 16px !important; line-height: 1.1 !important; font-weight: 800 !important; letter-spacing: 0.01em !important; text-transform: uppercase !important; border: 0 !important; box-shadow: none !important; text-decoration: none !important; } #mega-menu-wrap-mega_services #mega-menu-mega_services > li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column:first-child .pchi-section-title::before, #mega-menu-wrap-mega_services #mega-menu-mega_services > li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column:first-child .pchi-section-title::after { display: none !important; content: none !important; } /* Mobile footer-card links */ #mega-menu-wrap-mega_services #mega-menu-mega_services > li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column:first-child .pchi-yellow-link, #mega-menu-wrap-mega_services #mega-menu-mega_services > li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column:first-child .pchi-yellow-link:visited { display: block !important; visibility: visible !important; width: 100% !important; max-width: 100% !important; margin: 0 0 8px 0 !important; padding: 13px 14px !important; color: #ffffff !important; background: rgba(255, 255, 255, 0.15) !important; border: 1px solid rgba(255, 255, 255, 0.24) !important; border-radius: 14px !important; font-family: Montserrat, Arial, sans-serif !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 700 !important; letter-spacing: -0.01em !important; text-decoration: none !important; box-shadow: none !important; } #mega-menu-wrap-mega_services #mega-menu-mega_services > li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column:first-child .pchi-yellow-link::before, #mega-menu-wrap-mega_services #mega-menu-mega_services > li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column:first-child .pchi-yellow-link::after { display: none !important; content: none !important; } /* Conversion action inside the mobile footer card */ #mega-menu-wrap-mega_services #mega-menu-mega_services > li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column:first-child .pchi-yellow-link[href="/instant-online-quote/"], #mega-menu-wrap-mega_services #mega-menu-mega_services > li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column:first-child .pchi-yellow-link[href="/request-quote/"] { background: #111111 !important; border-color: #111111 !important; color: #ffffff !important; } /* Remove leftover spacing inside the footer card */ #mega-menu-wrap-mega_services #mega-menu-mega_services > li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column:first-child br { display: none !important; } } /* ------------------------------------------------------------------------- PCHI header stacking — utility dropdowns above yellow services row (desktop) Lower mega wrap vs white header; keep mega panels within layout below header. ------------------------------------------------------------------------- */ @media (min-width: 769px) { .pchi-header { position: relative; z-index: 100100 !important; } .pchi-mega-menu, #mega-menu-wrap-mega_services, #mega-menu-wrap-mega_services #mega-menu-mega_services { z-index: 100090 !important; } .pchi-utility-menu .sub-menu { z-index: 100110 !important; } } /* ------------------------------------------------------------------------- PCHI mobile utility menu (About / Help / Contact / Coverage) — drawer ------------------------------------------------------------------------- */ .pchi-mobile-utility-toggle { display: none; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 0; border: 2px solid #111; border-radius: 12px; background: #fff; color: #111; cursor: pointer; flex-shrink: 0; transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06); } .pchi-mobile-utility-toggle:hover, .pchi-mobile-utility-toggle:focus-visible { background: #faf4e5; outline: none; transform: translateY(-1px); } .pchi-mobile-utility-toggle__icon { display: flex; width: 20px; height: 20px; } .pchi-mobile-utility-toggle__icon svg { display: block; width: 100%; height: 100%; } .pchi-mobile-utility-backdrop { display: none; position: fixed; inset: 0; background: rgba(17, 17, 17, 0.45); z-index: 1000200; opacity: 0; transition: opacity 0.22s ease; } .pchi-mobile-utility-backdrop.is-open { display: block; opacity: 1; } .pchi-mobile-utility-drawer { position: fixed; inset: 0; z-index: 1000201; display: flex; justify-content: flex-end; align-items: stretch; pointer-events: none; visibility: hidden; } .pchi-mobile-utility-drawer.is-open { pointer-events: auto; visibility: visible; } .pchi-mobile-utility-drawer__panel { width: min(360px, 92vw); max-height: 100vh; margin: 0; padding: 0; background: #fff; border-left: 2px solid #111; border-top: 4px solid #f6a800; box-shadow: -12px 0 40px rgba(0, 0, 0, 0.18); display: flex; flex-direction: column; transform: translateX(100%); transition: transform 0.26s ease; overflow: hidden; } .pchi-mobile-utility-drawer.is-open .pchi-mobile-utility-drawer__panel { transform: translateX(0); } .pchi-mobile-utility-drawer__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 18px 12px; border-bottom: 1px solid rgba(17, 17, 17, 0.1); flex-shrink: 0; } .pchi-mobile-utility-drawer__title { margin: 0; font-family: Montserrat, Arial, sans-serif; font-size: 15px; font-weight: 800; letter-spacing: 0.02em; text-transform: uppercase; color: #111; } .pchi-mobile-utility-close { width: 40px; height: 40px; border: 2px solid #111; border-radius: 12px; background: #fff; font-size: 22px; line-height: 1; cursor: pointer; flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; padding: 0; color: #111; } .pchi-mobile-utility-close:hover, .pchi-mobile-utility-close:focus-visible { background: #f6a800; outline: none; } .pchi-mobile-utility-drawer__nav { overflow-y: auto; padding: 8px 18px 22px; -webkit-overflow-scrolling: touch; } .pchi-mobile-utility-menu, .pchi-mobile-utility-menu ul { list-style: none; margin: 0; padding: 0; } .pchi-mobile-utility-menu > li { margin: 0 0 14px; padding: 0; } .pchi-mobile-utility-menu > li > a { display: block; font-family: Montserrat, Arial, sans-serif; font-size: 15px; font-weight: 800; letter-spacing: 0.01em; text-transform: uppercase; color: #111; text-decoration: none; padding: 10px 4px 6px; border-bottom: 2px solid #f6a800; } .pchi-mobile-utility-menu .sub-menu { margin: 8px 0 0; padding: 0 0 0 4px; border-left: 2px solid rgba(17, 17, 17, 0.08); } .pchi-mobile-utility-menu .sub-menu li { margin: 0; } .pchi-mobile-utility-menu .sub-menu a { display: block; padding: 10px 12px; font-family: Montserrat, Arial, sans-serif; font-size: 14px; font-weight: 600; color: #222; text-decoration: none; border-radius: 10px; } .pchi-mobile-utility-menu .sub-menu a:hover, .pchi-mobile-utility-menu .sub-menu a:focus-visible { background: #faf4e5; outline: none; } body.pchi-mobile-utility-open { overflow: hidden; } @media (max-width: 768px) { .pchi-mobile-utility-toggle { display: inline-flex; } .pchi-header__cta { min-height: 38px; padding: 0 12px; font-size: 12px; letter-spacing: 0.01em; } .pchi-header__right { gap: 10px; } } /* ------------------------------------------------------------------------- PCHI mobile services mega menu — viewport-fixed drawer after scroll (requires body.pchi-mobile-services-menu-open + --pchi-mobile-services-menu-top from JS) ------------------------------------------------------------------------- */ @media (max-width: 768px) { body.pchi-mobile-services-menu-open { overflow: hidden !important; touch-action: none; } body.pchi-mobile-services-menu-open #mega-menu-wrap-mega_services #mega-menu-mega_services { display: block !important; visibility: visible !important; opacity: 1 !important; position: fixed !important; top: var(--pchi-mobile-services-menu-top, 72px) !important; left: 12px !important; right: 12px !important; bottom: max(14px, env(safe-area-inset-bottom)) !important; width: auto !important; max-width: none !important; height: auto !important; max-height: none !important; margin: 0 !important; padding: 12px !important; background: #ffffff !important; border: 1px solid rgba(17, 17, 17, 0.10) !important; border-top: 4px solid #f6a800 !important; border-radius: 0 0 22px 22px !important; box-shadow: 0 22px 58px rgba(0, 0, 0, 0.28), 0 8px 18px rgba(0, 0, 0, 0.12) !important; overflow-x: hidden !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch !important; transform: none !important; z-index: 1000500 !important; } body.pchi-mobile-services-menu-open #mega-menu-wrap-mega_services { z-index: 1000600 !important; } body.pchi-mobile-services-menu-open #mega-menu-wrap-mega_services .mega-menu-toggle { z-index: 1000700 !important; } body.pchi-mobile-services-menu-open #mega-menu-wrap-mega_services .mega-close { position: fixed !important; top: calc(var(--pchi-mobile-services-menu-top, 72px) + 10px) !important; right: 24px !important; z-index: 1000800 !important; } body.pchi-mobile-services-menu-open #mega-menu-wrap-mega_services #mega-menu-mega_services > li.mega-menu-item { display: block !important; visibility: visible !important; opacity: 1 !important; } body.pchi-mobile-services-menu-open #mega-menu-wrap-mega_services #mega-menu-mega_services > li.mega-menu-item > a.mega-menu-link { display: flex !important; } } @media (max-width: 768px) { body.pchi-mobile-services-menu-open .pchi-mobile-utility-backdrop, body.pchi-mobile-services-menu-open .pchi-mobile-utility-drawer { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; } body.pchi-mobile-services-menu-open #mega-menu-wrap-mega_services .mega-close { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; } body.pchi-mobile-services-menu-open #mega-menu-wrap-mega_services #mega-menu-mega_services { display: block !important; visibility: visible !important; opacity: 1 !important; filter: none !important; mix-blend-mode: normal !important; position: fixed !important; top: var(--pchi-mobile-services-menu-top, 72px) !important; left: 12px !important; right: 12px !important; bottom: max(14px, env(safe-area-inset-bottom)) !important; z-index: 2147483000 !important; background: #ffffff !important; overflow-x: hidden !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch !important; } body.pchi-mobile-services-menu-open #mega-menu-wrap-mega_services #mega-menu-mega_services > li.mega-menu-item { visibility: visible !important; opacity: 1 !important; filter: none !important; } body.pchi-mobile-services-menu-open #mega-menu-wrap-mega_services #mega-menu-mega_services::before, body.pchi-mobile-services-menu-open #mega-menu-wrap-mega_services #mega-menu-mega_services::after { display: none !important; content: none !important; } }