/* ===============================

   Podnikavej.cz – hlavní stylesheet

   =============================== */



/* ---- Základ / proměnné ---- */

:root{

  --ink:#142D4C;

  --accent:#E67239;

  --bg:#FAF6F1;

  --panel:rgba(255,255,255,.65);

  --panel-strong:rgba(255,255,255,.75);

  --shadow:0 6px 18px rgba(0,0,0,.08);

}



*,

*::before,

*::after { box-sizing: border-box; }



html, body { height: 100%; margin: 0; padding: 0; }



body{

  font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;

  color: var(--ink);

  line-height: 1.6;

  background-color: var(--bg);

  overflow-x: hidden;

}



/* Vypnout všechny staré pokusy o body::before pozadí */

body::before{ content:none !important; }



/* === NOVÉ POZADÍ – element místo body::before === */

.page-bg{

  position: fixed;

  z-index: -1;

  top: 0;

  left: 0;

  width: 100vw;               /* přes celou šířku monitoru */

  height: 100vh;

  background-color: var(--bg);

  background-image: url("/assets/img/pozadi.png");

  background-repeat: no-repeat;

  background-position: top center;

  background-size: 100% auto; /* PC: fit na šířku */

  pointer-events: none;

}

/* Mobil / vysoké displeje – cover */

@media (max-width: 1000px), (max-aspect-ratio: 3/4){

  .page-bg{

    background-size: cover;

    background-position: center top;

  }

}



/* ---- Odkazy ---- */

a{ color: var(--ink); }

a:hover{ color: var(--accent); }



/* ===== HLAVIČKA / NAV ===== */

header{

  position: fixed; top: 0; left: 0; right: 0; z-index: 10;

  background: rgba(255,255,255,.85);

  backdrop-filter: blur(8px);

  box-shadow: 0 2px 8px rgba(0,0,0,.08);

}

nav{

  display: flex; justify-content: space-between; align-items: center;

  padding: 14px 5%; max-width: 1200px; margin: 0 auto;

}

.logo a{

  font-weight: 700; font-size: 1.2rem; letter-spacing: .3px;

  color: var(--accent); text-decoration: none;

}

nav ul{ list-style: none; display: flex; gap: 24px; margin: 0; padding: 0; }

nav ul li a{

  text-decoration: none; color: var(--ink); font-weight: 500; transition: color .25s;

}

nav ul li a:hover{ color: var(--accent); }



@media (max-width: 720px){

  nav{ padding: 12px 16px; }

  nav ul{ gap: 16px; }

  .logo a{ font-size: 1.05rem; }

}



/* ===== LAYOUT ===== */

.wrap{ max-width: 1200px; margin: 0 auto; padding: 110px 16px 40px; }



.panel{

  background: var(--panel);

  -webkit-backdrop-filter: blur(10px) saturate(1.05);

  backdrop-filter: blur(10px) saturate(1.05);

  border-radius: 14px; padding: 28px; margin: 24px auto;

  max-width: 800px; text-align: center; box-shadow: var(--shadow);

}

.panel.slim{ max-width: 800px; padding: 22px 18px; margin: 18px auto; }



h1, h2, h3{ margin: 0 0 10px; }

p{ margin: 0 0 12px; }



.btn, .button{

  display:inline-block; padding:10px 16px; border-radius:10px;

  background: var(--accent); color:#fff; text-decoration:none; font-weight:600;

  box-shadow:0 4px 12px rgba(230,114,57,.25); transition: all .25s ease;

}

.btn:hover, .button:hover{ background:#cf622f; transform: translateY(-1px); }



/* ===== Úvodní stránka – projekty (úzké bannery) ===== */

.projects-strip{

  display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));

  gap: 16px; margin: 0 auto 22px; max-width: 1100px;

}

.project-card{

  position: relative; overflow: hidden; border-radius: 14px;

  background: var(--panel-strong);

  -webkit-backdrop-filter: blur(10px) saturate(1.05);

  backdrop-filter: blur(10px) saturate(1.05);

  box-shadow: var(--shadow);

  min-height: 120px;

}

.project-body{ display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 18px; }

.project-text h3{ margin: 0 0 6px; font-size: 1.15rem; color: var(--ink); }

.project-text p{ margin: 0; color: #2d2d2d; font-size: .98rem; }

@media (max-width: 520px){ .project-body{ flex-direction: column; align-items: flex-start; } }



/* ===== Stránka projektů (seznam) ===== */

.project-preview{

  background: var(--panel-strong); border-radius: 14px; padding: 22px; box-shadow: var(--shadow); margin-top: 14px;

}

.project-preview h2{ margin-bottom: 6px; }



/* ===== Skryté kolečko – staré stránky (jen na indexu) ===== */

#hidden-menu-button{

  position: fixed; bottom: 20px; left: 20px; width: 28px; height: 28px;

  background-color: red; border-radius: 50%; cursor: pointer; opacity: 0.2; transition: opacity 0.3s; z-index: 20;

}

#hidden-menu-button:hover{ opacity: 0.7; }

#oldProjects{

  display: none; position: fixed; bottom: 60px; left: 20px; background: rgba(255,255,255,0.95);

  padding: 12px 20px; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.15); z-index: 20;

}

#oldProjects.show{ display: block; }

#oldProjects ul{ list-style: none; margin: 0; padding: 0; }

#oldProjects li{ margin: 5px 0; }

#oldProjects a{ color: var(--accent); text-decoration: none; }

#oldProjects a:hover{ text-decoration: underline; }



/* ===== Responsivita ===== */

@media (max-width: 900px){

  .wrap{ padding: 96px 14px 36px; }

}

/* ===== Footer – centrování + sticky na dno ===== */

body{

  min-height: 100svh;        /* výška okna */

  display: flex;

  flex-direction: column;

}



.wrap{ flex: 1; }            /* obsah vyplní prostor nad patičkou */



footer{

  text-align: center;

  padding: 24px 0 16px;

  font-size: .9rem;

  color: #666;

}