/*
Theme Name: Overlap Capital 2026
Theme URI: https://overlap.capital
Author: Overlap Capital
Author URI: https://overlap.capital
Description: A custom WordPress block theme for Overlap Capital's capital-pathing platform.
Requires at least: 6.6
Tested up to: 7.0
Requires PHP: 8.1
Version: 0.1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: overlap-capital
Tags: block-patterns, full-site-editing, custom-colors, custom-logo, editor-style
*/

:root {
  --oc-border: rgba(16, 24, 20, 0.16);
  --oc-shadow: 0 24px 60px rgba(16, 24, 20, 0.10);
}

html { scroll-behavior: smooth; }

body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

a { text-underline-offset: 0.18em; }

.oc-eyebrow {
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-size: 0.76rem;
  font-weight: 700;
}

.oc-hero {
  min-height: 78vh;
  display: flex;
  align-items: center;
}

.oc-hero-path {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--oc-border);
  box-shadow: var(--oc-shadow);
}

.oc-path-step {
  border-top: 1px solid var(--oc-border);
}

.oc-proof-scroller {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(270px, 34vw);
  gap: 1rem;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scroll-snap-type: inline mandatory;
  padding: 0.25rem 0 1rem;
  scrollbar-width: thin;
}

.oc-proof-card {
  min-height: 255px;
  scroll-snap-align: start;
  border: 1px solid var(--oc-border);
  transition: transform .2s ease, box-shadow .2s ease;
}

.oc-proof-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--oc-shadow);
}

.oc-product-card,
.oc-case-study {
  border: 1px solid var(--oc-border);
}

.oc-product-card {
  min-height: 320px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.oc-case-study {
  overflow: hidden;
}

.oc-rule {
  border-top: 1px solid var(--oc-border);
}

.oc-nav-button .wp-block-button__link,
.oc-primary-button .wp-block-button__link {
  border-radius: 999px;
}

.oc-secondary-button .wp-block-button__link {
  border-radius: 999px;
  background: transparent;
}

.oc-editorial-title {
  text-wrap: balance;
}

@media (max-width: 781px) {
  .oc-hero {
    min-height: auto;
  }

  .oc-proof-scroller {
    grid-auto-columns: 84vw;
  }

  .oc-product-card {
    min-height: 260px;
  }
}