/*
Theme Name: TanIT Blocks
Theme URI: https://new.tanitdij.hu/
Author: PBKIK sablon
Description: Modern, technológiai hangulatú, teljes webhelyszerkesztést támogató WordPress blokk-téma a TanIT Díj oldal felépítéséhez. Kizárólag WordPress alapblokkokat használ.
Requires at least: 6.6
Tested up to: 6.8
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tanit-blocks
Tags: block-patterns, full-site-editing, wide-blocks, custom-colors, custom-logo, education, portfolio
*/

:root {
  --tanit-navy: #071b2d;
  --tanit-navy-2: #0b2943;
  --tanit-blue: #1769ff;
  --tanit-cyan: #19d3e6;
  --tanit-teal: #11b7a3;
  --tanit-violet: #8a5cff;
  --tanit-orange: #ff7a59;
  --tanit-ink: #142334;
  --tanit-muted: #5e6d7d;
  --tanit-line: #dce6ee;
  --tanit-soft: #f3f7fa;
  --tanit-white: #ffffff;
  --tanit-radius: 22px;
  --tanit-shadow: 0 22px 55px rgba(7, 27, 45, 0.12);
}

html { scroll-behavior: smooth; }
body { overflow-x: hidden; }
body, button, input, textarea, select { -webkit-font-smoothing: antialiased; }
a { text-underline-offset: 0.18em; }
img { max-width: 100%; height: auto; }

.tanit-topbar {
  border-bottom: 1px solid rgba(255,255,255,.12);
  font-size: .78rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.tanit-topbar a { text-decoration: none; }
.tanit-header { position: relative; z-index: 20; }
.tanit-header .wp-block-navigation-item__content { text-decoration: none; }
.tanit-header .wp-block-navigation-item__content:hover { color: var(--tanit-cyan); }
.tanit-brandmark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 16px;
  color: #fff;
  font-weight: 800;
  letter-spacing: -.05em;
  background: linear-gradient(135deg, var(--tanit-blue), var(--tanit-cyan));
  box-shadow: 0 14px 30px rgba(23,105,255,.25);
}
.tanit-header-cta .wp-block-button__link { padding: .75rem 1rem; }

