/*
Theme Name: Paddle Nomads
Theme URI: https://paddlenomads.com
Author: OpenAI for Paddle Nomads
Description: A modern block theme for small-group SUP journeys, school expeditions, private groups and team adventures.
Version: 0.1.0
Requires at least: 6.5
Requires PHP: 7.4
Text Domain: paddle-nomads
*/

:root {
  --pn-deep: #12363a;
  --pn-deep-2: #0b272a;
  --pn-ink: #172126;
  --pn-cream: #f6f1e8;
  --pn-sand: #eadac3;
  --pn-ice: #dfe9e7;
  --pn-accent: #d96b45;
  --pn-white: #ffffff;
  --pn-muted: #657176;
  --pn-radius: 20px;
  --pn-shadow: 0 18px 60px rgba(17, 41, 45, 0.12);
}

html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; }
a { text-underline-offset: 0.18em; }

.pn-eyebrow {
  font-size: .78rem;
  text-transform: uppercase;
  letter-spacing: .16em;
  font-weight: 700;
}

.pn-hero {
  min-height: 78vh;
  display: flex;
  align-items: end;
  position: relative;
  overflow: hidden;
}

.pn-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 20% 20%, rgba(255,255,255,.08), transparent 32%),
    linear-gradient(180deg, rgba(8,24,27,.05), rgba(8,24,27,.75));
  pointer-events: none;
}

.pn-hero > .wp-block-group__inner-container,
.pn-hero > .wp-block-cover__inner-container { position: relative; z-index: 2; }

.pn-card {
  border-radius: var(--pn-radius);
  overflow: hidden;
  box-shadow: var(--pn-shadow);
  transition: transform .22s ease, box-shadow .22s ease;
}
.pn-card:hover { transform: translateY(-4px); box-shadow: 0 24px 70px rgba(17,41,45,.18); }

.pn-trip-media {
  min-height: 330px;
  display: flex;
  align-items: end;
  background:
    linear-gradient(180deg, rgba(8,24,27,.05), rgba(8,24,27,.78)),
    linear-gradient(135deg, #2b6f76, #153f45);
}
.pn-trip-media--ice { background: linear-gradient(180deg, rgba(8,24,27,.02), rgba(8,24,27,.72)), linear-gradient(135deg,#bcd7dc,#6f9ca7); }
.pn-trip-media--sand { background: linear-gradient(180deg, rgba(8,24,27,.02), rgba(8,24,27,.75)), linear-gradient(135deg,#d9b882,#5f7b70); }
.pn-trip-media--tropic { background: linear-gradient(180deg, rgba(8,24,27,.02), rgba(8,24,27,.75)), linear-gradient(135deg,#66b9b4,#1f5962); }
.pn-trip-media--karst { background: linear-gradient(180deg, rgba(8,24,27,.02), rgba(8,24,27,.75)), linear-gradient(135deg,#8fae8f,#335c54); }
.pn-trip-media--india { background: linear-gradient(180deg, rgba(8,24,27,.02), rgba(8,24,27,.75)), linear-gradient(135deg,#cc8f5b,#6c5d54); }

.pn-stat { border-left: 1px solid rgba(255,255,255,.26); padding-left: 18px; }
.pn-stat:first-child { border-left: 0; padding-left: 0; }

.pn-section { padding-top: clamp(56px, 8vw, 110px); padding-bottom: clamp(56px, 8vw, 110px); }
.pn-section-tight { padding-top: 48px; padding-bottom: 48px; }
.pn-soft { background: var(--pn-cream); }
.pn-dark { background: var(--pn-deep); color: white; }

.pn-kicker { max-width: 850px; }
.pn-grid-link { text-decoration: none; }
.pn-grid-link:hover { text-decoration: none; }

.pn-audience {
  min-height: 260px;
  border-radius: var(--pn-radius);
  padding: 34px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: white;
  border: 1px solid rgba(23,33,38,.08);
}

.pn-pill {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  border: 1px solid currentColor;
  border-radius: 999px;
  padding: .48em .9em;
  font-size: .78rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-weight: 700;
}

.pn-quote {
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(1.75rem, 3vw, 3.25rem);
  line-height: 1.12;
}

.pn-placeholder {
  border: 1px dashed rgba(255,255,255,.48);
  padding: 9px 13px;
  border-radius: 999px;
  display: inline-block;
  font-size: .78rem;
  opacity: .9;
}

.pn-footer a { color: inherit; }

@media (max-width: 781px) {
  .pn-hero { min-height: 72vh; }
  .pn-stat { border-left: 0; padding-left: 0; border-top: 1px solid rgba(255,255,255,.22); padding-top: 12px; }
  .pn-stat:first-child { border-top: 0; padding-top: 0; }
}