/* CooliceHost blog chrome. Bold News retains menu, search and sticky state control. */
html[data-theme] body.ch-blog-redesign {
  --ch-nav-bg: #03090c;
  --ch-nav-panel: #07131b;
  --ch-nav-text: #edf6fb;
  --ch-nav-muted: #becfda;
  --ch-nav-hover: #102633;
  --ch-nav-line: #2d4a5c;
  --ch-nav-icon: #72cff4;
}

html[data-theme="light"] body.ch-blog-redesign {
  --ch-nav-bg: #fff;
  --ch-nav-panel: #f0f3f5;
  --ch-nav-text: #163344;
  --ch-nav-muted: #405c6c;
  --ch-nav-hover: #e0e9ef;
  --ch-nav-line: #b5c8d3;
  --ch-nav-icon: #0877b5;
}

/* Theme-generated header colors include !important, hence scoped color overrides. */
html[data-theme] body.ch-blog-redesign .mainHeader {
  color: var(--ch-nav-text);
  background: var(--ch-nav-bg) !important;
  border-bottom: 1px solid var(--ch-nav-line);
  box-shadow: 0 5px 24px rgb(0 0 0 / 8%);
  font-family: var(--ch-font-sans, "Manrope", Arial, sans-serif);
}

html[data-theme] body.ch-blog-redesign .mainHeader > .port {
  max-width: 1440px;
  padding-inline: clamp(20px, 3vw, 48px);
}

html[data-theme] body.ch-blog-redesign :is(.mainHeader, .menuPort) .topBar {
  color: var(--ch-nav-muted);
  background: transparent !important;
  border-bottom: 1px solid var(--ch-nav-line);
  font: 500 .8125rem/1.6 var(--ch-font-sans, "Manrope", Arial, sans-serif);
}

html[data-theme] body.ch-blog-redesign .mainHeader .topBar::before {
  background: var(--ch-nav-panel) !important;
  box-shadow: none;
  height: auto;
}

html[data-theme] body.ch-blog-redesign :is(.mainHeader, .menuPort) .promo-banner {
  display: block;
  padding-block: .6rem;
  color: var(--ch-nav-text) !important;
  background: transparent !important;
  font: inherit;
  letter-spacing: .01em;
  text-wrap: pretty;
}

