/* ============================================================
   PTAD — Design System (v2 — modern redesign)
   ============================================================ */

:root {
  --ptad-navy: #0f2942;
  --ptad-navy-light: #1c3f5e;
  --ptad-navy-deep: #081a2c;
  --ptad-teal: #1b5e63;
  --ptad-teal-light: #e8f1f1;
  --ptad-amber: #e09a3e;
  --ptad-amber-deep: #d68a2c;
  --ptad-amber-light: #fbf0df;
  --ptad-blue: #2f5fa8;
  --ptad-blue-deep: #234a86;
  --ptad-blue-light: #e8eefa;
  --ptad-bg: #f4f6f8;
  --ptad-surface: #ffffff;
  --ptad-ink: #16202b;
  --ptad-ink-muted: #64707d;
  --ptad-line: #e4e8ed;
  --ptad-danger: #b3432d;

  --ptad-radius: 12px;
  --ptad-radius-lg: 20px;

  --bs-primary: var(--ptad-teal);
  --bs-primary-rgb: 27, 94, 99;
  --bs-body-color: var(--ptad-ink);
  --bs-body-bg: var(--ptad-bg);
  --bs-border-color: var(--ptad-line);
  --bs-link-color: var(--ptad-teal);
  --bs-link-hover-color: var(--ptad-navy);
}

body {
  font-family:
    "Inter",
    -apple-system,
    BlinkMacSystemFont,
    sans-serif;
  color: var(--ptad-ink);
  background: var(--ptad-bg);
  font-feature-settings: "tnum" 1;
  -webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
.ptad-headline {
  font-weight: 800;
  letter-spacing: -0.025em;
  color: var(--ptad-navy);
}

/* ---------- Top navigation ---------- */
.ptad-nav {
  background: var(--ptad-navy-deep);
  padding: 1rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.ptad-nav .navbar-brand {
  color: #fff;
  font-weight: 800;
  font-size: 1.25rem;
  letter-spacing: -0.02em;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 0.6rem;
}
.ptad-nav .navbar-brand .ptad-logo-mark {
  width: 34px;
  height: 34px;
  background: linear-gradient(
    135deg,
    var(--ptad-amber),
    var(--ptad-amber-deep)
  );
  border-radius: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--ptad-navy-deep);
  font-weight: 900;
  font-size: 0.95rem;
}
.ptad-nav .navbar-brand small {
  display: block;
  font-weight: 500;
  font-size: 0.68rem;
  color: rgba(255, 255, 255, 0.5);
  letter-spacing: 0.03em;
  text-decoration: none;
  margin-top: 1px;
}
.ptad-nav .nav-link {
  color: rgba(255, 255, 255, 0.75);
  font-weight: 600;
  font-size: 0.9rem;
  text-decoration: none;
  padding: 0.4rem 0.9rem;
  border-radius: 8px;
  transition: all 0.15s ease;
}
.ptad-nav .nav-link:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
  text-decoration: none;
}
.ptad-nav .nav-link.active {
  color: var(--ptad-navy-deep);
  background: var(--ptad-amber);
  text-decoration: none;
}

/* ---------- Public-site nav (light theme) ----------
   Scoped to .ptad-nav-public (added only on head.php's nav, never on
   admin pages) so these rules win on specificity without touching the
   shared dark .ptad-nav base above — admin's nav (which has a
   btn-outline-light "Log Out" button that depends on a dark
   background) is completely unaffected. */
