/*
Theme Name: Garis Waktu — SRDS 86
Theme URI: https://claude.ai/design/p/bc51879d-21a6-4465-8ac9-3f6e54fecfac
Author: SRDS 86
Description: Tema WordPress untuk pameran "Menarik Garis Meniti Waktu" — perayaan 4 Dekade alumni FSRD ITB angkatan 1986. Dikonversi dari desain Claude Design (home.dc.html).
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: garis-waktu
*/

/* ---------------------------------------------------------------------------
   Base reset (from the original design's <helmet> block)
   The page markup itself uses inline styles for pixel-perfect fidelity;
   this file holds only the reset, interactive (hover) states, and the
   responsive rules that make the fixed desktop layout usable on small screens.
--------------------------------------------------------------------------- */
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; background: #fff; }
a { text-decoration: none; color: inherit; }
img { max-width: 100%; height: auto; }

/* ---- Interactive states (the design used a custom style-hover attribute) --- */
.gw-nav-link { transition: color 0.15s; }
.gw-nav-link:hover { color: #ED1C24 !important; }

.gw-member-card {
  transition: transform 0.15s, box-shadow 0.15s;
}
.gw-member-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(0,0,0,.18) !important;
}

/* ---------------------------------------------------------------------------
   Responsive fallbacks — the prototype was fixed-width desktop only.
   These keep it from overflowing / breaking on tablets and phones without
   altering the desktop appearance.
--------------------------------------------------------------------------- */
@media (max-width: 960px) {
  .gw-header-inner { flex-wrap: wrap; row-gap: 14px; padding: 16px 24px !important; }
  .gw-header-spacer { display: none !important; }
  .gw-sponsors { order: 3; }
  .gw-hero { padding: 56px 28px 48px !important; min-height: 0 !important; }
  .gw-hero-watermark { font-size: 380px !important; }
  .gw-hero-title { font-size: 60px !important; }
  .gw-hero-script { font-size: 52px !important; }
  .gw-about { flex-direction: column; padding: 48px 28px !important; gap: 32px !important; }
  .gw-about-aside { width: 100% !important; }
  .gw-section-pad { padding-left: 28px !important; padding-right: 28px !important; }
  .gw-members-grid { flex-wrap: wrap; }
  .gw-member-card-wrap { flex: 1 1 calc(50% - 7px) !important; }
}

@media (max-width: 560px) {
  .gw-stat-strip { flex-wrap: wrap; }
  .gw-stat { flex: 1 1 50% !important; border-bottom: 1px solid rgba(255,255,255,.08); }
  .gw-hero-title { font-size: 44px !important; }
  .gw-hero-script { font-size: 38px !important; }
  .gw-member-card-wrap { flex: 1 1 100% !important; }
  .gw-footer-inner { flex-direction: column; align-items: flex-start !important; }
}