/* Night mode for the shared Prolean Blog VI. Load after the base reader stylesheet. */
.pl-blog-v2 .pl-reader-tools:has([data-pl-reading-theme-toggle]){
  display:grid;
  grid-template-columns:1fr auto auto;
  column-gap:clamp(8px,1.6vw,20px);
}
.pl-blog-v2 .pl-reader-tools [data-pl-reading-theme-toggle]{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  width:auto;
  min-height:44px;
  padding:0 10px;
  border-color:var(--pl-line);
  border-radius:4px;
  font:700 12px/1 PLManrope,sans-serif;
  white-space:nowrap;
}
.pl-blog-v2 .pl-reader-tools [data-pl-reading-theme-toggle]:hover{
  background:var(--pl-surface);
  color:var(--pl-navy);
}
.pl-blog-v2 .pl-reader-tools [data-pl-reading-theme-toggle][aria-pressed=true]{
  border-color:var(--pl-action);
  color:var(--pl-action);
}
@media(max-width:480px){
  .pl-blog-v2 .pl-reader-tools:has([data-pl-reading-theme-toggle]){grid-template-columns:1fr auto}
  .pl-blog-v2 .pl-reader-tools:has([data-pl-reading-theme-toggle])>span{display:none}
  .pl-blog-v2 .pl-reader-tools [data-pl-reading-theme-toggle]{justify-self:start}
}