html[data-theme] body.ch-blog-redesign :is(.mainHeader, .menuPort) .promo-banner:hover {
  color: var(--ch-accent, #72cff4) !important;
}

html[data-theme] body.ch-blog-redesign :is(.mainHeader, .menuPort) .logo {
  background: transparent;
  box-shadow: none;
  line-height: 1;
}

html[data-theme] body.ch-blog-redesign .mainHeader .logo {
  padding: 22px 0;
}

html[data-theme] body.ch-blog-redesign .logo .ch-brand {
  display: inline-flex;
  align-items: center;
  gap: .85rem;
  max-width: 100%;
  color: var(--ch-nav-muted);
  line-height: 1;
  text-decoration: none;
}

html[data-theme] body.ch-blog-redesign .logo .ch-brand img {
  width: 188px;
  height: auto;
  max-width: 100%;
  max-height: none;
  margin: 0;
  transform: none;
}

html[data-theme] body.ch-blog-redesign .logo .ch-brand-label {
  padding: .2rem 0 .2rem .85rem;
  border-left: 1px solid var(--ch-nav-line);
  color: var(--ch-nav-muted);
  font: 600 .75rem/1.4 var(--ch-font-sans, "Manrope", Arial, sans-serif);
  letter-spacing: .12em;
  text-transform: uppercase;
}

html[data-theme] body.ch-blog-redesign .logo .ch-brand .ch-brand-logo-dark {
  display: block !important;
}

html[data-theme] body.ch-blog-redesign .logo .ch-brand .ch-brand-logo-light {
  display: none !important;
}

html[data-theme="light"] body.ch-blog-redesign .logo .ch-brand .ch-brand-logo-dark {
  display: none !important;
}

html[data-theme="light"] body.ch-blog-redesign .logo .ch-brand .ch-brand-logo-light {
  display: block !important;
}

html[data-theme] body.ch-blog-redesign .menuPort {
  color: var(--ch-nav-text);
  font: 500 1rem/1.5 var(--ch-font-sans, "Manrope", Arial, sans-serif);
}

html[data-theme] body.ch-blog-redesign .menuPort nav ul li > a {
  color: var(--ch-nav-text) !important;
  font-family: inherit;
  font-weight: 600;
  text-transform: none;
  transition: color .18s ease, background-color .18s ease, border-color .18s ease;
}

html[data-theme] body.ch-blog-redesign .menuPort nav ul li > a:is(:hover, :focus-visible),
html[data-theme] body.ch-blog-redesign .menuPort nav ul li:is(.on, .current-menu-item, .current-menu-ancestor) > a {
  color: var(--ch-nav-text) !important;
  background: var(--ch-nav-hover) !important;
}

html[data-theme] body.ch-blog-redesign .menuPort nav > ul > li > a {
  min-height: 44px;
  padding: .5rem .65rem;
  border-radius: 999px;
  line-height: 1.55;
}

html[data-theme] body.ch-blog-redesign .menuPort nav ul ul li > a {
  min-height: 44px;
  padding: .7rem .9rem !important;
  border-radius: .35rem;
  font-size: .9375rem;
  font-weight: 500;
  line-height: 1.5;
  text-align: start;
  white-space: normal;
}

html[data-theme] body.ch-blog-redesign .menuPort nav ul ul li > a::before {
  display: none;
}

html[data-theme] body.ch-blog-redesign .menuPort .wpml-ls-flag {
  width: 18px;
  height: 13px;
  margin-inline-end: .4rem;
  border-radius: 2px;
  vertical-align: middle;
}

html[data-theme] body.ch-blog-redesign :is(.mainHeader, .menuPort) :is(a, button, [tabindex]):focus-visible,
html[data-theme] body.ch-blog-redesign :is(.btSearchInner, .ch-blog-footer) :is(a, button, input):focus-visible {
  outline: 2px solid var(--ch-accent, #36baff);
  outline-offset: 4px;
}

html[data-theme] body.ch-blog-redesign :is(.mainHeader, .menuPort) .topBarInMenu {
  color: var(--ch-nav-muted);
  font-family: inherit;
}

html[data-theme] body.ch-blog-redesign :is(.mainHeader, .menuPort) .topBarInMenu::after {
  background: var(--ch-nav-line);
}

html[data-theme] body.ch-blog-redesign :is(.mainHeader, .menuPort) .btIconWidget,
html[data-theme] body.ch-blog-redesign :is(.mainHeader, .menuPort) .btSearch > .btIco .btIcoHolder {
  color: var(--ch-nav-muted) !important;
  border-radius: .45rem;
}

html[data-theme] body.ch-blog-redesign :is(.mainHeader, .menuPort) :is(.btIconWidget, .btSearch > .btIco) .btIcoHolder::before {
  color: var(--ch-nav-text) !important;
  background: transparent !important;
  box-shadow: none !important;
  opacity: 1;
}

html[data-theme] body.ch-blog-redesign :is(.mainHeader, .menuPort) :is(.btIconWidget:hover, .btIconWidget:focus-visible, .btSearch > .btIco:hover, .btSearch > .btIco:focus-within) .btIcoHolder::before {
  color: var(--ch-nav-icon) !important;
  background: var(--ch-nav-hover) !important;
}

/* The existing widget and navigation order is retained in the DOM. */
html[data-theme] body.ch-blog-redesign.btMenuHorizontal.btMenuRight:not(.btMenuBelowLogo) .btLogoArea {
  display: flex;
  align-items: center;
  gap: clamp(.8rem, 2vw, 2rem);
  min-height: 84px;
}

html[data-theme] body.ch-blog-redesign.btMenuHorizontal.btMenuRight:not(.btMenuBelowLogo) .btLogoArea::after {
  display: none;
}

html[data-theme] body.ch-blog-redesign.btMenuHorizontal.btMenuRight:not(.btMenuBelowLogo) .btLogoArea > .logo {
  flex: 0 0 auto;
}

html[data-theme] body.ch-blog-redesign .ch-header-controls {
  order: 2;
  flex: 0 0 auto;
}

html[data-theme] body.ch-blog-redesign.btMenuHorizontal.btMenuRight:not(.btMenuBelowLogo) .menuPort {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: .4rem .7rem;
  order: 1;
  flex: 1;
  min-width: 0;
  padding-block: .6rem;
}

html[data-theme] body.ch-blog-redesign.btMenuHorizontal.btMenuRight:not(.btMenuBelowLogo) .menuPort > nav {
  order: 0;
  float: none;
  margin: 0;
  padding: 0;
}

html[data-theme] body.ch-blog-redesign.btMenuHorizontal.btMenuRight:not(.btMenuBelowLogo) .topBarInMenu {
  order: 1;
  float: none;
  height: auto;
  margin: 0;
  padding: 0;
}

html[data-theme] body.ch-blog-redesign.btMenuHorizontal .menuPort nav > ul > li {
  margin: 0 .15rem;
}

html[data-theme] body.ch-blog-redesign.btMenuHorizontal .menuPort nav > ul ul {
  width: 260px;
  max-width: calc(100vw - 40px);
  padding: .5rem;
  color: var(--ch-nav-text);
  background: var(--ch-nav-panel) !important;
  border: 1px solid var(--ch-nav-line);
  border-radius: .6rem;
  box-shadow: 0 18px 34px rgb(0 0 0 / 22%);
  font-family: inherit;
  transition: opacity .2s ease;
}

/* Match the main menu's 400ms entrance/200ms exit without clipping nested links. */
html[data-theme] body.ch-blog-redesign.btMenuHorizontal .menuPort nav > ul > li > ul {
  transform: translateY(-5px);
  transition: opacity .2s ease, transform .2s cubic-bezier(.4,0,.8,.2);
}
html[data-theme] body.ch-blog-redesign.btMenuHorizontal .menuPort nav > ul > li:is(.on, :focus-within) > ul {
  transform: translateY(0);
  transition: opacity .4s ease, transform .4s cubic-bezier(.2,.8,.2,1);
}

/* Native hover remains; focus-within exposes the same submenu to keyboard users. */
html[data-theme] body.ch-blog-redesign.btMenuHorizontal .menuPort nav li:focus-within > ul {
  opacity: 1;
  pointer-events: auto;
  z-index: 3;
}

html[data-theme] body.ch-blog-redesign.btMenuHorizontal .menuPort nav > ul > li.menu-item-has-children > a {
  padding-inline-end: 1.7rem;
}

html[data-theme] body.ch-blog-redesign.btMenuHorizontal .menuPort nav > ul > li.menu-item-has-children > a::after {
  content: "";
  position: absolute;
  inset-inline-end: .7rem;
  top: calc(50% - 3px);
  width: 6px;
  height: 6px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg);
}

html[data-theme] body.ch-blog-redesign .subToggler,
html[data-theme] body.ch-blog-redesign .subToggler::before {
  color: var(--ch-nav-text) !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-theme].touch body.ch-blog-redesign.btMenuHorizontal .menuPort nav > ul > li > .subToggler {
  right: 0;
  width: 32px;
  min-height: 44px;
  line-height: 44px;
}

html[data-theme].touch body.ch-blog-redesign.btMenuHorizontal .menuPort nav > ul > li.menu-item-has-children > a {
  padding-inline-end: 2.25rem;
}

html[data-theme].touch body.ch-blog-redesign.btMenuHorizontal .menuPort nav > ul > li.menu-item-has-children > a::after {
  display: none;
}

html[data-theme] body.ch-blog-redesign .ch-theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .55rem;
  min-height: 44px;
  padding: .5rem .65rem;
  border: 0;
  border-radius: .5rem;
  color: var(--ch-nav-text);
  background: transparent;
  font: 500 .875rem/1.4 var(--ch-font-sans, "Manrope", Arial, sans-serif);
  cursor: pointer;
  transition: background-color .18s ease, border-color .18s ease;
}

