/* Crydogs sitewide design layer, 2026-11-05. The homepage has its own approved styling. */
body.crydogs-sitewide {--site-blue:#0877b5;--site-ink:#152824;--site-muted:#425753;--site-paper:#f6f7f4;}
body.crydogs-sitewide .top {background:#0b1012;color:#e9eee8;border-color:#304044;z-index:50}
body.crydogs-sitewide .top .brand small {color:#1594ce!important}
body.crydogs-sitewide .top .brand .brand-mark path:last-child {fill:#1594ce}
body.crydogs-sitewide .top .nav-cta {border:1px solid #287eaa;border-radius:999px;color:#eef5f5;background:transparent}
body.crydogs-sitewide .top .nav-cta span {color:#6ab8df}
body.crydogs-sitewide .top .navlinks a:hover {color:#7fc9ee}
body.crydogs-sitewide .sitewide-mobile-toggle,body.crydogs-sitewide .sitewide-mobile-panel {display:none}
body.homepage-light-preview .sitewide-mobile-toggle,body.homepage-light-preview .sitewide-mobile-panel {display:none}

/* Editorial opening for content, knowledge, and service pages. */
body.crydogs-sitewide:has(.kb-hero) {background:#fff;color:var(--site-ink)}
body.crydogs-sitewide .kb-hero {background:#f6f7f4;color:var(--site-ink);padding-top:clamp(50px,7vw,100px);padding-bottom:clamp(30px,4vw,55px);border-bottom:1px solid #dce4e1}
body.crydogs-sitewide .kb-hero .hero-meta,body.crydogs-sitewide .kb-hero .kb-crumb,body.crydogs-sitewide .kb-hero .content-meta {color:#506962}
body.crydogs-sitewide .kb-hero .kb-crumb a,body.crydogs-sitewide .kb-hero .content-meta a {color:var(--site-blue)}
body.crydogs-sitewide .kb-hero h1,body.crydogs-sitewide .kb-hero .cg-title {font-family:Manrope,Arial,sans-serif;font-weight:800;font-size:clamp(38px,4.6vw,67px);line-height:1.11;letter-spacing:-.055em;text-transform:none;max-width:1050px;color:var(--site-ink)}
body.crydogs-sitewide .kb-hero h1 .accent {color:var(--site-blue)}
body.crydogs-sitewide .kb-hero .content-header {border-color:#d0ddd8}
body.crydogs-sitewide .kb066-layout {background:#fff;color:var(--site-ink)}
body.crydogs-sitewide .kb-body,body.crydogs-sitewide .content-prose {color:#334c43;background:#fff}
body.crydogs-sitewide .kb-body h2,body.crydogs-sitewide .kb-body h3,body.crydogs-sitewide .content-prose h2,body.crydogs-sitewide .content-prose h3 {color:var(--site-ink);font-family:Manrope,Arial,sans-serif;letter-spacing:-.03em;text-transform:none}
body.crydogs-sitewide .kb-body strong,body.crydogs-sitewide .content-prose strong {color:var(--site-ink)}
body.crydogs-sitewide .kb-body a,body.crydogs-sitewide .content-prose a {color:#076fa7}
body.crydogs-sitewide .kb-body blockquote,body.crydogs-sitewide .content-prose blockquote {background:#edf5f9;color:var(--site-ink);border-color:var(--site-blue)}
body.crydogs-sitewide .kb066-panel {background:#edf2f1;color:var(--site-ink);border-color:#cad8d5}
body.crydogs-sitewide .kb066-panel p {color:var(--site-muted)}
body.crydogs-sitewide .kb066-panel a.btn {color:#fff}
body.crydogs-sitewide .knowledge-card {background:#f5f8f8;border-color:#d4e0dd;color:var(--site-ink)}
body.crydogs-sitewide .knowledge-card:hover {border-color:#80b9d7;background:#edf6fa}
body.crydogs-sitewide .kb-hero ~ .wrap {background:#fff}

/* Maintenance pages: light opening and reading sections, dark technical visual. */
body.crydogs-sitewide:has(.hero-price) {background:#fff;color:var(--site-ink)}
body.crydogs-sitewide:has(.hero-price) .hero {background:#f6f7f4;color:var(--site-ink);border-bottom:1px solid #dce4e1}
body.crydogs-sitewide:has(.hero-price) .hero h1 {font-family:Manrope,Arial,sans-serif;text-transform:none;font-weight:800;letter-spacing:-.055em;line-height:1.08;font-size:clamp(42px,4.8vw,70px);color:var(--site-ink)}
body.crydogs-sitewide:has(.hero-price) .hero h1 span {color:var(--site-blue)}
body.crydogs-sitewide:has(.hero-price) .hero .eyebrow {color:#186f9f}
body.crydogs-sitewide:has(.hero-price) .hero .lead,body.crydogs-sitewide:has(.hero-price) .hero .solution,body.crydogs-sitewide:has(.hero-price) .hero .terms {color:var(--site-muted)}
body.crydogs-sitewide:has(.hero-price) .hero .lead strong {color:var(--site-ink)}
body.crydogs-sitewide:has(.hero-price) .hero-price strong {color:var(--site-blue);font-family:Manrope,Arial,sans-serif;font-weight:800;letter-spacing:-.06em}
body.crydogs-sitewide:has(.hero-price) .hero-price span,body.crydogs-sitewide:has(.hero-price) .hero-price b {color:#405b53}
body.crydogs-sitewide:has(.hero-price) .visual {color:#e9eee8}
body.crydogs-sitewide:has(.hero-price) .visual h2 {color:#e9eee8}
body.crydogs-sitewide:has(.hero-price) .ribbon {background:#122126;color:#e9eee8}
body.crydogs-sitewide:has(.hero-price) .section {background:#fff;color:var(--site-ink)}
body.crydogs-sitewide:has(.hero-price) .section.contrast {background:#f1f6f7}
body.crydogs-sitewide:has(.hero-price) .section h2 {font-family:Manrope,Arial,sans-serif;text-transform:none;letter-spacing:-.04em;font-weight:750}
body.crydogs-sitewide:has(.hero-price) .section-head>p,body.crydogs-sitewide:has(.hero-price) .section .terms {color:var(--site-muted)}
body.crydogs-sitewide:has(.hero-price) .pricing {background:#f8faf9;color:var(--site-ink);border-color:#bdcfc9}
body.crydogs-sitewide:has(.hero-price) .price-panel {background:#eaf3f7;border-color:#bdcfc9}
body.crydogs-sitewide:has(.hero-price) .price,body.crydogs-sitewide:has(.hero-price) .price-panel .tag {color:var(--site-blue)}
body.crydogs-sitewide:has(.hero-price) .pricing .period span,body.crydogs-sitewide:has(.hero-price) .included p {color:var(--site-muted)}
body.crydogs-sitewide:has(.hero-price) .pricing .period b {color:var(--site-ink)}
body.crydogs-sitewide:has(.hero-price) .included li {border-color:#d4e0dc;color:var(--site-ink)}
body.crydogs-sitewide:has(.hero-price) .contact {background:#142327;color:#e9eee8}

/* The Magento case page remains recognisably specialist, but uses the shared blue call to action. */
body.crydogs-sitewide .landing-magento .lm-button:not(.lm-button-secondary) {background:#0877b5;border-color:#0877b5;color:#fff;border-radius:999px;clip-path:none}
body.crydogs-sitewide .landing-magento .lm-button:not(.lm-button-secondary):hover {background:#00669f}
body.crydogs-sitewide .landing-magento .lm-button-secondary {border-radius:999px}

/* Shared blue action shape on information pages. */
body.crydogs-sitewide .btn,body.crydogs-sitewide a.button,body.crydogs-sitewide button.button {border-radius:999px;clip-path:none}
body.crydogs-sitewide .kb-body .btn,body.crydogs-sitewide .kb066-panel .btn {background:#0877b5;border-color:#0877b5;color:#fff}
body.crydogs-sitewide:has(.hero-price) .button {background:#0877b5;color:#fff;border:1px solid #0877b5;border-radius:999px}
body.crydogs-sitewide:has(.hero-price) .button:hover {background:#00669f}

@media(max-width:760px){
 body.homepage-light-preview .top .nav {height:auto;min-height:78px;flex-wrap:wrap;padding-bottom:10px}
 body.homepage-light-preview .sitewide-mobile-toggle {display:flex;align-items:center;justify-content:space-between;order:5;width:100%;padding:9px 2px 3px;border:0;border-top:1px solid #304044;background:none;color:#e9eee8;font:600 11px 'IBM Plex Mono',monospace;letter-spacing:.1em}
 body.homepage-light-preview .sitewide-mobile-toggle span {color:#1594ce;font-size:17px}
 body.homepage-light-preview .sitewide-mobile-panel[aria-hidden="false"] {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));position:absolute;top:100%;left:0;right:0;padding:12px max(18px,5vw) 20px;background:#0d191d;border-bottom:1px solid #45616a;box-shadow:0 20px 35px #07111560;z-index:70}
 body.homepage-light-preview .sitewide-mobile-panel a {padding:12px 5px;border-bottom:1px solid #304044;color:#e9eee8;font:600 12px Manrope,Arial,sans-serif}
 body.homepage-light-preview .sitewide-mobile-panel a:hover {color:#7fc9ee}
 body.crydogs-sitewide .top .nav {height:auto;min-height:78px;flex-wrap:wrap;padding-bottom:10px}
 body.crydogs-sitewide .top .navlinks {display:none!important}
 body.crydogs-sitewide .sitewide-mobile-toggle {display:flex;align-items:center;justify-content:space-between;order:5;width:100%;padding:9px 2px 3px;border:0;border-top:1px solid #304044;background:none;color:#e9eee8;font:600 11px 'IBM Plex Mono',monospace;letter-spacing:.1em}
 body.crydogs-sitewide .sitewide-mobile-toggle span {color:#1594ce;font-size:17px}
 body.crydogs-sitewide .sitewide-mobile-panel[aria-hidden="false"] {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));position:absolute;top:100%;left:0;right:0;padding:12px max(18px,5vw) 20px;background:#0d191d;border-bottom:1px solid #45616a;box-shadow:0 20px 35px #07111560;z-index:70}
 body.crydogs-sitewide .sitewide-mobile-panel a {padding:12px 5px;border-bottom:1px solid #304044;color:#e9eee8;font:600 12px Manrope,Arial,sans-serif}
 body.crydogs-sitewide .sitewide-mobile-panel a:hover {color:#7fc9ee}
 body.crydogs-sitewide .kb-hero {padding-top:48px;padding-bottom:30px}
 body.crydogs-sitewide .kb-hero h1,body.crydogs-sitewide .kb-hero .cg-title {font-size:clamp(34px,9vw,52px)}
 body.crydogs-sitewide:has(.hero-price) .hero h1 {font-size:clamp(38px,9vw,53px)}
}

/* Shared WordPress header: readable light mega-menu across inner pages. */
body.crydogs-sitewide .site-header .sitewide-service-links.metro-mega{
  grid-template-columns:minmax(190px,1.15fr) repeat(3,minmax(0,1fr));
  gap:clamp(22px,2.5vw,42px);
  background:#f7f8f6!important;color:#132329!important;
}
body.crydogs-sitewide .site-header .sitewide-service-links .metro-mega__column>a{
  display:block!important;padding:9px 0;
  color:#18282d!important;
  font:400 clamp(19px,1.7vw,26px)/1.16 "Helvetica Neue",Helvetica,Arial,sans-serif!important;
  letter-spacing:-.035em;text-decoration:none;
}
body.crydogs-sitewide .site-header .sitewide-service-links .metro-mega__column>a:hover,
body.crydogs-sitewide .site-header .sitewide-service-links .metro-mega__column>a:focus-visible{
  color:#377e8a!important;text-decoration:underline;text-underline-offset:5px;
}
body.crydogs-sitewide .site-header .sitewide-service-links .metro-mega__intro a{color:#17282d!important}
@media(max-width:950px){
  body.crydogs-sitewide .site-header .sitewide-service-links.metro-mega{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  body.crydogs-sitewide .site-header .mobile-nav>a{
    color:#f0f4f2!important;border-color:#304044!important;
    font:500 18px/1.3 "Helvetica Neue",Helvetica,Arial,sans-serif!important;
  }
  body.crydogs-sitewide .site-header .mobile-nav>a:hover,
  body.crydogs-sitewide .site-header .mobile-nav>a:focus-visible{color:#8bc8cf!important}
  body.crydogs-sitewide .site-header .mobile-nav .sitewide-service-menu summary{
    color:#f0f4f2!important;
    font:500 18px/1.3 "Helvetica Neue",Helvetica,Arial,sans-serif!important;
    padding:11px 4px!important;
    border-bottom:1px solid #304044!important;
  }
  body.crydogs-sitewide .site-header .mobile-nav .sitewide-service-links.metro-mega{
    grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:18px;
  }
  body.crydogs-sitewide .site-header .mobile-nav .metro-mega__column>a{font-size:16px!important}
}
@media(prefers-reduced-motion:reduce){body.crydogs-sitewide .button,body.crydogs-sitewide .btn {transition:none}}


/* Shared navigation: homepage geometry on inner pages. */
/* About navigation follows the approved homepage header. */
body.crydogs-sitewide .top.top{position:relative;z-index:80;background:linear-gradient(105deg,#080d11,#14252a)!important;border:0!important;color:#f0f4f2!important}
body.crydogs-sitewide .top.top .wrap.nav{width:min(1280px,calc(100% - 88px));height:94px;display:flex;align-items:center;justify-content:space-between;gap:32px}
body.crydogs-sitewide .top.top .brand{flex:none;gap:14px;font:800 25.6px/1.65 Manrope,system-ui,sans-serif!important;letter-spacing:-1.664px!important}
body.crydogs-sitewide .top.top .brand .brand-mark{width:43px!important;height:43px!important;flex:0 0 43px!important;color:#db9c63!important}
body.crydogs-sitewide .top.top .brand .brand-word{font:400 32px/1.05 "Helvetica Neue",Helvetica,Arial,sans-serif!important;letter-spacing:-.055em!important}
body.crydogs-sitewide .top.top .brand small{font:400 9px "IBM Plex Mono",monospace!important;letter-spacing:1.17px!important;color:#9bc5c8!important;margin-top:10px!important}
body.crydogs-sitewide .top.top .navlinks{display:flex!important;align-items:center;gap:clamp(30px,3vw,48px)!important;margin-left:0;margin-right:0;font:500 clamp(19px,1.5vw,22px)/1.2 "Helvetica Neue",Helvetica,Arial,sans-serif!important;letter-spacing:-.025em!important;color:#f0f4f2!important}
body.crydogs-sitewide .top.top .navlinks>a,body.crydogs-sitewide .top.top .sitewide-service-menu summary{font:inherit!important;color:inherit!important;white-space:nowrap!important;text-decoration:none!important;border:0!important;padding:0!important}
body.crydogs-sitewide .top.top .sitewide-service-menu summary::after{display:none!important;content:none!important}
body.crydogs-sitewide .top.top .sitewide-service-menu summary span{display:inline!important;color:#82cbd1!important;font-size:17px!important}
body.crydogs-sitewide .top.top .nav-cta{flex:none;white-space:nowrap;font:500 15px/1.2 "Helvetica Neue",Helvetica,Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important;border:1px solid #9aaeb3!important;border-radius:100px!important;padding:13px 21px!important;background:transparent!important;color:#e1e8e9!important}
body.crydogs-sitewide .top.top .nav-cta:hover{background:#c8d1d3!important;color:#10191d!important}
body.crydogs-sitewide .top.top .crydogs-language-switcher{position:absolute!important;top:24px!important;right:calc(max(4vw,(100vw - 1280px)/2) + 195px)!important;bottom:auto!important;z-index:110!important}
body.crydogs-sitewide .top.top .crydogs-language-switcher summary{font-size:0!important;min-height:42px!important;padding:5px 0!important;border:0!important;background:transparent!important;letter-spacing:0!important;gap:0!important;text-transform:none!important}
body.crydogs-sitewide .top.top .crydogs-language-switcher summary span{display:none!important}
body.crydogs-sitewide .top.top .crydogs-language-switcher summary::before{content:"🌐  Language  ⌄"!important;display:block!important;color:#e8f0ef!important;font:500 17px/1.2 "Helvetica Neue",Helvetica,Arial,sans-serif!important;letter-spacing:-.025em!important;filter:grayscale(1)}
body.crydogs-sitewide .top.top .crydogs-language-options{top:calc(100% + 14px)!important;right:-18px!important;min-width:370px!important;padding:20px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:0 12px!important;background:#f5f6f3!important;border:0!important;border-radius:18px!important;box-shadow:0 24px 65px #0007!important}
body.crydogs-sitewide .top.top .crydogs-language-options a{padding:12px 10px!important;color:#17272b!important;border-bottom:1px solid #dce2df!important;font:400 17px/1.3 "Helvetica Neue",Helvetica,Arial,sans-serif!important;letter-spacing:-.015em!important}
body.crydogs-sitewide .top.top .crydogs-language-options a:hover,body.crydogs-sitewide .top.top .crydogs-language-options a[aria-current=page]{background:#e3f0ef!important;color:#087c8d!important}
body.crydogs-sitewide .top.top .sitewide-service-links{top:93px!important;padding:52px 58px!important;width:min(1240px,calc(100vw - 72px))!important;gap:38px!important}
body.crydogs-sitewide .top.top .metro-mega__intro h2{font-size:clamp(35px,3vw,46px)!important}
body.crydogs-sitewide .top.top .sitewide-service-links .metro-mega__column>a{font-size:clamp(23px,1.9vw,28px)!important;line-height:1.35!important}
@media(max-width:1180px){
 body.crydogs-sitewide .top.top .wrap.nav{height:136px;align-items:flex-start;padding-top:18px}
 body.crydogs-sitewide .top.top .crydogs-language-switcher{top:91px!important;right:5vw!important}
 body.crydogs-sitewide .top.top .navlinks{margin-right:0;align-self:flex-start;margin-top:18px}
 body.crydogs-sitewide .top.top .nav-cta{align-self:flex-start;margin-top:6px}
 body.crydogs-sitewide .top.top .sitewide-service-links{top:135px!important}
}
@media(max-width:760px){
 body.crydogs-sitewide .top.top .wrap.nav{width:calc(100% - 36px);height:auto;min-height:131px;display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;gap:14px;padding:16px 0 12px}
 body.crydogs-sitewide .top.top .brand{grid-column:1/-1;grid-row:1;max-width:calc(100% - 120px);width:max-content;gap:14px;font-size:24px!important;line-height:1.65!important;letter-spacing:-1.56px!important}
 body.crydogs-sitewide .top.top .brand .brand-mark{width:35px!important;height:35px!important;flex:0 0 35px!important}
 body.crydogs-sitewide .top.top .brand .brand-word{font-size:25px!important;line-height:1.05!important;letter-spacing:-1.375px!important}
 body.crydogs-sitewide .top.top .brand small{font-size:7px!important;letter-spacing:.2px!important}
 body.crydogs-sitewide .top.top .navlinks{display:none!important}
 body.crydogs-sitewide .top.top .nav-cta{grid-column:1;grid-row:2;justify-self:start;margin:0!important;padding:10px 16px!important;font-size:15px!important;line-height:18px!important}
 body.crydogs-sitewide .top.top .sitewide-mobile-toggle{display:flex!important;grid-column:2;grid-row:2;justify-self:end;align-items:center;width:71px!important;height:44px!important;margin:0!important;padding:10px 13px!important;border:1px solid #59717a!important;border-radius:50px!important;background:transparent!important;color:#e9eeee!important;font:600 10px "IBM Plex Mono",monospace!important;letter-spacing:1px!important;text-transform:uppercase!important}
 body.crydogs-sitewide .top.top .sitewide-mobile-toggle span{font-size:20px!important;color:#8ac8ce!important}
 body.crydogs-sitewide .top.top .crydogs-language-switcher{top:19px!important;right:18px!important;bottom:auto!important}
 body.crydogs-sitewide .top.top .crydogs-language-switcher summary::before{font-size:15px!important}
 body.crydogs-sitewide .top.top .crydogs-language-options{width:calc(100vw - 36px)!important;min-width:0!important;right:0!important;padding:13px!important}
 body.crydogs-sitewide .top.top .crydogs-language-options a{min-height:43px!important;padding:8px 10px!important;font-size:16px!important}
 body.crydogs-sitewide .top.top .sitewide-mobile-panel[aria-hidden="false"]{display:grid!important;grid-template-columns:1fr!important;top:100%!important;padding:15px 18px 25px!important;background:#0d191d!important}
 body.crydogs-sitewide .top.top .sitewide-mobile-panel a{font:500 18px/1.3 "Helvetica Neue",Helvetica,Arial,sans-serif!important;padding:11px 4px!important}
 body.crydogs-sitewide .top.top .sitewide-mobile-panel .sitewide-service-menu summary{font:500 18px/1.3 "Helvetica Neue",Helvetica,Arial,sans-serif!important;color:#e9eeee!important;padding:11px 4px!important;border-bottom:1px solid #304044!important;justify-content:space-between!important}
 body.crydogs-sitewide .top.top .sitewide-mobile-panel .sitewide-service-menu summary span{display:inline!important;color:#8ac8ce!important;font-size:19px!important}
 body.crydogs-sitewide .top.top .sitewide-mobile-panel .sitewide-service-links{position:static!important;width:100%!important;padding:18px!important;grid-template-columns:1fr 1fr!important;gap:16px!important}
 body.crydogs-sitewide .top.top .sitewide-mobile-panel .sitewide-service-links .metro-mega__column>a{font-size:16px!important}
}

/* Only the reviewed language versions are offered during the translation hold. */
body.crydogs-sitewide .crydogs-language-options a:not([hreflang="nl"]):not([hreflang="en"]){display:none!important}