.ptad-nav.ptad-nav-public {
  background: var(--ptad-surface);
  padding: 0.6rem 0;
  border-bottom: 1px solid var(--ptad-line);
  box-shadow: 0 1px 3px rgba(15, 41, 66, 0.05);
  position: relative;
  z-index: 100;
}
.ptad-nav-public .navbar-brand {
  color: var(--ptad-navy);
  font-size: 1.4rem;
  gap: 0.85rem;
}
.ptad-nav-public .navbar-brand small {
  font-size: 0.78rem;
}
.ptad-nav-public .navbar-brand img {
  height: 78px;
  width: 78px;
  object-fit: contain;
  flex-shrink: 0;
}
.ptad-nav-public .navbar-brand small {
  color: var(--ptad-ink-muted);
}
.ptad-nav-public .nav-link {
  color: var(--ptad-ink-muted);
}
.ptad-nav-public .nav-link:hover {
  color: var(--ptad-navy);
  background: var(--ptad-bg);
}
.ptad-nav-public .nav-link.active {
  color: #fff;
  background: var(--ptad-amber);
}
.ptad-nav-menu {
  display: flex;
  align-items: center;
  gap: 1.75rem;
}
.ptad-nav-links {
  display: flex;
  align-items: center;
  gap: 0.3rem;
}
.ptad-nav-tdap-logo {
  height: 68px;
  width: 68px;
  object-fit: contain;
  flex-shrink: 0;
}
.ptad-nav-toggle {
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  width: 42px;
  height: 42px;
  border: 1px solid var(--ptad-line);
  border-radius: 8px;
  background: var(--ptad-surface);
  cursor: pointer;
  flex-shrink: 0;
}
.ptad-nav-toggle span {
  display: block;
  height: 2px;
  width: 20px;
  background: var(--ptad-navy);
  border-radius: 2px;
  transition: transform 0.2s ease, opacity 0.2s ease;
}
.ptad-nav-toggle.open span:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}
.ptad-nav-toggle.open span:nth-child(2) {
  opacity: 0;
}
.ptad-nav-toggle.open span:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}

@media (max-width: 767px) {
  .ptad-nav-public {
    padding: 0.75rem 0;
  }
  .ptad-nav-public .navbar-brand img {
    height: 54px;
    width: 54px;
  }
  .ptad-nav-public .navbar-brand {
    font-size: 1.1rem;
    gap: 0.6rem;
  }
  .ptad-nav-public .navbar-brand small {
    font-size: 0.66rem;
  }
  .ptad-nav-toggle {
    display: flex;
  }
  .ptad-nav-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: var(--ptad-surface);
    border-bottom: 1px solid var(--ptad-line);
    box-shadow: 0 12px 24px rgba(15, 41, 66, 0.1);
    flex-direction: column;
    align-items: stretch;
    gap: 0.25rem;
    padding: 0.5rem 1.25rem 1.25rem;
  }
  .ptad-nav-menu.open {
    display: flex;
  }
  .ptad-nav-links {
    flex-direction: column;
    align-items: stretch;
    gap: 0.1rem;
  }
  .ptad-nav-public .nav-link {
    padding: 0.8rem 0.6rem;
  }
  .ptad-nav-tdap-logo {
    margin-top: 0.5rem;
  }
}

/* ---------- Hero / search ---------- */
.ptad-hero {
  color: #fff;
  padding: 4.5rem 0 6rem;
  position: relative;
  overflow: hidden;
  min-height: 620px;
}
/* Slides sit behind everything, one per background image, cross-fading
   via opacity. A dark gradient (same navy tone as the old solid
   background, so the brand color carries through) sits on top of each
   image so the white text stays fully readable regardless of which
   photo is showing — lightened from the first pass so the photos
   themselves stay genuinely visible, not just a hint of texture. */
.ptad-hero-slides {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.ptad-hero-slide {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  opacity: 0;
  transition: opacity 1.2s ease;
}
.ptad-hero-slide.is-active {
  opacity: 1;
}
.ptad-hero-slide::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(
      circle at 85% 20%,
      rgba(224, 154, 62, 0.16) 0%,
      transparent 45%
    ),
          linear-gradient(
      160deg,
      rgba(11, 30, 51, 0.85) 0%,
      rgba(15, 41, 66, 0.8) 55%,
      rgba(24, 58, 92, 0.74) 100%
    );
}
.ptad-hero-content {
  position: relative;
  z-index: 1;
}
/* Fixed-height wrapper so the hero's overall height never changes as
   the slider rotates — every textblock is stacked absolutely inside
   it (same crossfade pattern as the background images) instead of
   the browser reflowing the page each time a different-length
   heading/paragraph becomes visible. min-height is sized for the
   longest heading (3 lines) + 3-line paragraph across all 4 slides;
   adjust if a future slide's text runs longer. */
