/*
 * Trodomains | restrained red accents & exact logo-blue CTAs
 * Brand blue: #024D97. Red is a small decorative highlight, not a new
 * checkout, price, availability, error, or consent status colour.
 */
:root {
  --tdp-brand-blue:#024d97;
  --td-blue:#024d97;
  --tdp-brand-blue-hover:#003e7c;
  --tdp-accent-red:#d4314b;
  --tdp-accent-red-soft:#fff1f3;
  --tdp-accent-red-light:#ff8696;
}
/* Highest-priority colour correction for the royal blue buttons seen on
   Website Builder and every other service landing page. */
.tdp-site .tdp-landing-section .tdp-btn.tdp-primary,
.tdp-site .tdp-landing-section a.tdp-btn.tdp-primary,
.tdp-site .tdp-wb-inline-cta a.tdp-btn.tdp-primary,
.tdp-site .tdp-home-builder-actions a.tdp-btn.tdp-primary,
.tdp-site .tdp-wb-faq-intro a.tdp-btn.tdp-primary,
.tdp-site .tdp-utility-actions a.tdp-primary,
.tdp-site .tdp-utility-actions a.tdp-btn.tdp-primary {
  background:#024d97!important;
  border-color:#024d97!important;
  color:#fff!important;
  background-image:none!important;
}
.tdp-site .tdp-landing-section .tdp-btn.tdp-primary:hover,
.tdp-site .tdp-landing-section .tdp-btn.tdp-primary:focus-visible,
.tdp-site .tdp-landing-section a.tdp-btn.tdp-primary:hover,
.tdp-site .tdp-wb-inline-cta a.tdp-btn.tdp-primary:hover,
.tdp-site .tdp-home-builder-actions a.tdp-btn.tdp-primary:hover,
.tdp-site .tdp-wb-faq-intro a.tdp-btn.tdp-primary:hover,
.tdp-site .tdp-utility-actions a.tdp-primary:hover {
  background:#003e7c!important;
  border-color:#003e7c!important;
  color:#fff!important;
  background-image:none!important;
}
/* Keep shared purchase and domain-search actions in the same blue family. */
.tdp-site .tdp-header-actions a.tdp-header-cta,
.tdp-site .tdp-product-tile .rstore-add-to-cart,
.tdp-site .tdp-plan-purchase .rstore-add-to-cart,
.tdp-site .tdp-domain-full button[type="submit"],
.tdp-site .tdp-domain-full input[type="submit"]{
  background-color:#024d97!important;
  border-color:#024d97!important;
  color:#fff!important;
}
/* A few premium red details, surrounded by the existing navy, brand blue
   and pale blue. Never recolour text or transactional status states red. */
.tdp-site .tdp-topbar .tdp-dot {
  background:var(--tdp-accent-red-light)!important;
  box-shadow:0 0 0 4px rgba(255,134,150,.12)!important;
}
.tdp-site .tdp-nav>a:hover,
.tdp-site .tdp-nav>details>summary:hover,
.tdp-site .tdp-nav>details[open]>summary {
  box-shadow:inset 0 -2px 0 var(--tdp-accent-red);
}
/* Fine red dash before section labels: consistent across the catalogue,
   editorial pages and Website Builder without replacing light-blue text. */
.tdp-site .tdp-section .tdp-eyebrow::before,
.tdp-site .tdp-landing-section .tdp-eyebrow::before,
.tdp-site .tdp-service-hero-copy .tdp-eyebrow::before,
.tdp-site .tdp-home-builder-feature .tdp-eyebrow::before,
.tdp-site .tdp-wb-finish .tdp-eyebrow::before {
  content:"";
  display:inline-block;
  width:15px;
  height:3px;
  margin-right:9px;
  vertical-align:middle;
  border-radius:3px;
  background:var(--tdp-accent-red);
}
.tdp-site .tdp-service-hero-copy .tdp-eyebrow::before,
.tdp-site .tdp-wb-finish .tdp-eyebrow::before,
.tdp-site .tdp-section.tdp-dark .tdp-eyebrow::before {
  background:var(--tdp-accent-red-light);
}
.tdp-site .tdp-service-card::before {
  background:linear-gradient(90deg,#024d97 0%,#024d97 78%,var(--tdp-accent-red) 78%,var(--tdp-accent-red) 100%)!important;
}
.tdp-site .tdp-plan-card:hover,
.tdp-site .tdp-plan-card:focus-within {
  border-top-color:var(--tdp-accent-red)!important;
}
.tdp-site .tdp-wb-decision-card:nth-child(2) {
  border-top:3px solid var(--tdp-accent-red);
}
.tdp-site .tdp-wb-guide-label::before {
  content:"";
  display:inline-block;
  width:6px;
  height:6px;
  margin-right:7px;
  border-radius:50%;
  background:var(--tdp-accent-red);
  vertical-align:middle;
}
.tdp-site .tdp-home-builder-facts>div:first-child::before{
  color:var(--tdp-accent-red)!important;
  background:var(--tdp-accent-red-soft)!important;
}
.tdp-site .tdp-art-dots i:first-child{
  background:var(--tdp-accent-red-light)!important;
}
.tdp-site .tdp-footer-grid>div:not(:first-child)>h3::after {
  content:"";
  display:block;
  width:21px;
  height:2px;
  margin-top:10px;
  border-radius:3px;
  background:var(--tdp-accent-red-light);
}
@media (max-width:990px) {
  /* Mobile menu needs stable layout, not desktop hover underlines. */
  .tdp-site .tdp-nav>a:hover,
  .tdp-site .tdp-nav>details>summary:hover{
    box-shadow:none;
  }
}