/* ── AIDiveForge AI Tech Background ── */
/* Global dark theme + homepage-specific effects */

/* ================================================================
   1. GLOBAL DARK THEME — applies to ALL pages
   ================================================================ */

/* Force black background globally */
html,
body,
.wp-site-blocks {
  background-color: #000000 !important;
  background: #000000 !important;
  color: #ffffff !important;
}

/* Global text color */
body h1, body h2, body h3, body h4, body h5, body h6,
body .wp-block-heading,
body .wp-block-post-title,
body .wp-block-site-title,
body .wp-block-query-title {
  color: #ffffff !important;
}

body p,
body li,
body td,
body th,
body dd,
body dt,
body span,
body label,
body figcaption,
body .wp-block-paragraph,
body .wp-block-list,
body .wp-block-verse,
body .wp-block-preformatted,
body .wp-block-code {
  color: #ffffff !important;
}

/* Links — cyan accent */
body a,
body a:visited,
body .wp-block-navigation-item__content,
body .wp-block-navigation a,
body .wp-element-button,
body .wp-block-post-title a {
  color: #00c8ff !important;
  text-decoration-color: rgba(0, 200, 255, 0.4) !important;
}
body a:hover,
body a:focus,
body .wp-block-navigation a:hover,
body .wp-block-post-title a:hover {
  color: #66dfff !important;
  text-decoration-color: #00c8ff !important;
}

/* Header / Navigation — all pages */
.wp-block-template-part:first-child,
header,
.wp-block-navigation,
.wp-block-navigation__responsive-container,
.wp-block-navigation__responsive-container.is-menu-open,
.wp-block-navigation__responsive-container-content {
  background: #000000 !important;
  background-color: #000000 !important;
  color: #ffffff !important;
}
.wp-block-navigation .wp-block-navigation-item__content {
  color: #ffffff !important;
}
.wp-block-navigation .wp-block-navigation-item__content:hover {
  color: #00c8ff !important;
}

/* Navigation hamburger / overlay */
.wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-close {
  color: #ffffff !important;
}

/* Footer — all pages */
footer,
.wp-block-template-part[data-type="footer"],
.wp-block-template-part:last-child {
  background: #000000 !important;
  background-color: #000000 !important;
  color: #ffffff !important;
}

/* Kill stray white from core blocks globally */
.wp-block-group,
.wp-block-template-part,
.wp-block-post-content,
.wp-block-query,
.wp-block-post-template {
  background: transparent !important;
  background-color: transparent !important;
}

/* wp:group, wp:columns, wp:column — dark backgrounds */
.wp-block-columns {
  background: transparent !important;
}
.wp-block-column {
  background: rgba(255, 255, 255, 0.02) !important;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 8px;
}

/* Tables */
body table,
body .wp-block-table {
  border-color: rgba(255, 255, 255, 0.15) !important;
}
body .wp-block-table table {
  border-collapse: collapse;
}
body .wp-block-table td,
body .wp-block-table th {
  border-color: rgba(255, 255, 255, 0.15) !important;
  color: #ffffff !important;
}
body .wp-block-table th {
  background: rgba(0, 200, 255, 0.08) !important;
}
body .wp-block-table tr:nth-child(even) td {
  background: rgba(255, 255, 255, 0.03) !important;
}

/* Separators / HR */
body hr,
body .wp-block-separator {
  border-color: rgba(0, 200, 255, 0.2) !important;
  background: rgba(0, 200, 255, 0.2) !important;
}

/* Buttons — global */
body .wp-block-button__link,
body .wp-element-button {
  background-color: #00c8ff !important;
  color: #000000 !important;
  border: none !important;
  border-radius: 6px;
  transition: box-shadow 0.3s ease, transform 0.2s ease, background-color 0.2s ease;
}
body .wp-block-button__link:hover,
body .wp-element-button:hover {
  background-color: #33d4ff !important;
  color: #000000 !important;
  box-shadow: 0 0 20px rgba(0, 200, 255, 0.3);
  transform: translateY(-1px);
}

/* Outline button variant */
body .wp-block-button.is-style-outline .wp-block-button__link {
  background-color: transparent !important;
  color: #00c8ff !important;
  border: 2px solid #00c8ff !important;
}
body .wp-block-button.is-style-outline .wp-block-button__link:hover {
  background-color: rgba(0, 200, 255, 0.1) !important;
  color: #66dfff !important;
}

/* Blockquotes */
body .wp-block-quote,
body blockquote {
  border-left-color: #00c8ff !important;
  color: rgba(255, 255, 255, 0.85) !important;
}

/* Code blocks */
body .wp-block-code,
body pre,
body code {
  background: rgba(255, 255, 255, 0.05) !important;
  color: #00c8ff !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 4px;
}

/* Form inputs (search, comments, etc.) */
body input[type="text"],
body input[type="email"],
body input[type="url"],
body input[type="search"],
body textarea,
body select,
body .wp-block-search__input {
  background: rgba(255, 255, 255, 0.05) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 4px;
}
body input::placeholder,
body textarea::placeholder {
  color: rgba(255, 255, 255, 0.4) !important;
}

/* Remove default padding that creates white gaps */
.wp-site-blocks {
  padding: 0 !important;
}

/* ================================================================
   2. HOMEPAGE-SPECIFIC STYLES — scoped to body.home
   ================================================================ */

/* Header/nav transparent on front page (canvas shows through) */
body.home .wp-block-template-part:first-child,
body.home header {
  background: transparent !important;
  background-color: transparent !important;
}

/* Canvas sits behind everything on the front page */
#neural-canvas {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 0;
  pointer-events: none;
}

/* Ensure page content sits above the canvas */
body.home .wp-site-blocks {
  position: relative;
  z-index: 1;
}

/* Make the cover block transparent so canvas shows through */
body.home .wp-block-cover {
  background: transparent !important;
}
body.home .wp-block-cover__background {
  background: rgba(0, 0, 0, 0.72) !important;
}