.ptad-hero-textwrap {
  position: relative;
  min-height: 260px;
}
.ptad-hero-textblock {
  position: absolute;
  inset: 0;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease;
}
.ptad-hero-textblock.is-active {
  opacity: 1;
  visibility: visible;
  animation: ptadHeroTextIn 0.7s ease both;
}
@keyframes ptadHeroTextIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.ptad-hero-dots {
  display: flex;
  gap: 0.5rem;
  margin-top: 2rem;
  position: relative;
  z-index: 1;
}
.ptad-hero-dot {
  width: 28px;
  height: 4px;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.3);
  border: none;
  padding: 0;
  cursor: pointer;
  transition: background 0.2s ease;
}
.ptad-hero-dot.is-active {
  background: var(--ptad-amber);
}
.ptad-hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.14);
  color: rgba(255, 255, 255, 0.85);
  font-size: 0.78rem;
  font-weight: 600;
  padding: 0.4rem 0.9rem;
  border-radius: 99px;
  margin-bottom: 1.5rem;
  letter-spacing: 0.01em;
  position: relative;
  z-index: 1;
}
.ptad-hero-eyebrow .dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--ptad-amber);
}
.ptad-hero h1 {
  color: #fff;
  font-size: 2.85rem;
  line-height: 1.1;
  max-width: 700px;
  font-weight: 800;
}
.ptad-hero p.lead {
  color: rgba(255, 255, 255, 0.72);
  font-size: 1.15rem;
  max-width: 580px;
  margin-top: 1.25rem;
  font-weight: 400;
}

.ptad-search-card {
  background: var(--ptad-surface);
  border-radius: var(--ptad-radius-lg);
  box-shadow:
    0 24px 64px -12px rgba(8, 26, 44, 0.35),
    0 0 0 1px rgba(255, 255, 255, 0.5);
  padding: 2rem 2rem 1.75rem;
  margin-top: -3.5rem;
  position: relative;
  z-index: 5;
}

.ptad-search-tabs {
  list-style: none;
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 1.25rem !important;
  border-bottom: 1px solid var(--ptad-line);
  padding-bottom: 0;
}
.ptad-search-tabs .nav-item {
  list-style: none;
}
.ptad-search-tabs .nav-link {
  color: var(--ptad-ink-muted);
  font-weight: 600;
  font-size: 0.92rem;
  border: none;
  border-bottom: 2.5px solid transparent;
  padding: 0.65rem 0.2rem;
  margin-right: 1.75rem;
  margin-bottom: -1px;
  border-radius: 0;
  text-decoration: none;
  background: none;
  transition: color 0.15s ease;
}
.ptad-search-tabs .nav-link:hover {
  color: var(--ptad-navy);
}
.ptad-search-tabs .nav-link.active {
  color: var(--ptad-navy);
  border-bottom-color: var(--ptad-amber-deep);
}

.ptad-search-input {
  border: 1.5px solid var(--ptad-line);
  border-radius: var(--ptad-radius);
  padding: 1rem 1.25rem;
  font-size: 1.1rem;
  background: var(--ptad-bg);
}
.ptad-search-input:focus {
  border-color: var(--ptad-teal);
  box-shadow: 0 0 0 4px var(--ptad-teal-light);
  background: #fff;
}

.btn-ptad-primary {
  background: linear-gradient(
    135deg,
    var(--ptad-amber),
    var(--ptad-amber-deep)
  );
  border: none;
  color: var(--ptad-navy-deep);
  font-weight: 700;
  padding: 1rem 2rem;
  border-radius: var(--ptad-radius);
  font-size: 1.02rem;
  box-shadow: 0 4px 14px rgba(214, 138, 44, 0.35);
  transition:
    transform 0.12s ease,
    box-shadow 0.12s ease;
}
.btn-ptad-primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(214, 138, 44, 0.45);
  color: var(--ptad-navy-deep);
}

