/* BSH Aero — design tokens + effects
   Generated for the Elementor rebuild. Safe to edit. */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap');

:root{
  --bsh-blue-900:#050d16; --bsh-blue-800:#0d1c2b; --bsh-blue-700:#152638; --bsh-blue-600:#1f3347;
  --bsh-beige-900:#6b5a41; --bsh-beige-800:#8a7456; --bsh-beige-700:#a8906d;
  --bsh-beige-600:#beaa87; --bsh-beige-500:#d4bfa3; --bsh-beige-400:#ddcbb4;
  --bsh-gray-500:#68717b; --bsh-gray-400:#8a929c; --bsh-gray-300:#adb3bc; --bsh-gray-200:#cdd1d6;
  --bg-canvas:#fbfcfd; --bg-surface:#ffffff; --bg-ghost:#fbfcfd;
  --fg-primary:var(--bsh-blue-800); --fg-secondary:var(--bsh-gray-500);
  --fg-muted:var(--bsh-gray-400); --fg-accent:var(--bsh-beige-700);
  --border-default:rgba(13,28,43,.12); --border-accent:var(--bsh-blue-800);
  --border-subtle:rgba(13,28,43,.08);
  --bsh-gold:#c9a24d;
  --ease-out:cubic-bezier(0.22,0.61,0.36,1);
}

/* ---------- Stats: rotating world map ---------- */
.bsh-globe{position:relative;overflow:hidden;}
.bsh-globe > .e-con-inner, .bsh-globe > .elementor-widget-wrap{position:relative;z-index:1;}
/* ---------- Feature cards: hover lift + glow ---------- */
.bsh-card{
  position:relative;overflow:hidden;
  background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,255,255,.72));
  border:1px solid var(--border-subtle)!important;border-top:2px solid var(--fg-primary)!important;
  border-radius:16px;box-shadow:0 4px 20px rgba(13,28,43,.05);
  transition:border-color 240ms var(--ease-out),transform 240ms var(--ease-out),box-shadow 240ms var(--ease-out);
}
.bsh-card::after{
  content:"";position:absolute;inset:0;border-radius:16px;pointer-events:none;z-index:0;
  background:radial-gradient(180px circle at var(--mx,50%) var(--my,50%),rgba(168,144,109,.32),transparent 60%);
  opacity:0;transition:opacity 240ms var(--ease-out);
}
.bsh-card:hover{border-color:rgba(168,144,109,.35)!important;transform:translateY(-3px);box-shadow:0 10px 28px rgba(13,28,43,.08);}
.bsh-card:hover::after{opacity:1;}
.bsh-card > .e-con-inner{position:relative;z-index:1;}

/* card meta footer row (01 / FASTER) */
.bsh-card-meta{
  display:flex;justify-content:space-between;width:100%;
  padding-top:12px;border-top:1px solid var(--border-subtle);
  font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-muted);
}
.bsh-card-meta .bsh-meta-tag{color:var(--fg-accent);}

/* ---------- Why us cards: concentric rings + corner dots ---------- */
.bsh-why-card{position:relative;overflow:hidden;background:#fff;
  border:1px solid var(--border-default)!important;border-radius:16px;
  box-shadow:0 4px 20px rgba(13,28,43,.05);
  transition:border-color 240ms var(--ease-out),transform 240ms var(--ease-out),box-shadow 240ms var(--ease-out);}
.bsh-why-card::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--bsh-beige-500);z-index:2;}
.bsh-why-card::after{content:"";position:absolute;inset:0;border-radius:16px;pointer-events:none;z-index:0;background:radial-gradient(180px circle at var(--mx,50%) var(--my,50%),rgba(168,144,109,.32),transparent 60%);opacity:0;transition:opacity 240ms var(--ease-out);}
.bsh-why-card:hover{border-color:rgba(168,144,109,.35)!important;transform:translateY(-3px);box-shadow:0 10px 28px rgba(13,28,43,.08);}
.bsh-why-card:hover::after{opacity:1;}
.bsh-why-card > .e-con-inner{position:relative;z-index:1;}
.bsh-why-card .elementor-icon-box-icon{position:relative;width:56px;height:56px;margin-bottom:18px;}

