/* ============================================================
   GOPOS AKADEMİ — hub (ana sayfa)
   ============================================================ */

.gp-ak-page { padding-bottom: var(--section-py); }

/* ── Hero ─────────────────────────────────────────────────── */
.gp-ak-hero {
  background: radial-gradient(ellipse 70% 90% at 50% 0%, var(--gp-primary-tint) 0%, transparent 70%), var(--gp-bg-soft);
  padding: clamp(3rem, 7vw, 5.5rem) 0 clamp(2.5rem, 5vw, 3.5rem);
  text-align: center;
}
.gp-ak-hero__inner { max-width: 780px; margin-inline: auto; }
.gp-ak-eyebrow { display: inline-block; font-size: var(--text-xs); font-weight: 800; letter-spacing: .18em; text-transform: uppercase; color: var(--gp-primary); margin-bottom: var(--space-4); }
.gp-ak-hero__title { font-size: clamp(var(--text-2xl), 3.4vw, var(--text-4xl)); font-weight: 900; color: var(--gp-ink); letter-spacing: -.03em; line-height: 1.14; margin-bottom: var(--space-4); }
.gp-ak-hero__desc { font-size: var(--text-lg); color: var(--gp-mute); line-height: 1.7; max-width: 660px; margin: 0 auto var(--space-8); }

/* Arama */
.gp-ak-search { position: relative; display: flex; gap: var(--space-2); max-width: 560px; margin: 0 auto; }
.gp-ak-search svg { position: absolute; left: 18px; top: 50%; transform: translateY(-50%); color: var(--gp-mute); pointer-events: none; }
.gp-ak-search input { flex: 1; min-width: 0; padding: 1rem 1.2rem 1rem 3rem; border: 1.5px solid var(--gp-line); border-radius: var(--radius-full); font-size: var(--text-base); background: #fff; box-shadow: var(--shadow-md); outline: none; transition: border-color var(--transition); }
.gp-ak-search input:focus { border-color: var(--gp-primary); }
.gp-ak-search button { flex-shrink: 0; padding: 0 1.5rem; border-radius: var(--radius-full); background: var(--grad-primary); color: #fff; font-weight: 700; box-shadow: var(--shadow-primary); transition: transform var(--transition-fast); }
.gp-ak-search button:hover { transform: translateY(-2px); }

/* Etiketler */
.gp-ak-tags { display: flex; flex-wrap: wrap; gap: var(--space-2); justify-content: center; margin-top: var(--space-5); }
.gp-ak-tag { font-size: var(--text-sm); font-weight: 700; color: var(--gp-text); background: #fff; border: 1px solid var(--gp-line); padding: .4rem .9rem; border-radius: var(--radius-full); transition: all var(--transition-fast); }
.gp-ak-tag:hover { border-color: var(--gp-primary); color: var(--gp-primary); transform: translateY(-2px); }

/* ── Bölüm başlığı ────────────────────────────────────────── */
.gp-ak-shead { display: flex; align-items: flex-end; justify-content: space-between; gap: var(--space-4); margin-bottom: var(--space-6); flex-wrap: wrap; }
.gp-ak-shead h2 { font-size: clamp(var(--text-xl), 2.4vw, var(--text-3xl)); font-weight: 800; color: var(--gp-ink); letter-spacing: -.02em; }
.gp-ak-shead__link { font-size: var(--text-sm); font-weight: 700; color: var(--gp-primary); display: inline-flex; align-items: center; gap: 4px; transition: gap var(--transition-fast); }
.gp-ak-shead__link:hover { gap: 8px; }

/* ── Araç kartları ────────────────────────────────────────── */
.gp-ak-tools { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: var(--space-5); }
.gp-ak-tool { position: relative; display: flex; flex-direction: column; gap: var(--space-3); background: #fff; border: 1px solid var(--gp-line); border-radius: var(--radius-xl); padding: var(--space-6); transition: transform var(--transition), box-shadow var(--transition), border-color var(--transition); }
.gp-ak-tool:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); border-color: var(--gp-primary); }
.gp-ak-tool__ico { width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; border-radius: var(--radius-md); background: var(--gp-primary-soft); color: var(--gp-primary); }
.gp-ak-tool__ico .gp-ico { width: 26px; height: 26px; }
.gp-ak-tool__tag { position: absolute; top: var(--space-4); right: var(--space-4); font-size: 10px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; color: var(--gp-mute); background: var(--gp-bg-soft); padding: 3px 9px; border-radius: var(--radius-full); }
.gp-ak-tool--ready .gp-ak-tool__tag { color: var(--gp-primary); background: var(--gp-primary-soft); }
.gp-ak-tool__label { font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--gp-faint); }
.gp-ak-tool h3 { font-size: var(--text-lg); font-weight: 800; color: var(--gp-ink); line-height: 1.3; }
.gp-ak-tool p { font-size: var(--text-sm); color: var(--gp-mute); line-height: 1.6; }

/* ── Kategori kartları ────────────────────────────────────── */
.gp-ak-cats { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: var(--space-5); }
.gp-ak-cat { display: flex; flex-direction: column; gap: var(--space-3); background: #fff; border: 1px solid var(--gp-line); border-radius: var(--radius-xl); padding: 2rem 1.75rem; transition: transform var(--transition), box-shadow var(--transition), border-color var(--transition); }
.gp-ak-cat:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); border-color: transparent; }
.gp-ak-cat__ico { width: 52px; height: 52px; display: flex; align-items: center; justify-content: center; border-radius: var(--radius-md); background: var(--gp-primary-soft); color: var(--gp-primary); }
.gp-ak-cat__ico .gp-ico { width: 28px; height: 28px; }
.gp-ak-cat h3 { font-size: var(--text-xl); font-weight: 800; color: var(--gp-ink); letter-spacing: -.02em; line-height: 1.25; }
.gp-ak-cat p { font-size: var(--text-sm); color: var(--gp-mute); line-height: 1.65; flex: 1; }
.gp-ak-cat__more { font-size: var(--text-sm); font-weight: 700; color: var(--gp-primary); display: inline-flex; align-items: center; gap: 4px; transition: gap var(--transition-fast); }
.gp-ak-cat:hover .gp-ak-cat__more { gap: 8px; }

/* Koyu (mevzuat) kart */
.gp-ak-cat--dark { background: var(--gp-ink); border-color: transparent; }
.gp-ak-cat--dark h3 { color: #fff; }
.gp-ak-cat--dark p { color: rgba(255,255,255,.75); }
.gp-ak-cat--dark .gp-ak-cat__ico { background: rgba(255,255,255,.12); color: #F3B03A; }

/* "Yakında" rozeti */
.gp-ak-soon { align-self: flex-start; font-size: 11px; font-weight: 800; color: var(--gp-primary); background: var(--gp-primary-soft); padding: 3px 10px; border-radius: var(--radius-full); }
.gp-ak-cat--dark .gp-ak-soon { color: #F3B03A; background: rgba(243,176,58,.15); }

/* ── Responsive ───────────────────────────────────────────── */
@media (max-width: 900px) {
  .gp-ak-tools, .gp-ak-cats { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
  .gp-ak-tools, .gp-ak-cats { grid-template-columns: 1fr; }
  .gp-ak-search { flex-direction: column; }
  .gp-ak-search button { padding: .85rem; }
}