/* ---------- Stat cards (real elevated cards, not plain text) ---------- */
.ptad-stats-row {
  margin-top: 2.5rem;
}
.ptad-stat-card {
  background: var(--ptad-surface);
  border: 1px solid var(--ptad-line);
  border-top: 4px solid var(--accent, var(--ptad-teal));
  border-radius: var(--ptad-radius);
  padding: 1.25rem 1.4rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  box-shadow: 0 1px 3px rgba(15, 41, 66, 0.04);
  transition:
    box-shadow 0.15s ease,
    transform 0.15s ease;
}
.ptad-stat-card:hover {
  box-shadow: 0 8px 24px rgba(15, 41, 66, 0.08);
  transform: translateY(-2px);
}
.ptad-stat-icon {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: var(--accent-light, var(--ptad-teal-light));
  color: var(--accent, var(--ptad-teal));
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
}
.ptad-stat-num {
  font-size: 1.5rem;
  font-weight: 800;
  color: var(--ptad-navy);
  line-height: 1.1;
  letter-spacing: -0.01em;
}
.ptad-stat-label {
  font-size: 0.8rem;
  color: var(--ptad-ink-muted);
  margin-top: 0.1rem;
  font-weight: 500;
}

/* ---------- Feature cards ---------- */
.ptad-feature-card {
  background: var(--ptad-surface);
  border: 1px solid var(--ptad-line);
  border-top: 4px solid var(--accent, var(--ptad-teal));
  border-radius: var(--ptad-radius);
  padding: 1.6rem 1.6rem 1.5rem;
  height: 100%;
  box-shadow: 0 1px 3px rgba(15, 41, 66, 0.04);
  transition:
    box-shadow 0.15s ease,
    transform 0.15s ease;
}
.ptad-feature-card:hover {
  box-shadow: 0 8px 24px rgba(15, 41, 66, 0.08);
  transform: translateY(-2px);
}
.ptad-feature-badge {
  display: inline-flex;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 0.95rem;
  margin-bottom: 1rem;
}
.ptad-feature-badge.fta {
  background: var(--ptad-teal-light);
  color: var(--ptad-teal);
}
.ptad-feature-badge.gsp {
  background: var(--ptad-amber-light);
  color: var(--ptad-amber-deep);
}
.ptad-feature-badge.rta {
  background: #e7ecf3;
  color: var(--ptad-navy);
}
.ptad-feature-icon {
  width: 52px;
  height: 52px;
  border-radius: 14px;
  background: var(--accent-light, var(--ptad-teal-light));
  color: var(--accent, var(--ptad-teal));
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  margin-bottom: 0.9rem;
}
.ptad-feature-card h3 {
  font-size: 1.05rem;
  font-weight: 700;
}
.ptad-feature-tag {
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.5rem;
  padding: 0.15rem 0.55rem;
  border-radius: 999px;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.03em;
  background: var(--accent-light, var(--ptad-teal-light));
  color: var(--accent, var(--ptad-teal));
  vertical-align: 2px;
}

/* Accent color assignments — shared by stat cards and feature cards so
   the two rows read as one coordinated color system (teal / amber /
   blue by column) rather than each card picking an arbitrary color. */
.ptad-accent-teal {
  --accent: var(--ptad-teal);
  --accent-light: var(--ptad-teal-light);
}
.ptad-accent-amber {
  --accent: var(--ptad-amber-deep);
  --accent-light: var(--ptad-amber-light);
}
.ptad-accent-blue {
  --accent: var(--ptad-blue);
  --accent-light: var(--ptad-blue-light);
}

/* ---------- Result cards (the recurring signature device) ---------- */
.ptad-result-card {
  background: var(--ptad-surface);
  border-radius: var(--ptad-radius);
  border: 1px solid var(--ptad-line);
  border-left: 4px solid var(--ptad-teal);
  padding: 1.5rem 1.75rem;
  margin-bottom: 1rem;
  transition: box-shadow 0.15s ease;
}
.ptad-result-card:hover {
  box-shadow: 0 8px 24px rgba(15, 41, 66, 0.08);
}
.ptad-result-card.is-caution {
  border-left-color: var(--ptad-amber-deep);
}
.ptad-result-card.is-blocked {
  border-left-color: var(--ptad-danger);
}
.ptad-result-card.is-best {
  border-left-color: #2e7d52;
}

