/* Isolated Discount Court Documents logo sizing and breathing animation. */
/* Approved desktop crest sizing from the home page. Mobile logo sizing remains controlled by existing mobile page CSS. */
@media (min-width: 981px) {
  .site-crest {
    left: 50%;
    top: 151%;
    transform: translate(-50%, -50%);
    width: clamp(186.3px, 15.93vw, 251.1px);
  }

  body.is-scrolled .site-crest {
    top: 60%;
    width: clamp(77.4px, 6.21vw, 97.2px);
  }
}

@media (min-width: 981px) and (max-width: 1570px) {
  .site-crest {
    top: 151%;
    width: clamp(77.4px, 6.21vw, 97.2px);
  }
}

.site-crest img {
  animation: none !important;
  transform: scale(1);
  transform-origin: center top;
  will-change: transform;
}

.site-header__band.dcd-header-animation-running .site-crest img {
  animation: dcdLogoBreath 11.5s ease-in-out infinite !important;
}

@keyframes dcdLogoBreath {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.08);
  }
  100% {
    transform: scale(1);
  }
}

/* Header label and Services caret correction. Keeps existing menu sizing intact. */
.site-menu__link[href="legal-documents.html"],
.drawer-nav__link[href="legal-documents.html"] {
  font-size: 0 !important;
}

.site-menu__link[href="legal-documents.html"]::after,
.drawer-nav__link[href="legal-documents.html"]::after {
  content: "Docs";
  font-size: 0.927rem;
  line-height: 1;
}

.site-menu__trigger {
  overflow: visible !important;
}

.site-menu__caret {
  display: inline-block !important;
  flex: 0 0 9px !important;
  width: 9px !important;
  height: 9px !important;
  min-width: 9px !important;
  min-height: 9px !important;
  margin-left: 7.2px !important;
  overflow: visible !important;
  border-right: 2px solid currentColor !important;
  border-bottom: 2px solid currentColor !important;
  transform: rotate(45deg) translateY(-1px) !important;
  transform-origin: 50% 50% !important;
}

.site-menu__trigger[aria-expanded="true"] .site-menu__caret {
  transform: rotate(-135deg) translateY(-1px) !important;
}

/* Mobile drawer Docs alignment and menu font color correction. */
.drawer-nav__link,
.drawer-nav__toggle,
.drawer-submenu__links a {
  color: #164089 !important;
  -webkit-text-fill-color: #164089 !important;
}

.drawer-nav__link[href="legal-documents.html"] {
  justify-content: flex-start !important;
  text-align: left !important;
}

.drawer-nav__link[href="legal-documents.html"]::after {
  font-size: 1.08rem !important;
}

/* Mobile menu hover effect. */
@media (max-width: 980px) {
  .mobile-nav-toggle {
    transition: transform 0.2s ease, background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important;
  }

  .mobile-nav-toggle:hover,
  .mobile-nav-toggle:focus-visible {
    transform: translateY(-2px) !important;
    background: linear-gradient(145deg, rgba(22, 64, 137, 0.18), rgba(95, 169, 242, 0.12)) !important;
    border-color: rgba(214, 168, 93, 0.78) !important;
    box-shadow: 0 24px 46px rgba(22, 64, 137, 0.28), 0 10px 20px rgba(2, 11, 24, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.74) !important;
  }

  .drawer-nav__link,
  .drawer-nav__toggle,
  .drawer-submenu__links a {
    transition: transform 0.2s ease, background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease !important;
  }

  .drawer-nav__link:hover,
  .drawer-nav__link:focus-visible,
  .drawer-nav__toggle:hover,
  .drawer-nav__toggle:focus-visible,
  .drawer-submenu__links a:hover,
  .drawer-submenu__links a:focus-visible {
    color: #164089 !important;
    -webkit-text-fill-color: #164089 !important;
    transform: translateX(4px) translateY(-2px) !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.86), rgba(234, 244, 255, 0.78)) !important;
    border-color: rgba(214, 168, 93, 0.74) !important;
    box-shadow: 0 26px 48px rgba(22, 64, 137, 0.24), 0 10px 20px rgba(2, 11, 24, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
  }

  .drawer-nav__link:active,
  .drawer-nav__toggle:active,
  .drawer-submenu__links a:active,
  .mobile-nav-toggle:active {
    transform: scale(0.98) !important;
  }
}

/* WhatsApp social icon visibility boost. */
a[aria-label="WhatsApp"] .site-icon {
  transform: scale(1.16) !important;
  filter: drop-shadow(0 1px 0 currentColor) drop-shadow(0 0 4px rgba(22, 64, 137, 0.35)) !important;
}