html[data-theme] body.ch-blog-redesign .ch-theme-toggle:hover {
  background: var(--ch-nav-hover);
}

html[data-theme] body.ch-blog-redesign .ch-theme-toggle-track {
  display: inline-flex;
  align-items: center;
  width: 2.15rem;
  height: 1.15rem;
  padding: 3px;
  flex: 0 0 auto;
  border: 1px solid var(--ch-nav-line);
  border-radius: 99px;
  background: transparent;
}

html[data-theme] body.ch-blog-redesign .ch-theme-toggle-track > span {
  width: .65rem;
  height: .65rem;
  border-radius: 50%;
  background: var(--ch-nav-icon);
  transition: transform .18s ease;
}

html[data-theme="light"] body.ch-blog-redesign .ch-theme-toggle-track > span {
  transform: translateX(.92rem);
}

/* Parent moves this complete menu to body at 1023px; keep its transforms and scroll. */
html[data-theme] body.ch-blog-redesign.btMenuVertical > .menuPort {
  width: min(340px, calc(100vw - 32px));
  color: var(--ch-nav-text);
  background: var(--ch-nav-bg);
  border-inline-end: 1px solid var(--ch-nav-line);
  box-shadow: 12px 0 40px rgb(0 0 0 / 22%);
  text-align: start;
  transition: transform .24s cubic-bezier(.2, .7, .3, 1);
}

