/* -----------------------------------------
   Exclusive stylesheet for /edirectory-vs-wix/
   Isolated on purpose: keeps this landing page's one-off styles
   out of the shared theme.css so they cannot affect other pages,
   and lets this page ship on its own without depending on the
   (separate, unreleased) homepage redesign changes in theme.scss.

   This mirrors the component set built for /edirectory-vs-base44/
   (assets/css/edirectory-vs-base44.css) so each comparison page
   keeps its own independent, self-contained stylesheet rather than
   sharing one file across unrelated pages.
----------------------------------------- */

.edir-rds .compare-card-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.edir-rds .compare-card { padding: 28px; border-radius: 16px; border: 1px solid #E5E7EB; background: #fff; }
.edir-rds .compare-card h3 { display: flex; align-items: center; gap: 10px; margin: 0 0 16px; font-size: 1.15rem; }
.edir-rds .compare-card h3 i { color: var(--color-primary, #0079F2); }
.edir-rds .compare-card.is-edirectory { border-color: var(--color-primary, #0079F2); background: linear-gradient(180deg, rgba(0,121,242,.05) 0%, #fff 45%); }
.edir-rds .compare-card ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.edir-rds .compare-card ul li { display: flex; align-items: flex-start; gap: 10px; font-size: .95rem; color: var(--color-text, #0E2036); line-height: 1.5; }
.edir-rds .compare-card ul li:before { content: none; }
.edir-rds .compare-card ul li i { margin-top: 4px; font-size: 8px; color: #9CA3AF; flex-shrink: 0; }
.edir-rds .compare-card.is-edirectory ul li i { color: var(--color-primary, #0079F2); }

@media (max-width: 768px) {
	.edir-rds .compare-card-grid { grid-template-columns: 1fr; }
}

.edir-rds .compare-hero-visual { display: flex; flex-direction: column; gap: 16px; }
.edir-rds .compare-hero-panel { display: flex; flex-direction: column; gap: 16px; padding: 24px 28px; border-radius: 20px; border: 1px solid #E5E7EB; background: #fff; box-shadow: 0 1px 3px 0 rgba(0,0,0,.06); }

.edir-rds .compare-hero-panel-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.edir-rds .compare-hero-panel-label { display: inline-flex; align-items: center; gap: 8px; font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #6B7280; }
.edir-rds .compare-hero-panel-label i { color: var(--color-primary, #0079F2); }
.edir-rds .compare-hero-panel-tag { flex-shrink: 0; padding: .25rem .65rem; border-radius: 999px; background: #F3F4F6; color: #6B7280; font-size: 10px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }
.edir-rds .compare-hero-panel-tag-highlight { background: rgba(255,255,255,.16); color: #fff; }

.edir-rds .compare-hero-panel p { margin: 0; font-size: .92rem; line-height: 1.55; color: #6B7280; }

.edir-rds .compare-hero-panel-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.edir-rds .compare-hero-panel-list li { display: flex; align-items: flex-start; gap: 10px; font-size: .88rem; line-height: 1.5; color: #4B5563; }
.edir-rds .compare-hero-panel-list li i { flex-shrink: 0; margin-top: 2px; font-size: .95rem; color: #C1C6D0; }

.edir-rds .compare-hero-panel.is-edirectory { border: none; background: linear-gradient(135deg, var(--color-primary, #3b82f6) 0%, var(--color-primary-dark, #1d4ed8) 100%); box-shadow: 0 20px 40px -16px rgba(29,78,216,.55); }
.edir-rds .compare-hero-panel.is-edirectory .compare-hero-panel-label { color: rgba(255,255,255,.75); }
.edir-rds .compare-hero-panel.is-edirectory .compare-hero-panel-label i { color: rgba(255,255,255,.75); }
.edir-rds .compare-hero-panel.is-edirectory p { color: rgba(255,255,255,.92); }
.edir-rds .compare-hero-panel.is-edirectory .compare-hero-panel-list li { color: #fff; }
.edir-rds .compare-hero-panel.is-edirectory .compare-hero-panel-list li i { color: #4ADE80; }

.edir-rds .compare-hero-panel-offer { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 4px -28px -24px; padding: 14px 28px; border-radius: 0 0 20px 20px; background: rgba(0,0,0,.15); font-size: .85rem; color: rgba(255,255,255,.85); }
.edir-rds .compare-hero-panel-offer strong { color: #4ADE80; font-size: 1rem; }

.edir-rds .compare-hero-vs { align-self: center; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 999px; background: #fff; box-shadow: 0 4px 12px rgba(0,0,0,.1); color: var(--color-primary, #0079F2); font-size: 12px; font-weight: 700; margin: -8px 0; z-index: 1; position: relative; }

.edir-rds .compare-hero-highlight { margin: 20px 0; padding: 18px 20px; border-radius: 14px; border: 1px solid var(--color-primary, #0079F2); background: linear-gradient(180deg, rgba(0,121,242,.06) 0%, #fff 65%); }
.edir-rds .compare-hero-highlight p { margin: 0; font-size: .95rem; line-height: 1.6; color: var(--color-text, #0E2036); }

.edir-rds .compare-hero-offer-pill { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 20px; padding: .5rem 1.1rem; border-radius: 2rem; background: rgba(0,121,242,.08); border: 1px solid rgba(0,121,242,.25); color: var(--color-primary, #0079F2); font-weight: 700; font-size: .72rem; letter-spacing: .04em; text-transform: uppercase; }
.edir-rds .compare-hero-offer-pill i { font-size: 6px; color: var(--color-primary, #0079F2); }

.edir-rds .compare-hero-subhead { margin: 4px 0 20px; font-size: 1.25rem; font-weight: 700; line-height: 1.4; color: var(--color-text, #0E2036); }

.edir-rds .compare-offer-badge { display: inline-flex; align-items: center; gap: 8px; margin: 18px 0 24px; padding: .5rem 1.1rem; border-radius: 2rem; background: rgba(40,167,69,.1); color: #1e7e34; font-weight: 700; font-size: .82rem; }
.edir-rds .compare-offer-badge i { color: var(--success, #28a745); }

.edir-rds .compare-offer-microcopy { margin: 14px 0 0; font-size: .85rem; color: #6B7280; }
.edir-rds .compare-offer-microcopy a { color: inherit; text-decoration: underline; }
.edir-rds .compare-offer-microcopy-dark { color: rgba(255,255,255,.75); }
.edir-rds .compare-offer-microcopy-dark a { color: #fff; }

.edir-rds .compare-offer-microcopy-tag { display: inline-flex; align-items: flex-start; gap: 8px; margin-top: 20px; padding: .65rem 1.1rem; border-radius: .75rem; background: #F9FAFB; border: 1px solid #E5E7EB; font-size: .85rem; line-height: 1.5; color: #4B5563; }
.edir-rds .compare-offer-microcopy-tag i { margin-top: 4px; color: var(--color-primary, #0079F2); }

.edir-rds .compare-offer-band { padding: 56px 0; }
.edir-rds .compare-offer-band .cta-actions { display: flex; justify-content: center; margin-top: 8px; }
.edir-rds .compare-offer-band .compare-offer-microcopy { text-align: center; color: rgba(255,255,255,.8); }
.edir-rds .compare-offer-band .compare-offer-microcopy a { color: #fff; }

.edir-rds .compare-intro-text { max-width: 760px; margin: 0 auto 32px; text-align: center; color: #6B7280; }

.edir-rds .compare-card-lead { margin-bottom: 16px; color: #6B7280; font-size: .92rem; }

.edir-rds .compare-built-highlight { font-size: 1.15rem; font-weight: 700; color: var(--color-text, #0E2036); }

.edir-rds .compare-built-image { height: auto; }

.edir-rds .home-monetization .cta-actions { display: flex; justify-content: center; }

.edir-rds .home-revenue-models { max-width: 720px; margin: 0 auto 48px; }
.edir-rds [data-bg="dark"] .home-revenue-models .icon-list-item span { color: #fff; }
.edir-rds [data-bg="dark"] .home-revenue-models .icon-box { background: rgba(255, 255, 255, 0.12); }
.edir-rds [data-bg="dark"] .home-revenue-models .icon-box i { color: #fff; }

.edir-rds .home-monetization-note { max-width: 620px; margin: 32px auto 0; text-align: center; font-size: 14px; color: rgba(255, 255, 255, 0.75); }
.edir-rds .home-monetization-note span { display: block; font-size: 12px; opacity: .75; margin-top: 4px; }

.edir-rds .compare-pricing-note { max-width: 760px; margin: 20px auto 0; text-align: center; font-size: .85rem; color: #6B7280; line-height: 1.6; }
.edir-rds .compare-pricing-note a { color: var(--color-primary, #0079F2); }

.edir-rds .compare-table-note { margin: 0 0 24px; text-align: center; font-size: .85rem; color: #6B7280; }
.edir-rds .compare-table-wrap { overflow-x: auto; border-radius: 16px; border: 1px solid #E5E7EB; }
.edir-rds table.compare-table { width: 100%; border-collapse: collapse; background: #fff; font-size: .92rem; }
.edir-rds table.compare-table caption { text-align: left; padding: 16px 20px; font-size: .8rem; color: #6B7280; caption-side: top; }
.edir-rds table.compare-table th, .edir-rds table.compare-table td { padding: 16px 20px; text-align: left; vertical-align: top; border-bottom: 1px solid #EEF1F5; }
.edir-rds table.compare-table thead th { background: #F9FAFB; font-size: .78rem; text-transform: uppercase; letter-spacing: .5px; color: #6B7280; white-space: nowrap; }
.edir-rds table.compare-table thead th.is-edirectory { color: var(--color-primary, #0079F2); }
.edir-rds table.compare-table tbody th { font-weight: 600; color: var(--color-text, #0E2036); width: 22%; }
.edir-rds table.compare-table tbody tr:last-child th, .edir-rds table.compare-table tbody tr:last-child td { border-bottom: none; }
.edir-rds table.compare-table tbody td.is-edirectory { background: rgba(0,121,242,.04); }

@media (max-width: 768px) {
	.edir-rds table.compare-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
	.edir-rds table.compare-table, .edir-rds table.compare-table tbody, .edir-rds table.compare-table tr, .edir-rds table.compare-table th, .edir-rds table.compare-table td { display: block; width: 100%; }
	.edir-rds table.compare-table tr { padding: 16px 4px; border-bottom: 1px solid #EEF1F5; }
	.edir-rds table.compare-table tr:last-child { border-bottom: none; }
	.edir-rds table.compare-table tbody th { width: auto; padding: 0 16px 10px; font-size: 1rem; border-bottom: none; }
	.edir-rds table.compare-table tbody td { padding: 8px 16px; border-bottom: none; }
	.edir-rds table.compare-table tbody td:before { content: attr(data-label); display: block; margin-bottom: 4px; font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; color: #6B7280; }
	.edir-rds table.compare-table tbody td.is-edirectory { border-radius: 10px; }
}

.edir-rds .compare-source-block { max-width: 760px; margin: 0 auto; text-align: center; font-size: .85rem; color: #6B7280; line-height: 1.6; }
.edir-rds .compare-source-block a { color: var(--color-primary, #0079F2); }
/* Temporary v14.2 campaign: keep this stylesheet independent of the shared theme. */
.release-promobar {
  background: #007bff;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  overflow: hidden;
  transition: margin-top 0.3s ease;
}

.release-promobar__content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 44px;
  padding-top: 6px;
  padding-bottom: 6px;
  text-align: center;
}

.release-promobar__cta {
  display: inline-block;
  flex: 0 0 auto;
  padding: 4px 16px;
  border: 2px solid #fff;
  border-radius: 4px;
  color: #fff;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-decoration: none;
  transition: background 0.2s ease;
}

.release-promobar__cta:hover {
  background: rgba(255, 255, 255, 0.15);
}

.release-promobar__cta:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 3px;
}

@media (max-width: 412px) {
  .release-promobar__content {
    flex-direction: column;
    gap: 6px;
    padding-top: 8px;
    padding-bottom: 8px;
  }
}

.edir-rds.release-promobar-active > .header > .top-header,
.edir-rds.release-promobar-active > .contact-header {
  display: none;
}

.edir-rds.release-promobar-active > .header {
  top: 44px;
}

@media (max-width: 412px) {
  .edir-rds.release-promobar-active > .header {
    top: 91px;
  }
}