/* ==========================================================================
   FRESHA - rezervace masáže přes Fresha na detailu produktu
   Aktivuje se přes body.fresha-product (třídu přidává fresha.js).
   Nahrazuje košík odkazem na Fresha + přidává odkaz na dárkový poukaz.
   ========================================================================== */

/* Zelené tlačítko "Online rezervace" */
body.fresha-product .fresha-reservation-btn {
  background-color: #2e7d5c !important;
  border-color: #2e7d5c !important;
  color: #fff !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  text-decoration: none !important;
  padding-left: 18px !important;
  padding-right: 18px !important;
}
body.fresha-product .fresha-reservation-btn:hover,
body.fresha-product .fresha-reservation-btn:focus {
  background-color: #245f47 !important;
  border-color: #245f47 !important;
  color: #fff !important;
}

/* Skrytí Shoptet bloku dostupnosti (mirrorujeme ji inline vedle ceny) */
body.fresha-product .detail-parameter-availability {
  display: none !important;
}

/* Skrytí roletky výběru varianty i s popiskem (termín řeší Fresha) */
body.fresha-product .p-variants-block {
  display: none !important;
}

/* Zelená tečka před textem tlačítka */
.fresha-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #37BE62;
  flex-shrink: 0;
  display: inline-block;
}

/* Ikonka "otevřít v novém okně" */
.fresha-ext-icon {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
}

/* Řádek: tlačítko rezervace + odkaz na poukaz vedle sebe */
.fresha-actions {
  display: flex;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
  margin-bottom: 32px; /* místo pro absolutně umístěný popisek pod tlačítkem */
}

/* Sloupec s tlačítkem (popisek je absolutní, viz níže) */
.fresha-btn-col {
  position: relative;
  display: inline-flex;
}

/* Popisek "Booking by fresha" - absolutní pod tlačítkem, aby neroztahoval
   sloupec a odkaz na poukaz zůstal vertikálně na středu tlačítka */
.fresha-booking-label {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  margin-top: 6px;
  font-style: italic;
  font-size: 0.82em;
  color: #c9a05e;
  text-align: center;
}

/* Odkaz "Koupit jako dárkový poukaz" */
.fresha-voucher-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #4A2C2A;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.fresha-voucher-link:hover,
.fresha-voucher-link:focus {
  color: #7A5C50;
}
.fresha-voucher-icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

/* Inline dostupnost vedle ceny */
.fresha-avail-inline {
  display: inline-flex;
  align-items: center;
  margin-left: 14px;
  font-size: 0.85em;
  font-weight: 600;
  vertical-align: middle;
}