html[data-theme] body.ch-blog-redesign.btMenuVertical .menuScrollPort {
  width: 100%;
  padding-bottom: max(24px, env(safe-area-inset-bottom));
}

html[data-theme] body.ch-blog-redesign.btMenuVertical > .menuPort .logo {
  padding: 25px 24px;
  border-bottom: 1px solid var(--ch-nav-line);
}

html[data-theme] body.ch-blog-redesign.btMenuVertical > .menuPort nav {
  padding: .5rem .75rem;
}

html[data-theme] body.ch-blog-redesign.btMenuVertical > .menuPort nav::before,
html[data-theme] body.ch-blog-redesign.btMenuVertical > .menuPort nav::after {
  display: none;
}

html[data-theme] body.ch-blog-redesign.btMenuVertical > .menuPort nav ul li > a {
  padding: .8rem 3rem .8rem .85rem;
  border-radius: .45rem;
  line-height: 1.6;
}

html[data-theme] body.ch-blog-redesign.btMenuVertical > .menuPort nav > ul > li > a {
  font-size: 1.05rem;
}

html[data-theme] body.ch-blog-redesign.btMenuVertical > .menuPort nav ul ul {
  margin: .25rem .5rem .6rem;
  padding: .35rem;
  border-inline-start: 1px solid var(--ch-nav-line);
  border-radius: .35rem;
  background: var(--ch-nav-panel);
}

html[data-theme] body.ch-blog-redesign.btMenuVertical > .menuPort nav ul ul li {
  font-family: inherit;
  opacity: 1;
}

html[data-theme] body.ch-blog-redesign.btMenuVertical .subToggler {
  top: 2px;
  right: 3px;
  min-height: 44px;
  width: 44px;
  padding: 14px 0;
  border-radius: .35rem;
}

html[data-theme] body.ch-blog-redesign.btMenuVertical .subToggler:hover {
  background: var(--ch-nav-hover) !important;
}

html[data-theme] body.ch-blog-redesign.btMenuVertical .topBarInMenu {
  padding: 0 1rem;
  text-align: center;
}

html[data-theme] body.ch-blog-redesign.btMenuVertical > .menuPort .topBar {
  padding: .6rem 1.5rem;
  border-top: 1px solid var(--ch-nav-line);
  border-bottom: 0;
}

html[data-theme] body.ch-blog-redesign.btMenuVertical .mainHeader .logo {
  padding-block: 22px;
}

html[data-theme] body.ch-blog-redesign.btMenuVertical .btVerticalMenuTrigger {
  margin: 24px 16px 24px 0;
}

html[data-theme] body.ch-blog-redesign :is(.btVerticalMenuTrigger, .btHorizontalMenuTrigger)::before,
html[data-theme] body.ch-blog-redesign :is(.btVerticalMenuTrigger, .btHorizontalMenuTrigger)::after,
html[data-theme] body.ch-blog-redesign :is(.btVerticalMenuTrigger, .btHorizontalMenuTrigger) .btIco {
  border-color: var(--ch-nav-text) !important;
}

