/*
 * Egységes gombstílus – minta: a /kinek-szol „MEGNÉZEM” gombja (.card-btn.primary).
 * Az oldalankénti inline stílusok 4-féle hover-effektet és eltérő betűt adtak,
 * ezért itt, a <head> végén, !important-tel írjuk felül őket egy helyről.
 */

/* Közös forma, betű és mozgás – arany (elsődleges) és fehér (másodlagos) gombokra */
.btn,
.btn-outline,
.btn-booking,
header .btn-booking,
.footer-booking-btn,
.hero-cta,
.help-cta,
.help-link,
.card-btn,
.service-btn,
.services-more-btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  border-radius: 999px !important;
  padding: 12px 20px !important;
  min-height: 44px !important; /* egységes magasság, kényelmes érintési felület */
  box-sizing: border-box;
  font-family: "Lato", system-ui, -apple-system, "Segoe UI", sans-serif !important;
  font-size: 0.86rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.02em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  text-align: center;
  cursor: pointer;
  transform: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

/* A fejléc gombja ne törjön két sorba */
header .btn-booking {
  white-space: nowrap;
}

/* Szűkebb asztali szélességen a fejléc zsúfolt – ott keskenyebb belső margó */
@media (max-width: 1180px) {
  header .btn-booking {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}

/* Elsődleges (arany) */
.btn:not(.btn-outline),
.btn-booking,
header .btn-booking,
.footer-booking-btn,
.hero-cta,
.help-cta,
.card-btn.primary,
.service-card.is-featured .service-btn {
  background: linear-gradient(180deg, #d0a26b 0%, #bf8a4f 100%) !important;
  color: #ffffff !important;
  border: 1px solid transparent !important;
  box-shadow: 0 12px 22px rgba(191, 138, 79, 0.32) !important;
}

/* Másodlagos (fehér) – a MEGNÉZEM-család .card-btn.secondary változata */
.btn-outline,
.help-link,
.card-btn.secondary,
.service-btn,
.services-more-btn {
  background: #ffffff !important;
  color: #4a3933 !important;
  border: 1px solid rgba(58, 44, 35, 0.14) !important;
  box-shadow: 0 10px 20px rgba(55, 39, 30, 0.08) !important;
}

/* Hover és lenyomás: csak 1 px emelés, a szín és az árnyék nem változik */
.btn:hover, .btn:active,
.btn-outline:hover, .btn-outline:active,
.btn-booking:hover, .btn-booking:active,
header .btn-booking:hover, header .btn-booking:active,
.footer-booking-btn:hover, .footer-booking-btn:active,
.hero-cta:hover, .hero-cta:active,
.help-cta:hover, .help-cta:active,
.help-link:hover, .help-link:active,
.card-btn:hover, .card-btn:active,
.service-btn:hover, .service-btn:active,
.services-more-btn:hover, .services-more-btn:active {
  transform: translateY(-1px) !important;
}

.btn:not(.btn-outline):hover,
.btn-booking:hover,
header .btn-booking:hover,
.footer-booking-btn:hover,
.hero-cta:hover,
.help-cta:hover,
.card-btn.primary:hover,
.service-card.is-featured .service-btn:hover {
  background: linear-gradient(180deg, #d0a26b 0%, #bf8a4f 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 12px 22px rgba(191, 138, 79, 0.32) !important;
}

.btn-outline:hover,
.help-link:hover,
.card-btn.secondary:hover,
.service-card:not(.is-featured) .service-btn:hover,
.services-more-btn:hover {
  background: #ffffff !important;
  color: #4a3933 !important;
  box-shadow: 0 10px 20px rgba(55, 39, 30, 0.08) !important;
}

/* Nyíl ikon nélkül */
.services-more-btn::after {
  content: none !important;
}

@media (prefers-reduced-motion: reduce) {
  .btn, .btn-outline, .btn-booking, .footer-booking-btn, .hero-cta, .help-cta,
  .help-link, .card-btn, .service-btn, .services-more-btn {
    transition: none !important;
  }
}

/*
 * Fejléc – szűk asztali szélesség (981–1179 px).
 * Itt a fejléc tartalma nem fért ki: a logó rácsúszott a menüre, a közösségi ikonok kilógtak.
 * 980 px alatt a hamburgermenü veszi át, 1180 px felett nincs szükség tömörítésre.
 */
@media (min-width: 981px) and (max-width: 1179px) {
  header .container { width: calc(100% - 2rem) !important; }
  header .nav { gap: 0.9rem !important; }
  header .brand { letter-spacing: 0.16em !important; font-size: 1.08rem !important; }
  header .nav-links { gap: 1.05rem !important; font-size: 0.92rem !important; }
  header .nav-socials { gap: 0.4rem !important; }
}
@media (min-width: 981px) and (max-width: 1060px) {
  header .brand { letter-spacing: 0.12em !important; font-size: 1rem !important; }
  header .nav-links { gap: 0.8rem !important; }
  header .btn-booking { padding-left: 12px !important; padding-right: 12px !important; }
}