/* RESET */

html, body {
  overflow-x: hidden;
}


* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  color: #0f172a;
}

/* POZADÍ */
.background {
  position: fixed;
  inset: 0;
  background: url("krajina 6.png") center bottom / cover no-repeat;
  z-index: -2;
}

/* SKLO 0 - panel pozadí */

.glass {
  width: 100vw;
  min-height: 100px;
  padding: 32px 56px;

  /* skoro žádná bílá barva */
  background: rgba(255, 255, 255, 0.60);

  border: 1px solid rgba(255,255,255,0.22);

  /* KLÍČ: menší blur */
  backdrop-filter: blur(10px) saturate(1.25) contrast(1.05);
  -webkit-backdrop-filter: blur(18px) saturate(1.25) contrast(1.05);

  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,0.18),
    0 20px 60px rgba(0,0,0,0.06);

  box-shadow: 0 1px 0 rgba(255,255,255,0.35); /* zjemnuje stín */
}


.header {
  height: 40px;    /* zamkmnutá lyšta logo */
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

/* =========================================================
   LOGO – PAVEL KAŠŠA (ČISTÁ STRUKTURA)
   ========================================================= */

/* OBAL LOGA – hýbe CELÝM logem vůči menu */
.logo {
  display: flex;
  align-items: center;
  flex-shrink: 0;

  margin-left: 25px;   /* ⬅️ POSUN LOGA DO STRANY */
  color: #111;
}

/* TEXT LOGA JAKO CELEK */
.name {
  display: flex;
  align-items: center;

  font-family: "Cormorant Garamond", serif;
  font-size: 38px;          /* ⬅️ zvětšení – blízké nadpisům v blocích */
  font-weight: 700;
  line-height: 1;

  letter-spacing: 0.03em;   /* ⬅️ ROZTAŽENÍ PÍSMEN */

  color: #0f172a;
}


/* JMÉNO – LEVÁ ČÁST */
.first {
  margin-right: 12px;
}

/* JMÉNO – PRAVÁ ČÁST */
.last {
  margin-left: 12px;
}

/* BAREVNÉ DĚLÍCÍ LINKY */
.divider {
  width: 3px;
  height: 50px;
  margin: 0 1px;
  display: inline-block;
}

/* BARVY LINEK */
.divider.green {
  background: #3ddc97;
}

.divider.blue {
  background: #3b82f6;
}

/* VOLITELNÁ TEČKA – aktuálně vypnutá */
.dot {
  display: none;
}


/* MENU - PRAVÁ STRANA LIŠTY */
.nav {
  display: flex;
  align-items: center;
  gap: 24px;
  flex-shrink: 0;
}

.nav a {
  text-decoration: none;

  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 15.5px;        /* ⬅️ STEJNÉ jako text v blocích */
  font-weight: 500;         /* ⬅️ STEJNÁ váha */

  color: #0f172a;           /* ⬅️ STEJNÁ barva, žádné rgba */

  letter-spacing: 0.01em;   /* ⬅️ lehká elegance, nepovinné */
}




/* KONTAKT – MINIMALISTICKÁ SKLENĚNÁ KOULE */
.nav a.btn {
  position: relative;
  width: 68px;
  height: 68px;

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

  isolation: isolate;   /* oddělí vrstvy */
  overflow: visible;

  text-decoration: none;
}

/* KOULE */
.nav a.btn::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  z-index: 0;

  /* DUHOVÝ LOM – holografický efekt */
  background:
    radial-gradient(
      circle at 30% 30%,
      rgba(255,255,255,0.95),
      rgba(255,200,255,0.45) 35%,
      rgba(180,220,255,0.35) 50%,
      rgba(180,255,220,0.25) 65%,
      rgba(255,255,200,0.18) 78%,
      rgba(255,255,255,0.08) 100%
    );

  /* skleněný okraj */
  border: 1px solid rgba(255,255,255,0.7);

  /* holografická hloubka */
  box-shadow:
    inset 0 0 1px rgba(255,255,255,1),
    inset 0 0 12px rgba(255,255,255,0.35),
    0 0 18px rgba(180,200,255,0.35),
    0 10px 26px rgba(0,0,0,0.16);

  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease;
}

/* HOVER – roste jen koule, ne lišta */
.nav a.btn:hover::before {
  transform: scale(1.15);

  box-shadow:
    inset 0 0 2px rgba(255,255,255,1),
    inset 0 0 18px rgba(255,255,255,0.45),
    0 0 26px rgba(180,220,255,0.55),
    0 14px 32px rgba(0,0,0,0.18);
}

