/*
Theme Name: Global Kings Awards
Theme URI: https://globalkingsawards.com
Author: Global Kings Awards
Description: Tema de bloques negro y dorado para Global Kings Awards. Todo el contenido se edita desde el editor de WordPress (Apariencia > Editor y Páginas).
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: gka
*/

/* ---------- Base ---------- */
html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; }
:where(section, .wp-block-group)[id] { scroll-margin-top: 90px; }
img { height: auto; }

/* ---------- Header ---------- */
.gka-header {
  position: sticky; top: 0; z-index: 50;
  background: rgba(0,0,0,.92);
  backdrop-filter: blur(8px);
  border-bottom: 1px solid rgba(212,175,55,.18);
}
.gka-header .wp-block-navigation a { letter-spacing: .08em; text-transform: uppercase; font-weight: 600; }
.gka-header .wp-block-navigation a:hover { color: var(--wp--preset--color--gold); }
.gka-lang a {
  border: 1px solid var(--wp--preset--color--gold); color: var(--wp--preset--color--gold) !important;
  padding: 4px 10px; border-radius: 4px; font-size: 12px; font-weight: 700; text-decoration: none;
}
.gka-lang a:hover { background: var(--wp--preset--color--gold); color: #000 !important; }
.admin-bar .gka-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .gka-header { top: 46px; } }

/* ---------- Hero ---------- */
.gka-hero { background: radial-gradient(ellipse at 50% 35%, #2e2711 0%, #0d0c08 55%, #000 100%); }
.gka-hero h1 { text-shadow: 0 0 30px rgba(212,175,55,.35); }
.gka-hero .gka-logo img { filter: drop-shadow(0 0 25px rgba(212,175,55,.25)); }

/* ---------- Buttons ---------- */
.wp-block-button .wp-block-button__link { transition: transform .2s ease, box-shadow .2s ease; }
.wp-block-button .wp-block-button__link:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(212,175,55,.3); }
.is-style-outline > .wp-block-button__link { border: 2px solid var(--wp--preset--color--gold); color: var(--wp--preset--color--gold); background: transparent; }

/* ---------- Cards ---------- */
.gka-card {
  border: 1px solid rgba(212,175,55,.28);
  background: linear-gradient(180deg, rgba(212,175,55,.06), rgba(0,0,0,.3));
  border-radius: 12px;
  transition: border-color .2s ease, transform .2s ease;
  height: 100%;
}
.gka-card:hover { border-color: var(--wp--preset--color--gold); transform: translateY(-3px); }
.gka-card--featured { border: 2px solid var(--wp--preset--color--gold); box-shadow: 0 0 40px rgba(212,175,55,.15); }
.gka-card ul { padding-left: 1.1em; margin: 0; }
.gka-card li { margin: .35em 0; }
.gka-card li::marker { color: var(--wp--preset--color--gold); }
.gka-price { font-family: var(--wp--preset--font-family--serif); }
.wp-block-columns.gka-grid > .wp-block-column { display: flex; flex-direction: column; }

/* ---------- Gallery carousel (editable Gallery block) ---------- */
.gka-carousel.wp-block-gallery {
  display: flex !important; flex-wrap: nowrap !important; overflow-x: auto;
  scroll-snap-type: x mandatory; gap: 16px !important; padding-bottom: 10px;
  scrollbar-color: var(--wp--preset--color--gold) transparent;
}
.gka-carousel.wp-block-gallery > .wp-block-image {
  flex: 0 0 min(420px, 82%) !important; width: min(420px, 82%) !important;
  scroll-snap-align: center; margin: 0 !important;
}
.gka-carousel.wp-block-gallery > .wp-block-image img {
  border-radius: 12px; border: 1px solid rgba(212,175,55,.35);
  aspect-ratio: 1/1; object-fit: cover; width: 100%;
}

/* ---------- Stats & timeline ---------- */
.gka-stat { border: 1px solid rgba(212,175,55,.28); border-radius: 12px; }
.gka-stat .gka-num { font-family: var(--wp--preset--font-family--serif); line-height: 1; }
.gka-year { border: 1px solid rgba(212,175,55,.28); border-radius: 10px; height: 100%; }

/* ---------- Embeds ---------- */
.gka-embed { border-radius: 12px; overflow: hidden; border: 1px solid rgba(212,175,55,.28); background: #fff; }
.gka-embed iframe { display: block; width: 100%; border: 0; }

/* ---------- Subscription form ---------- */
.gka-sub-form { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; max-width: 640px; margin: 0 auto; }
.gka-sub-form input[type=email], .gka-sub-form input[type=text] {
  flex: 1 1 220px; padding: 14px 18px; border-radius: 8px;
  border: 2px solid rgba(212,175,55,.35); background: rgba(0,0,0,.6); color: #fff; font: inherit;
}
.gka-sub-form input:focus { outline: none; border-color: var(--wp--preset--color--gold); }
.gka-sub-form button {
  padding: 14px 28px; border-radius: 8px; border: 0; cursor: pointer; font: inherit; font-weight: 700;
  letter-spacing: .08em; text-transform: uppercase; color: #000;
  background: linear-gradient(135deg, #E8D48A, #D4AF37 60%, #B8932A);
}
.gka-sub-form .gka-hp { position: absolute; left: -9999px; }
.gka-sub-msg { text-align: center; margin-top: 14px; font-weight: 600; }
.gka-sub-msg.ok { color: var(--wp--preset--color--gold-light); }
.gka-sub-msg.err { color: #ff8a80; }

/* ---------- Footer ---------- */
.gka-footer { border-top: 1px solid rgba(212,175,55,.25); }
.gka-footer a { color: var(--wp--preset--color--gold-light); }

/* ---------- Misc ---------- */
.gka-divider { width: 80px; height: 2px; background: var(--wp--preset--color--gold); margin: 0 auto; border: 0; }
.gka-eyebrow { letter-spacing: .3em; text-transform: uppercase; }
@media (max-width: 781px) {
  .gka-hide-mobile { display: none !important; }
}

/* ---------- Accessibility helper ---------- */
.screen-reader-text {
  border: 0; clip: rect(1px,1px,1px,1px); clip-path: inset(50%); height: 1px; margin: -1px;
  overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important;
}

/* ---------- Layout fixes ---------- */
.wp-site-blocks > * + * { margin-block-start: 0 !important; }
.wp-block-post-content > .alignfull + .alignfull { margin-block-start: 0 !important; }
.wp-block-columns.gka-grid > .wp-block-column > .gka-card,
.wp-block-columns.gka-grid > .wp-block-column > .gka-stat,
.wp-block-columns.gka-grid > .wp-block-column > .gka-year { flex: 1 1 auto; }
.gka-card .wp-block-buttons { margin-top: auto; }
.gka-card .wp-block-button__link { font-size: .72rem; padding: .7rem 1.2rem; }
.gka-card--featured { position: relative; }