html[data-theme] body.ch-blog-redesign .btVerticalMenuTrigger .btIcoHolder {
  position: absolute;
  inset: -22px 0 auto;
  min-width: 32px;
  height: 44px;
}

/* Search stays driven by btTopToolsSearchOpen and the original GET form. */
html[data-theme] body.ch-blog-redesign .btSearchInner.btFromTopBox {
  color: var(--ch-nav-text);
  background: var(--ch-nav-bg);
  transition: transform .24s ease, opacity .2s ease;
}

html[data-theme] body.ch-blog-redesign .btSearchInner.btFromTopBox .btSearchInnerContent {
  max-width: 1080px;
  margin-inline: auto;
}

html[data-theme] body.ch-blog-redesign .btSearchInner.btFromTopBox form {
  height: auto;
  margin: -36px clamp(20px, 5vw, 60px) 0;
}

html[data-theme] body.ch-blog-redesign .btSearchInner.btFromTopBox input[type="text"] {
  height: 72px;
  width: 100%;
  max-width: none;
  padding: 1rem 80px 1rem 1.25rem;
  border: 1px solid var(--ch-nav-line);
  border-radius: .65rem;
  color: var(--ch-nav-text);
  background: var(--ch-nav-panel);
  box-shadow: none;
  font: 500 clamp(1.2rem, 3vw, 2rem)/1.5 var(--ch-font-sans, "Manrope", Arial, sans-serif);
  text-align: start;
  transition: border-color .18s ease;
}