/* TEXT NAD KOULÍ – OSTRÝ */
.nav a.btn span {
  position: relative;
  z-index: 2;
  pointer-events: none;

  color: rgba(15,23,42,0.75);
  font-weight: 600;

  mix-blend-mode: normal;
  filter: none;
}
.nav a.btn span {
  opacity: 1;
}

.nav a.btn:hover span {
  opacity: 0.9;
}


/* TEČKA - SCHOVAT */
.dot {

  display: none;
}

/* =========================================================
   GLASS PANEL 1 – SAMOSTATNÝ (LEVÁ STRANA)
   ========================================================= */

.glass-panel {
  min-width: 620px;
  max-width: 620px;
  margin: 120px auto 0 125px;
  padding: 32px 32px;

  border-radius: 5px;
 background: rgba(255,255,255,0.66);

  backdrop-filter: blur(19px) saturate(1.15);
  -webkit-backdrop-filter: blur(19px) saturate(1.15);

  border: 1px solid rgba(255,255,255,0.6);

  box-shadow:
    inset 0 0 1px rgba(255,255,255,0.38),
    0 18px 40px rgba(0,0,0,0.12);
}

/* uzavře float */
.panel-content {
  overflow: visible; /* ⬅️ KLÍČ */
}

.panel-content::after {
  content: "";
  display: block;
  clear: both;
}

/* ===== FOTO – OBTÉKANÉ TEXTEM ===== */
.panel-media {
  float: right;

  width: 250px;
  height: 310px;

  margin: 100px 0 20px 30px; /* ⬅️ TOP je klíčový */

  border-radius: 5px;
  background: url("pavel1.png") center / cover no-repeat;

  box-shadow:
  inset 0 0 1px rgba(255,255,255,0.2),
  0 0 24px rgba(255,255,255,0.35);

}

/* ===== TEXT ===== */
.panel-text h2 {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 12px;
  color: #0f172a;
}

/* ===== NADPIS PANELU (oddělený od floatu) ===== */
.panel-title {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 24px; /* ⬅️ TADY je ten chybějící odskok */
  color: #0f172a;
  clear: both;
}
.panel-title {
  border: none;
  box-shadow: none;
  background: none;
}

.panel-text p {
  font-size: 15px;
  line-height: 1.7;

  color: rgba(15, 23, 42, 0.82);

  text-align: justify;
  hyphens: auto;
}


.panel-text p:first-of-type {
  font-weight: 500;
}

/* =========================
   VYROVNÁNÍ INTENZITY – BLOK 1 A 5
   ========================= */

.glass-panel .panel-text p,
.glass-panel-5 .panel-text p {
  font-weight: 450;
  opacity: 0.9;
}

.glass-panel .panel-text p:first-of-type,
.glass-panel-5 .panel-text p:first-of-type {
  font-weight: 500;
}

/* =========================================================
   GLASS PANEL 2 – SAMOSTATNÝ (PRAVÁ STRANA)
   ========================================================= */

.glass-panel-2 {
  min-width: 600px;
  max-width: 340px;
  margin: -75px 120px 0 auto; /* ⬅️ vpravo */
  padding: 32px 36px;

  border-radius: 5px;
  background: rgba(255,255,255,0.66);

  backdrop-filter: blur(14px) saturate(1.2);
  -webkit-backdrop-filter: blur(14px) saturate(1.2);

  border: 1px solid rgba(255,255,255,0.6);

  box-shadow:
    inset 0 0 1px rgba(255,255,255,0.38),
    0 18px 40px rgba(0,0,0,0.12);
}

.glass-panel-2 .panel-title {
  padding-left: 4px; /* ⬅️ POSUN NADPISU DOPRAVA */
}


.glass-panel-2 .panel-content {
  overflow: hidden;
}

.glass-panel-2 .panel-media {
  float: left;

  width: 640px;
  height: 320px;

  margin: 20px 28px 20px 0;

  border-radius: 5px;

  background: url("zamereni 1.png") center / cover no-repeat;

  box-shadow:
    inset 0 0 1px rgba(255,255,255,0.2),
  0 0 24px rgba(255,255,255,0.25);
}

.glass-panel-2 .panel-text h2 {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 12px;
  color: #0f172a;
}

/* ===== NADPIS PANELU (oddělený od floatu) ===== */
.panel-title {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 4px; /* ⬅️ TADY je ten chybějící odskok */
  color: #0f172a;
  clear: both;
}
.panel-title {
  border: none;
  box-shadow: none;
  background: none;
}

.glass-panel-2 .panel-text p {
  font-size: 15px;
  line-height: 1.7;
  color: rgba(15,23,42,0.88);

  text-align: justify;
  hyphens: auto;
}

.glass-panel-2 .panel-text p:first-of-type {
  font-weight: 500;
}

