/*
Theme Name: Poďme spolu na hádzanú
Theme URI: https://szh.woowoo.sk
Author: woowoo pre Slovenský zväz hádzanej
Description: Kampaňová téma pre predaj vstupeniek. Dizajn je jeden, farebnosť sa prepína — SZH základ, Ružový október, Šampionát a Black Friday sa menia jedným kliknutím vo Vzhľad → Editor → Štýly. Typografia: Archivo Narrow na nadpisy, IBM Plex Sans na text.
Version: 0.1.1
Requires at least: 6.5
Tested up to: 7.1
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: psnh
Tags: full-site-editing, block-patterns, one-column
*/

/* Blokové témy si väčšinu štýlov berú z theme.json.
   Sem ide len to, čo sa v theme.json vyjadriť nedá. */

/* Oblúk bránkoviska — dekoratívny motív v hlavných plochách */
.psnh-plate{position:relative;overflow:hidden}
.psnh-plate > *{position:relative;z-index:2}
.psnh-plate::after{
  content:"";position:absolute;z-index:1;pointer-events:none;
  inset-block:-10%;inset-inline-end:-14%;aspect-ratio:1;width:min(58%,680px);
  border:2px solid var(--wp--preset--color--accent);
  border-radius:50%;opacity:.32;
  clip-path:inset(0 0 0 50%);
}
@media (max-width:781px){.psnh-plate::after{display:none}}

/* Fotorámec — zároveň zadanie pre grafika */
.psnh-photo{
  aspect-ratio:4/3;display:grid;place-content:center;text-align:center;gap:6px;
  border:1px dashed var(--wp--preset--color--line);border-radius:3px;padding:22px;
}
/* Rozmer, v akom má fotka prísť — pre grafika, nie pre návštevníka */
.psnh-photo .psnh-spec{
  font-variant-numeric:tabular-nums;
  border-block:1px solid var(--wp--preset--color--line);
  padding-block:7px;margin-block:4px;
}

/* Manifest — sadzba ako text na zadnej strane dresu */
.psnh-jersey{list-style:none;margin:0;padding:0;border-top:1px solid var(--wp--preset--color--line)}
.psnh-jersey li{
  display:grid;grid-template-columns:58px 1fr;gap:18px;align-items:baseline;
  padding-block:15px;border-bottom:1px solid var(--wp--preset--color--line);
  font-family:var(--wp--preset--font-family--display);font-weight:600;
  text-transform:uppercase;letter-spacing:.06em;line-height:1.16;
  font-size:clamp(1.05rem,2.3vw,1.55rem);
}
.psnh-jersey li::before{
  content:counter(psnh-j,decimal-leading-zero);counter-increment:psnh-j;
  font-weight:700;font-size:1.5rem;line-height:1;text-align:right;
  color:var(--wp--preset--color--ink-faint);font-variant-numeric:tabular-nums;
}
.psnh-jersey{counter-reset:psnh-j}
.psnh-jersey li:nth-child(2n){color:var(--wp--preset--color--accent-2)}
@media (max-width:480px){.psnh-jersey li{grid-template-columns:34px 1fr;gap:12px}}

/* Dlaždice — odsadenie a prechod pri prejdení myšou */
.psnh-tile{transition:background-color .16s ease}
.psnh-tile:hover{background-color:var(--wp--preset--color--surface)}

/* Štítok otvorenej otázky */
.psnh-flag{
  display:inline-flex;gap:7px;align-items:center;font-size:.78rem;
  color:var(--wp--preset--color--ink-faint);
  border:1px solid var(--wp--preset--color--line);border-radius:2px;padding:5px 10px;
}
.psnh-flag::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--wp--preset--color--accent)}

/* Prístupnosť a pohyb */
:where(a, button, input, select, textarea):focus-visible{
  outline:2px solid var(--wp--preset--color--accent);outline-offset:3px;
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}