/* =============================================================
   Hedoné – frontend finomhangolás (update-safe)
   1) Elsődleges CTA-gombok egységes hover
   2) WooCommerce Gift Card űrlap
   3) Amelia foglaló vizuális hozzáigazítása
   Design tokenek: arany #C8A96A · sötét #212121 · fekete #000000
                   bordó #2A1110 · Montserrat / Cormorant Garamond
   ============================================================= */

/* ---------- 1) Elsődleges CTA-gombok hover ------------------- */
/* Csak a .hedone-btn osztályt kapó, háttérszínnel rendelkező
   Elementor gombokra + a WooCommerce gombokra vonatkozik.
   A háttér nélküli link-gombok és ikonlinkek kimaradnak.       */
.hedone-btn .elementor-button,
.elementor-widget-form .elementor-button,
.woocommerce button.button,
.woocommerce a.button,
.woocommerce button.button.alt,
.woocommerce input.button {
  transition: background-color .3s ease, color .3s ease,
              border-color .3s ease, transform .3s ease,
              box-shadow .3s ease;
}

.woocommerce button.button:hover,
.woocommerce a.button:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button:hover {
  background-color: #FFFFFF;
  color: #212121;
}

/* A finom megemelkedés csak valódi egérrel használt eszközökön */
@media (hover: hover) and (pointer: fine) {
  .hedone-btn .elementor-button:hover,
  .elementor-widget-form .elementor-button:hover,
  .woocommerce button.button:hover,
  .woocommerce a.button:hover,
  .woocommerce button.button.alt:hover,
  .woocommerce input.button:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 24px rgba(0, 0, 0, .45);
  }
}

@media (prefers-reduced-motion: reduce) {
  .hedone-btn .elementor-button,
  .elementor-widget-form .elementor-button,
  .woocommerce button.button,
  .woocommerce a.button { transition: none; }
  .hedone-btn .elementor-button:hover,
  .elementor-widget-form .elementor-button:hover,
  .woocommerce button.button:hover,
  .woocommerce a.button:hover { transform: none; }
}

/* Mobilon minden CTA legalább 44px magas legyen (érintőfelület) */
@media (max-width: 767px) {
  .woocommerce button.button,
  .woocommerce a.button,
  .woocommerce button.button.alt,
  .woocommerce input.button {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
}

/* ---------- 2) WooCommerce Gift Card űrlap ------------------- */
.woocommerce_gc_giftcard_form .wc_gc_field { margin-bottom: 20px; padding: 0; }

.woocommerce_gc_giftcard_form label {
  display: block;
  margin-bottom: 8px;
  color: rgba(255, 255, 255, .8);
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 2.4px;
  text-transform: uppercase;
}

.woocommerce_gc_giftcard_form input.input-text,
.woocommerce_gc_giftcard_form textarea.input-text {
  width: 100%;
  box-sizing: border-box;
  background-color: #000000 !important;
  color: #FFFFFF !important;
  border: 1px solid rgba(200, 169, 106, .45) !important;
  border-radius: 0 !important;
  padding: 12px 16px !important;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  line-height: 24px;
  transition: border-color .25s ease, box-shadow .25s ease;
}

.woocommerce_gc_giftcard_form textarea.input-text {
  min-height: 120px;
  resize: vertical;
}

.woocommerce_gc_giftcard_form input.input-text::placeholder,
.woocommerce_gc_giftcard_form textarea.input-text::placeholder {
  color: rgba(255, 255, 255, .45);
  opacity: 1;
}

.woocommerce_gc_giftcard_form input.input-text:focus,
.woocommerce_gc_giftcard_form textarea.input-text:focus {
  outline: none;
  border-color: #C8A96A !important;
  box-shadow: 0 0 0 2px rgba(200, 169, 106, .3);
}

.woocommerce_gc_giftcard_form small.description {
  display: block;
  margin-top: 6px;
  color: rgba(255, 255, 255, .55);
  font-family: "Montserrat", sans-serif;
  font-size: 13px;
  line-height: 20px;
}

.woocommerce_gc_giftcard_form abbr.required {
  color: #C8A96A;
  border: 0;
  text-decoration: none;
}

.woocommerce_gc_giftcard_form a.reset_delivery_date {
  display: inline-block;
  margin-top: 8px;
  color: #C8A96A;
  font-family: "Montserrat", sans-serif;
  font-size: 13px;
}

/* Mennyiség mező ugyanabban a nyelvben */
.woocommerce div.product form.cart .quantity input.qty {
  background-color: #000000;
  color: #FFFFFF;
  border: 1px solid rgba(200, 169, 106, .45);
  border-radius: 0;
  padding: 10px;
}

/* Dátumválasztó naptár (jQuery UI) – diszkrét arany hangsúly */
#ui-datepicker-div.ui-datepicker {
  border: 1px solid rgba(200, 169, 106, .5);
  border-radius: 0;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
}
#ui-datepicker-div .ui-datepicker-header {
  background: #212121;
  color: #FFFFFF;
  border: 0;
  border-radius: 0;
}
#ui-datepicker-div .ui-state-active,
#ui-datepicker-div .ui-state-highlight {
  background: #C8A96A;
  color: #212121;
  border-color: #C8A96A;
}

