/*
Theme Name: TPU Corporate
Theme URI: https://www.tpu.cz/
Author: TPU
Description: Moderní firemní block theme pro Tlakovou plynárnu Ústí nad Labem a.s.
Version: 2.5.0
Requires at least: 6.5
Requires PHP: 7.4
Text Domain: tpu-corporate
*/

:root {
  --tpu-navy: #0c2340;
  --tpu-navy-2: #143a63;
  --tpu-yellow: #f2c21b;
  --tpu-ink: #172033;
  --tpu-muted: #667085;
  --tpu-soft: #f4f6f8;
  --tpu-border: #dfe4ea;
  --tpu-white: #ffffff;
}

html { scroll-behavior: smooth; }
body { margin: 0; }
a { text-underline-offset: 3px; }
.wp-site-blocks { overflow: clip; }

.tpu-topline { border-top: 5px solid var(--tpu-yellow); }
.tpu-header { position: sticky; top: 0; z-index: 50; backdrop-filter: blur(10px); }
.tpu-logo-mark {
  width: 52px; height: 52px; border-radius: 50%; background: var(--tpu-yellow);
  border: 4px solid var(--tpu-navy); display: inline-grid; place-items: center;
  color: var(--tpu-navy); font-weight: 900; letter-spacing: -1px; font-size: 20px;
  box-shadow: inset 0 0 0 2px rgba(255,255,255,.45);
}
.tpu-brand-name { line-height: 1.05; white-space: nowrap; margin: 0; }
.tpu-brand-sub { font-size: 12px; color: var(--tpu-muted); letter-spacing: .04em; }