.ptad-agreement-name {
  font-weight: 700;
  color: var(--ptad-navy);
  font-size: 1.05rem;
}
.ptad-agreement-type {
  display: inline-block;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: var(--ptad-teal);
  background: var(--ptad-teal-light);
  padding: 0.2rem 0.55rem;
  border-radius: 5px;
  margin-left: 0.5rem;
  vertical-align: middle;
}

.ptad-rate-figure {
  font-size: 1.75rem;
  font-weight: 800;
  color: var(--ptad-navy);
  letter-spacing: -0.02em;
}
.ptad-rate-label {
  font-size: 0.72rem;
  color: var(--ptad-ink-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 600;
}

.ptad-guidance-note {
  background: var(--ptad-amber-light);
  border-radius: 8px;
  padding: 0.7rem 1rem;
  font-size: 0.87rem;
  color: #6b4a16;
  margin-top: 0.85rem;
}
.ptad-guidance-note.is-blocking {
  background: #f7e6e2;
  color: #7a2e1d;
}

.ptad-footer {
  --footer-green-deep: #0e3b2c;
  --footer-green: #14523d;
  --footer-green-light: #8fe0b3;
  margin-top: 5rem;
  font-size: 0.87rem;
}
.ptad-footer a {
  text-decoration: none;
  transition: color 0.15s ease;
}

.ptad-footer-topstrip {
  background: var(--footer-green-deep);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  padding: 0.85rem 0;
}
.ptad-footer-logo {
  height: 30px;
  width: 30px;
  object-fit: contain;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.92);
  padding: 2px;
}
.ptad-footer-topstrip-text {
  color: rgba(255, 255, 255, 0.75);
  font-weight: 600;
  font-size: 0.82rem;
  letter-spacing: 0.01em;
}

.ptad-footer-main {
  background: linear-gradient(180deg, var(--footer-green) 0%, var(--footer-green-deep) 100%);
}
.ptad-footer .ptad-footer-grid {
  display: grid;
  grid-template-columns: 1.3fr 0.85fr 1.15fr;
  gap: 2.5rem;
  padding: 2.5rem 0;
}
@media (max-width: 767px) {
  .ptad-footer .ptad-footer-grid {
    grid-template-columns: 1fr;
    gap: 1.75rem;
    padding: 2rem 0;
  }
}
.ptad-footer-col-title {
  color: var(--footer-green-light);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 0.74rem;
  font-weight: 700;
  margin-bottom: 0.9rem;
}
.ptad-footer-about {
  color: rgba(255, 255, 255, 0.78);
  line-height: 1.6;
  margin: 0;
}
.ptad-footer-links {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
.ptad-footer-links a {
  color: rgba(255, 255, 255, 0.85);
}
.ptad-footer-links a:hover {
  color: var(--footer-green-light);
}
.ptad-footer-dev-name {
  color: #fff;
  font-weight: 700;
  font-size: 0.92rem;
  margin-bottom: 0.75rem;
}
.ptad-footer-dev-role {
  color: rgba(255, 255, 255, 0.55);
  font-weight: 500;
  font-size: 0.78rem;
  margin-left: 0.35rem;
}
.ptad-footer-dev-role-line {
  color: var(--footer-green-light);
  font-weight: 600;
  font-size: 0.78rem;
  margin-bottom: 0.75rem;
}
.ptad-footer-dev-contacts {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}
.ptad-footer-dev-contacts a {
  color: rgba(255, 255, 255, 0.85);
  font-size: 0.85rem;
  display: flex;
  align-items: center;
  gap: 0.55rem;
}
.ptad-footer-dev-contacts a:hover {
  color: var(--footer-green-light);
}
.ptad-footer-dev-contacts .icon {
  display: inline-flex;
  width: 1.5rem;
  height: 1.5rem;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.12);
  border-radius: 50%;
  font-size: 0.8rem;
  flex-shrink: 0;
}

.ptad-footer-bottom {
  background: var(--footer-green-deep);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding: 1rem 0;
  font-size: 0.78rem;
  color: rgba(255, 255, 255, 0.6);
  text-align: center;
}