/* =========================================================
   GLASS PANEL 3 – SAMOSTATNÝ (PRAVÁ STRANA, POD PANEL 1)
   ========================================================= */

.glass-panel-3 {
  max-width: 700px;

  /* ⬅️ klíčové: posun dolů POD první panel */
  margin: -80px 860px 0 auto;

  padding: 32px 36px;

  border-radius: 5px;
  background: rgba(255,255,255,0.66);

  backdrop-filter: blur(14px) saturate(1.2);
  -webkit-backdrop-filter: blur(14px) saturate(1.2);

  border: 1px solid rgba(255,255,255,0.6);

  box-shadow:
    inset 0 0 1px rgba(255,255,255,0.38),
    0 18px 40px rgba(0,0,0,0.12);
}

/* uzavření floatu */
.glass-panel-3 .panel-content {
  overflow: hidden;
}

/* FOTO – OBTÉKANÉ TEXTEM */
.glass-panel-3 .panel-media {
  float: right;

  width: 320px;
  height: 220px;

  margin: 100px 0 20px 28px;

  border-radius: 5px;

  background: url("praxe 1.png") center / cover no-repeat;

  box-shadow:
    inset 0 0 1px rgba(255,255,255,0.2),
  0 0 24px rgba(255,255,255,0.25);
}

/* TEXT */
.glass-panel-3 .panel-text h2 {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 12px;
  color: #0f172a;
}

/* ===== NADPIS PANELU (oddělený od floatu) ===== */
.panel-title {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 24px; /* ⬅️ TADY je ten chybějící odskok */
  color: #0f172a;
  clear: both;
}
.panel-title {
  border: none;
  box-shadow: none;
  background: none;
}
.glass-panel-3 .panel-text p {
  font-size: 15px;
  line-height: 1.7;
  color: rgba(15,23,42,0.88);

  text-align: justify;
  hyphens: auto;
}

.glass-panel-3 .panel-text p:first-of-type {
  font-weight: 500;
}

/* =========================================================
   GLASS PANEL 4 – SAMOSTATNÝ (LEVÁ STRANA)
   ========================================================= */

.glass-panel-4 {
  min-width: 450px;
  max-width: 620px;

  /* ⬅️ levá strana + vertikální rytmus */
  margin: -80px auto 0 955px;

  padding: 32px 36px;

  border-radius: 5px;
  background: rgba(255,255,255,0.66);

  backdrop-filter: blur(14px) saturate(1.2);
  -webkit-backdrop-filter: blur(14px) saturate(1.2);

  border: 1px solid rgba(255,255,255,0.6);

  box-shadow:
    inset 0 0 1px rgba(255,255,255,0.38),
    0 18px 40px rgba(0,0,0,0.12);
}

.glass-panel-4 .panel-title {
  padding-left: 10px; /* ⬅️ POSUN NADPISU DOPRAVA */
}

.glass-panel-4 .panel-content {
  overflow: hidden;
}

/* FOTO – OBTÉKANÉ TEXTEM (ZRCADLOVĚ) */
.glass-panel-4 .panel-media {
  float: left;

  width: 540px;
  height: 320px;

  margin: 20px 28px 20px 0;

  border-radius: 5px;

  background: url("zena 2.png") center / cover no-repeat;

  box-shadow:
    inset 0 0 1px rgba(255,255,255,0.2),
  0 0 24px rgba(255,255,255,0.25);
}


/* TEXT */
.glass-panel-4 .panel-text h2 {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 12px;
  color: #0f172a;
}

/* ===== NADPIS PANELU (oddělený od floatu) ===== */
.panel-title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 24px; /* ⬅️ TADY je ten chybějící odskok */
  color: #0f172a;
  clear: both;
}
.panel-title {
  border: none;
  box-shadow: none;
  background: none;
}

.glass-panel-4 .panel-text p {
  font-size: 15.5px;
  line-height: 1.75;
  color: rgba(15,23,42,0.88);

  text-align: justify;
  hyphens: auto;

text-shadow: 0 1px 0 rgba(255,255,255,0.35);}

.glass-panel-4 .panel-text p:first-of-type {
  font-weight: 500;
}

/* =========================================================
   GLASS PANEL 5 – projekty
   ========================================================= */

.glass-panel-5 {
  max-width: 610px;
  margin: 0px auto 0 125px;
  padding: 32px 36px;

  border-radius: 5px;
  background: rgba(255,255,255,0.60);

  backdrop-filter: blur(16px) saturate(1.2);
  -webkit-backdrop-filter: blur(16px) saturate(1.2);

  border: 1px solid rgba(255,255,255,0.6);

  box-shadow:
    inset 0 0 1px rgba(255,255,255,0.9),
    0 18px 40px rgba(0,0,0,0.12);
}

