@import url("https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");

html {
  scroll-behavior: smooth;
}

body {
  font-family: "Montserrat", sans-serif;
  background-color: #fdfaf5;
  color: #3e2723;
}
nav {
  background-color: #834500;
}
.navbar {
  background-color: #3e2723;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

section,
article,
div[id] {
  scroll-margin-top: 100px;
  padding-top: 50px;
  padding-bottom: 50px;
}
#nyitvatartas,
#kapcsolat {
  min-height: 60vh;
}

h1,
h2,
h3,
.navbar-brand {
  font-family: "Lora", serif;
  font-weight: 700;
  color: #4e342e;
}
.navbar-toggler{
  background-color: #8d6e63;
}
.dropdownszin{
  background-color: #5d4037 !important;
    border: none;
}

footer {
  height: 350px;
  background-color: rgba(131, 69, 0, 1);
}

.vizszintes {
  border-top: 3px solid #8d6e63;
  width: 60%;
  opacity: 0.5;
  margin: 3rem auto;
}
.card {
  border-radius: 12px;
  overflow: hidden;
  transition: transform 0.3s ease;
}
.card:hover {
  transform: translateY(-5px);
}
.border-white {
  border-color: #d7ccc8 !important;
}
p {
  font-size: 110%;
}

.icon-800 {
  font-size: 800%;
}
.nav-link {
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
}
/* aktív nav-link háttér + lekerekítés */
.nav-pills .nav-link.active {
  background-color: orangered; /* tetszőleges szín */
  color: #ffffff !important;
  border-radius: 1rem;
}

/* ha hover alatt is szeretnéd */
.nav-pills .nav-link:hover {
  background-color: orangered;
}
/* A kártya alaphelyzete */
.ref-card {
    transition: all 0.4s ease-in-out;
    overflow: hidden;
    cursor: pointer;
}

/* A kép nagyítása, amikor fölé viszed az egeret */
.ref-card img {
    transition: transform 0.5s ease;
}

.ref-card:hover img {
    transform: scale(1.1); /* Finom közelítés */
    filter: brightness(70%); /* Enyhe sötétítés, hogy a gomb jobban látszódjon */
}

/* A gomb stílusa és animációja */
.ref-btn {
    transition: all 0.3s ease;
    border: 2px solid white !important;
    background-color: rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(2px);
    letter-spacing: 1px;
}

.ref-card:hover .ref-btn {
    background-color: #8d6e63; /* Asztalos-barna szín hoverkor */
    transform: scale(1.1);
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}




#top {
  background-color: #8d6e63;
  border: none;
}

@media (max-width: 768px) {
  h1 {
    font-size: 1.8rem;
  }
  .ratio-21x9 {
    --bs-aspect-ratio: 50%;
  }
  .navbar-brand img {
        max-height: 70px !important
  }
}