/* ---------- Loading / empty states ---------- */
.ptad-skeleton {
  background: linear-gradient(90deg, #eef0f3 25%, #e4e7eb 37%, #eef0f3 63%);
  background-size: 400% 100%;
  animation: ptad-shimmer 1.4s ease infinite;
  border-radius: 8px;
}
@keyframes ptad-shimmer {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ptad-skeleton {
    animation: none;
  }
}

/* ---------- Module (agreement) detail page ---------- */
.ptad-module-header {
  background: linear-gradient(
    160deg,
    var(--ptad-navy-deep) 0%,
    var(--ptad-navy) 100%
  );
  border-radius: var(--ptad-radius-lg);
  padding: 2.25rem;
  margin-bottom: 1.5rem;
  color: #fff;
}
.ptad-module-header h1 {
  color: #fff;
}
.ptad-module-header p {
  color: rgba(255, 255, 255, 0.75);
}
.ptad-module-status {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.78rem;
  font-weight: 700;
  padding: 0.3rem 0.75rem;
  border-radius: 99px;
}
.ptad-module-status.in-force {
  background: rgba(46, 125, 82, 0.25);
  color: #1e6b3d;
}
.ptad-module-status.suspended {
  background: rgba(179, 67, 45, 0.25);
  color: #f0b4a4;
}
.ptad-module-status .dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
}

.ptad-module-header .ptad-agreement-type {
  background: rgba(255, 255, 255, 0.14);
  color: #fff;
  margin-left: 0;
}