/* ⬅️ KLÍČ: stejný tok jako blok 1 */
.glass-panel-5 .panel-content {
  overflow: visible;
}

.glass-panel-5 .panel-content::after {
  content: "";
  display: block;
  clear: both;
}

/* FOTO – OBTÉKANÉ TEXTEM (STEJNÝ PRINCIP JAKO BLOK 1) */
.glass-panel-5 .panel-media {
  float: left;

  width: 270px;
  height: 480px;

  margin: 26px 30px 20px 0; /* ⬅️ TOP OFFSET = řízení obtékání */

  border-radius: 5px;

  background: url("cesta 2.png") center / cover no-repeat;

  box-shadow:
    inset 0 0 1px rgba(255,255,255,0.2),
    0 0 24px rgba(255,255,255,0.25);
}

/* NADPIS PANELU – MUSÍ ČISTIT FLOAT */
.glass-panel-5 .panel-title {
  font-size: 44px;
  font-weight: 700;
  margin-bottom: 24px;
  color: #0f172a;

  clear: both;
  border: none;
  background: none;
  box-shadow: none;
}

/* TEXT */
.glass-panel-5 .panel-text p {
  font-size: 15px;
  line-height: 1.7;
  color: rgba(15,23,42,0.82);

  text-align: justify;
  hyphens: auto;
}

.glass-panel-5 .panel-text {
  display: block;
  width: auto;
}



/* =========================================================
   GLASS PANEL 6 – KONTAKT (FINÁLE)
   ========================================================= */

.glass-panel-6 {
  /* ⬇️ ODSTUP OD CENÍKU (NAD) */
  margin-top: 20px;

  /* ⬇️ KONEC STRÁNKY */
  margin-bottom: 0;

  /* ⬇️ JISTOTA PROTI PŘEKRYTÍ */
  position: relative;
  z-index: 10;

  border-radius: 1px;
  background: rgba(255,255,255,0.60);

  backdrop-filter: blur(18px) saturate(1.25);
  -webkit-backdrop-filter: blur(18px) saturate(1.25);

  border: 1px solid rgba(255,255,255,0.65);

  box-shadow:
    inset 0 0 1px rgba(255,255,255,0.9),
    0 20px 48px rgba(0,0,0,0.14);
}


.glass-panel-6 h2 {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 12px;
  color: #0f172a;
}

.glass-panel-6 p {
  font-size: 15px;
  line-height: 1.7;
  color: rgba(15,23,42,0.8);
}

.glass-panel-6 a {
  display: inline-block;
  margin-top: 16px;
  color: #0f172a;
  font-weight: 500;
  text-decoration: none;
  border-bottom: 1px solid rgba(15,23,42,0.4);
}

/* ODSKOK HORNÍCH BLOKŮ OD PANELU KONEC */
.section-spacer {
  height: 10vh;
}



/* =========================================
   KONTAKT – glass 6 SKUTEČNÝ CÍL (glass-footer)
   ========================================= */

.glass-footer {
  /* TOTO ŘÍDÍ VÝŠKU */
  min-height: 4vh;

  /* VNITŘNÍ PROSTOR – HLAVNÍ EFEKT */
  padding: 36px 36px 36px;

  /* ODSTUP OD CENÍKU */
  margin-top: 50px;

  /* JISTOTA, ŽE SE NEPŘEKRYJE */
  position: relative;
  z-index: 5;
}


/* =========================================================
   GLASS PANEL – HOVER INTERAKCE (GLOBÁLNĚ) - ZVĚTŠENÍ OKEN
   ========================================================= */

.glass-card{
  position: relative;
  z-index: 2;

  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease,
    backdrop-filter 0.35s ease;
}

.glass-card:hover{
  z-index: 50;
  transform: scale(1.08) translateY(-4px);

  box-shadow:
    inset 0 0 1px rgba(255,255,255,1),
    0 26px 60px rgba(0,0,0,0.18);

  backdrop-filter: blur(18px) saturate(1.3);
  -webkit-backdrop-filter: blur(18px) saturate(1.3);
}

.glass-left {
  transform-origin: left center;
}

.glass-right {
  transform-origin: right center;
}

/* =========================================================
   VŠE - KOMPLET glass panel - dekorace...
   ========================================================= */

/* PRVNÍ PANEL - 1 – levá strana */

.glass-column-landscape {
  position: absolute;
  top: 30%;
  left: 30px;

  width: 120px;
  height: 5270px;

  background: rgba(255,255,255,0.03);
  backdrop-filter: blur(6px) saturate(105%);
  -webkit-backdrop-filter: blur(6px) saturate(105%);

  box-shadow:
    inset 0 0 0 3px rgba(255,255,255,0.45),
    inset 0 0 20px rgba(255,255,255,0.18),
    0 10px 30px rgba(0,0,0,0.12);

  clip-path: polygon(
    0% 0%,
    100% 0%,
    100% 100%,
    0% 100%
  );
}