.tpu-hero {
  position: relative; overflow: hidden; min-height: 600px;
  background: linear-gradient(115deg, var(--tpu-navy) 0%, #102f52 56%, #1a4775 100%);
  color: white;
}
.tpu-hero:before,
.tpu-hero:after {
  content: ""; position: absolute; pointer-events: none;
}
.tpu-hero:before {
  width: 520px; height: 520px; right: -110px; top: -165px;
  border: 1px solid rgba(255,255,255,.12); border-radius: 50%;
  box-shadow: 0 0 0 85px rgba(255,255,255,.025), 0 0 0 170px rgba(255,255,255,.018);
}
.tpu-hero:after {
  right: -2%; bottom: -160px; width: 58%; height: 390px;
  transform: skewY(-8deg); background: rgba(242,194,27,.10);
  border-top: 1px solid rgba(242,194,27,.28);
}
.tpu-eyebrow { text-transform: uppercase; letter-spacing: .14em; font-size: .78rem; font-weight: 700; color: var(--tpu-yellow); }
.tpu-hero h1 { max-width: 900px; }
.tpu-hero .wp-block-button__link { border-radius: 5px; font-weight: 700; }
.tpu-button-outline .wp-block-button__link { background: transparent !important; border: 1px solid rgba(255,255,255,.55); color: #fff !important; }

.tpu-stat-grid { margin-top: -58px !important; position: relative; z-index: 3; }
.tpu-stat-card { background: white; border: 1px solid var(--tpu-border); border-top: 4px solid var(--tpu-yellow); box-shadow: 0 12px 35px rgba(12,35,64,.09); }
.tpu-stat-number { font-size: clamp(1.45rem,3vw,2.15rem); font-weight: 800; color: var(--tpu-navy); }
.tpu-muted { color: var(--tpu-muted); }

.tpu-section-label { color: var(--tpu-navy-2); text-transform: uppercase; letter-spacing: .12em; font-size: .75rem; font-weight: 800; }
.tpu-card { border: 1px solid var(--tpu-border); border-radius: 8px; background: white; transition: transform .18s ease, box-shadow .18s ease; }
.tpu-card:hover { transform: translateY(-3px); box-shadow: 0 14px 30px rgba(12,35,64,.08); }
.tpu-card-accent { border-left: 5px solid var(--tpu-yellow); }
.tpu-icon-box { width: 42px; height: 42px; border-radius: 8px; background: rgba(242,194,27,.18); display: grid; place-items: center; color: var(--tpu-navy); font-weight: 900; }
.tpu-document-row { border-bottom: 1px solid var(--tpu-border); padding: 18px 0; }
.tpu-document-row:last-child { border-bottom: none; }
.tpu-date { font-variant-numeric: tabular-nums; color: var(--tpu-muted); font-size: .9rem; }
.tpu-tag { display: inline-block; border-radius: 100px; padding: 4px 9px; background: #eef3f8; color: var(--tpu-navy-2); font-size: .72rem; font-weight: 700; }
.tpu-tag-yellow { background: rgba(242,194,27,.2); color: #6b5300; }
.tpu-footer { background: #08182c; color: #d6deea; }
.tpu-footer a { color: white; }
.tpu-footer .wp-block-heading { color: white; }
.tpu-footer-line { border-top: 1px solid rgba(255,255,255,.12); }

.tpu-content-shell { padding-top: clamp(3rem,7vw,6rem); padding-bottom: clamp(3rem,7vw,6rem); }
.tpu-page-hero { background: linear-gradient(120deg,#eef3f8 0%,#fff 65%); border-bottom: 1px solid var(--tpu-border); }
.tpu-notice { background: #fff9dc; border: 1px solid #eedb7f; border-left: 5px solid var(--tpu-yellow); border-radius: 6px; }

@media (max-width: 781px) {
  .tpu-header { position: relative; }
  .tpu-hero { min-height: auto; }
  .tpu-stat-grid { margin-top: 0 !important; }
  .tpu-brand-name { font-size: .78rem !important; }
  .tpu-brand-sub { display: none; }
}

.wp-block-site-logo img{object-fit:contain}.tpu-header .wp-block-site-logo{flex:0 0 auto}.tpu-header .wp-block-navigation-item__content{padding:.45rem .25rem}.tpu-header .current-menu-item>.wp-block-navigation-item__content{font-weight:800}.tpu-page-hero h1{margin-top:.35rem}.tpu-content-shell>.wp-block-post-content{margin-top:0}


/* TPU v2.3 – optimalizace pro mobilní zařízení */
img, svg, video, iframe { max-width: 100%; height: auto; }
.wp-block-table { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.wp-block-table table { min-width: 0; }
.tpu-header .wp-block-navigation__responsive-container-open,
.tpu-header .wp-block-navigation__responsive-container-close {
  min-width: 44px; min-height: 44px; align-items: center; justify-content: center;
}
.tpu-header .wp-block-navigation__responsive-container.is-menu-open {
  padding: 24px;
  background: rgba(255,255,255,.99);
}
.tpu-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
  padding-top: 28px;
}
.tpu-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
  font-size: 1.1rem; padding: .65rem 0;
}
.tpu-footer-line { gap: 12px; }

@media (max-width: 900px) {
  .tpu-header { position: relative; }
  .tpu-header > .wp-block-group,
  .tpu-header > .wp-block-group > .wp-block-group { min-width: 0; }
  .tpu-header .wp-block-site-logo img { width: 54px !important; height: auto; }
  .tpu-brand-name { font-size: .9rem !important; line-height: 1.15; }
  .tpu-hero { min-height: auto; }
  .tpu-hero > * { position: relative; z-index: 2; }
  .tpu-hero h1 { font-size: clamp(2.15rem, 9vw, 3.5rem) !important; }
  .tpu-stat-grid { margin-top: 0 !important; }
  .tpu-document-row { align-items: flex-start !important; gap: 12px; flex-wrap: wrap !important; }
  .tpu-document-row > p { margin-top: 0; }
  .tpu-footer .wp-block-columns { gap: 28px !important; }
}

@media (max-width: 781px) {
  body { overflow-wrap: anywhere; }
  .tpu-header { padding-left: 16px !important; padding-right: 16px !important; }
  .tpu-header > .wp-block-group { gap: 10px; }
  .tpu-header > .wp-block-group > .wp-block-group:first-child { gap: 10px; min-width: 0; }
  .tpu-header .wp-block-site-logo img { width: 48px !important; }
  .tpu-brand-name {
    font-size: clamp(.72rem, 3.25vw, .88rem) !important;
    white-space: normal;
    max-width: 230px;
  }
  .tpu-brand-sub { display: none; }

  .tpu-hero {
    padding-top: 64px !important;
    padding-right: 18px !important;
    padding-bottom: 72px !important;
    padding-left: 18px !important;
  }
  .tpu-hero:before { width: 300px; height: 300px; right: -150px; top: -100px; }
  .tpu-hero:after { width: 80%; height: 220px; bottom: -120px; }
  .tpu-hero .wp-block-buttons { width: 100%; }
  .tpu-hero .wp-block-button { width: 100%; }
  .tpu-hero .wp-block-button__link { width: 100%; box-sizing: border-box; text-align: center; padding: .9rem 1rem; }

  .tpu-stat-grid { padding-left: 18px !important; padding-right: 18px !important; }
  .tpu-stat-card { padding: 20px !important; }
  .tpu-card { border-radius: 7px; }
  .tpu-card[style*="padding"] { padding: 22px !important; }
  .tpu-content-shell,
  .tpu-page-hero { padding-left: 18px !important; padding-right: 18px !important; }
  .tpu-page-hero { padding-top: 46px !important; padding-bottom: 38px !important; }
  .tpu-page-hero h1 { font-size: clamp(2rem, 9vw, 2.7rem) !important; }
  .tpu-content-shell { padding-top: 40px !important; padding-bottom: 48px !important; }

  .tpu-document-row { display: block !important; padding: 18px 0; }
  .tpu-document-row > p { margin-top: 10px; }
  .tpu-document-row a { display: inline-block; min-height: 44px; line-height: 44px; }

  .wp-block-columns { row-gap: 20px; }
  .wp-block-button__link { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
  .wp-block-table { margin-left: -2px; margin-right: -2px; }
  .wp-block-table table { font-size: .92rem; }
  .wp-block-table td, .wp-block-table th { padding: .7rem .55rem; }

  .tpu-footer { padding: 44px 18px 22px !important; }
  .tpu-footer .wp-block-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 28px 20px !important; }
  .tpu-footer .wp-block-column:first-child { grid-column: 1 / -1; }
  .tpu-footer-line { margin-top: 26px !important; padding-top: 18px !important; justify-content: flex-start !important; }
  .tpu-footer-line p { margin: 0; }
}

@media (max-width: 520px) {
  .tpu-header .wp-block-site-logo img { width: 44px !important; }
  .tpu-brand-name { max-width: 190px; font-size: .74rem !important; }
  .tpu-eyebrow { font-size: .7rem; letter-spacing: .1em; }
  .tpu-footer .wp-block-columns { grid-template-columns: 1fr; }
  .tpu-footer .wp-block-column:first-child { grid-column: auto; }
  .tpu-stat-number { font-size: 1.5rem; }
  .tpu-type-pill { white-space: normal; }
}


/* TPU v2.5 – záhlaví a dotační náhled */
@media (min-width: 901px) {
  .tpu-header .tpu-brand-name {
    white-space: nowrap !important;
    max-width: none !important;
    font-size: 1.02rem !important;
  }
  .tpu-header .wp-block-group { min-width: 0; }
}