@media screen{
  [data-pl-reading-theme=dark] :is(.pl-blog-v2,.pl-blog-enabled .et-l--header,.pl-blog-enabled .et-l--footer){
    color-scheme:dark;
    --pl-bg:#131b26;
    --pl-surface:#1c2838;
    --pl-ink:#dce5f0;
    --pl-navy:#f1f5fa;
    --pl-action:#a7cfff;
    --pl-text:#aebed0;
    --pl-line:#415469;
    --pl-red:#ff8794;
    --pl-steel:#2c3e55;
    --pl-media-mat:#eef2f6;
  }
  /* Divi's generated post stylesheet can set link colors with !important. */
  [data-pl-reading-theme=dark] .pl-blog-v2 .pl-blog-body a{
    color:var(--pl-action)!important;
  }
  /* Older articles set a fixed dark gray on captions and lead-in labels. */
  [data-pl-reading-theme=dark] .pl-blog-v2 .pl-blog-body :is(em,b)[style^="color: #666666;" i]{
    color:var(--pl-text)!important;
  }
  [data-pl-reading-theme=dark] .pl-blog-v2 .pl-blog-body tr:first-child>td,
  [data-pl-reading-theme=dark] .pl-blog-v2 .pl-blog-body tr:first-child>th{
    background:var(--pl-steel)!important;
    color:var(--pl-navy)!important;
  }
  [data-pl-reading-theme=dark] .pl-blog-v2 .pl-blog-body .pl-inline-cta-link{
    color:var(--pl-bg)!important;
  }
  [data-pl-reading-theme=dark] .pl-blog-v2 .pl-hero-figure img,
  [data-pl-reading-theme=dark] .pl-blog-v2 .pl-related-item img,
  [data-pl-reading-theme=dark] .pl-blog-v2 .pl-blog-body img{
    background-color:var(--pl-media-mat);
  }
  [data-pl-reading-theme=dark] .pl-blog-v2 .pl-mobile-contents.pl-dock-visible{
    background:var(--pl-steel);
    color:var(--pl-navy);
    border-color:var(--pl-text);
  }
  [data-pl-reading-theme=dark] .pl-blog-v2>.lwptoc.pl-toc-drawer,
  [data-pl-reading-theme=dark] .pl-blog-v2>.lwptoc.pl-toc-drawer .lwptoc_header{
    background:var(--pl-bg)!important;
  }

  /* Use the reading palette for the shared navigation on VI article pages. */
  [data-pl-reading-theme=dark] .pl-blog-enabled .et-l--header,
  [data-pl-reading-theme=dark] .pl-blog-enabled .et-l--header .et_pb_section_0_tb_header,
  [data-pl-reading-theme=dark] .pl-blog-enabled #mvd-root .mvd-hd{
    background:var(--pl-bg)!important;
  }
  [data-pl-reading-theme=dark] .pl-blog-enabled #mvd-root{
    --mvd-navy:var(--pl-navy);
    --mvd-blue:var(--pl-action);
    --mvd-ink:var(--pl-ink);
    --mvd-link:var(--pl-action);
    --mvd-mut:var(--pl-text);
    --mvd-mut2:var(--pl-text);
    --mvd-line:var(--pl-line);
  }
  [data-pl-reading-theme=dark] .pl-blog-enabled #mvd-root .mvd-logo img{
    filter:brightness(0) invert(1)!important;
  }
  [data-pl-reading-theme=dark] .pl-blog-enabled #mvd-root :is(.mvd-panel,.mvd-langmenu,.mvd-drawer,.mvd-dhead,.mvd-card,.mvd-cert){
    background:var(--pl-bg);
    border-color:var(--pl-line);
    color:var(--pl-ink);
  }
  [data-pl-reading-theme=dark] .pl-blog-enabled #mvd-root :is(.mvd-langbtn,.mvd-foot,.mvd-ctacol,.mvd-chip,.mvd-contact,.mvd-grp,.mvd-panel a.mvd-resbig){
    background:var(--pl-surface);
    border-color:var(--pl-line);
    color:var(--pl-ink);
  }
  [data-pl-reading-theme=dark] .pl-blog-enabled #mvd-root :is(.mvd-item>a.mvd-top,.mvd-dclose,.mvd-gh,.mvd-ctacol h5,.mvd-resbig .mvd-rbh){
    color:var(--pl-navy);
  }
  [data-pl-reading-theme=dark] .pl-blog-enabled #mvd-root :is(.mvd-col h6,.mvd-sub,.mvd-ctacol .mvd-ctap,.mvd-ctacol li,.mvd-resbig .mvd-rbp,.mvd-grp a){
    color:var(--pl-text);
  }
  [data-pl-reading-theme=dark] .pl-blog-enabled #mvd-root .mvd-ctacol li::before,
  [data-pl-reading-theme=dark] .pl-blog-enabled #mvd-root :is(.mvd-foot a,.mvd-panel a.mvd-up,.mvd-resbig .mvd-go,.mvd-grp a.mvd-ghub,.mvd-cert){
    color:var(--pl-action);
  }
  [data-pl-reading-theme=dark] .pl-blog-enabled #mvd-root .mvd-item>a.mvd-top::after,
  [data-pl-reading-theme=dark] .pl-blog-enabled #mvd-root .mvd-burger i,
  [data-pl-reading-theme=dark] .pl-blog-enabled #mvd-root .mvd-burger i::before,
  [data-pl-reading-theme=dark] .pl-blog-enabled #mvd-root .mvd-burger i::after{
    background:var(--pl-action);
  }
  [data-pl-reading-theme=dark] .pl-blog-enabled #mvd-root :is(.mvd-burger,.mvd-dclose,.mvd-acc,.mvd-grp a,.mvd-sub,.mvd-panel a.mvd-up){
    border-color:var(--pl-line);
  }
  [data-pl-reading-theme=dark] .pl-blog-enabled #mvd-root .mvd-gh .mvd-chev{
    border-color:var(--pl-text);
  }
  [data-pl-reading-theme=dark] .pl-blog-enabled #mvd-root :is(.mvd-cta,.mvd-panel a.mvd-qbtn,.mvd-mq){
    background:var(--pl-steel);
    color:var(--pl-navy);
  }
  [data-pl-reading-theme=dark] .pl-blog-enabled #mvd-root :is(.mvd-item>a.mvd-top:hover,.mvd-item.mvd-open>a.mvd-top,.mvd-langbtn:hover,.mvd-langmenu a:hover,.mvd-langmenu a[aria-current=true],.mvd-link:hover,.mvd-chip:hover,.mvd-card:hover,.mvd-panel a.mvd-up:hover,.mvd-acc.mvd-accopen .mvd-gh,.mvd-grp a:hover,.mvd-dclose:hover){
    background:var(--pl-steel);
    color:var(--pl-action);
  }
  [data-pl-reading-theme=dark] .pl-blog-enabled #mvd-root :is(.mvd-cta,.mvd-panel a.mvd-qbtn,.mvd-mq):hover{
    background:var(--pl-action);
    color:var(--pl-bg);
  }
  [data-pl-reading-theme=dark] .pl-blog-enabled #mvd-root :is(a,button):focus-visible{
    outline:2px solid var(--pl-red);
    outline-offset:-2px;
  }

  /* Apply the same palette to the shared company footer. */
  [data-pl-reading-theme=dark] .pl-blog-enabled .et-l--footer {
    background: var(--pl-bg);
  }
  [data-pl-reading-theme=dark] .pl-blog-enabled .et-l--footer .pl-footer-section {
    background: var(--pl-bg) !important;
  }
  [data-pl-reading-theme=dark] .pl-blog-enabled #pl-footer-v3 {
    --navy: var(--pl-navy);
    --blue: var(--pl-action);
    --text: var(--pl-text);
    --muted: var(--pl-text);
    --line: var(--pl-line);
    background: var(--pl-bg);
    color: var(--pl-ink);
  }
  /* Divi's footer typography overrides the CTA heading with a doubled ID. */
  [data-pl-reading-theme=dark] .pl-blog-enabled #pl-footer-v3#pl-footer-v3 :is(.cta h2, .directory h3) {
    color: var(--navy);
  }
  [data-pl-reading-theme=dark] .pl-blog-enabled #pl-footer-v3 .brand .brand-logo {
    background: transparent;
  }
  [data-pl-reading-theme=dark] .pl-blog-enabled #pl-footer-v3 .brand-logo img {
    filter: brightness(0) invert(1);
  }
  [data-pl-reading-theme=dark] .pl-blog-enabled #pl-footer-v3 .contact .whatsapp {
    color: var(--blue);
  }
  [data-pl-reading-theme=dark] .pl-blog-enabled #pl-footer-v3 :is(.social a, .contact address, .assurance) {
    border-color: var(--line);
  }
  [data-pl-reading-theme=dark] .pl-blog-enabled #pl-footer-v3 .social a {
    background: transparent;
  }
  [data-pl-reading-theme=dark] .pl-blog-enabled #pl-footer-v3 .social a:hover {
    background: var(--pl-steel);
    border-color: var(--blue);
  }
  [data-pl-reading-theme=dark] .pl-blog-enabled #pl-footer-v3 .assurance svg {
    stroke: var(--text);
  }
  [data-pl-reading-theme=dark] .pl-blog-enabled #pl-footer-v3 .button {
    background: var(--pl-steel);
    color: var(--navy);
  }
  [data-pl-reading-theme=dark] .pl-blog-enabled #pl-footer-v3 .button:hover {
    background: var(--blue);
    color: var(--pl-bg);
  }
}