/* DRUHÝ PANEL - 2 - levý */
.glass-column-landscape.col-2 {
  top: -4%;
  left: 100px;
  width: 100px;
  height: 4650px;
  transform: scale(0.90);

box-shadow:
    inset 0 0 0 4px rgba(255,255,255,0.65),
    inset 0 0 30px rgba(255,255,255,0.28),
    0 12px 30px rgba(0,0,0,0.12);

}

/* TŘETÍ PANEL - 3 - pravý*/
.glass-column-landscape.col-3 {
  top: 28%;
  left: 1040px;
  width: 100px;
  height: 5050px;
  transform: scale(0.88);

box-shadow:
    inset 0 0 0 4px rgba(255,255,255,0.65),
    inset 0 0 30px rgba(255,255,255,0.28),
    0 12px 30px rgba(0,0,0,0.12);
}

/* ČTVRTÝ PANEL - 4 - pravý */
.glass-column-landscape.col-4 {
  top: 35%;
  left: 1090px;
  width: 80px;
  height: 2500px;
  transform: scale(0.82);

  box-shadow:
    inset 0 0 0 4px rgba(255,255,255,0.65),
    inset 0 0 30px rgba(255,255,255,0.28),
    0 12px 30px rgba(0,0,0,0.12);
}

/* PÁTÝ PANEL - 5 - pravý */
.glass-column-landscape.col-5 {
  top: 30%;
  left: 1490px;
  width: 120px;
  height: 5000px;
  transform: scale(0.82);

  box-shadow:
    inset 0 0 0 4px rgba(255,255,255,0.65),
    inset 0 0 30px rgba(255,255,255,0.28),
    0 12px 30px rgba(0,0,0,0.12);
}

/* ======================================================
            Vypnutí hoveru na mobilech
   ====================================================== */

@media (hover: none) {
  .glass-card:hover { transform: none; }
}

/* ======================================================
            Konec stránky na mobilech
   ====================================================== */

@media (min-width: 900px) {
  .glass-panel-6 {
    margin-top: 20vh;
  }
}

@media (max-width: 899px) {
  .glass-panel-6 {
    margin-top: 80px;
  }
}

/* ======================================================
   MOBILNÍ ZOBRAZENÍ – JEDEN SLOUPEC, CENTROVANÉ
   ====================================================== */

@media (max-width: 768px) {

  /* Horní lišta */
  .glass {
    width: 100% !important;
    max-width: 100% !important;
    padding: 20px 16px;
  }

  .header {
    height: auto;
    flex-direction: column;
    gap: 12px;
  }

  .nav {
    gap: 16px;
    flex-wrap: wrap;
    justify-content: center;
  }



  /* ======================================================
     🔧 KLÍČOVÁ OPRAVA – GLASS PANELY
     ====================================================== */

  .glass-panel,
  .glass-panel-2,
  .glass-panel-3,
  .glass-panel-4,
  .glass-panel-5,
  .glass-panel-6 {
   box-shadow: inset 0 0 0 1px rgba(255,255,255,0.25);

    min-width: 0 !important;          /* ⬅️ DŮLEŽITÉ */
    width: 100% !important;           /* ⬅️ DŮLEŽITÉ */
    max-width: calc(100% - 32px);
    margin: 48px auto 0 auto !important;
    padding: 24px;
    left: auto !important;
    right: auto !important;
  }

  /* Obsah panelu */
  .panel-content {
    overflow: visible;
  }

  /* FOTO – vždy nahoře */
  .panel-media {
    float: none !important;
    clear: both;
    width: 100%;
    height: 220px;
    margin: 0 0 20px 0;
    border-radius: 12px;
  }

  /* TEXT */
  .panel-text h2 {
    font-size: 20px;
  }

  .panel-text p {
    font-size: 15px;
    line-height: 1.65;
    text-align: left;
    hyphens: none;
  }

  /* CENÍK */
  .glass-panel-5 li span {
    float: none;
    display: block;
    margin-top: 4px;
    opacity: 0.8;
  }

  /* Kontakt */
  .glass-panel-6 a {
    display: block;
    margin-top: 12px;
  }

  /* ======================================================
     🔧 DEKORACE – VYPNOUT NA MOBILU
     ====================================================== */

  .glass-column-landscape,
  .glass-column-landscape.col-2,
  .glass-column-landscape.col-3,
  .glass-column-landscape.col-4,
  .glass-column-landscape.col-5 {
    display: none !important;
  }

  /* ======================================================
     🔧 POZADÍ – OPRAVA ROZJETÍ
     ====================================================== */

  .background {
    position: relative !important;
    inset: auto;
    width: 100%;
    min-height: 100%;
    background-position: center top;
    background-attachment: scroll;
  }

}