/* Animated gradient glow behind the cover */
body.home .wp-block-cover::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    radial-gradient(ellipse 60% 50% at 20% 30%, rgba(0, 200, 255, 0.08) 0%, transparent 70%),
    radial-gradient(ellipse 50% 60% at 80% 70%, rgba(120, 0, 255, 0.08) 0%, transparent 70%),
    radial-gradient(ellipse 40% 40% at 50% 50%, rgba(0, 255, 180, 0.05) 0%, transparent 60%);
  animation: glowShift 12s ease-in-out infinite alternate;
}

@keyframes glowShift {
  0% {
    opacity: 0.6;
    filter: hue-rotate(0deg);
  }
  50% {
    opacity: 1;
    filter: hue-rotate(20deg);
  }
  100% {
    opacity: 0.7;
    filter: hue-rotate(-15deg);
  }
}

/* Subtle grid overlay */
body.home .wp-block-cover::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image:
    linear-gradient(rgba(0, 200, 255, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 200, 255, 0.04) 1px, transparent 1px);
  background-size: 60px 60px;
  mask-image: radial-gradient(ellipse 70% 70% at 50% 50%, black 30%, transparent 70%);
  -webkit-mask-image: radial-gradient(ellipse 70% 70% at 50% 50%, black 30%, transparent 70%);
}

/* Feature cards – glass morphism */
body.home .wp-block-columns .wp-block-column {
  background: rgba(255, 255, 255, 0.03) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(0, 200, 255, 0.12) !important;
  transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}
body.home .wp-block-columns .wp-block-column:hover {
  border-color: rgba(0, 200, 255, 0.3) !important;
  box-shadow: 0 0 20px rgba(0, 200, 255, 0.08), inset 0 0 20px rgba(0, 200, 255, 0.03);
  transform: translateY(-2px);
}

/* CTA button glow */
body.home .wp-block-button__link {
  transition: box-shadow 0.3s ease, transform 0.2s ease;
}
body.home .wp-block-button__link:hover {
  box-shadow: 0 0 25px rgba(0, 200, 255, 0.3), 0 0 50px rgba(0, 200, 255, 0.1);
  transform: translateY(-1px);
}

/* ================================================================
   3. NEWSLETTER FORM — [aidiveforge_newsletter] shortcode
   ================================================================ */

.adf-newsletter-form {
  max-width: 480px;
  margin: 0 auto;
}

.adf-newsletter-form__inner {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
}

.adf-newsletter-form__inner input[type="email"] {
  flex: 1;
  background: #111111 !important;
  color: #ffffff !important;
  border: 1px solid #333333 !important;
  border-radius: 6px;
  padding: 0.7rem 1rem;
  font-size: 0.95rem;
  outline: none;
  transition: border-color 0.2s ease;
}

.adf-newsletter-form__inner input[type="email"]:focus {
  border-color: #00c8ff !important;
}

.adf-newsletter-form__inner input[type="email"]::placeholder {
  color: rgba(255, 255, 255, 0.4) !important;
}

.adf-newsletter-form__inner button {
  background: #00c8ff;
  color: #000000;
  font-weight: 700;
  border: none;
  border-radius: 6px;
  padding: 0.7rem 1.5rem;
  font-size: 0.95rem;
  cursor: pointer;
  transition: box-shadow 0.3s ease, background-color 0.2s ease;
  white-space: nowrap;
}

.adf-newsletter-form__inner button:hover {
  background: #33d4ff;
  box-shadow: 0 0 20px rgba(0, 200, 255, 0.3);
}

.adf-newsletter-form__note {
  text-align: center;
  color: #666666 !important;
  font-size: 0.8rem !important;
  margin-top: 0.5rem;
}

/* Newsletter mobile handled in section 8 (Mobile Responsiveness) below */

/* ================================================================
   4. COMPARISON WIDGET — [aidiveforge_compare] shortcode
   ================================================================ */

.adf-compare-widget {
  background: #111111;
  border: 1px solid #222222;
  border-radius: 8px;
  overflow: hidden;
  margin: 1.5rem 0;
}

.adf-compare-widget table {
  width: 100%;
  border-collapse: collapse;
}