/* ---------- 3) Amelia – Hedoné színek és tipográfia ---------- */
/* Amelia teljes design-tokenrendszere CSS-változókra épül,
   ezért elég a tokeneket felülírni: ez a lista + a modal +
   a teljes foglalási folyamat egyszerre öröklődik.            */
/* Az Amelia a tokeneket futásidőben INLINE style-ban írja ki a
   komponensekre, ezért a felülíráshoz !important szükséges.      */
.amelia-v2-booking, .amelia-v2-booking *,
.am-dialog-popup, .am-dialog-popup *,
.am-select-popper, .am-select-popper *,
.am-popover-calendar, .am-popover-calendar * {
  --am-c-primary: #2A1110 !important;        /* volt: #1246D6 kék */
  --am-c-ec-primary: #2A1110 !important;     /* volt: #1246D6 kék */
  --am-c-sb-bgr: #212121 !important;         /* volt: #17295A     */
  --am-c-btn-prim: #C8A96A !important;       /* volt: #265CF2 kék */
  --am-c-btn-prim-text: #212121 !important;  /* volt: #FFFFFF     */
  --am-rad-btn: 0px !important;
  --am-font-family: "Montserrat", sans-serif !important;
}

/* Elsődleges CTA (pl. "Esemény foglalása") – Hedoné arany gomb */
.amelia-v2-booking [class*="am-button--prim"],
.am-dialog-popup [class*="am-button--prim"] {
  --am-c-btn-first: #C8A96A !important;
  --am-c-btn-second: #212121 !important;
  --am-c-btn-first-op80: rgba(200, 169, 106, .85) !important;
  --am-c-btn-first-op30: rgba(200, 169, 106, .3) !important;
  --am-c-btn-first-op20: rgba(200, 169, 106, .15) !important;
}

/* Amelia: az Element Plus tab és az avatar hardcoded kék színe */
.amelia-v2-booking .el-tabs__active-bar,
.am-dialog-popup .el-tabs__active-bar {
  background-color: #C8A96A !important;
}
.amelia-v2-booking .el-tabs__item.is-active,
.am-dialog-popup .el-tabs__item.is-active {
  color: #2A1110 !important;
}
.amelia-v2-booking .el-tabs__item:hover,
.am-dialog-popup .el-tabs__item:hover {
  color: #2A1110 !important;
}
.amelia-v2-booking [class*="organizer-img"],
.am-dialog-popup [class*="organizer-img"],
.amelia-v2-booking .am-avatar,
.am-dialog-popup .am-avatar {
  background-color: #2A1110 !important;
  color: #FFFFFF !important;
}

/* ---------- 3/b) Amelia – esemény lista a sötét oldalon ----- */
.hedone-amelia .am-elf {
  max-width: 100% !important;
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
  border: 0 !important;
  border-radius: 0 !important;
}
.hedone-amelia .am-els__available {
  color: rgba(255, 255, 255, .55) !important;
}
.hedone-amelia .am-ec {
  background: #000000 !important;
  border: 1px solid rgba(200, 169, 106, .2) !important;
  border-radius: 0 !important;
  box-shadow: inset 8px 0 0 0 #C8A96A !important;
}
.hedone-amelia .am-ec__period-date__day,
.hedone-amelia .am-ec__period-date__month,
.hedone-amelia .am-ec__period-date__year,
.hedone-amelia .am-ec__info-name {
  color: #FFFFFF !important;
}
.hedone-amelia .am-ec__period-time,
.hedone-amelia .am-ec__info-capacity__number,
.hedone-amelia .am-ec__info-capacity__text {
  color: rgba(255, 255, 255, .55) !important;
}
.hedone-amelia .am-ec__info-availability.open {
  color: #C8A96A !important;
}
.hedone-amelia .am-ec__actions-price,
.hedone-amelia .am-ec__actions-price p {
  color: #C8A96A !important;
}
.hedone-amelia .am-els__filters-menu__btn-inner {
  color: rgba(255, 255, 255, .55) !important;
  border-color: rgba(200, 169, 106, .2) !important;
}
.hedone-amelia .am-els__filters-menu__btn-inner span { color: inherit !important; }
.hedone-amelia .el-input__wrapper {
  background: #000000 !important;
  box-shadow: 0 0 0 1px rgba(200, 169, 106, .2) inset !important;
  border-radius: 0 !important;
}
.hedone-amelia .el-input__inner { color: #FFFFFF !important; }
.hedone-amelia .el-input__inner::placeholder { color: rgba(255, 255, 255, .45) !important; }
.hedone-amelia .el-input__prefix,
.hedone-amelia .el-input__prefix-inner,
.hedone-amelia .el-input__icon { color: rgba(255, 255, 255, .45) !important; }