/* ---------- Roadmap steps (static) ---------- */
.bsh-step{position:relative;}
.bsh-step-num{font-size:10px;letter-spacing:.12em;font-weight:500;color:var(--fg-primary);}
.bsh-step-dot{width:11px;height:11px;border-radius:999px;background:var(--fg-accent);box-shadow:0 0 0 4px #fff;}

/* ---------- Shared type helpers ---------- */
.bsh-eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:500;color:var(--fg-accent);}
.bsh-accent{color:var(--fg-accent);}
.bsh-gold{color:var(--bsh-gold);}

/* ---------- Hero ---------- */
.bsh-hero{min-height:100vh;}
.bsh-hero .elementor-background-video-container{z-index:0;}
.bsh-hero-rule{width:1px;align-self:stretch;background:rgba(255,255,255,.3);}
/* LinkedIn corner icon: kill the inline-block descender gap that was stretching the white box vertically */
.bsh-hero .elementor-widget-icon .elementor-icon-wrapper,
.bsh-hero .elementor-widget-icon .elementor-widget-container{line-height:0;}
.bsh-hero .elementor-widget-icon .elementor-icon{display:flex;align-items:center;justify-content:center;}

/* ---------- Partners ---------- */
.bsh-partner-logo img{filter:grayscale(1);opacity:.65;transition:filter 240ms var(--ease-out),opacity 240ms var(--ease-out);}
.bsh-partner-logo:hover img{filter:grayscale(0);opacity:1;}

/* Real rotating globe (D3 orthographic canvas, injected by bsh-globe.js). The old flat
   scrolling map-texture ::before has been removed outright — it just panned sideways
   and never actually looked like a rotating sphere. Same position/mask/scale as before. */
.bsh-globe-canvas-wrap{
  position:absolute;left:50%;top:9px;transform:translateX(-50%);
  width:1500px;height:1500px;max-width:none;
  -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 35%,transparent 75%);
  mask-image:linear-gradient(180deg,#000 0%,#000 35%,transparent 75%);
  opacity:.18;z-index:0;pointer-events:none;
}
.bsh-globe-canvas-wrap canvas{display:block;filter:drop-shadow(0 10px 24px rgba(13,28,43,.18));}
@media(max-width:1024px){.bsh-globe-canvas-wrap{width:1100px;height:1100px;}}
@media(max-width:767px){.bsh-globe-canvas-wrap{width:800px;height:800px;opacity:.24;}}
@media(prefers-reduced-motion:reduce){.bsh-globe-canvas-wrap{opacity:.14;}}

.bsh-center-block{margin-left:auto !important;margin-right:auto !important;}

/* ===== BSH BUTTON STATES ===== */
.elementor-button{transition:background-color 200ms var(--ease-out),border-color 200ms var(--ease-out),color 200ms var(--ease-out),transform 120ms var(--ease-out),box-shadow 200ms var(--ease-out);}
.elementor-button:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(13,28,43,.14);}
.elementor-button:active{transform:translateY(0) scale(.97);box-shadow:none;}
.elementor-button .elementor-button-icon{transition:transform 200ms var(--ease-out);}
.elementor-button:hover .elementor-button-icon{transform:translateX(3px);}
/* typography: design uses Poppins 400/500 only */
.bsh-hero h1,.bsh-hero .elementor-heading-title{font-weight:400 !important;}
body:not(.bsh-auto-page):not(.bsh-ad-page) h2.elementor-heading-title,body:not(.bsh-auto-page):not(.bsh-ad-page) h3.elementor-heading-title{font-weight:500 !important;}
/* thin SVG icons inherit accent colour — !important beats Elementor's per-widget fill CSS */
.bsh-card .elementor-icon svg,.bsh-why-card .elementor-icon svg{stroke:var(--fg-accent) !important;fill:none !important;}
.bsh-card .elementor-icon,.bsh-why-card .elementor-icon{color:var(--fg-accent);}