html[data-theme] body.ch-blog-redesign .btSearchInner.btFromTopBox input[type="text"]:focus {
  border: 1px solid var(--ch-accent, #36baff);
  box-shadow: none;
}

html[data-theme] body.ch-blog-redesign .btSearchInner.btFromTopBox input[type="text"]::placeholder {
  color: var(--ch-nav-muted);
  opacity: 1;
}

html[data-theme] body.ch-blog-redesign .btSearchInner.btFromTopBox button {
  top: 8px;
  right: 8px;
  width: 56px;
  height: 56px;
  border-radius: .45rem;
  background: #0877b5 !important;
}

html[data-theme] body.ch-blog-redesign .btSearchInner.btFromTopBox button::before {
  color: #fff !important;
  font-size: 32px;
}

html[data-theme] body.ch-blog-redesign .btSearchInner.btFromTopBox button:hover {
  background: #066493 !important;
}

html[data-theme] body.ch-blog-redesign .btSearchInner.btFromTopBox .btSearchInnerClose {
  top: max(24px, env(safe-area-inset-top));
  right: 24px;
}

html[data-theme] body.ch-blog-redesign .btSearchInner.btFromTopBox .btSearchInnerClose .btIco {
  line-height: 48px;
}

html[data-theme] body.ch-blog-redesign .btSearchInner.btFromTopBox .btSearchInnerClose .btIco .btIcoHolder {
  width: 48px;
  height: 48px;
  border: 1px solid var(--ch-nav-line);
  border-radius: .5rem;
  color: var(--ch-nav-text);
  transform: none;
}

html[data-theme] body.ch-blog-redesign .btSearchInner.btFromTopBox .btSearchInnerClose .btIco .btIcoHolder::before {
  font-size: 38px;
  line-height: 46px;
}

/* Existing builder footer remains intact inside the child template wrapper. */
html[data-theme] body.ch-blog-redesign .ch-blog-footer {
  --ch-text: #edf7fc;
  --ch-muted: #c8d6e0;
  --ch-border: #253d4c;
  --ch-focus: #80d9ff;
  color: #e7edf2;
  background: #02070b;
  border-top: 1px solid #253d4c;
  font: 400 1rem/1.65 var(--ch-font-sans, "Manrope", Arial, sans-serif);
}

/* Opaque image covers builder inline !important color without changing saved content. */
html[data-theme] body.ch-blog-redesign .ch-blog-footer > .boldSection,
html[data-theme] body.ch-blog-redesign .ch-blog-footer > footer {
  color: #e7edf2;
  background-image: linear-gradient(#02070b, #02070b) !important;
  border: 0;
}

html[data-theme] body.ch-blog-redesign .ch-blog-footer > .boldSection:first-child {
  padding-top: clamp(32px, 5vw, 64px);
}

html[data-theme] body.ch-blog-redesign .ch-blog-footer :is(.btText, p, .copyLine, li) {
  color: #e7edf2;
  font-family: inherit;
  font-size: inherit;
  line-height: 1.65;
}

html[data-theme] body.ch-blog-redesign .ch-blog-footer :is(h2, h3, h4, .widgettitle) {
  margin-bottom: 1rem;
  color: #d5e7ef;
  font: 700 .9375rem/1.5 var(--ch-font-sans, "Manrope", Arial, sans-serif);
  letter-spacing: .08em;
  text-transform: uppercase;
}

html[data-theme] body.ch-blog-redesign .ch-blog-footer :is(a, .footer-cookie-settings) {
  color: #e7edf2 !important;
  transition: color .18s ease, background-color .18s ease, border-color .18s ease;
}

html[data-theme] body.ch-blog-redesign .ch-blog-footer :is(a, .footer-cookie-settings):is(:hover, :focus-visible) {
  color: #86d9ff !important;
  text-decoration: underline;
  text-underline-offset: .22em;
}

html[data-theme] body.ch-blog-redesign .ch-blog-footer ul.menu {
  margin: 0 0 1.75rem;
  padding: 0;
  list-style: none;
}

html[data-theme] body.ch-blog-redesign .ch-blog-footer ul.menu li {
  margin: 0;
  padding: 0;
}

html[data-theme] body.ch-blog-redesign .ch-blog-footer ul.menu a {
  display: inline-block;
  padding-block: .35rem;
  text-decoration: none;
}

html[data-theme] body.ch-blog-redesign .ch-blog-footer .footer-logo {
  display: inline-block;
  max-width: 220px;
  margin-bottom: 1rem;
}

html[data-theme] body.ch-blog-redesign .ch-blog-footer .footer-logo br {
  display: none;
}

html[data-theme] body.ch-blog-redesign .ch-blog-footer .footer-logo img {
  width: 100%;
  height: auto;
  filter: brightness(0) invert(1);
}

html[data-theme] body.ch-blog-redesign .ch-blog-footer .footer-rating img {
  max-width: 76px;
  height: auto;
}

html[data-theme] body.ch-blog-redesign .ch-blog-footer .btFooterBelow {
  padding-block: 0 1.5rem;
}

html[data-theme] body.ch-blog-redesign .ch-blog-footer .btFooterBelow .boldRow {
  border-color: #253d4c !important;
}

html[data-theme] body.ch-blog-redesign .ch-blog-footer .btFooterBelow .btText {
  font-size: .9375rem;
}

html[data-theme] body.ch-blog-redesign .ch-blog-footer .btFooterBelow :is(.btText, p, a, .footer-cookie-settings) {
  color: #c8d6e0 !important;
}

html[data-theme] body.ch-blog-redesign .ch-blog-footer .btFooterBelow :is(a, .footer-cookie-settings):is(:hover, :focus-visible) {
  color: #86d9ff !important;
}

html[data-theme] body.ch-blog-redesign .ch-blog-footer .btFooterBelow .btIco {
  margin: .2rem;
  line-height: 44px;
}

html[data-theme] body.ch-blog-redesign .ch-blog-footer .btFooterBelow .btIco .btIcoHolder {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border: 1px solid #253d4c;
  border-radius: 50%;
  background: transparent;
  clip-path: none;
}

html[data-theme] body.ch-blog-redesign .ch-blog-footer .btFooterBelow .btIco .btIcoHolder::before {
  width: 42px;
  height: 42px;
  color: #b9d4df !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 20px;
  line-height: 42px;
}

/* The parent's generated hexagon is decorative; retain its social glyph and link. */
html[data-theme] body.ch-blog-redesign .ch-blog-footer .btFooterBelow .btIconHexagonShape .btIcoHolder > svg {
  display: none;
}

html[data-theme] body.ch-blog-redesign .ch-blog-footer .btFooterBelow .btIco .btIcoHolder:is(:hover, :focus-visible) {
  background: rgb(24 168 242 / 16%);
  border-color: #18a8f2;
  text-decoration: none;
}

html[data-theme] body.ch-blog-redesign .ch-blog-footer .btFooterBelow .btIco .btIcoHolder:is(:hover, :focus-visible)::before {
  color: #fff !important;
}

html[data-theme] body.ch-blog-redesign .ch-blog-footer .footer-cookie-settings {
  min-height: 36px;
  padding: .25rem .15rem;
  border: 0;
  background: transparent;
  font: inherit;
  text-decoration: underline;
  text-underline-offset: .2em;
  cursor: pointer;
}

html[data-theme] body.ch-blog-redesign .ch-back-to-top {
  position: fixed;
  z-index: 90;
  right: max(1rem, env(safe-area-inset-right));
  bottom: max(1rem, env(safe-area-inset-bottom));
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.8rem;
  height: 2.8rem;
  padding: 0;
  border: 1px solid #54c5ff;
  border-radius: 50%;
  color: #fff;
  background: #076ea8;
  box-shadow: 0 .3rem 1rem rgb(0 10 20 / 24%);
  text-decoration: none;
  cursor: pointer;
  transition: color .18s ease, background-color .18s ease;
}

html[data-theme] body.ch-blog-redesign .ch-back-to-top[hidden],
html[data-theme] body.ch-blog-redesign.btMenuVerticalOn .ch-back-to-top { display: none; }
html[data-theme] body.ch-blog-redesign .ch-back-to-top svg { width: 1.35rem; height: 1.35rem; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
html[data-theme] body.ch-blog-redesign .ch-back-to-top:is(:hover, :focus-visible) { color: #07659a; background: #fff; }
html[data-theme] body.ch-blog-redesign .ch-back-to-top:focus-visible { outline: 2px solid var(--ch-focus, #36baff); outline-offset: 4px; }

/* CookieConsent v3 variables only: storage, categories and consent policy unchanged. */
html[data-theme] body.ch-blog-redesign #cc-main {
  --cc-font-family: var(--ch-font-sans, "Manrope", Arial, sans-serif);
  --cc-link-color: #18a8f2;
  --cc-bg: #050d14;
  --cc-primary-color: #edf7fc;
  --cc-secondary-color: #9caeba;
  --cc-btn-primary-bg: #18a8f2;
  --cc-btn-primary-color: #00131d;
  --cc-btn-primary-border-color: #18a8f2;
  --cc-btn-primary-hover-bg: #42baff;
  --cc-btn-primary-hover-color: #00131d;
  --cc-btn-primary-hover-border-color: #42baff;
  --cc-btn-secondary-bg: #091b29;
  --cc-btn-secondary-color: #edf7fc;
  --cc-btn-secondary-border-color: rgb(78 171 229 / 30%);
  --cc-btn-secondary-hover-bg: #0d2940;
  --cc-btn-secondary-hover-color: #e5f6ff;
  --cc-btn-secondary-hover-border-color: #18a8f2;
  --cc-toggle-on-bg: #18a8f2;
  --cc-toggle-off-bg: var(--ch-nav-muted);
  --cc-toggle-readonly-bg: var(--ch-nav-line);
  --cc-cookie-category-block-bg: #081722;
  --cc-cookie-category-block-hover-bg: #0c2233;
  --cc-cookie-category-block-border: var(--ch-nav-line);
  --cc-separator-border-color: var(--ch-nav-line);
  --cc-footer-bg: #030a10;
  --cc-footer-border-color: rgb(82 163 214 / 16%);
  --cc-modal-border-radius: 2px;
  --cc-btn-border-radius: 1px;
}
html[data-theme] body.ch-blog-redesign #cc-main :is(.cm, .pm) {
  border: 1px solid rgb(78 171 229 / 24%);
  box-shadow: 0 30px 90px rgb(0 0 0 / 48%);
}
html[data-theme="light"] body.ch-blog-redesign #cc-main {
  --cc-bg: #f8fbfd;
  --cc-primary-color: #0b2637;
  --cc-secondary-color: #496676;
  --cc-link-color: #086a9f;
  --cc-btn-primary-bg: #0877b5;
  --cc-btn-primary-color: #fff;
  --cc-btn-primary-border-color: #0877b5;
  --cc-btn-primary-hover-bg: #066493;
  --cc-btn-primary-hover-color: #fff;
  --cc-btn-primary-hover-border-color: #066493;
  --cc-btn-secondary-bg: #e6f0f6;
  --cc-btn-secondary-color: #0b2637;
  --cc-btn-secondary-border-color: rgb(0 89 145 / 25%);
  --cc-btn-secondary-hover-bg: #dcecf5;
  --cc-btn-secondary-hover-color: #082c42;
  --cc-btn-secondary-hover-border-color: #0877b5;
  --cc-toggle-on-bg: #0877b5;
  --cc-cookie-category-block-bg: #edf4f8;
  --cc-cookie-category-block-hover-bg: #e2eef5;
  --cc-cookie-category-block-border: #c5d7e2;
  --cc-cookie-category-block-hover-border: #adc8d8;
  --cc-cookie-category-expanded-block-hover-bg: #e2eef5;
  --cc-separator-border-color: #c5d7e2;
  --cc-footer-bg: #e5eef4;
  --cc-footer-border-color: rgb(0 89 145 / 14%);
}
html[data-theme="light"] body.ch-blog-redesign #cc-main :is(.cm, .pm) {
  border-color: #b5c8d3;
  box-shadow: 0 20px 60px rgb(15 48 69 / 20%);
}

@media (min-width: 1024px) and (max-width: 1490px) {
  html[data-theme] body.ch-blog-redesign .logo .ch-brand img { width: 168px; }
  html[data-theme] body.ch-blog-redesign .logo .ch-brand-label { display: none; }
  html[data-theme] body.ch-blog-redesign .menuPort nav > ul > li > a { font-size: .875rem; }
}

@media (max-width: 1023px) {
  html[data-theme] body.ch-blog-redesign .mainHeader > .port { padding-inline: 20px; }
  html[data-theme] body.ch-blog-redesign .mainHeader .logo .ch-brand img { width: 180px; }
  html[data-theme] body.ch-blog-redesign .mainHeader .ch-header-controls { float: right; }
  html[data-theme] body.ch-blog-redesign .mainHeader .ch-theme-toggle { float: right; margin-block: 15px; }
  html[data-theme] body.ch-blog-redesign .ch-blog-footer ul.menu a { padding-block: .5rem; }
  html[data-theme] body.ch-blog-redesign .ch-blog-footer .footer-cookie-settings { min-height: 44px; }
}

@media (max-width: 479px) {
  html[data-theme] body.ch-blog-redesign .mainHeader .logo .ch-brand img { width: 150px; }
  html[data-theme] body.ch-blog-redesign .mainHeader .ch-brand-label { display: none; }
  html[data-theme] body.ch-blog-redesign .mainHeader .ch-theme-toggle [data-theme-label] { display: none; }
  html[data-theme] body.ch-blog-redesign .mainHeader .ch-theme-toggle { padding-inline: .5rem; }
}

@media (prefers-reduced-motion: reduce) {
  html[data-theme] body.ch-blog-redesign :is(.mainHeader, .menuPort, .btSearchInner, .ch-blog-footer, .ch-back-to-top),
  html[data-theme] body.ch-blog-redesign :is(.mainHeader, .menuPort, .btSearchInner, .ch-blog-footer) *,
  html[data-theme] body.ch-blog-redesign :is(.mainHeader, .menuPort, .btSearchInner, .ch-blog-footer) *::before,
  html[data-theme] body.ch-blog-redesign :is(.mainHeader, .menuPort, .btSearchInner, .ch-blog-footer) *::after,
  html[data-theme] body.ch-blog-redesign :is(.btVerticalMenuTrigger, .btHorizontalMenuTrigger)::before,
  html[data-theme] body.ch-blog-redesign :is(.btVerticalMenuTrigger, .btHorizontalMenuTrigger)::after {
    animation: none !important;
    transition: none !important;
  }
}

@media print {
  html[data-theme] body.ch-blog-redesign :is(.ch-theme-toggle, .ch-back-to-top, .btSearchInner, #cc-main) { display: none !important; }
}