.ptad-header-ministat {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 10px;
  padding: 0.9rem 1.1rem;
  text-align: center;
}
.ptad-header-ministat .num {
  font-size: 1.35rem;
  font-weight: 800;
  color: #fff;
  line-height: 1;
}
.ptad-header-ministat .label {
  font-size: 0.72rem;
  color: rgba(255, 255, 255, 0.6);
  margin-top: 0.3rem;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.ptad-notes-panel {
  background: var(--ptad-amber-light);
  border: 1px solid #ead2a8;
  border-radius: var(--ptad-radius);
  padding: 1.25rem 1.5rem;
  margin-bottom: 1.5rem;
}
.ptad-notes-panel-title {
  font-weight: 700;
  color: #6b4a16;
  font-size: 0.9rem;
  margin-bottom: 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.ptad-notes-panel .ptad-guidance-note {
  background: rgba(255, 255, 255, 0.55);
  margin-top: 0.5rem;
}
.ptad-notes-panel .ptad-guidance-note.is-blocking {
  background: rgba(255, 255, 255, 0.7);
}

.ptad-member-card {
  background: var(--ptad-surface);
  border: 1px solid var(--ptad-line);
  border-left: 4px solid var(--ptad-teal);
  border-radius: 10px;
  padding: 0.9rem 1.1rem;
  height: 100%;
}
.ptad-member-card.not-implemented {
  border-left-color: var(--ptad-amber-deep);
  background: var(--ptad-amber-light);
}
.ptad-member-card .country {
  font-weight: 700;
  color: var(--ptad-navy);
  font-size: 0.95rem;
}
.ptad-member-card .role {
  font-size: 0.78rem;
  color: var(--ptad-ink-muted);
  margin-top: 0.15rem;
  text-transform: capitalize;
}
.ptad-member-card .status-flag {
  font-size: 0.75rem;
  font-weight: 700;
  color: #6b4a16;
  margin-top: 0.35rem;
}
.ptad-member-card.clickable {
  cursor: pointer;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.1s ease;
}
.ptad-member-card.clickable:hover {
  border-color: var(--ptad-teal);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
  transform: translateY(-1px);
}
.ptad-member-card.clickable .line-count {
  font-size: 0.75rem;
  color: var(--ptad-teal);
  font-weight: 600;
  margin-top: 0.35rem;
}
.ptad-member-card.is-active-filter {
  border-left-color: var(--ptad-teal);
  background: rgba(19, 112, 106, 0.08);
  box-shadow: 0 0 0 1px var(--ptad-teal);
}

.ptad-country-filter-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.5rem;
  background: rgba(19, 112, 106, 0.08);
  border: 1px solid var(--ptad-teal);
  border-radius: 10px;
  padding: 0.7rem 1rem;
  margin-bottom: 0.9rem;
  font-size: 0.88rem;
  color: var(--ptad-navy);
}
.ptad-country-filter-bar strong {
  color: var(--ptad-teal);
}

.ptad-section-title-row {
  font-weight: 700;
  color: var(--ptad-navy);
  font-size: 1.15rem;
  margin: 2rem 0 1rem;
}

.ptad-accordion-item {
  border: 1px solid var(--ptad-line) !important;
  border-radius: 10px !important;
  margin-bottom: 0.6rem;
  overflow: hidden;
}
.ptad-accordion-item .accordion-button {
  font-weight: 700;
  color: var(--ptad-navy);
  background: var(--ptad-surface);
  font-size: 0.95rem;
}
.ptad-accordion-item .accordion-button:not(.collapsed) {
  background: var(--ptad-teal-light);
  color: var(--ptad-navy);
  box-shadow: none;
}
.ptad-accordion-item .accordion-button:focus {
  box-shadow: none;
  border-color: var(--ptad-line);
}
.ptad-accordion-item .accordion-button .count-badge {
  font-size: 0.72rem;
  font-weight: 700;
  color: var(--ptad-teal);
  background: var(--ptad-teal-light);
  border-radius: 99px;
  padding: 0.15rem 0.6rem;
  margin-left: 0.6rem;
}
.ptad-accordion-item .accordion-button:not(.collapsed) .count-badge {
  background: #fff;
}

.ptad-content-item {
  padding: 1rem 0;
  border-bottom: 1px solid var(--ptad-line);
}
.ptad-content-item:last-child {
  border-bottom: none;
}
.ptad-content-item-title {
  font-weight: 700;
  color: var(--ptad-teal);
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.35rem;
}
.ptad-content-item-body {
  color: var(--ptad-ink);
  font-size: 0.95rem;
  line-height: 1.55;
}
.ptad-content-item-fields {
  margin-top: 0.6rem;
  padding-top: 0.6rem;
  border-top: 1px dashed var(--ptad-line);
}
.ptad-content-item-fields .field-row {
  font-size: 0.83rem;
  color: var(--ptad-ink-muted);
  margin-top: 0.3rem;
}
.ptad-content-item-fields .field-row strong {
  color: var(--ptad-navy);
  font-weight: 600;
}

.ptad-link-card {
  display: block;
  background: var(--ptad-surface);
  border: 1px solid var(--ptad-line);
  border-radius: 10px;
  padding: 1rem 1.1rem;
  text-decoration: none;
  color: var(--ptad-ink);
  height: 100%;
  transition:
    box-shadow 0.15s ease,
    border-color 0.15s ease,
    transform 0.15s ease;
}
.ptad-link-card:hover {
  border-color: var(--ptad-teal);
  box-shadow: 0 6px 18px rgba(15, 41, 66, 0.08);
  transform: translateY(-2px);
  color: var(--ptad-ink);
}
.ptad-link-card .icon {
  width: 34px;
  height: 34px;
  border-radius: 8px;
  background: var(--ptad-teal-light);
  color: var(--ptad-teal);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.6rem;
  font-size: 0.9rem;
}
.ptad-link-card .name {
  font-weight: 700;
  color: var(--ptad-navy);
  font-size: 0.88rem;
}
.ptad-link-card .purpose {
  font-size: 0.8rem;
  color: var(--ptad-ink-muted);
  margin-top: 0.3rem;
}

/* ---------- Country Navigator ---------- */
.ptad-country-list {
  max-height: 620px;
  overflow-y: auto;
  background: var(--ptad-surface);
  border: 1px solid var(--ptad-line);
  border-radius: var(--ptad-radius);
}
.ptad-country-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.7rem 1rem;
  border-bottom: 1px solid var(--ptad-line);
  cursor: pointer;
  font-size: 0.9rem;
  font-weight: 500;
  transition: background 0.1s ease;
}
.ptad-country-item:last-child {
  border-bottom: none;
}
.ptad-country-item:hover {
  background: var(--ptad-bg);
}
.ptad-country-item.active {
  background: var(--ptad-teal-light);
  color: var(--ptad-navy);
  font-weight: 700;
}
.ptad-country-item .ldc-badge {
  font-size: 0.65rem;
  font-weight: 700;
  color: var(--ptad-teal);
  background: var(--ptad-teal-light);
  padding: 0.1rem 0.4rem;
  border-radius: 4px;
}