/* ===== BSH .btn / .btn-primary — verbatim buttons inside ported sections ===== */
.btn{font-family:'Poppins',sans-serif;font-size:13px;font-weight:400;letter-spacing:.01em;padding:13px 26px;border-radius:999px;cursor:pointer;border:1px solid transparent;display:inline-flex;align-items:center;gap:8px;line-height:1;white-space:nowrap;text-decoration:none;transition:background 200ms var(--ease-out),border-color 200ms var(--ease-out);}
.btn-primary{background:var(--bsh-blue-800);color:#fff;}
.btn-primary:hover{background:var(--bsh-blue-700);color:#fff;}

/* ===== BSH HERO LOCKUP ===== */
.bsh-hero .elementor-widget-image{flex:0 0 auto;}
.bsh-hero .elementor-widget-image img{width:340px;max-width:34vw;height:auto;display:block;}
@media(max-width:1024px){.bsh-hero .elementor-widget-image img{width:260px;max-width:40vw;}}
@media(max-width:767px){.bsh-hero .elementor-widget-image img{width:220px;max-width:70vw;}}
.bsh-hero .elementor-widget-divider{flex:0 0 1px;align-self:stretch;padding:0;}
.bsh-hero .elementor-widget-divider .elementor-divider{height:100%;padding:0;display:block;}
.bsh-hero .elementor-widget-divider .elementor-divider-separator{height:100%;width:1px;border:0;border-left:1px solid rgba(255,255,255,.3);margin:0;}
@media(max-width:767px){.bsh-hero .elementor-widget-divider{display:none;}}

/* ================= BSH GLOBAL POLISH ================= */
/* 2. Poppins everywhere */
html body, body *, .elementor-widget-container, input, textarea, select, button,
h1,h2,h3,h4,h5,h6,p,a,span,div,li,label,.elementor-button,.elementor-heading-title
{font-family:'Poppins',system-ui,-apple-system,sans-serif !important;}
.dashicons,.dashicons-before:before,[class^="eicon-"],[class*=" eicon-"],
[class^="fa-"],[class*=" fa-"],.xpro-icon{font-family:inherit !important;}
.dashicons,.dashicons-before:before{font-family:dashicons !important;}
i[class*="fa"]{font-family:"Font Awesome 5 Free","Font Awesome 5 Brands" !important;}
/* 1. pill buttons */
.elementor-button,.elementor-button-wrapper .elementor-button,a.elementor-button
{border-radius:999px !important;}
/* 3. icon frame matches design: 38px circle, 1px accent border, 17px glyph */
.bsh-card .elementor-icon{width:38px;height:38px;padding:0 !important;border-radius:999px;
border:1px solid rgba(168,144,109,.32) !important;display:flex;align-items:center;justify-content:center;background:transparent !important;}
.bsh-card .elementor-icon svg{width:17px;height:17px;stroke:var(--fg-accent);fill:none;}
.bsh-why-card .elementor-icon{width:56px;height:56px;padding:0 !important;border:0 !important;background:transparent !important;}
.bsh-why-card .elementor-icon svg{width:56px;height:56px;color:var(--fg-accent);}
/* 4. partner carousel full-bleed, logos scaled not clipped */
.bsh-partners-full,.bsh-partners-full .e-con-boxed,.bsh-partners-full .e-con-inner{max-width:100% !important;width:100% !important;padding-left:0 !important;padding-right:0 !important;}
.bsh-partner-logo .swiper,.bsh-partner-logo .elementor-image-carousel-wrapper{width:100% !important;}
.bsh-partner-logo .swiper-slide{display:flex !important;align-items:center;justify-content:center;overflow:visible !important;}
.bsh-partner-logo .swiper-slide figure{width:100%;display:flex;align-items:center;justify-content:center;margin:0;}
.bsh-partner-logo .swiper-slide img{width:auto !important;max-width:82% !important;height:auto !important;max-height:56px;object-fit:contain;}
/* 6. FAQ: separate white cards like the design */
.bsh-faq .elementor-accordion{display:flex;flex-direction:column;gap:12px;}
.bsh-faq .elementor-accordion-item{border:1px solid var(--border-default) !important;border-radius:14px !important;background:#fff;overflow:hidden;}
.bsh-faq .elementor-tab-title{padding:18px 22px !important;border:0 !important;background:#fff !important;}
.bsh-faq .elementor-tab-title a{display:flex;justify-content:space-between;align-items:center;gap:16px;}
.bsh-faq .elementor-tab-content{padding:0 22px 18px !important;border:0 !important;background:#fff !important;}
.bsh-faq .elementor-accordion-icon{float:none !important;width:auto !important;color:var(--fg-muted) !important;font-size:20px;font-weight:400;order:2;margin:0 !important;}
.bsh-faq .elementor-accordion-icon svg{width:14px;height:14px;}

/* Touch devices simulate :hover on tap — the radial glow reads as a cursor-following spotlight even when centred, so kill only the glow (::after). Lift, border-color and shadow stay. */
@media (hover: none), (pointer: coarse) {
  .bsh-card:hover::after{opacity:0 !important;}
  .bsh-why-card:hover::after{opacity:0 !important;}
}

/* FAQ accordions (all pages): kill the browser's default focus rectangle on the question row.
   Keep a subtle keyboard-only focus ring for accessibility via :focus-visible. */
.elementor-accordion .elementor-tab-title,
.elementor-accordion .elementor-tab-title:focus,
.elementor-accordion .elementor-tab-title a,
.elementor-accordion .elementor-tab-title a:focus{outline:none !important;box-shadow:none !important;}
.elementor-accordion .elementor-tab-title:focus-visible,
.elementor-accordion .elementor-tab-title a:focus-visible{outline:2px solid rgba(212,191,163,.55) !important;outline-offset:3px;}

/* Expand the LinkedIn icon button's actual click/tap area to match its visible 40x40 box.
   The Elementor icon widget only makes the inner glyph link-sized; the padding around it
   was decorative, not clickable, which fails the 44x44 touch-target guideline on mobile. */
.elementor-element-2bc0af1{padding:0 !important;width:44px !important;height:44px !important;}
.elementor-element-2bc0af1 .elementor-icon-wrapper{position:absolute !important;inset:0 !important;width:auto !important;height:auto !important;}
.elementor-element-2bc0af1 a.elementor-icon{position:absolute !important;inset:0 !important;width:auto !important;height:auto !important;display:flex !important;align-items:center;justify-content:center;}

/* Expand the Automation-page carousel dot buttons' tap area without changing their visible
   size — they're 7x7px, well under the 44x44 touch-target guideline. */
.bsh-auto-carousel-dots button{position:relative;}
.bsh-auto-carousel-dots button::before{content:'';position:absolute;inset:-14px;}

/* .bsh-options-grid ships with an inline grid-template-columns:1fr 1fr + 56px gap and no
   responsive override, so on mobile the two tracks (plus the media column's intrinsic
   min-width:auto refusing to shrink below its content) push the row wider than the
   viewport and drag the whole page into horizontal scroll. Collapse to one column and
   let grid children shrink below their content size on narrow screens. */
@media(max-width:768px){
  .bsh-options-grid{grid-template-columns:1fr !important;gap:28px !important;}
  .bsh-options-grid > *{min-width:0 !important;}
}
/* The decorative animated-cursor element inside the mockup preview (.bsh-how-scene's
   cursor dot, reused from the roadmap) is position:absolute with no width cap, and its
   keyframe animation carries it past the frame's right edge — that leak was the actual
   remaining source of the page-level horizontal scroll on mobile after the grid/scene
   fixes above. Clip it to the mockup frame instead of letting it escape. */
.bsh-options-media{overflow:hidden;}

/* AD Analysis "authority" logo carousel (EASA/FAA/TCCA) shows the active slide plus its
   two peeking neighbours via translateX — by design the track is wider than the viewport,
   but the viewport itself was missing overflow:hidden, so the neighbours leaked past the
   edge and dragged the whole page into horizontal scroll on mobile. */
.bsh-ad-auth-viewport{overflow:hidden;}

/* Home page "Our experience..." section: on mobile, show the stats (20+/50+/95+) above
   the heading instead of below, and tighten their padding so 3-across still fits after
   forcing them back to a 33% row (Elementor's own mobile width setting was 100%, i.e.
   stacked). Parent is already display:flex;flex-direction:column, so `order` is enough. */
@media(max-width:767px){
  .elementor-element-940ea68{order:-1;margin-bottom:8px;justify-content:space-between;}
  .elementor-element-98846a0,.elementor-element-b11458d,.elementor-element-1d8b1b8{padding:16px 0 !important;text-align:center;}
  .elementor-element-98846a0 .elementor-counter-number-wrapper,
  .elementor-element-b11458d .elementor-counter-number-wrapper,
  .elementor-element-1d8b1b8 .elementor-counter-number-wrapper{font-size:28px !important;}
  .elementor-element-98846a0 .elementor-counter-title,
  .elementor-element-b11458d .elementor-counter-title,
  .elementor-element-1d8b1b8 .elementor-counter-title{text-align:center !important;font-size:12px !important;line-height:1.4 !important;}
  /* "Projects finished" is short enough to fit on one line at this width, but the other
     two labels wrap to 2-3 lines — force it to match for a more even, stylish row. */
  .elementor-element-1d8b1b8 .elementor-counter-title{max-width:78px;margin-left:auto !important;margin-right:auto !important;}
}

/* ===== Password gate — on-brand replacement for WP's default password form =====
   Bright variant: matches the light grid-card treatment already used in the Home
   page's roadmap section (.bsh-grid-bg-light / the disabled homepage grid recipe). */
.bsh-pwgate{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;overflow:auto;background:#fbfcfd;padding:32px 20px;font-family:'Poppins',sans-serif;}
.bsh-pwgate__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(13,28,43,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(13,28,43,.08) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:radial-gradient(ellipse 70% 70% at center,#000 30%,transparent 82%);mask-image:radial-gradient(ellipse 70% 70% at center,#000 30%,transparent 82%);pointer-events:none;}
.bsh-pwgate__card{position:relative;z-index:1;width:100%;max-width:400px;text-align:center;margin:auto;background:#fff;border:1px solid var(--border-subtle);border-radius:16px;box-shadow:0 4px 20px rgba(13,28,43,.08);padding:40px 32px;}
.bsh-pwgate__logo{width:170px;max-width:55vw;height:auto;margin:0 auto 28px;display:block;}
.bsh-pwgate__eyebrow{color:var(--bsh-gold);margin:0 0 12px;}
.bsh-pwgate__title{color:var(--bsh-blue-800);font-family:'Poppins',sans-serif;font-size:22px;font-weight:500;line-height:1.3;margin:0 0 8px;}
.bsh-pwgate__sub{color:var(--fg-secondary);font-size:14px;margin:0 0 28px;}
.bsh-pwgate__form{text-align:left;}
.bsh-pwgate__label{display:block;color:var(--fg-secondary);font-size:12px;letter-spacing:.04em;margin-bottom:8px;}
.bsh-pwgate__row{display:flex;gap:10px;}
.bsh-pwgate__input{flex:1;min-width:0;background:#fff;border:1px solid var(--border-default);color:var(--bsh-blue-800);font-family:inherit;font-size:16px;padding:13px 16px;border-radius:12px;outline:none;transition:border-color 200ms var(--ease-out);}
.bsh-pwgate__input::placeholder{color:var(--fg-muted);}
.bsh-pwgate__input:focus{border-color:var(--bsh-gold);}
.bsh-pwgate__submit{flex:0 0 auto;background:var(--bsh-gold);color:var(--bsh-blue-900);font-family:'Poppins',sans-serif;font-size:14px;font-weight:500;border:none;padding:13px 22px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;min-height:44px;transition:background 200ms var(--ease-out),transform 120ms var(--ease-out);}
.bsh-pwgate__submit:hover{background:#dbb262;}
.bsh-pwgate__submit:active{transform:scale(.97);}
.bsh-pwgate__submit:focus-visible,.bsh-pwgate__input:focus-visible{outline:2px solid var(--bsh-gold);outline-offset:2px;}
.bsh-pwgate__back{display:inline-block;margin-top:28px;color:var(--fg-secondary);font-size:13px;text-decoration:none;}
.bsh-pwgate__back:hover{color:var(--bsh-gold);}
@media(max-width:420px){.bsh-pwgate__row{flex-direction:column;}.bsh-pwgate__submit{width:100%;justify-content:center;}.bsh-pwgate__card{padding:32px 24px;}}

/* ===== Cookie Policy (EU) page (id 188) — Automation dark-canvas wrapper =====
   This page uses Astra's plain default template (no dark canvas of its own) to
   render Complianz's [cmplz-document] shortcode, which was rendering as a plain
   white Astra page — the only page on the site not on the dark canvas. This
   restyles the surrounding chrome (background, headings, links, spacing) to the
   Automation theme tokens from bshaero_design.md (canvas #03060a + blueprint
   grid, Poppins, white/gray-300 text, gold #d4bfa3 accent). It does not touch
   the actual legal text inside #cmplz-document, which Complianz generates and
   owns — only the page's visual wrapper. Scoped to body.page-id-188 only:
   confirmed via direct DB query that no other page uses this shortcode. */
body.page-id-188{
  background-color:#03060a !important;
  background-image:
    radial-gradient(72% 150%, transparent 30%, #03060a 92%),
    radial-gradient(65% 130%, rgba(21,42,64,.7) 0%, transparent 80%),
    linear-gradient(rgba(212,191,163,.13) 1px, transparent 1px),
    linear-gradient(90deg, rgba(212,191,163,.13) 1px, transparent 1px);
  background-size:cover,cover,52px 52px,52px 52px;
  background-attachment:fixed;
}
body.page-id-188 .site-main{background:transparent !important;}
body.page-id-188 .ast-container{max-width:900px;padding-top:150px;padding-bottom:120px;}
body.page-id-188 .entry-header{margin-bottom:32px;}
body.page-id-188 .entry-title{color:#ffffff !important;font-size:36px !important;font-weight:500 !important;line-height:1.2 !important;}
body.page-id-188 #cmplz-document{color:#adb3bc;font-size:15px;line-height:1.65;}
body.page-id-188 #cmplz-document p{color:#adb3bc !important;font-size:15px !important;line-height:1.65 !important;}
body.page-id-188 #cmplz-document p:first-of-type{color:#8a929c !important;font-style:italic;font-size:14px !important;}
body.page-id-188 #cmplz-document h2{color:#ffffff !important;font-weight:500 !important;font-size:24px !important;line-height:1.3 !important;margin-top:48px !important;padding-top:32px !important;border-top:1px solid rgba(212,191,163,.2);}
body.page-id-188 #cmplz-document h2:first-of-type{margin-top:0 !important;padding-top:0 !important;border-top:none !important;}
body.page-id-188 #cmplz-document h3{color:#ffffff !important;font-weight:500 !important;font-size:18px !important;line-height:1.3 !important;margin-top:32px !important;}
body.page-id-188 #cmplz-document h4{color:#ffffff !important;font-weight:500 !important;font-size:16px !important;}
body.page-id-188 #cmplz-document a{color:#d4bfa3 !important;text-decoration:underline;}
body.page-id-188 #cmplz-document a:hover{color:#e5d8c6 !important;}
body.page-id-188 #cmplz-document ul,body.page-id-188 #cmplz-document ol{color:#adb3bc;padding-left:22px;}
body.page-id-188 #cmplz-document li{color:#adb3bc !important;font-size:15px !important;line-height:1.65 !important;margin-bottom:6px;}
body.page-id-188 #cmplz-document table{border-color:rgba(212,191,163,.2) !important;color:#adb3bc;width:100%;}
body.page-id-188 #cmplz-document table th,body.page-id-188 #cmplz-document table td{border-color:rgba(212,191,163,.2) !important;color:#adb3bc !important;padding:10px 12px;}
body.page-id-188 #cmplz-document table th{color:#ffffff !important;font-weight:500 !important;}
body.page-id-188 #cmplz-document strong,body.page-id-188 #cmplz-document b{color:#ffffff;}
body.page-id-188 #cmplz-document hr{border-color:rgba(212,191,163,.2);}

/* Cookie Policy page — Complianz's own service-list accordions ("cmplz-dropdown": the
   Calendly / LinkedIn / Miscellaneous rows under "Placed cookies") shipped a plain
   light-gray card in the plugin's own document.css. First pass restyled them as a boxed
   dark card, but per feedback that didn't read right — rebuilt to match the flat,
   borderless row style the cookie pop-up's own category list already uses (its
   .cmplz-cookiebanner .cmplz-categories .cmplz-category is background:transparent, no
   border/radius — real values pulled straight from banner ID 1's own custom_css, not
   invented). Also resets two bleed-throughs from the generic h3 / p:first-of-type rules
   above (meant only for the page's main section headings and intro line), and fixes the
   expanded cookie-details grid: its header cells are real <h5> tags, not <strong> — the
   previous rule targeted the wrong element, which is why "Name / Expiration / Function"
   stayed unstyled and the boxed white-cell table looked broken against the dark page. */
body.page-id-188 #cmplz-document .cmplz-dropdown{
  background:transparent !important;
  border:none !important;
  border-radius:0 !important;
  border-bottom:1px solid rgba(212,191,163,.2) !important;
  margin:0 !important;
  overflow:visible !important;
}
body.page-id-188 #cmplz-document .cmplz-dropdown summary{
  background:transparent !important;
  margin:0 !important;
  padding:14px 4px !important;
  cursor:pointer;
}
body.page-id-188 #cmplz-document .cmplz-dropdown summary h3{
  border-top:none !important;
  margin-top:0 !important;
  padding-top:0 !important;
  font-size:15px !important;
  font-weight:500 !important;
}
body.page-id-188 #cmplz-document .cmplz-dropdown summary p{
  color:#8a929c !important;
  font-style:normal !important;
  font-size:13px !important;
  font-weight:500 !important;
}
body.page-id-188 #cmplz-document .cmplz-dropdown summary div:after{
  filter:invert(1) !important;
}
body.page-id-188 #cmplz-document .cmplz-dropdown .cmplz-service-description,
body.page-id-188 #cmplz-document .cmplz-dropdown .cmplz-sharing-data{
  padding:0 4px 18px !important;
}
body.page-id-188 #cmplz-document .cmplz-dropdown .cmplz-service-description p:first-of-type,
body.page-id-188 #cmplz-document .cmplz-dropdown .cmplz-sharing-data p:first-of-type{
  color:#adb3bc !important;
  font-style:normal !important;
  font-size:14px !important;
}
/* Per-cookie details grid (Name / Expiration / Function) — flattened with a hairline row
   divider instead of the plugin's boxed white-cell table, to match the rest of the page. */
body.page-id-188 #cmplz-document .cmplz-dropdown .cookies-per-purpose{
  border:none !important;
  background-color:transparent !important;
  gap:0 !important;
  margin:4px 4px 18px !important;
}
body.page-id-188 #cmplz-document .cmplz-dropdown .cookies-per-purpose > div{
  background-color:transparent !important;
  color:#adb3bc !important;
  padding:8px 12px !important;
  border-bottom:1px solid rgba(212,191,163,.2) !important;
}
body.page-id-188 #cmplz-document .cmplz-dropdown .cookies-per-purpose .purpose{
  border-bottom:none !important;
  padding:4px 0 !important;
}
body.page-id-188 #cmplz-document .cmplz-dropdown .cookies-per-purpose .purpose h4{
  color:#d4bfa3 !important;
  font-size:12px !important;
  font-weight:500 !important;
  text-transform:uppercase !important;
  letter-spacing:.06em !important;
  margin:0 !important;
}
body.page-id-188 #cmplz-document .cmplz-dropdown .cookies-per-purpose .name-header,
body.page-id-188 #cmplz-document .cmplz-dropdown .cookies-per-purpose .retention-header,
body.page-id-188 #cmplz-document .cmplz-dropdown .cookies-per-purpose .function-header{
  padding-bottom:6px !important;
}
body.page-id-188 #cmplz-document .cmplz-dropdown .cookies-per-purpose .name-header h5,
body.page-id-188 #cmplz-document .cmplz-dropdown .cookies-per-purpose .retention-header h5,
body.page-id-188 #cmplz-document .cmplz-dropdown .cookies-per-purpose .function-header h5{
  color:#ffffff !important;
  font-size:12px !important;
  font-weight:500 !important;
  text-transform:uppercase !important;
  letter-spacing:.04em !important;
  margin:0 !important;
}