/* =========================================================
   TYPOGRAFIE PRO GLASS BLOKY – FINÁLNÍ OSTRÁ VERZE
   (zvětšené podnadpisy)
   ========================================================= */


/* =========================
   HLAVNÍ NADPISY SEKCI
   ========================= */

.panel-title {
  font-family: "Cormorant Garamond", serif;
  font-weight: 700;

  font-size: clamp(1.9rem, 2.6vw, 2.7rem);
  line-height: 1.15;
  letter-spacing: 0.02em;
  text-transform: lowercase;

  color: #0b1325;

  margin-bottom: 1.6rem;

  text-shadow: 0 1px 1px rgba(255,255,255,0.4);
}


/* =========================
   PODNADPISY (INLINE TITLES)
   ========================= */

.inline-title {
  display: inline-block;

  font-family: "Georgia", "Times New Roman", serif;
  font-size: 1.12em;      /* ⬅️ LEHKÉ ZVĚTŠENÍ */
  font-weight: 600;
  font-style: italic;

  letter-spacing: 0.035em;
  text-transform: lowercase;

  color: #1e293b;

  margin: 1.4em 0 0.7em;

  text-shadow: none;
}


/* =========================
   HLAVNÍ ODSTAVCOVÝ TEXT
   ========================= */

.panel-text p {
  font-size: 15.5px;
  line-height: 1.75;

  font-weight: 500;

  color: #0f172a;

  text-align: justify;
  hyphens: auto;

  text-shadow: none;
}


/* =========================
   PRVNÍ ODSTAVEC – LEHKÝ DŮRAZ
   ========================= */

.panel-text p:first-of-type {
  font-weight: 600;
  color: #0b1325;
}

/* =========================
   VYROVNÁNÍ INTENZITY – BLOKY 1 A 5
   ========================= */

.glass-panel-1 .panel-text p,
.glass-panel-5 .panel-text p {
  font-weight: 450;        /* ⬅️ KLÍČ */
  opacity: 0.9;            /* ⬅️ optické ztišení */
}

.glass-panel-1 .panel-text p:first-of-type,
.glass-panel-5 .panel-text p:first-of-type {
  font-weight: 500;        /* ⬅️ už NE 600 */
}

/* =========================================================
   KONTAKT – NADPIS VE STYLU SEKČNÍCH NADPISŮ
   ========================================================= */

.glass-contact h2 {
  font-family: "Cormorant Garamond", serif;
  font-weight: 700;

  font-size: clamp(1.6rem, 2.2vw, 2.1rem);
  line-height: 1.15;
  letter-spacing: 0.02em;
  text-transform: lowercase;

  color: #0b1325;

  margin-bottom: 12px;

  text-shadow: 0 1px 1px rgba(255,255,255,0.35);
}


/* POSUN CELÉHO KONTAKTU DOPRAVA */
.glass-contact .footer-content {
  padding-left: 40px;   /* uprav hodnotu podle citu */
}



/* =========================================
   GLASS – VÝRAZNĚJŠÍ RÁMEČEK (JAKO POZADÍ)
   ========================================= */

.glass-panel,
.glass-panel-2,
.glass-panel-3,
.glass-panel-4,
.glass-panel-5,
.glass-panel-6 {
  border: 1px solid rgba(255,255,255,0.55);

  box-shadow:
    inset 0 0 0 2px rgba(255,255,255,0.45),   /* hlavní vnitřní linka */
    inset 0 0 22px rgba(255,255,255,0.22),    /* skleněný glow */
    0 18px 40px rgba(0,0,0,0.12);              /* odlepení od pozadí */
}

/* ======================================================
   📱 MOBIL – STABILIZACE LAYOUTU + POZADÍ (FINÁL)
   ====================================================== */