.topbar__social-link[aria-label="WhatsApp"] .site-icon {
  width: 1.42em !important;
  height: 1.42em !important;
  max-width: 82% !important;
  max-height: 82% !important;
}

.social-links__link[aria-label="WhatsApp"] .site-icon {
  width: 27px !important;
  height: 27px !important;
  max-width: 82% !important;
  max-height: 82% !important;
}

/* Instagram social icon visibility boost. */
a[aria-label="Instagram"] .site-icon {
  transform: scale(1.16) !important;
  filter: drop-shadow(0 1px 0 currentColor) drop-shadow(0 0 4px rgba(22, 64, 137, 0.35)) !important;
}

.topbar__social-link[aria-label="Instagram"] .site-icon {
  width: 1.42em !important;
  height: 1.42em !important;
  max-width: 82% !important;
  max-height: 82% !important;
}

.social-links__link[aria-label="Instagram"] .site-icon {
  width: 27px !important;
  height: 27px !important;
  max-width: 82% !important;
  max-height: 82% !important;
}

/* X social icon visibility boost. */
a[aria-label="X"] .site-icon {
  transform: scale(1.16) !important;
  filter: drop-shadow(0 1px 0 currentColor) drop-shadow(0 0 4px rgba(22, 64, 137, 0.35)) !important;
}

.topbar__social-link[aria-label="X"] .site-icon {
  width: 1.42em !important;
  height: 1.42em !important;
  max-width: 82% !important;
  max-height: 82% !important;
}

.social-links__link[aria-label="X"] .site-icon {
  width: 27px !important;
  height: 27px !important;
  max-width: 82% !important;
  max-height: 82% !important;
}

/* Facebook social icon visibility boost. */
a[aria-label="Facebook"] .site-icon {
  transform: scale(1.16) !important;
  filter: drop-shadow(0 1px 0 currentColor) drop-shadow(0 0 4px rgba(22, 64, 137, 0.35)) !important;
}

.topbar__social-link[aria-label="Facebook"] .site-icon {
  width: 1.42em !important;
  height: 1.42em !important;
  max-width: 82% !important;
  max-height: 82% !important;
}

.social-links__link[aria-label="Facebook"] .site-icon {
  width: 27px !important;
  height: 27px !important;
  max-width: 82% !important;
  max-height: 82% !important;
}

/* TikTok, YouTube, Pinterest, and Reddit social icon visibility boost. */
a[aria-label="TikTok"] .site-icon,
a[aria-label="YouTube"] .site-icon,
a[aria-label="Pinterest"] .site-icon,
a[aria-label="Reddit"] .site-icon {
  transform: scale(1.16) !important;
  filter: drop-shadow(0 1px 0 currentColor) drop-shadow(0 0 4px rgba(22, 64, 137, 0.35)) !important;
}

.topbar__social-link[aria-label="TikTok"] .site-icon,
.topbar__social-link[aria-label="YouTube"] .site-icon,
.topbar__social-link[aria-label="Pinterest"] .site-icon,
.topbar__social-link[aria-label="Reddit"] .site-icon {
  width: 1.42em !important;
  height: 1.42em !important;
  max-width: 82% !important;
  max-height: 82% !important;
}

.social-links__link[aria-label="TikTok"] .site-icon,
.social-links__link[aria-label="YouTube"] .site-icon,
.social-links__link[aria-label="Pinterest"] .site-icon,
.social-links__link[aria-label="Reddit"] .site-icon {
  width: 27px !important;
  height: 27px !important;
  max-width: 82% !important;
  max-height: 82% !important;
}

/* Alignable social icon visibility boost. */
a[aria-label="Alignable"] .alignable-icon {
  transform: scale(1.16) !important;
  filter: drop-shadow(0 1px 0 currentColor) drop-shadow(0 0 4px rgba(22, 64, 137, 0.35)) !important;
}

.topbar__social-link[aria-label="Alignable"] .alignable-icon {
  width: 1.42em !important;
  height: 1.42em !important;
  max-width: 82% !important;
  max-height: 82% !important;
}

.social-links__link[aria-label="Alignable"] .alignable-icon {
  width: 27px !important;
  height: 27px !important;
  max-width: 82% !important;
  max-height: 82% !important;
}

/* Locations page map grid. */
.grid--2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (max-width: 860px) {
  .grid--2 {
    grid-template-columns: 1fr;
  }
}