/**
 * Mini CMS — Template: Corporate
 * Compact, structured, CTA-focused.
 * Base header/nav rules in style.css. This extends spacing + components.
 */

/* ── Section spacing — dense ─────────────────────────────── */
body.tpl-corporate .section-layout {
  padding: 2.5rem 2rem;
  gap: 2rem;
}

@media (max-width: 768px) {
  body.tpl-corporate .section-layout {
    padding: 1.5rem 1rem;
  }
}

/* ── Typography — practical ──────────────────────────────── */
body.tpl-corporate h1 {
  font-size: clamp(1.6rem, 3vw, 2.5rem);
  line-height: 1.25;
  letter-spacing: -0.01em;
}

body.tpl-corporate h2 {
  font-size: clamp(1.25rem, 2.5vw, 1.875rem);
  letter-spacing: -0.005em;
}

body.tpl-corporate h3 {
  font-size: 1.1rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-size: 0.95rem;
}

/* ── Header ──────────────────────────────────────────────── */
body.tpl-corporate header {
  padding: 0.75rem 2rem;
}

body.tpl-corporate { --title-size: 1.2rem; }
body.tpl-corporate .site-title { letter-spacing: 0.01em; }

body.tpl-corporate .mcms-nav ul {
  gap: 0.25rem;
}

body.tpl-corporate .mcms-nav a {
  padding: 0.5rem 0.75rem;
  border-radius: var(--radius);
  border-bottom: none;
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

body.tpl-corporate .mcms-nav a:hover,
body.tpl-corporate .mcms-nav a.active {
  background: color-mix(in srgb, var(--primary) 12%, transparent);
  border-bottom: none;
}

/* ── Cards — bordered, structured ───────────────────────── */
body.tpl-corporate .card {
  border-radius: calc(var(--radius) / 2);
  box-shadow: 0 1px 4px rgba(0,0,0,.06);
}

body.tpl-corporate .card:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,.10);
  transform: translateY(-1px);
}

/* ── Buttons — compact ───────────────────────────────────── */
body.tpl-corporate .btn {
  padding: 0.6rem 1.5rem;
  font-size: 0.9rem;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  border-radius: calc(var(--radius) / 2);
}

/* ── Section dividers — clear ────────────────────────────── */
body.tpl-corporate[data-section-divider="1"] main .mcms-section:not(:last-child) {
  border-bottom: 1px solid var(--border);
  box-shadow: none;
}

/* ── Footer ──────────────────────────────────────────────── */
body.tpl-corporate footer {
  padding: 1.5rem 2rem;
  border-top: 2px solid var(--primary);
}