@media (max-width: 768px) {

  /* ===== ZRUŠENÍ DESKTOP TRANSFORMACÍ ===== */

  .glass-card,
  .glass-card:hover {
    transform: none !important;
  }

  /* ⚠️ NE rušit transform globálně */
  /* * { transform: none !important; }  ❌ pryč */

  /* ===== POZADÍ – KLÍČOVÁ OPRAVA ===== */

  body {
    min-height: 100vh;
    background-color: #f5f6f8; /* fallback */
  }

 .background {
  position: fixed !important;
  top: 0;
  left: 0;

  width: 100%;
  height: 100svh; /* KLÍČ */
  min-height: 100svh;

  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;

  z-index: -2;
  pointer-events: none;
}


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

  .glass {
    width: 100% !important;
    padding: 20px 16px;
  }

  .header {
    height: auto;
    flex-direction: column;
    align-items: center;
    gap: 14px;
  }

  .nav {
    flex-wrap: wrap;
    justify-content: center;
    gap: 14px;
  }

  /* ===== GLASS PANELY ===== */

  .glass-panel,
  .glass-panel-2,
  .glass-panel-3,
  .glass-panel-4,
  .glass-panel-5,
  .glass-panel-6 {
    position: relative !important;

    width: calc(100% - 24px) !important;
    max-width: 640px !important;
    min-width: 0 !important;

    margin: 32px auto !important;
    padding: 24px 20px !important;

    left: auto !important;
    right: auto !important;

    border-radius: 12px;
  }

  /* ===== OBRAZKY ===== */

  .panel-media {
    float: none !important;
    clear: both !important;

    width: 100% !important;
    height: 220px !important;

    margin: 0 0 16px 0 !important;
    border-radius: 12px;
  }

  /* ===== TEXT ===== */

  .panel-title {
    font-size: 1.45rem !important;
    margin-bottom: 0.8rem;
  }

  .panel-text p {
    font-size: 15px;
    line-height: 1.6;
    text-align: left;
    hyphens: none;
  }

  /* ===== KONTAKT ===== */

  .glass-contact {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .glass-contact h2 {
    font-size: 1.6rem;
    text-align: center;
  }

  .glass-contact p {
    text-align: center;
  }

  .glass-contact .footer-content {
    padding-left: 0 !important;
  }

  .footer-contact {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: center;
  }

  /* ===== DEKORACE PRYČ ===== */

  .glass-column-landscape,
  .glass-column-landscape.col-2,
  .glass-column-landscape.col-3,
  .glass-column-landscape.col-4,
  .glass-column-landscape.col-5 {
    display: none !important;
  }
}

/* ===============================
   KONTAKT – NADPIS + DĚLÍCÍ ČÁRY
   =============================== */

/* HLAVNÍ KONTEJNER KONTAKTU */
.glass-contact .footer-content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 32px;

  max-width: 100%;
  overflow: hidden; /* ⬅️ ZABRÁNÍ DRUHÉMU SLIDERU */
}

/* LEVÁ STRANA – NADPIS + TEXT */
.contact-title {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;

  flex: 1 1 0;
  min-width: 0;       /* ⬅️ KLÍČ PRO FLEX */
  max-width: 100%;
}

/* OBAL PRO DĚLÍCÍ ČÁRY */
.contact-divider {
  display: flex;
  gap: 1px;
  position: relative;
  top: 4px;
}

/* SPOLEČNÉ VLASTNOSTI ČAR */
.contact-divider .divider {
  width: 3px;
  height: 48px;
  border-radius: 2px;
}

.contact-divider .divider.green {
  background: #3ddc97;
}

.contact-divider .divider.blue {
  background: #3b82f6;
}

/* TEXT ZA ČÁRAMI */
.contact-lead {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 0.68em;
  font-weight: 400;
  line-height: 1.43;
  color: rgba(15,23,42,0.75);

  max-width: 52ch;
}

/* PRAVÁ STRANA – EMAIL + TEL */
.footer-contact {
  display: flex;
  flex-direction: column;   /* ⬅️ POD SEBE */
  align-items: flex-end;    /* ⬅️ ZAROVNÁNÍ VPRAVO */
  gap: 7px;

  transform: translateX(-30px); /* ⬅️ POSUN DOPRAVA */
}


/* KONTAKT-TEL-EMAIL-VELIKOST-BARVA  */

.footer-contact a:first-child {
  font-size: 20px;
  font-weight: 650;
}

.footer-contact a:last-child {
  font-size: 18.5px;
  font-weight: 600;
  opacity: 0.85;
}

.footer-contact a {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.02em;

  color: #0b1325;          /* ⬅️ STEJNÁ BARVA JAKO „kontakt“ */
  opacity: 0.9;            /* ⬅️ jemné zklidnění */

  text-decoration: none;
}


/* ======================================================
   KONTAKT – DIVIDER U EMAILU + TELEFONU (STEJNÝ PATTERN)
   ====================================================== */

/* celý blok email + tel + divider */
.footer-contact {
  display: inline-flex;
  align-items: flex-start;      /* ⬅️ KLÍČOVÁ OPRAVA */
  gap: 14px;
  white-space: nowrap;
}

/* text email + tel pod sebou */
.footer-contact-text {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
}

/* divider u kontaktů */
.footer-contact .contact-divider {
  position: relative;
  margin-top: 4px;              /* ⬅️ doladění k prvnímu řádku */
}

/* výška dividerů u kontaktů */
.footer-contact .contact-divider .divider {
  width: 3px;
  height: 34px;
  opacity: 0.85;
}




