.btn-default.btn-outline, .btn-outline {
  background: #fff !important;
}

.lagom-dark-mode .btn-default.btn-outline,
.lagom-dark-mode .btn-outline {
  background: transparent !important;
}
.lagom-dark-mode .custom-choose-product {
    background: var(--secondary-block-bg-h);
}
  .site .site-section.padding-small {
    padding: var(--site-section-padding-sm) 0;
}
.site .site-section.section-homepage,
.site tab-nav-domain a,
.site .tab-nav-domain a:hover
 {
   color: var(--text-white-color) !important;
}
.site .site-section.section-homepage .section-title {
    max-width: 100%;
  
}
.white-link{
   color: var(--text-white-color) !important;
   
}
.orange>i {
    color: var(--text-primary-color);
}
/* TLD Row */
.section-tlds.row {
 /*  background-color: #1a1a2e; dark background so white prices are visible */
  border-radius: 8px;
  margin: 0;
  padding: 0.5rem 0;
}

/* Force 3 columns on mobile (xs/sm), full row on md+ */
.section-tlds .col-sm {
  flex: 0 0 33.3333%;
  max-width: 33.3333%;
  padding: 0.5rem 0;
  position: relative;
}

@media (min-width: 768px) {
  .section-tlds .col-sm {
    flex: 1;
    max-width: none;
  }
}

/* Dividers between columns on md+ using pseudo-elements */
@media (min-width: 768px) {
  .section-tlds .col-sm + .col-sm::before {
    content: '';
    position: absolute;
    left: 0;
    top: 10%;
    height: 80%;
    width: 1px;
    background-color: rgba(255, 255, 255, 0.2);
  }
}

/* TLD cell layout */
.tld {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  padding: 0.75rem 0.5rem;
  text-align: center;
}

/* Extension name (e.g. ".ie") */
.tld-suffix {
  font-size: var(--font-size-xlg);
  font-weight: var(--font-weight-bold);
  line-height: 1.2;
  white-space: nowrap;
}

.tld-suffix span {
  display: inline;
  color: var(--brand-primary);
}

/* Price */
.tld-price {
  margin-top: 0.25rem;
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-medium);
}


/* Center the nav */
.banner-nav.nav-tabs {
  justify-content: center;
  border-bottom: none;
  gap: 0;
}

/* Remove default nav-tabs list styling */
.banner-nav.nav-tabs li {
  list-style: none;
  display: flex;
  align-items: center;
}

/* Divider between the two items */
.banner-nav.nav-tabs li + li::before {
  content: '';
  display: inline-block;
  width: 1px;
  height: 1em;
  background-color: rgba(255, 255, 255, 0.6);
  margin: 0 0.75rem;
}

/* Base link style */
.banner-nav .tab-nav-domain {
  color: rgba(255, 255, 255, 0.95);
  font-weight: var(--font-weight-base);
  text-decoration: none;
  border: none !important;
  background: none !important;
  padding: 0.25rem 0;
}

/* Active link */
.banner-nav .tab-nav-domain.active {
      color: rgba(255, 255, 255, 0.95);
  font-weight: var(--font-weight-semibold);
  border: none !important;
  background: none
}

/* Hover */
.banner-nav .tab-nav-domain:hover {
  border: none !important;
  background: none !important;
}/* ── All rules scoped to .site .site-section ── */

  .site .site-section .pricing-tabs-wrapper {
    display: flex;
    justify-content: center;
    margin-bottom: 2rem;
  }

  .site .site-section .pricing-nav-tabs {
    background: #f0f2f5;
    border-radius: 50px;
    padding: 5px;
    border: none;
    display: inline-flex;
  }

  .site .site-section .pricing-nav-tabs .nav-item {
    margin: 0;
  }

  .site .site-section .pricing-nav-tabs .nav-link {
    border: none;
    border-radius: 50px;
    padding: 8px 24px;
    font-size: 0.9rem;
    font-weight: 600;
    color: #666;
    transition: all 0.25s ease;
    white-space: nowrap;
    background: transparent;
  }

  .site .site-section .pricing-nav-tabs .nav-link:hover {
    color: #333;
    background: rgba(255,255,255,0.6);
  }

  .site .site-section .pricing-nav-tabs .nav-link.active {
    background: #fff;
    color: #0057ff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.12);
  }

  .site .site-section .save-badge {
    display: inline-block;
    background: #28a745;
    color: #fff;
    font-size: 0.65rem;
    font-weight: 700;
    padding: 2px 6px;
    border-radius: 20px;
    margin-left: 5px;
    vertical-align: middle;
    letter-spacing: 0.3px;
  }

  .site .site-section .price {
    transition: opacity 0.2s ease;
  }

  .site .site-section .package-price {
    min-height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  /* ── Mobile: center the tab strip ── */
  @media (max-width: 767.98px) {
    .site .site-section .pricing-tabs-wrapper {
      justify-content: center;
      width: 100%;
    }

    .site .site-section .pricing-nav-tabs {
      width: auto;
      max-width: 100%;
      justify-content: center;
    }

    .site .site-section .pricing-nav-tabs .nav-link {
      padding: 8px 16px;
      font-size: 0.82rem;
    }
  }