/**
 * Theme Name:        Pgie Minimal — Twenty Twenty-Four Child
 * Theme URI:         https://pgie.org/
 * Description:       A quiet, editorial child theme for Pgie.org, based on Twenty Twenty-Four.
 * Author:            Pgie.org
 * Author URI:        https://pgie.org/
 * Template:          twentytwentyfour
 * Version:           0.2.0
 * Text Domain:       pgie-minimal
 * Requires at least: 6.4
 * Requires PHP:      7.0
 * License:           GNU General Public License v2 or later
 * License URI:       https://www.gnu.org/licenses/gpl-2.0.html
 */

:root {
  --pgie-border: rgba(24, 67, 56, 0.16);
  --pgie-border-light: rgba(24, 67, 56, 0.09);
  --pgie-header-bg: rgba(255, 254, 251, 0.92);
  --pgie-radius: 0.2rem;
  --pgie-transition: 180ms ease;
}

html { scroll-behavior: smooth; }
body { text-wrap: pretty; }

/* Header */
.pgie-site-header {
  position: sticky;
  top: var(--wp-admin--admin-bar--height, 0px);
  z-index: 20;
  border-bottom: 1px solid var(--pgie-border-light);
  background: var(--pgie-header-bg);
  backdrop-filter: blur(14px);
}
.pgie-site-header .wp-block-site-title a { text-decoration: none; }
.pgie-site-header .wp-block-navigation-item__content {
  text-decoration-thickness: 1px;
  text-underline-offset: 0.28em;
}

/* Reusable editorial details */
.pgie-kicker {
  margin-bottom: 0.65rem;
  color: var(--wp--preset--color--clay);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  line-height: 1.4;
  text-transform: uppercase;
}
.pgie-accent-line {
  width: 2.35rem;
  margin-block: 1.15rem 1.35rem;
  border-top: 2px solid var(--wp--preset--color--clay);
}
.pgie-section-title { text-align: center; }
.pgie-section-title .pgie-accent-line { margin-inline: auto; }

/* Hero */
.pgie-hero { overflow: hidden; }
.pgie-hero h1 {
  max-width: 11ch;
  letter-spacing: -0.045em;
}
.pgie-hero-copy { max-width: 58ch; }
.pgie-hero-visual img,
.pgie-about-visual img,
.pgie-note-grid .wp-block-post-featured-image img {
  display: block;
  width: 100%;
  object-fit: cover;
}
.pgie-hero-visual img { min-height: clamp(24rem, 51vw, 42rem); }
.pgie-about-visual img { aspect-ratio: 1.25 / 1; }

/* Inquiry section: deliberate lines, not cards */
.pgie-inquiry-item {
  height: 100%;
  padding-right: clamp(0.75rem, 2vw, 2rem);
}
.pgie-inquiry-item:not(:last-child) { border-right: 1px solid var(--pgie-border-light); }
.pgie-inquiry-icon {
  margin-bottom: 1.15rem;
  color: var(--wp--preset--color--forest);
  font-size: 1.8rem;
  line-height: 1;
}
.pgie-inquiry-item h3 { max-width: 16ch; }

/* Notes: intentionally flat and quiet */
.pgie-note-grid .wp-block-post {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  min-height: 100%;
}
.pgie-note-grid .wp-block-post-featured-image img {
  aspect-ratio: 1.62 / 1;
  transition: transform var(--pgie-transition);
}
.pgie-note-grid .wp-block-post-featured-image { overflow: hidden; }
.pgie-note-grid .wp-block-post:hover .wp-block-post-featured-image img { transform: scale(1.025); }
.pgie-note-grid .wp-block-post-excerpt { flex: 1; }
.pgie-note-grid .wp-block-post-excerpt__more-link {
  color: var(--wp--preset--color--forest);
  font-weight: 650;
  text-decoration: none;
}

/* CTA + footer */
.pgie-cta { border-top: 1px solid var(--pgie-border-light); }
.pgie-site-footer { border-top: 1px solid var(--pgie-border-light); }
.pgie-site-footer a { text-decoration-thickness: 1px; text-underline-offset: 0.25em; }

/* Buttons */
.wp-element-button {
  transition: background-color var(--pgie-transition), color var(--pgie-transition), transform var(--pgie-transition);
}
.wp-element-button:hover { transform: translateY(-1px); }
:where(a, button, input, textarea, select, .wp-element-button):focus-visible {
  outline: 2px solid var(--wp--preset--color--clay);
  outline-offset: 3px;
}

@media (max-width: 781px) {
  .pgie-site-header { position: static; }
  .pgie-hero-visual img { min-height: 18rem; }
  .pgie-inquiry-item:not(:last-child) {
    padding-bottom: 1.5rem;
    border-right: 0;
    border-bottom: 1px solid var(--pgie-border-light);
  }
}