/* RESPONSIVE – MOBIL */
@media (max-width: 768px) {
  .glass-contact .footer-content {
    flex-direction: column;
    align-items: flex-start;
  }

  .footer-contact {
    margin-top: 12px;
    flex-wrap: wrap;
  }
}

/* ======================================================
   KONTAKT – EMAIL+TEL + ČÁRY VPRAVO (NEPRŮSTŘELNÉ)
   VLOŽ ÚPLNĚ NA KONEC CSS
   ====================================================== */

.glass-contact .footer-contact{
  display: flex !important;
  flex-direction: row !important;     /* ⬅️ zásadní: nikdy ne sloupec */
  align-items: flex-start !important; /* ⬅️ čáry začínají u emailu */
  justify-content: flex-end !important;
  gap: 14px !important;

  flex-wrap: nowrap !important;       /* ⬅️ NIKDY se to nezlomí pod sebe */
  white-space: nowrap !important;     /* ⬅️ žádné padání na další řádek */

  width: auto !important;
  max-width: 100% !important;
}

.glass-contact .footer-contact-text{
  margin-top: 7px; 
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;   /* ⬅️ zarovnání doprava */
  gap: 7px !important;
}

.glass-contact .footer-contact a{
  color: #0b1325 !important;          /* ⬅️ stejná barva jako "kontakt" */
  text-decoration: none !important;

  font-size: 22px !important;
  font-weight: 650 !important;
  letter-spacing: 0.01em !important;
  opacity: 0.92 !important;
}

/* telefon trochu jemnější */
.glass-contact .footer-contact a:last-child{
  font-size: 20.5px !important;
  font-weight: 600 !important;
  opacity: 0.85 !important;
}

/* čáry VPRAVO od textu */
.glass-contact .footer-contact .contact-divider--end{
  display: flex !important;
  gap: 1px !important;

  flex: 0 0 auto !important;          /* ⬅️ nesmí se smrštit / zlomit */
  align-self: flex-start !important;  /* ⬅️ drží se nahoře */
  margin-top: 10px !important;         /* ⬅️ jemný posun dolů */
}

.glass-contact .footer-contact .contact-divider--end .divider{
  width: 3px !important;
  height: 51px !important;
  border-radius: 2px !important;
  opacity: 0.85 !important;
}

/* ======================================================
   📱 MOBIL – BEZPEČNÉ VYPNUTÍ DESKTOP LOGIKY
   ====================================================== */
@media (max-width: 768px) {

  /* 1️⃣ ZRUŠENÍ DESKTOP POSUNŮ */
  .glass-panel,
  .glass-panel-2,
  .glass-panel-3,
  .glass-panel-4,
  .glass-panel-5,
  .glass-panel-6 {
    margin-left: auto !important;
    margin-right: auto !important;
    left: auto !important;
    right: auto !important;
  }

  /* 2️⃣ ZRUŠENÍ FLOATŮ */
  .panel-media {
    float: none !important;
  }

  /* 3️⃣ NORMALIZACE ŠÍŘEK */
  .glass-panel,
  .glass-panel-2,
  .glass-panel-3,
  .glass-panel-4,
  .glass-panel-5,
  .glass-panel-6 {
    width: calc(100% - 24px) !important;
    max-width: 640px !important;
    min-width: 0 !important;
  }

  /* 4️⃣ ZRUŠENÍ NEGATIVNÍCH MARGINŮ */
  .glass-panel-2,
  .glass-panel-3,
  .glass-panel-4,
  .glass-panel-5 {
    margin-top: 32px !important;
  }
}
/* ======================================================
   📱 MOBIL – KONTAKT MUSÍ BÝT VŽDY CELÝ VIDITELNÝ
   ====================================================== */
@media (max-width: 768px) {

  .glass-contact .footer-contact{
    flex-direction: column !important;   /* ⬅️ POD SEBE */
    align-items: center !important;
    gap: 8px !important;

    white-space: normal !important;      /* ⬅️ POVOLÍ ZALOMENÍ */
    flex-wrap: wrap !important;          /* ⬅️ POVOLÍ ZALOMENÍ */
    transform: none !important;
  }

  .glass-contact .footer-contact-text{
    align-items: center !important;
    text-align: center;
  }

  .glass-contact .footer-contact a{
    font-size: 17px !important;           /* ⬅️ MENŠÍ NA MOBILU */
    line-height: 1.35;
    word-break: break-word;               /* ⬅️ EMAIL SE ZLOMÍ */
  }

  /* divider na mobilu schovat – nemá smysl */
  .glass-contact .contact-divider,
  .glass-contact .contact-divider--end{
    display: none !important;
  }
}