/* ---------- HERO ---------- */

.hero{
    background: var(--cream);
    padding: 15px 40px 80px;
    position: relative;
    overflow: hidden;
}

.hero-wrapper{
    max-width: 1400px;
    margin: 0 auto;
    position: relative;
  
}

.hero-logo{
    width:900px;
    max-width:90%;
    display:block;
    margin:-50px auto 0;
    transform:translateX(-80px);
}

.hero h1{
    font-family:'Cinzel', serif;
    font-size:46px;
    font-weight:700;
    line-height:1.1;
    letter-spacing:0px;
    color:#1F2A36;
    text-align:center;
    text-transform:uppercase;
    margin-top:-60px;
    margin-bottom:20px;
}
.hero-top{
    display:flex;
    justify-content:center;
    align-items:flex-start;
    gap:0;
    position:relative;
}

.hero-left{
    width:560px;
}

.hero-text{
    font-family:'Inter', sans-serif;
    font-size:18px;
    line-height:1.55;
    text-align:center;
    color:#2D2D2D;

    position:relative;
    padding:1px 0;
}
.hero-text::before,
.hero-text::after{
    content:"❦";
    display:block;
    color:#A5283A;
    font-size:22px;
    margin:18px 0;
}
.hero-text p{
    margin:0 0 10px;
}

.hero-text p:last-child{
    margin-bottom:0;
}

.hero-right{
    position:absolute;
    top:-500px;
    right:240px;
    width:auto;
    z-index:5;
}

.opening-badge{
    width:290px;
    height:auto;
}
/* ---------- ORNAMENTY ---------- */

.ornament-left{
    position:absolute;
    width:500px;
    opacity:0.95;
    pointer-events:none;
    z-index:1;
}
.ornament-right{
    position:absolute;
    width:480px;
    opacity:0.95;
    pointer-events:none;
    z-index:1;
}

.ornament-left{
    left:-90px;
    top:-90px;
}

.ornament-right{
    right:-90px;
    top:-90px;
}

/* ---------- IKONY ---------- */

.hero-icons{
    display:flex;
    justify-content:center;
    align-items:flex-start;
    gap:55px;
    margin-top:40px;
    flex-wrap:wrap;
}

.hero-icon{
    width:140px;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
}

.hero-icon img{
    width:160px;
    max-width:160px;
    height:auto;
    display:block;
}

.hero-icon:hover img{
    transform:translateY(-4px) scale(1.05);
}

.hero-icon span{
    font-family:'Forum', serif;
    font-size:18px;
    font-weight:700;
    letter-spacing:1px;
    line-height:1.3;
    color:#2D2D2D;
}
/* ---------- TLAČÍTKA ---------- */

.hero-buttons{
    display:flex;
    justify-content:center;
    gap:20px;
    margin-top:55px;
    flex-wrap:wrap;
}

.hero-buttons a{
    display:inline-block;
    padding:16px 34px;
    background:var(--cherry);
    color:#fff;
    text-decoration:none;
    border-radius:999px;
    font-weight:600;
    transition:.25s ease;
    box-shadow:0 10px 25px rgba(165,40,58,.18);
}

.hero-buttons a:hover{
    background:#8f2232;
    transform:translateY(-3px);
}
.hero-text-box{
    max-width:650px;
    margin:25px auto 0;
    padding:28px 40px;

    border:1px solid rgba(165,40,58,.45);
    border-radius:14px;

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

    box-shadow:0 8px 20px rgba(0,0,0,.05);
}

@media (max-width: 768px) {

  .hero{
    padding: 10px 16px 40px;
  }

  .ornament-left,
  .ornament-right{
    display: none;
  }

  .hero-logo{
    width: 260px;
    max-width: 85%;
    margin: 0 auto 8px;
    transform: none;
  }

  .hero h1{
    font-size: 28px;
    line-height: 1.15;
    margin-top: 8px;
    margin-bottom: 14px;
  }

  .hero-top{
    display: block;
  }

  .hero-left{
    width: 100%;
  }

  .hero-text-box{
    max-width: 100%;
    padding: 14px 16px;
    margin: 0 auto 16px;
  }

  .hero-text{
    font-size: 15px;
    line-height: 1.5;
  }

  .hero-right{
    position: static;
    margin: 12px auto 0;
    text-align: center;
  }

  .opening-badge{
    width: 180px;
  }

  .hero-icons{
    gap: 18px 12px;
    margin-top: 18px;
  }

  .hero-icon{
    width: 44%;
  }

  .hero-icon img{
    width: 82px;
    max-width: 82px;
  }

  .hero-icon span{
    font-size: 12px;
    letter-spacing: 0.5px;
  }

  .hero-buttons{
    flex-direction: column;
    align-items: center;
    margin-top: 18px;
    gap: 12px;
  }
}