.ptad-country-header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.ptad-country-header h2 {
  margin: 0;
}

.ptad-agreement-card {
  background: var(--ptad-surface);
  border: 1px solid var(--ptad-line);
  border-left: 4px solid var(--ptad-teal);
  border-radius: 10px;
  padding: 1.1rem 1.4rem;
  margin-bottom: 0.9rem;
}
.ptad-agreement-card.not-implemented {
  border-left-color: var(--ptad-amber-deep);
}

/* ---------- All Arrangements list ---------- */
.ptad-module-row {
  background: var(--ptad-surface);
  border: 1px solid var(--ptad-line);
  border-radius: 10px;
  padding: 1rem 1.4rem;
  margin-bottom: 0.7rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.75rem;
  text-decoration: none;
  color: var(--ptad-ink);
  transition:
    box-shadow 0.15s ease,
    border-color 0.15s ease;
}
.ptad-module-row:hover {
  border-color: var(--ptad-teal);
  box-shadow: 0 4px 16px rgba(15, 41, 66, 0.08);
  color: var(--ptad-ink);
}
.ptad-module-row .lines-count {
  font-weight: 700;
  color: var(--ptad-navy);
  font-size: 0.92rem;
}

/* ---------- Compare table ---------- */
.ptad-compare-table {
  background: var(--ptad-surface);
  border: 1px solid var(--ptad-line);
  border-radius: var(--ptad-radius);
  overflow: hidden;
}
.ptad-compare-table table {
  margin-bottom: 0;
}
.ptad-compare-table thead th {
  background: var(--ptad-bg);
  color: var(--ptad-ink-muted);
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-weight: 700;
  border-bottom: 1px solid var(--ptad-line);
  padding: 0.75rem 1rem;
}
.ptad-compare-table td {
  padding: 0.8rem 1rem;
  vertical-align: middle;
  font-size: 0.88rem;
  border-bottom: 1px solid var(--ptad-line);
}
.ptad-compare-table tr:last-child td {
  border-bottom: none;
}
.ptad-compare-table tr.is-best {
  background: #f3faf6;
}
.ptad-compare-table tr.is-excluded {
  background: #fbf3f0;
}
.ptad-compare-rate {
  font-weight: 800;
  color: var(--ptad-navy);
  font-size: 1rem;
}
.ptad-best-badge {
  font-size: 0.65rem;
  font-weight: 700;
  color: #1e6b3d;
  background: #e5f3eb;
  padding: 0.15rem 0.5rem;
  border-radius: 4px;
  margin-left: 0.4rem;
}

@media (max-width: 767px) {
  .ptad-hero h1 {
    font-size: 2rem;
  }
  .ptad-hero {
    padding: 3rem 0 5rem;
  }
}

/* Clickable stat/feature cards (homepage redesign) */
.ptad-clickable-card {
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    position: relative;
}
.ptad-clickable-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 28px rgba(15,41,66,0.14);
    border-color: var(--ptad-teal);
}
.ptad-card-cta {
    margin-top: 0.85rem;
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--ptad-teal);
    opacity: 0;
    transform: translateY(4px);
    transition: opacity 0.2s ease, transform 0.2s ease;
}
.ptad-clickable-card:hover .ptad-card-cta {
    opacity: 1;
    transform: translateY(0);
}
/* Homepage stat cards specifically: CTA text should be visible at rest,
   not just on hover — these are the very first thing a visitor sees,
   so the "click here" cue shouldn't be hidden until they happen to
   hover. Other clickable cards elsewhere keep the hover-reveal pattern. */
.ptad-stat-card .ptad-card-cta {
    opacity: 1;
    transform: translateY(0);
}