.adf-compare-widget th {
  background: #0a1a2a;
  color: #00c8ff !important;
  padding: 0.75rem 1rem;
  text-align: left;
  font-size: 0.9rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.adf-compare-widget td {
  border-bottom: 1px solid #222222;
  color: #ffffff !important;
  padding: 0.7rem 1rem;
  font-size: 0.95rem;
}

.adf-compare-widget tr:hover td {
  background: rgba(0, 200, 255, 0.04);
}

.adf-compare-widget tbody tr:last-child td {
  border-bottom: none;
}

.adf-compare-embed {
  padding: 0.75rem 1rem;
  border-top: 1px solid #222222;
}

.adf-compare-embed summary {
  color: #666666 !important;
  font-size: 0.8rem;
  cursor: pointer;
  user-select: none;
}

.adf-compare-embed summary:hover {
  color: #00c8ff !important;
}

.adf-compare-embed textarea {
  width: 100%;
  margin-top: 0.5rem;
  padding: 0.5rem;
  background: #0a0a0a !important;
  color: #999999 !important;
  border: 1px solid #333333 !important;
  border-radius: 4px;
  font-size: 0.75rem;
  font-family: monospace;
  resize: vertical;
  min-height: 60px;
}

/* ================================================================
   5. UPVOTE SYSTEM — listing cards & single pages
   ================================================================ */

.adf-upvote {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

.adf-upvote-btn {
  background: rgba(0, 200, 255, 0.1);
  border: 1px solid #222;
  border-radius: 6px;
  padding: 0.4rem 0.8rem;
  color: #00c8ff;
  cursor: pointer;
  font-size: 0.95rem;
  line-height: 1;
  transition: border-color 0.2s ease, background 0.2s ease;
}

.adf-upvote-btn:hover {
  border-color: #00c8ff;
  background: rgba(0, 200, 255, 0.2);
}

.adf-upvote-btn.voted {
  background: rgba(0, 200, 255, 0.25);
  border-color: #00c8ff;
}

.adf-upvote-count {
  color: #999;
  font-size: 0.9rem;
}

/* ================================================================
   6. "TRY THIS TOOL" AFFILIATE BUTTON — single listing pages
   ================================================================ */

.adf-try-tool-wrap {
  margin: 1rem 0;
}

.adf-try-tool-btn {
  display: inline-block;
  background: #00c8ff;
  color: #000000 !important;
  font-weight: 700;
  padding: 0.75rem 1.75rem;
  border-radius: 6px;
  text-decoration: none !important;
  font-size: 1rem;
  transition: box-shadow 0.3s ease, transform 0.2s ease, background-color 0.2s ease;
  cursor: pointer;
}

.adf-try-tool-btn:hover {
  background: #33d4ff;
  box-shadow: 0 0 25px rgba(0, 200, 255, 0.4), 0 0 50px rgba(0, 200, 255, 0.15);
  transform: translateY(-2px);
  color: #000000 !important;
}

.adf-try-tool-btn--disabled {
  background: #333333;
  color: #888888 !important;
  cursor: default;
}

.adf-try-tool-btn--disabled:hover {
  background: #333333;
  box-shadow: none;
  transform: none;
  color: #888888 !important;
}

/* ================================================================
   7. SITE SEARCH — header icon + search results page
   ================================================================ */

/* Search input field */
.wp-block-search input.wp-block-search__input {
  background: #111111 !important;
  color: #ffffff !important;
  border: 1px solid #333333 !important;
  border-radius: 6px;
  padding: 0.5rem 0.75rem;
  font-size: 0.9rem;
  transition: border-color 0.2s ease;
}
.wp-block-search input.wp-block-search__input:focus {
  border-color: #00c8ff !important;
  outline: none;
}
.wp-block-search input.wp-block-search__input::placeholder {
  color: rgba(255, 255, 255, 0.4) !important;
}

/* Search button */
.wp-block-search .wp-block-search__button {
  background: #00c8ff !important;
  color: #000000 !important;
  border: none !important;
  border-radius: 6px;
  padding: 0.5rem 0.6rem;
  cursor: pointer;
  transition: background-color 0.2s ease, box-shadow 0.3s ease;
}
.wp-block-search .wp-block-search__button:hover {
  background: #33d4ff !important;
  box-shadow: 0 0 15px rgba(0, 200, 255, 0.3);
}
.wp-block-search .wp-block-search__button svg {
  fill: #000000 !important;
}

/* Search results page */
.search-results .wp-block-query-title,
.search-no-results .wp-block-query-title {
  color: #ffffff !important;
}

.search-results .wp-block-post-template {
  list-style: none;
  padding: 0;
}

.search-results .wp-block-post-template .wp-block-post {
  background: #111111 !important;
  border: 1px solid #222222;
  border-radius: 8px;
  padding: 1.25rem 1.5rem;
  margin-bottom: 1rem;
  transition: border-color 0.2s ease;
}
.search-results .wp-block-post-template .wp-block-post:hover {
  border-color: rgba(0, 200, 255, 0.3);
}

.search-results .wp-block-post-title {
  color: #ffffff !important;
}
.search-results .wp-block-post-title a {
  color: #ffffff !important;
  text-decoration: none !important;
}
.search-results .wp-block-post-title a:hover {
  color: #00c8ff !important;
}

.search-results .wp-block-post-excerpt,
.search-results .wp-block-post-date {
  color: rgba(255, 255, 255, 0.6) !important;
}

.search-no-results p {
  color: rgba(255, 255, 255, 0.7) !important;
}

/* ================================================================
   8. MOBILE RESPONSIVENESS
   ================================================================ */

/* ---- Tablet & small desktop (768px) ---- */
@media (max-width: 768px) {

  /* Hero title smaller (from 3.5rem default) */
  body.home .wp-block-cover h1,
  body.home .wp-block-cover .wp-block-heading {
    font-size: 2.5rem !important;
  }

  /* Tagline */
  body.home .wp-block-cover p,
  body.home .wp-block-cover .wp-block-paragraph {
    font-size: 1.1rem !important;
  }

  /* Cover block — don't force full viewport on mobile */
  body.home .wp-block-cover {
    min-height: auto !important;
  }

  /* Feature card padding */
  body.home .wp-block-columns .wp-block-column {
    padding: 1rem !important;
  }

  /* Section padding reduction (spacing|80 -> spacing|50) */
  .wp-site-blocks .wp-block-group,
  .wp-site-blocks .wp-block-columns,
  .wp-site-blocks > .wp-block-group {
    padding-top: var(--wp--preset--spacing--50, 2rem) !important;
    padding-bottom: var(--wp--preset--spacing--50, 2rem) !important;
  }

  /* Tables — horizontal scroll wrapper */
  .wp-block-table,
  .wp-block-table figure,
  figure.wp-block-table {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  /* Comparison widget — horizontal scroll */
  .adf-compare-widget {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }
  .adf-compare-widget table {
    min-width: 480px;
  }

  /* Footer columns — ensure padding when stacked by WP */
  footer .wp-block-columns .wp-block-column,
  .wp-block-template-part:last-child .wp-block-columns .wp-block-column {
    padding: 0.75rem 0 !important;
  }

  /* Navigation overlay — ensure dark bg, white text */
  .wp-block-navigation__responsive-container.is-menu-open {
    background: #000000 !important;
    color: #ffffff !important;
  }
  .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item__content {
    color: #ffffff !important;
    font-size: 1.1rem;
  }
}

/* ---- Phone (480px) ---- */
@media (max-width: 480px) {

  /* Prevent iOS auto-zoom on inputs — body min 16px */
  body {
    font-size: 16px !important;
  }

  /* Even smaller hero title */
  body.home .wp-block-cover h1,
  body.home .wp-block-cover .wp-block-heading {
    font-size: 2rem !important;
  }

  /* Tagline */
  body.home .wp-block-cover p,
  body.home .wp-block-cover .wp-block-paragraph {
    font-size: 1rem !important;
  }

  /* Newsletter form — stack vertically, full width */
  .adf-newsletter-form__inner {
    flex-direction: column;
  }
  .adf-newsletter-form__inner input[type="email"],
  .adf-newsletter-form__inner button {
    width: 100% !important;
  }

  /* Full-width buttons */
  body .wp-block-button__link,
  body .wp-element-button {
    width: 100% !important;
    text-align: center;
  }

  /* Try-tool button full width */
  .adf-try-tool-btn {
    display: block !important;
    width: 100% !important;
    text-align: center;
  }

  /* Upvote button — larger tap target (44px minimum per WCAG) */
  .adf-upvote-btn {
    min-height: 44px;
    min-width: 44px;
    padding: 0.6rem 1rem;
  }

  /* Tighter padding throughout */
  .wp-site-blocks .wp-block-group,
  .wp-site-blocks .wp-block-columns,
  .wp-site-blocks > .wp-block-group {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  /* Feature card padding */
  body.home .wp-block-columns .wp-block-column {
    padding: 0.75rem !important;
    margin-bottom: 0.75rem;
  }

  /* Search results — tighter cards */
  .search-results .wp-block-post-template .wp-block-post {
    padding: 1rem !important;
  }

  /* Comments — stack form fields on phone */
  .comment-form input,
  .comment-form textarea {
    font-size: 16px !important; /* prevent iOS zoom */
  }
}

/* ================================================================
   9. COMMENTS — dark-themed styles for tool listing discussions
   ================================================================ */

.comments-area {
  margin-top: 3rem;
}

.comments-title,
.comment-reply-title {
  color: #ffffff !important;
  font-weight: 700;
}

.comment-list {
  list-style: none;
  padding: 0;
}

.comment-list .comment {
  margin-bottom: 1.5rem;
}

.comment-body {
  background: #111111;
  border: 1px solid #222222;
  border-radius: 8px;
  padding: 1.5rem;
}

.comment-author .fn,
.comment-author .fn a {
  color: #ffffff !important;
  font-weight: 600;
}

.comment-metadata,
.comment-metadata a {
  color: #666666 !important;
  font-size: 0.85rem;
}

.comment-content,
.comment-content p {
  color: #d0d0d0 !important;
  line-height: 1.7;
}

.reply a,
.comment-reply-link {
  color: #00c8ff !important;
  font-size: 0.85rem;
}

/* Comment form */
.comment-form label {
  color: #ffffff !important;
  display: block;
  margin-bottom: 0.3rem;
}

.comment-form input,
.comment-form textarea {
  background: #111111 !important;
  color: #ffffff !important;
  border: 1px solid #333333 !important;
  border-radius: 6px;
  padding: 0.8rem;
  width: 100%;
}

.comment-form input:focus,
.comment-form textarea:focus {
  border-color: #00c8ff !important;
  outline: none;
}

.comment-form .submit,
.form-submit input[type="submit"] {
  background: #00c8ff !important;
  color: #000000 !important;
  font-weight: 700;
  border: none !important;
  border-radius: 6px;
  padding: 0.8rem 2rem;
  cursor: pointer;
  transition: box-shadow 0.3s ease, background-color 0.2s ease;
}

.comment-form .submit:hover,
.form-submit input[type="submit"]:hover {
  background: #33d4ff !important;
  box-shadow: 0 0 20px rgba(0, 200, 255, 0.3);
}

/* ================================================================
   10. AUTH BAR — fixed top-right login/register or account links
   ================================================================ */

#adf-auth-bar {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.85);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  padding: 0.4rem 1.2rem;
  border-bottom-left-radius: 8px;
  border-bottom: 1px solid rgba(0, 200, 255, 0.15);
  border-left: 1px solid rgba(0, 200, 255, 0.15);
  font-size: 0.85rem;
}

#adf-auth-bar a {
  color: #00c8ff !important;
  text-decoration: none !important;
  transition: color 0.2s ease;
}

#adf-auth-bar a:hover {
  color: #66dfff !important;
}

/* ================================================================
   11. AUTH FORMS — register, login, my-account pages
   ================================================================ */

.adf-auth-form {
  max-width: 420px;
  margin: 2rem auto;
  padding: 2rem;
  background: #0a0a0a;
  border: 1px solid #222222;
  border-radius: 10px;
}

.adf-auth-form h2 {
  color: #ffffff !important;
  text-align: center;
  margin-bottom: 1.5rem;
  font-size: 1.6rem;
}

.adf-auth-form label,
.adf-auth-form .login label {
  display: block;
  color: #cccccc !important;
  font-size: 0.85rem;
  margin-bottom: 0.3rem;
  margin-top: 1rem;
}

.adf-auth-form label small {
  color: #666666 !important;
}

.adf-auth-form input[type="text"],
.adf-auth-form input[type="email"],
.adf-auth-form input[type="password"],
.adf-auth-form .login input[type="text"],
.adf-auth-form .login input[type="password"] {
  display: block;
  width: 100%;
  background: #111111 !important;
  color: #ffffff !important;
  border: 1px solid #333333 !important;
  border-radius: 6px;
  padding: 0.7rem 0.9rem;
  font-size: 0.95rem;
  outline: none;
  transition: border-color 0.2s ease;
  box-sizing: border-box;
}

.adf-auth-form input[type="text"]:focus,
.adf-auth-form input[type="email"]:focus,
.adf-auth-form input[type="password"]:focus,
.adf-auth-form .login input:focus {
  border-color: #00c8ff !important;
  box-shadow: 0 0 0 2px rgba(0, 200, 255, 0.15);
}

.adf-auth-form button[type="submit"],
.adf-auth-form .login input[type="submit"] {
  display: block;
  width: 100%;
  margin-top: 1.5rem;
  background: #00c8ff !important;
  color: #000000 !important;
  font-weight: 700;
  font-size: 1rem;
  border: none !important;
  border-radius: 6px;
  padding: 0.75rem 1.5rem;
  cursor: pointer;
  transition: background-color 0.2s ease, box-shadow 0.3s ease;
}

.adf-auth-form button[type="submit"]:hover,
.adf-auth-form .login input[type="submit"]:hover {
  background: #33d4ff !important;
  box-shadow: 0 0 20px rgba(0, 200, 255, 0.3);
}

.adf-auth-form .adf-auth-alt {
  text-align: center;
  margin-top: 1.25rem;
  color: #888888 !important;
  font-size: 0.9rem;
}

.adf-auth-form .adf-auth-alt a {
  color: #00c8ff !important;
  text-decoration: none !important;
}

.adf-auth-form .adf-auth-alt a:hover {
  color: #66dfff !important;
}

/* Auth messages */
.adf-auth-msg {
  border-radius: 6px;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  font-size: 0.9rem;
}

.adf-auth-msg p {
  margin: 0.25rem 0;
}

.adf-auth-msg--error {
  background: rgba(255, 60, 60, 0.1);
  border: 1px solid rgba(255, 60, 60, 0.3);
  color: #ff6b6b !important;
}

.adf-auth-msg--error p {
  color: #ff6b6b !important;
}

.adf-auth-msg--success {
  background: rgba(0, 200, 100, 0.1);
  border: 1px solid rgba(0, 200, 100, 0.3);
  color: #00c864 !important;
}

.adf-auth-msg--success a {
  color: #00c8ff !important;
}

/* wp_login_form() specifics */
.adf-auth-form .login {
  margin: 0;
  padding: 0;
}

.adf-auth-form .login p {
  margin: 0;
}

.adf-auth-form .login .forgetmenot {
  margin-top: 0.75rem;
}

.adf-auth-form .login .forgetmenot label {
  display: inline;
  color: #999999 !important;
  font-size: 0.85rem;
}

.adf-auth-form .login .forgetmenot input[type="checkbox"] {
  accent-color: #00c8ff;
}

/* Profile greeting */
.adf-profile-greeting {
  text-align: center;
  color: #cccccc !important;
  margin-bottom: 1rem;
}

.adf-profile-greeting strong {
  color: #00c8ff !important;
}

/* Auth link shortcode */
.adf-auth-link a {
  color: #00c8ff !important;
  text-decoration: none !important;
}

.adf-auth-link a:hover {
  color: #66dfff !important;
}

/* Mobile — auth form */
@media (max-width: 480px) {
  .adf-auth-form {
    margin: 1rem;
    padding: 1.25rem;
  }

  #adf-auth-bar {
    font-size: 0.8rem;
    padding: 0.3rem 0.8rem;
  }
}