/* "7.1 Manage your consent settings" (further down this page) renders the exact same
   .cmplz-categories / .cmplz-category markup as the cookie pop-up's own preference
   panel — but it sits outside the .cmplz-cookiebanner wrapper that every popup style
   rule (Complianz's own defaults AND our banner customisations) is scoped to, so none
   of it applied here: rows fell back to Complianz's plain light-gray card default, and
   the toggle switches/chevrons fell back to unstyled native checkboxes since their CSS
   custom properties (--cmplz_slider_*, --cmplz_text_color) are also only set inside
   .cmplz-cookiebanner. Re-declared here with the exact same structural rules from
   Complianz's cookiebanner/css/defaults/banner-optin.css and the exact same color
   values already live in banner ID 1's custom_css, so this section matches the pop-up
   exactly instead of inventing a new style. */
body.page-id-188 #cmplz-document .cmplz-categories .cmplz-category{
  background-color:transparent !important;
}
body.page-id-188 #cmplz-document .cmplz-categories .cmplz-category:not(:last-child){
  margin-bottom:10px !important;
}
body.page-id-188 #cmplz-document .cmplz-categories .cmplz-category-header{
  display:grid !important;
  grid-template-columns:1fr auto 25px !important;
  grid-template-rows:minmax(0,1fr) !important;
  align-items:center !important;
  grid-gap:0 !important;
  padding:10px !important;
  background-color:transparent !important;
}
body.page-id-188 #cmplz-document .cmplz-categories .cmplz-category-header .cmplz-category-title{
  color:#ffffff !important;
  font-weight:500 !important;
  font-size:14px !important;
  grid-column-start:1;
  justify-self:start;
  margin:0 !important;
}
body.page-id-188 #cmplz-document .cmplz-categories .cmplz-category-header .cmplz-always-active{
  color:#d4bfa3 !important;
  font-weight:500 !important;
  font-size:13px !important;
}
body.page-id-188 #cmplz-document .cmplz-categories .cmplz-category-header .cmplz-always-active label{
  display:none !important;
}
body.page-id-188 #cmplz-document .cmplz-categories .cmplz-category-header .cmplz-banner-checkbox{
  display:flex !important;
  align-items:center !important;
  margin:0 !important;
  position:relative !important;
}
body.page-id-188 #cmplz-document .cmplz-categories .cmplz-category-header .cmplz-banner-checkbox label>span{
  display:none !important;
}
body.page-id-188 #cmplz-document .cmplz-categories .cmplz-category-header .cmplz-banner-checkbox input[data-category=cmplz_functional]{
  display:none !important;
}
body.page-id-188 #cmplz-document .cmplz-categories .cmplz-category-header .cmplz-icon.cmplz-open{
  grid-column-start:3;
  cursor:pointer;
}
body.page-id-188 #cmplz-document .cmplz-categories .cmplz-category-toggle{
  background:transparent !important;
  border:none !important;
  padding:0 !important;
  color:#ffffff !important;
}
body.page-id-188 #cmplz-document .cmplz-categories .cmplz-category-toggle svg path{
  fill:#ffffff !important;
}
body.page-id-188 #cmplz-document .cmplz-categories .cmplz-category-toggle svg{
  width:11px !important;
  height:11px !important;
}
body.page-id-188 #cmplz-document .cmplz-categories .cmplz-banner-checkbox input.cmplz-consent-checkbox{
  opacity:0 !important;
  margin:0 !important;
  margin-top:-10px !important;
  cursor:pointer !important;
  position:absolute !important;
  z-index:1 !important;
  top:0 !important;
  left:0 !important;
  width:40px !important;
  height:20px !important;
}
body.page-id-188 #cmplz-document .cmplz-categories .cmplz-banner-checkbox .cmplz-label{
  position:relative !important;
  padding-left:30px !important;
  margin:0 !important;
}
body.page-id-188 #cmplz-document .cmplz-categories .cmplz-banner-checkbox .cmplz-label:before,
body.page-id-188 #cmplz-document .cmplz-categories .cmplz-banner-checkbox .cmplz-label:after{
  position:absolute !important;
  border-radius:10px !important;
  transition:background-color .3s, left .3s !important;
}
body.page-id-188 #cmplz-document .cmplz-categories .cmplz-banner-checkbox .cmplz-label:before{
  content:"" !important;
  display:block !important;
  background-color:#555 !important;
  left:0 !important;
  top:-7px !important;
  height:15px !important;
  width:28px !important;
}
body.page-id-188 #cmplz-document .cmplz-categories .cmplz-banner-checkbox .cmplz-label:after{
  content:"" !important;
  display:block !important;
  background:#ffffff !important;
  left:4px !important;
  top:-5px !important;
  height:11px !important;
  width:11px !important;
}
body.page-id-188 #cmplz-document .cmplz-categories .cmplz-banner-checkbox input.cmplz-consent-checkbox:checked + .cmplz-label:before{
  background-color:#d4bfa3 !important;
}
body.page-id-188 #cmplz-document .cmplz-categories .cmplz-banner-checkbox input.cmplz-consent-checkbox:checked + .cmplz-label:after{
  left:14px !important;
}
body.page-id-188 #cmplz-document .cmplz-categories .cmplz-banner-checkbox input.cmplz-consent-checkbox:focus + .cmplz-label:before{
  box-shadow:0 0 0 2px rgba(212,191,163,.55) !important;
}
body.page-id-188 #cmplz-document .cmplz-categories .cmplz-description{
  color:#adb3bc !important;
  font-size:13px !important;
  margin:0 !important;
  max-width:100% !important;
  padding:0 10px 10px !important;
}

@media(max-width:768px){
  body.page-id-188 .ast-container{padding-top:110px !important;padding-left:24px !important;padding-right:24px !important;}
  body.page-id-188 .entry-title{font-size:28px !important;}
}