.tanit-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 660px;
}
.tanit-hero::before {
  content: "";
  position: absolute;
  inset: -20%;
  z-index: -2;
  background:
    radial-gradient(circle at 14% 22%, rgba(25,211,230,.22), transparent 24%),
    radial-gradient(circle at 84% 20%, rgba(138,92,255,.22), transparent 26%),
    radial-gradient(circle at 76% 82%, rgba(255,122,89,.14), transparent 23%),
    linear-gradient(145deg, #071b2d 0%, #092d49 52%, #071b2d 100%);
}
.tanit-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: .22;
  background-image:
    linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px);
  background-size: 58px 58px;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.85), transparent 92%);
}
.tanit-eyebrow {
  font-family: var(--wp--preset--font-family--mono);
  font-size: .78rem;
  line-height: 1.2;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.tanit-kicker {
  display: inline-block;
  border: 1px solid rgba(25,211,230,.42);
  border-radius: 999px;
  padding: .5rem .78rem;
  color: #bff8ff;
  background: rgba(25,211,230,.08);
}
.tanit-hero-title { max-width: 840px; text-wrap: balance; }
.tanit-gradient-text {
  background: linear-gradient(90deg, #fff 5%, #73f0ff 56%, #c9b9ff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.tanit-hero-copy { max-width: 690px; color: #c8d7e2; }
.tanit-hero-actions .wp-block-button__link { min-width: 180px; text-align: center; }
.tanit-button-glow .wp-block-button__link {
  box-shadow: 0 14px 36px rgba(25,211,230,.20);
}
.tanit-tech-panel {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 28px;
  background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.045));
  box-shadow: 0 28px 70px rgba(0,0,0,.30);
  backdrop-filter: blur(10px);
}
.tanit-tech-panel::before {
  content: "";
  position: absolute;
  width: 180px;
  height: 180px;
  right: -65px;
  top: -70px;
  border-radius: 50%;
  background: rgba(25,211,230,.16);
  filter: blur(4px);
}
.tanit-terminal {
  font-family: var(--wp--preset--font-family--mono);
  font-size: .78rem;
  line-height: 1.75;
  color: #b9cedb;
}
.tanit-terminal strong { color: #7ff4ff; font-weight: 600; }
.tanit-terminal .ok { color: #84efb5; }
.tanit-terminal .warn { color: #ffd58a; }
.tanit-terminal-line { border-bottom: 1px solid rgba(255,255,255,.08); padding: .42rem 0; }
.tanit-mini-stat {
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 16px;
  background: rgba(4,18,31,.42);
}
.tanit-mini-stat strong { display: block; font-size: 1.35rem; color: #fff; }

.tanit-stats-wrap { margin-top: -64px; position: relative; z-index: 5; }
.tanit-stat-strip {
  border: 1px solid rgba(255,255,255,.72);
  border-radius: 24px;
  background: rgba(255,255,255,.95);
  box-shadow: var(--tanit-shadow);
  backdrop-filter: blur(10px);
}
.tanit-stat-item { min-height: 110px; }
.tanit-stat-item:not(:last-child) { border-right: 1px solid var(--tanit-line); }
.tanit-stat-value { font-size: clamp(1.4rem, 3vw, 2.2rem); font-weight: 800; color: var(--tanit-navy); }
.tanit-stat-label { color: var(--tanit-muted); font-size: .9rem; }

.tanit-section { position: relative; }
.tanit-section-heading { max-width: 760px; }
.tanit-section-heading h2 { text-wrap: balance; }
.tanit-section-heading p { color: var(--tanit-muted); }
.tanit-section-label { color: var(--tanit-blue); }

.tanit-card {
  height: 100%;
  border: 1px solid var(--tanit-line);
  border-radius: var(--tanit-radius);
  background: #fff;
  box-shadow: 0 8px 24px rgba(7,27,45,.05);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.tanit-card:hover {
  transform: translateY(-5px);
  border-color: rgba(23,105,255,.32);
  box-shadow: 0 20px 48px rgba(7,27,45,.11);
}
.tanit-number {
  display: inline-grid;
  place-items: center;
  width: 72px;
  height: 72px;
  border-radius: 20px;
  font-family: var(--wp--preset--font-family--mono);
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--tanit-blue);
  background: linear-gradient(145deg, #ecf3ff, #f6fbff);
  border: 1px solid #d6e5ff;
}
.tanit-card:nth-child(2) .tanit-number { color: #7b4df3; background: #f3efff; border-color: #e1d7ff; }
.tanit-card:nth-child(3) .tanit-number { color: #0d9c8b; background: #e9fbf8; border-color: #c9f1eb; }
.tanit-card p { color: var(--tanit-muted); }

.tanit-sponsor-box {
  overflow: hidden;
  border-radius: 28px;
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 28px 65px rgba(7,27,45,.18);
}
.tanit-sponsor-box img { width: 100%; display: block; }

.tanit-cta {
  position: relative;
  overflow: hidden;
  border-radius: 30px;
  background: linear-gradient(125deg, var(--tanit-blue), #4540d9 58%, var(--tanit-violet));
  box-shadow: 0 28px 65px rgba(42,73,210,.22);
}
.tanit-cta::after {
  content: "";
  position: absolute;
  width: 340px;
  height: 340px;
  right: -130px;
  bottom: -230px;
  border: 1px solid rgba(255,255,255,.3);
  border-radius: 50%;
  box-shadow: 0 0 0 48px rgba(255,255,255,.05), 0 0 0 96px rgba(255,255,255,.03);
}

.tanit-person-card { overflow: hidden; }
.tanit-person-card figure { margin: 0; overflow: hidden; border-radius: 18px; }
.tanit-person-card img { aspect-ratio: 4 / 3; object-fit: cover; transition: transform .35s ease; }
.tanit-person-card:hover img { transform: scale(1.035); }
.tanit-year {
  display: inline-block;
  padding: .3rem .55rem;
  border-radius: 999px;
  font-family: var(--wp--preset--font-family--mono);
  font-size: .72rem;
  font-weight: 700;
  color: var(--tanit-blue);
  background: #edf4ff;
}

.tanit-media-card {
  min-height: 300px;
  overflow: hidden;
  border-radius: 24px;
  background: var(--tanit-navy);
  border: 1px solid rgba(255,255,255,.12);
}
.tanit-media-card img { width: 100%; aspect-ratio: 16/9; object-fit: cover; opacity: .8; }
.tanit-play {
  display: inline-grid;
  place-items: center;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  color: var(--tanit-navy);
  background: #fff;
  font-size: 1.1rem;
  text-decoration: none;
}

.tanit-news-grid .wp-block-post-template { gap: 1.25rem; }
.tanit-news-card {
  height: 100%;
  border: 1px solid var(--tanit-line);
  border-radius: 20px;
  background: #fff;
  padding: 1.6rem;
}
.tanit-news-card .wp-block-post-date { font-family: var(--wp--preset--font-family--mono); font-size: .75rem; color: var(--tanit-blue); }
.tanit-news-card .wp-block-post-title a { text-decoration: none; }
.tanit-news-card .wp-block-post-title a:hover { color: var(--tanit-blue); }
.tanit-news-card .wp-block-post-excerpt { color: var(--tanit-muted); }
.tanit-news-card .wp-block-post-excerpt__more-link { font-weight: 700; }

.tanit-contact {
  border-radius: 28px;
  background: linear-gradient(145deg, #081d30, #0d314e);
  overflow: hidden;
}
.tanit-contact-item {
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 18px;
  background: rgba(255,255,255,.055);
}
.tanit-contact a { color: #fff; }

.tanit-footer { border-top: 1px solid rgba(255,255,255,.10); }
.tanit-footer a { color: #c9d7e1; text-decoration: none; }
.tanit-footer a:hover { color: #fff; }
.tanit-footer .wp-block-navigation { font-size: .9rem; }

.tanit-content-shell { min-height: 55vh; }
.tanit-post-card { border: 1px solid var(--tanit-line); border-radius: 18px; padding: 1.4rem; background: #fff; }

@media (max-width: 900px) {
  .tanit-hero { min-height: auto; }
  .tanit-stats-wrap { margin-top: -34px; }
  .tanit-stat-item:not(:last-child) { border-right: 0; border-bottom: 1px solid var(--tanit-line); }
  .tanit-header .wp-block-navigation__responsive-container.is-menu-open { padding: 1.5rem; background: var(--tanit-navy); color: #fff; }
}

@media (max-width: 600px) {
  .tanit-hero-actions .wp-block-button, .tanit-hero-actions .wp-block-button__link { width: 100%; }
  .tanit-brandmark { width: 44px; height: 44px; border-radius: 13px; }
  .tanit-topbar { display: none; }
  .tanit-card { border-radius: 18px; }
  .tanit-cta, .tanit-contact { border-radius: 22px; }
}