/* Vizuální identita 2026 (podle novin a nového loga strany). * * Načítá se jen na stránkách, které si o ni řeknou: před include("_head.php") * nastaví $brand2026 = true a dostane class="brand-2026". * Ostatní stránky zůstávají v původním černo-žlutém stylu, dokud se nepřeklopí. * * Základ: tmavě modrá + žlutá z loga, bezpatkové Archivo (blízké písmu novin), * nadpisy verzálkami bez kurzívy, ostré (nezaoblené) plochy. */ /* Barvy (--p5s-navy, --p5s-yellow, …) jsou v css/general.css, protože je používá i hlavička sjednocená napříč webem. Od 2026-09-09 platí jediná modrá a jediná žlutá pro celý web včetně loga a map – dřív měly logo (#2A357B) i mapy (#FEE000) vlastní odstíny. */ /* ── Typografie ───────────────────────────────────────────────────────── */ body.brand-2026 { font-family: "Archivo", "Roboto Condensed", Arial, sans-serif; color: var(--p5s-ink); letter-spacing: -0.01em; } body.brand-2026 h1, body.brand-2026 h2, body.brand-2026 h3, body.brand-2026 .navbar-brand { font-style: normal; /* v původním stylu byly nadpisy kurzívou */ text-transform: none; /* noviny sázejí titulky normálně, ne verzálkami */ letter-spacing: -0.02em; } body.brand-2026 h1 { font-weight: 800; line-height: 1.05; } body.brand-2026 h2 { font-weight: 800; line-height: 1.1; } body.brand-2026 h3 { font-weight: 700; } /* ── Přebarvení sdílených prvků (navbar, patička, sekce) ──────────────── */ body.brand-2026 .bg-dark { background-color: var(--p5s-navy) !important; } body.brand-2026 .bg-primary { background-color: var(--p5s-yellow) !important; } body.brand-2026 .text-primary { color: var(--p5s-yellow) !important; } /* Lišta (navbar) se řeší v general.css sekcí „Hlavička ve vizuálu 2026“ – je stejná na všech stránkách, ne jen na těch s touto vrstvou. */ /* Tlačítka: ostrá žlutá plocha, modrý text (pill tvar z Bootstrapu potlačíme) */ body.brand-2026 .btn-primary { background: var(--p5s-yellow); border: 2px solid var(--p5s-yellow); color: var(--p5s-navy); font-weight: 700; letter-spacing: 0; border-radius: 0 !important; } body.brand-2026 .btn-primary:hover, body.brand-2026 .btn-primary:focus { background: #ffffff; border-color: #ffffff; color: var(--p5s-navy); } /* Na žlutém podkladu (sekce Program) musí být tlačítko modré */ body.brand-2026 .bg-primary .btn-primary { background: var(--p5s-navy); border-color: var(--p5s-navy); color: var(--p5s-yellow); } body.brand-2026 .bg-primary .btn-primary:hover { background: var(--p5s-navy-dark); border-color: var(--p5s-navy-dark); color: #ffffff; } /* ── Logo / název strany ──────────────────────────────────────────────── */ /* Obal loga v hero sekci – samotné logo (_logo.php) si žlutou plochu nese samo, obal jen zajišťuje odsazení a to, že stojí na vlastním řádku. */ .brand-mark { display: block; margin-bottom: 1.5rem; } .p5s-logo-hero { font-size: calc(1rem + .55vw); } img.p5s-logo-hero { max-height: calc(90px + 3vw); } /* ── Pruh jako v hlavičce novin: žlutá linka + modrý pás ──────────────── */ .brand-banner { background: var(--p5s-navy); border-top: 6px solid var(--p5s-yellow); color: #ffffff; padding: 1rem 1.25rem; margin-bottom: 1.75rem; font-size: calc(1rem + .9vw); text-transform: none; } .brand-banner .lead-word { color: var(--p5s-yellow); } /* Na modrém podkladu se pás obrátí – žlutá plocha, modrý text */ .bg-dark .brand-banner, .brand-banner-invert { background: var(--p5s-yellow); border-top-color: #ffffff; color: var(--p5s-navy); } .bg-dark .brand-banner .lead-word, .brand-banner-invert .lead-word { color: #ffffff; } /* ── Sekce s fotkou lidí: místo černého závoje modrý ──────────────────── */ body.brand-2026 .bg-people { background: linear-gradient(0deg, rgba(41,36,95,.86), rgba(41,36,95,.86)), url("../images/p5s-kandidati.jpg"); background-position: top center; background-size: 100%; } body.brand-2026 .bg-people .video-wrapper { border-color: var(--p5s-yellow); } /* ── Program: pryč s kurzívou, popisky modré ──────────────────────────── */ body.brand-2026 .program p { font-style: normal; font-weight: 700; letter-spacing: 0; } /* Úvodní odstavec sekce není popisek ikony – nechceme ho verzálkami */ body.brand-2026 .program > .container-md > p { text-transform: none; font-weight: 400; font-size: calc(1rem + .1vw); line-height: 1.6; max-width: 46rem; margin-left: auto; margin-right: auto; } body.brand-2026 .program a { color: var(--p5s-navy); } body.brand-2026 .program .img-wrapper { background-color: #ffffff; } /* ── Cookie lišta (js/cookies.js) v barvách identity ──────────────────── */ body.brand-2026 #cookie-banner { background: var(--p5s-navy); } body.brand-2026 #cookie-banner a { color: var(--p5s-yellow); } body.brand-2026 #cookie-banner button { border-color: var(--p5s-yellow); border-radius: 0; } body.brand-2026 #cookie-accept { background: var(--p5s-yellow); color: var(--p5s-navy); } body.brand-2026 #cookie-reject { color: var(--p5s-yellow); } /* ── Patička ──────────────────────────────────────────────────────────── */ /* Patička je stejná na všech stránkách (modrá plocha, Archivo, nadpis bez kurzívy a verzálek) – řeší ji sekce „5. Footer“ v general.css, stejně jako hlavičku. Tady tedy nic navíc není. */