/* ================================================================
   12. WIKI-STYLE TOOL PAGE — structured data sections
   ================================================================ */

/* Quick Stats Bar */
.adf-quick-stats { display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 1.5rem 0; }
.adf-stat-badge { display: inline-flex; align-items: center; padding: 0.3rem 0.8rem; border-radius: 20px; font-size: 0.85rem; border: 1px solid #333; color: #ccc; background: rgba(255,255,255,0.03); }
.adf-stat-badge--free { border-color: #00cc66; color: #00cc66; }
.adf-stat-badge--freemium { border-color: #ffaa00; color: #ffaa00; }
.adf-stat-badge--paid { border-color: #ff4444; color: #ff4444; }
.adf-stat-badge--trial { border-color: #00cc66; color: #00cc66; background: rgba(0, 204, 102, 0.08); }
.adf-stat-badge--oss { border-color: #00c8ff; color: #00c8ff; }
.adf-stat-badge--speed { border-color: #888; }

/* Tool Sections — shared card style */
.adf-tool-section { background: #111; border: 1px solid #222; border-radius: 8px; padding: 1.5rem; margin: 1rem 0; }
.adf-tool-section h3 { color: #00c8ff; font-size: 1.1rem; font-weight: 700; margin: 0 0 1rem 0; }

/* About — definition list grid */
.adf-tool-about dl { display: grid; grid-template-columns: 140px 1fr; gap: 0.5rem 1rem; }
.adf-tool-about dt { color: #888; font-size: 0.9rem; }
.adf-tool-about dd { color: #ddd; font-size: 0.9rem; margin: 0; }

/* Pricing Details — reuse the dl grid */
.adf-tool-pricing dl { display: grid; grid-template-columns: 140px 1fr; gap: 0.5rem 1rem; }
.adf-tool-pricing dt { color: #888; font-size: 0.9rem; }
.adf-tool-pricing dd { color: #ddd; font-size: 0.9rem; margin: 0; }

/* Use Cases */
.adf-use-cases { list-style: none; padding: 0; }
.adf-use-cases li { padding: 0.3rem 0 0.3rem 1.2rem; color: #ccc; font-size: 0.95rem; position: relative; }
.adf-use-cases li::before { content: "\25B8"; color: #00c8ff; position: absolute; left: 0; }

/* Tags (Integrations & Alternatives) */
.adf-tags { display: flex; flex-wrap: wrap; gap: 0.4rem; }
.adf-tag { background: rgba(0,200,255,0.08); border: 1px solid rgba(0,200,255,0.2); border-radius: 4px; padding: 0.2rem 0.6rem; font-size: 0.8rem; color: #aaa; }
.adf-tag a { color: #00c8ff; text-decoration: none; }

/* Pros & Cons */
.adf-pros-cons { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.adf-pros ul, .adf-cons ul { list-style: none; padding: 0; }
.adf-pros li { padding: 0.3rem 0 0.3rem 1.5rem; color: #ccc; position: relative; }
.adf-pros li::before { content: "\2713"; color: #00cc66; position: absolute; left: 0; font-weight: bold; }
.adf-cons li { padding: 0.3rem 0 0.3rem 1.5rem; color: #ccc; position: relative; }
.adf-cons li::before { content: "\2717"; color: #ff4444; position: absolute; left: 0; font-weight: bold; }

/* Responsive — wiki sections */
@media (max-width: 768px) {
  .adf-tool-about dl { grid-template-columns: 1fr; }
  .adf-tool-pricing dl { grid-template-columns: 1fr; }
  .adf-pros-cons { grid-template-columns: 1fr; }
}

/* === New stat badge variants === */
.adf-stat-badge--api { border-color: #a78bfa; color: #a78bfa; }
.adf-stat-badge--self-host { border-color: #f472b6; color: #f472b6; }

/* === Tags row (below quick stats) === */
.adf-tool-tags { display: flex; flex-wrap: wrap; gap: 0.4rem; margin: 0 0 1rem 0; }
.adf-tag--label { background: rgba(255,255,255,0.05); border-color: #444; color: #999; font-size: 0.75rem; text-transform: lowercase; }

/* === Performance Report Card === */
.adf-report-card__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.adf-report-card__item {
  background: rgba(0, 200, 255, 0.04);
  border: 1px solid rgba(0, 200, 255, 0.12);
  border-radius: 8px;
  padding: 0.8rem;
  text-align: center;
}
.adf-report-card__value {
  display: block;
  font-size: 1.3rem;
  font-weight: 700;
  color: #00e6ff;
  line-height: 1.2;
}
.adf-report-card__label {
  display: block;
  font-size: 0.75rem;
  color: #888;
  margin-top: 0.25rem;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.adf-report-card__bestfor {
  color: #bbb;
  font-size: 0.9rem;
  padding-top: 0.5rem;
  border-top: 1px solid #222;
}
.adf-report-card__bestfor strong { color: #00c8ff; }

/* === Pricing Tiers Grid === */
.adf-pricing-tiers__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 1rem;
}
.adf-pricing-tier-card {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid #333;
  border-radius: 8px;
  padding: 1.2rem;
  text-align: center;
}
.adf-pricing-tier-card h4 {
  color: #00c8ff;
  font-size: 1rem;
  margin: 0 0 0.5rem 0;
}
.adf-pricing-tier-card__price {
  font-size: 1.6rem;
  font-weight: 700;
  color: #fff;
}
.adf-pricing-tier-card__price span {
  font-size: 0.8rem;
  color: #888;
  font-weight: 400;
}
.adf-pricing-tier-card__annual {
  font-size: 0.8rem;
  color: #666;
  margin-bottom: 0.8rem;
}
.adf-pricing-tier-card ul {
  list-style: none;
  padding: 0;
  margin: 0.8rem 0 0 0;
  text-align: left;
}
.adf-pricing-tier-card li {
  padding: 0.25rem 0 0.25rem 1.2rem;
  color: #bbb;
  font-size: 0.85rem;
  position: relative;
}
.adf-pricing-tier-card li::before {
  content: "\2713";
  color: #00cc66;
  position: absolute;
  left: 0;
  font-weight: bold;
}

/* === Community Section === */
.adf-community__rating {
  font-size: 1.1rem;
  margin-bottom: 0.75rem;
}
.adf-stars { color: #ffaa00; font-size: 1.2rem; letter-spacing: 0.1em; }
.adf-review-count { color: #666; font-size: 0.85rem; }
.adf-community__sources { margin-top: 0.5rem; }
.adf-community__sources strong { color: #888; font-size: 0.85rem; }
.adf-community__sources ul { list-style: none; padding: 0; margin: 0.3rem 0 0 0; }
.adf-community__sources li { padding: 0.15rem 0; }
.adf-community__sources a { color: #00c8ff; font-size: 0.85rem; text-decoration: none; }
.adf-community__sources a:hover { text-decoration: underline; }

/* === Workflow Packs Section === */
.adf-packs__suggested {
  color: #999;
  font-size: 0.9rem;
  margin-top: 0.75rem;
}
.adf-packs__suggested strong { color: #888; }

/* === "No Data" placeholder === */
.adf-no-data {
  color: #555;
  font-style: italic;
  font-size: 0.85rem;
}
.adf-no-data--sm { font-size: 0.75rem; }

/* === Verified checkmark badge === */
.adf-verified {
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.3rem;
  flex-shrink: 0;
}
.adf-tool-about dd .adf-verified,
.adf-tool-pricing dd .adf-verified { margin-left: 0.4rem; }

/* === Suggest Edit section === */
.adf-suggest-edit {
  text-align: center;
  border-style: dashed !important;
  border-color: #333 !important;
}
.adf-suggest-edit p {
  color: #888;
  font-size: 0.9rem;
  margin: 0 0 0.75rem 0;
}
.adf-suggest-edit__btn {
  display: inline-block;
  padding: 0.5rem 1.5rem;
  border: 1px solid #00c8ff;
  border-radius: 6px;
  color: #00c8ff;
  text-decoration: none;
  font-size: 0.9rem;
  transition: background 0.2s, color 0.2s;
}
.adf-suggest-edit__btn:hover {
  background: #00c8ff;
  color: #000;
}

/* === Wiki Edit Form === */
.adf-wiki-form h2 { color: #00c8ff; margin-bottom: 0.5rem; }
.adf-wiki-form h3 { color: #00c8ff; font-size: 0.95rem; margin: 1.5rem 0 0.5rem 0; border-bottom: 1px solid #222; padding-bottom: 0.3rem; }
.adf-wiki-form__note { color: #888; font-size: 0.85rem; margin-bottom: 1.5rem; }
.adf-wiki-form label {
  display: block;
  color: #aaa;
  font-size: 0.85rem;
  margin-bottom: 0.75rem;
}
.adf-wiki-form input[type="text"],
.adf-wiki-form input[type="number"],
.adf-wiki-form textarea {
  display: block;
  width: 100%;
  margin-top: 0.25rem;
  padding: 0.5rem 0.7rem;
  background: #1a1a1a;
  border: 1px solid #333;
  border-radius: 4px;
  color: #ddd;
  font-size: 0.9rem;
  font-family: inherit;
}
.adf-wiki-form input:focus,
.adf-wiki-form textarea:focus {
  border-color: #00c8ff;
  outline: none;
}
.adf-wiki-form button[type="submit"] {
  margin-top: 1.5rem;
}

/* === Compare Table === */
.adf-compare-table-wrap h2 { color: #00c8ff; margin: 0 0 1rem 0; font-size: 1.2rem; }
.adf-compare-table-scroll { overflow-x: auto; }
.adf-compare-table {
  width: 100%;
  border-collapse: collapse;
  background: #0d0d0d;
  border: 1px solid #222;
  border-radius: 6px;
  overflow: hidden;
}
.adf-compare-table th,
.adf-compare-table td {
  padding: 0.75rem 1rem;
  border-bottom: 1px solid #1a1a1a;
  text-align: left;
  font-size: 0.88rem;
  color: #ddd;
  vertical-align: middle;
}
.adf-compare-table thead th {
  background: #111;
  border-bottom: 2px solid #00c8ff;
  text-align: center;
  padding: 1rem 0.5rem;
}
.adf-compare-table thead th a {
  color: #00c8ff;
  text-decoration: none;
  display: block;
}
.adf-compare-table thead th a:hover { color: #00e6ff; }
.adf-compare-table__icon {
  display: block;
  margin: 0 auto 0.5rem auto;
  border-radius: 8px;
}
.adf-compare-table__name {
  font-weight: 700;
  font-size: 0.9rem;
}
.adf-compare-table__rowlabel {
  background: #0a0a0a;
  color: #888;
  font-weight: 600;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  white-space: nowrap;
}
.adf-compare-table__empty {
  color: #555;
  font-style: italic;
}
.adf-compare-table tbody tr:hover td {
  background: rgba(0, 200, 255, 0.03);
}
.adf-compare-table tbody tr:hover td.adf-compare-table__rowlabel {
  background: #0a0a0a;
}

/* === Compare Picker === */
.adf-compare-picker h2 { color: #00c8ff; margin: 0 0 0.5rem 0; }
.adf-compare-picker__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 0.5rem;
  margin: 1rem 0 1.5rem 0;
  max-height: 400px;
  overflow-y: auto;
  padding: 0.75rem;
  background: #0a0a0a;
  border: 1px solid #222;
  border-radius: 6px;
}
.adf-compare-picker__grid label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.6rem;
  border-radius: 4px;
  cursor: pointer;
  color: #ccc;
  font-size: 0.9rem;
  transition: background 0.15s;
}
.adf-compare-picker__grid label:hover {
  background: rgba(0, 200, 255, 0.08);
}
.adf-compare-picker__grid input[type="checkbox"] {
  accent-color: #00c8ff;
}

/* === Site-Wide Top Bar === */
.adf-topbar {
  background: #000;
  border-bottom: 1px solid #1a1a1a;
  padding: 0.7rem 1.5rem;
  position: sticky;
  top: 0;
  z-index: 9999;
  backdrop-filter: blur(10px);
}
.adf-topbar__inner {
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
}
.adf-topbar__brand {
  color: #00c8ff !important;
  font-weight: 800;
  font-size: 1.05rem;
  letter-spacing: 0.03em;
  text-decoration: none;
  white-space: nowrap;
}
.adf-topbar__brand:hover { color: #00e6ff !important; }

@media (max-width: 640px) {
  .adf-topbar { padding: 0.6rem 1rem; }
  .adf-topbar__inner { gap: 0.6rem; }
  .adf-topbar__brand { font-size: 0.9rem; }
}

/* === Header Nav (used inside topbar) === */
.adf-header-nav {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  flex-wrap: wrap;
}
.adf-header-nav__search {
  display: flex;
  align-items: center;
  background: #111;
  border: 1px solid #333;
  border-radius: 6px;
  overflow: hidden;
  height: 38px;
}
.adf-header-nav__search:focus-within {
  border-color: #00c8ff;
}
.adf-header-nav__search input[type="text"] {
  background: transparent;
  border: none;
  color: #fff;
  padding: 0 0.75rem;
  font-size: 0.85rem;
  width: 200px;
  outline: none;
}
.adf-header-nav__search input[type="text"]::placeholder { color: #666; }
.adf-header-nav__search button {
  background: transparent;
  border: none;
  color: #00c8ff;
  padding: 0 0.75rem;
  cursor: pointer;
  font-size: 1rem;
  height: 100%;
}
.adf-header-nav__search button:hover { color: #00e6ff; }
.adf-header-nav__btn {
  display: inline-flex;
  align-items: center;
  height: 38px;
  padding: 0 1rem;
  background: transparent;
  border: 1px solid #333;
  border-radius: 6px;
  color: #ddd !important;
  text-decoration: none;
  font-size: 0.85rem;
  font-weight: 600;
  transition: all 0.15s;
}
.adf-header-nav__btn:hover {
  border-color: #00c8ff;
  color: #00c8ff !important;
}
.adf-header-nav__btn--primary {
  background: #00c8ff;
  border-color: #00c8ff;
  color: #000 !important;
}
.adf-header-nav__btn--primary:hover {
  background: #00e6ff;
  border-color: #00e6ff;
  color: #000 !important;
}
.adf-header-nav__btn--ghost {
  border-color: transparent;
  color: #888 !important;
}
.adf-header-nav__btn--ghost:hover {
  border-color: #333;
  color: #00c8ff !important;
}
.adf-header-nav__btn--user {
  background: rgba(0, 200, 255, 0.08);
  border-color: rgba(0, 200, 255, 0.3);
  color: #00c8ff !important;
}
.adf-header-nav__btn--user:hover {
  background: rgba(0, 200, 255, 0.15);
}

@media (max-width: 768px) {
  .adf-header-nav__search input[type="text"] { width: 130px; }
  .adf-header-nav__btn { padding: 0 0.7rem; font-size: 0.78rem; }
}

/* === Homepage Sections === */
.adf-home-stats {
  display: flex;
  justify-content: center;
  gap: 3rem;
  margin: 2rem 0;
}
.adf-home-stats__item { text-align: center; }
.adf-home-stats__num {
  display: block;
  font-size: 2.5rem;
  font-weight: 800;
  color: #00c8ff;
  line-height: 1;
}
.adf-home-stats__label {
  display: block;
  margin-top: 0.3rem;
  color: #888;
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* Quick search bar */
.adf-home-search {
  display: flex;
  max-width: 600px;
  margin: 0 auto 2rem auto;
  gap: 0.5rem;
}
.adf-home-search input[type="text"] {
  flex: 1;
  padding: 0.85rem 1.2rem;
  background: #111;
  border: 1px solid #333;
  border-radius: 8px;
  color: #fff;
  font-size: 1rem;
}
.adf-home-search input[type="text"]:focus {
  outline: none;
  border-color: #00c8ff;
}
.adf-home-search input[type="text"]::placeholder { color: #666; }
.adf-home-search button {
  padding: 0.85rem 1.8rem;
  background: #00c8ff;
  color: #000;
  border: none;
  border-radius: 8px;
  font-weight: 700;
  font-size: 1rem;
  cursor: pointer;
  transition: background 0.2s;
}
.adf-home-search button:hover { background: #00e6ff; }

/* Categories grid */
.adf-home-cats {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 1rem;
  margin: 2rem 0;
}
.adf-home-cat {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.5rem 1rem;
  background: #0d0d0d;
  border: 1px solid #222;
  border-radius: 10px;
  text-decoration: none;
  text-align: center;
  transition: all 0.2s;
}
.adf-home-cat:hover {
  border-color: #00c8ff;
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(0, 200, 255, 0.15);
}
.adf-home-cat__icon { font-size: 2rem; margin-bottom: 0.5rem; }
.adf-home-cat__name {
  color: #fff;
  font-weight: 700;
  font-size: 0.95rem;
  margin-bottom: 0.25rem;
}
.adf-home-cat__count {
  color: #666;
  font-size: 0.8rem;
}

/* Recent tools cards */
.adf-home-recent {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 1.25rem;
  margin: 2rem 0;
}
.adf-home-card {
  display: block;
  padding: 1.25rem;
  background: #0d0d0d;
  border: 1px solid #222;
  border-radius: 10px;
  text-decoration: none;
  transition: all 0.2s;
}
.adf-home-card:hover {
  border-color: #00c8ff;
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(0, 200, 255, 0.12);
}
.adf-home-card__head {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.adf-home-card__icon {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  flex-shrink: 0;
  object-fit: cover;
}
.adf-home-card__title {
  margin: 0;
  color: #fff;
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.3;
}
.adf-home-card__desc {
  color: #aaa;
  font-size: 0.85rem;
  line-height: 1.5;
  margin: 0 0 0.75rem 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@media (max-width: 768px) {
  .adf-home-stats { gap: 1.5rem; }
  .adf-home-stats__num { font-size: 1.8rem; }
}

/* === Share Buttons === */
.adf-share-embed h3 { color: #00c8ff; margin: 0 0 0.75rem 0; }
.adf-share-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.adf-share-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background: #1a1a1a;
  border: 1px solid #333;
  color: #ddd;
  font-size: 1.05rem;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.2s;
  font-family: inherit;
}
.adf-share-btn:hover {
  transform: translateY(-2px);
  border-color: #00c8ff;
  color: #00c8ff;
}
.adf-share-btn--x:hover  { background: #000;     color: #fff;    border-color: #fff; }
.adf-share-btn--fb:hover { background: #1877f2; color: #fff;    border-color: #1877f2; }
.adf-share-btn--li:hover { background: #0a66c2; color: #fff;    border-color: #0a66c2; }
.adf-share-btn--rd:hover { background: #ff4500; color: #fff;    border-color: #ff4500; }
.adf-share-btn--em:hover { background: #00c8ff; color: #000;    border-color: #00c8ff; }
.adf-share-btn--copy:hover { background: #00c8ff; color: #000; border-color: #00c8ff; }

/* === Embed Code Box === */
.adf-compare-embed {
  margin-top: 1rem;
  padding: 0.75rem 1rem;
  background: #0a0a0a;
  border: 1px solid #222;
  border-radius: 6px;
}
.adf-compare-embed summary {
  cursor: pointer;
  color: #00c8ff;
  font-size: 0.9rem;
  font-weight: 600;
  user-select: none;
}
.adf-compare-embed summary:hover { color: #00e6ff; }
.adf-compare-embed[open] summary { margin-bottom: 0.75rem; }
.adf-compare-embed__note {
  color: #888;
  font-size: 0.8rem;
  margin: 0.5rem 0;
}
.adf-compare-embed textarea {
  width: 100%;
  background: #050505;
  border: 1px solid #333;
  border-radius: 4px;
  color: #00e6ff;
  font-family: 'Courier New', monospace;
  font-size: 0.78rem;
  padding: 0.6rem;
  resize: vertical;
}
.adf-compare-embed textarea:focus { outline: none; border-color: #00c8ff; }
.adf-compare-embed__share {
  margin: 0.75rem 0 0 0;
  font-size: 0.85rem;
  color: #888;
}
.adf-compare-embed__share input {
  width: 100%;
  margin-top: 0.25rem;
  background: #050505;
  border: 1px solid #333;
  border-radius: 4px;
  color: #00e6ff;
  font-family: 'Courier New', monospace;
  font-size: 0.78rem;
  padding: 0.5rem 0.6rem;
}

/* === Compare CTA (when no alternatives in directory) === */
.adf-compare-cta {
  text-align: center;
}
.adf-compare-cta h3 { color: #00c8ff; }
.adf-compare-cta p { color: #888; margin-bottom: 1rem; }

/* === Responsive — new sections === */
@media (max-width: 768px) {
  .adf-report-card__grid { grid-template-columns: repeat(2, 1fr); }
  .adf-pricing-tiers__grid { grid-template-columns: 1fr; }
  .adf-compare-table th,
  .adf-compare-table td { padding: 0.5rem 0.6rem; font-size: 0.8rem; }
}