/*
Theme Name: Life Archive Sales Theme
Theme URI: https://lifearchive.co.uk/
Author: Life Archive
Author URI: https://lifearchive.co.uk/
Description: A clean full-site editing theme for presenting and selling the Life Archive WordPress plugin.
Requires at least: 6.4
Tested up to: 7.0
Requires PHP: 7.4
Version: 0.1.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: life-archive-sales
Tags: full-site-editing, blog, portfolio, one-column, wide-blocks
*/

:root {
  --la-sales-bg: #ffffff;
  --la-sales-text: #1f2933;
  --la-sales-muted: #5f6f7d;
  --la-sales-soft: #f5f7f8;
  --la-sales-line: #dce3e8;
  --la-sales-accent: #355f73;
  --la-sales-accent-dark: #244452;
  --la-sales-warm: #f6f1ea;
  --la-sales-card: #ffffff;
}

body {
  background: var(--la-sales-bg);
  color: var(--la-sales-text);
}

a {
  color: var(--la-sales-accent);
  text-decoration-thickness: 1px;
  text-underline-offset: 0.18em;
}

a:hover,
a:focus {
  color: var(--la-sales-accent-dark);
}

.la-sales-header,
.la-sales-footer {
  padding-left: 40px;
  padding-right: 40px;
}

.la-sales-header {
  border-bottom: 1px solid var(--la-sales-line);
  background: #ffffff;
}

.la-sales-footer {
  border-top: 1px solid var(--la-sales-line);
  background: var(--la-sales-soft);
}

.la-sales-shell {
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
}

.la-sales-hero {
  padding-top: clamp(64px, 9vw, 112px);
  padding-bottom: clamp(54px, 8vw, 96px);
}

.la-sales-eyebrow {
  color: var(--la-sales-accent);
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .78rem;
}

.la-sales-lede {
  color: var(--la-sales-muted);
  font-size: clamp(1.08rem, 1.6vw, 1.28rem);
  line-height: 1.65;
}

.la-sales-button-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.la-sales-button a,
.wp-block-button.la-sales-button .wp-block-button__link {
  border-radius: 999px;
  padding: 13px 22px;
  font-weight: 700;
}

.la-sales-button-primary .wp-block-button__link {
  background: var(--la-sales-accent);
  color: #ffffff;
}

.la-sales-button-secondary .wp-block-button__link {
  background: #ffffff;
  color: var(--la-sales-accent-dark);
  border: 1px solid var(--la-sales-line);
}

.la-sales-panel {
  background: var(--la-sales-soft);
  border: 1px solid var(--la-sales-line);
  border-radius: 24px;
  padding: clamp(22px, 4vw, 40px);
}

.la-sales-panel-warm {
  background: var(--la-sales-warm);
}

.la-sales-card-grid,
.la-sales-feature-grid,
.la-sales-route-grid,
.la-sales-shortcode-grid,
.la-sales-pricing-grid {
  display: grid;
  gap: 20px;
}

.la-sales-card-grid,
.la-sales-feature-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.la-sales-route-grid,
.la-sales-shortcode-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.la-sales-pricing-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.la-sales-card,
.la-sales-feature,
.la-sales-route,
.la-sales-shortcode,
.la-sales-price-card {
  background: var(--la-sales-card);
  border: 1px solid var(--la-sales-line);
  border-radius: 20px;
  padding: 24px;
  box-shadow: 0 12px 30px rgba(31, 41, 51, 0.05);
}

.la-sales-card h3,
.la-sales-feature h3,
.la-sales-route h3,
.la-sales-shortcode h3,
.la-sales-price-card h3 {
  margin-top: 0;
}

.la-sales-card p,
.la-sales-feature p,
.la-sales-route p,
.la-sales-shortcode p,
.la-sales-price-card p {
  color: var(--la-sales-muted);
}

.la-sales-code,
.la-sales-shortcode code,
.la-sales-route code {
  background: #eef3f5;
  border: 1px solid #d5e0e5;
  border-radius: 8px;
  padding: 3px 6px;
  font-size: .92em;
}

.la-sales-checklist {
  list-style: none;
  padding-left: 0;
}

.la-sales-checklist li {
  border-bottom: 1px solid var(--la-sales-line);
  padding: 12px 0;
}

.la-sales-checklist li:last-child {
  border-bottom: 0;
}

.la-sales-kicker {
  color: var(--la-sales-muted);
  max-width: 760px;
}

.la-sales-comparison {
  border: 1px solid var(--la-sales-line);
  border-radius: 20px;
  overflow: hidden;
}

.la-sales-comparison table {
  margin: 0;
}

.la-sales-comparison th {
  background: var(--la-sales-soft);
}

.la-sales-mini-note {
  color: var(--la-sales-muted);
  font-size: .95rem;
}

@media (max-width: 900px) {
  .la-sales-card-grid,
  .la-sales-feature-grid,
  .la-sales-route-grid,
  .la-sales-shortcode-grid,
  .la-sales-pricing-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 700px) {
  .la-sales-header,
  .la-sales-footer {
    padding-left: 20px;
    padding-right: 20px;
  }

  .la-sales-header .wp-block-group {
    gap: 16px;
  }
}