/*
 * ENB | iPhone Safari mobil sabit bant metin düzeltmesi
 * Amaç: fiyat ve rezervasyon bantlarında üç nokta ile kesilmeyi kaldırmak,
 * uzun metinleri güvenli satırlara bölmek ve CTA/tarih alanlarını görünür tutmak.
 * Bu dosya header-assets.php tarafından diğer sayfa CSS'lerinden sonra yüklenir.
 */

@media (max-width: 760px) {
  .enb-price-smart,
  .enb-price-smart *,
  .enb-res-policy-float,
  .enb-res-policy-float * {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }

  /* FİYAT BANDI ---------------------------------------------------------- */
  .enb-price-smart {
    width: calc(100vw - 16px) !important;
    max-width: 500px !important;
  }

  .enb-price-smart__pill {
    min-height: 54px !important;
    display: grid !important;
    grid-template-columns: 28px minmax(0, 1fr) auto !important;
    grid-template-areas:
      "enb-price-icon enb-price-main enb-price-main"
      "enb-price-icon enb-price-source enb-price-date" !important;
    grid-template-rows: auto auto !important;
    align-items: center !important;
    column-gap: 8px !important;
    row-gap: 3px !important;
    padding: 8px 10px 8px 9px !important;
    border-radius: 22px !important;
  }

  .enb-price-smart__pulse {
    grid-area: enb-price-icon !important;
    width: 28px !important;
    height: 28px !important;
    align-self: center !important;
  }

  /* Body sarmalayıcısını grid akışından çıkar; metin, kaynak ve tarih
     doğrudan pill grid alanlarına yerleşsin. */
  .enb-price-smart__body {
    display: contents !important;
  }

  .enb-price-smart__text {
    grid-area: enb-price-main !important;
    min-width: 0 !important;
    width: 100% !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    font-size: clamp(11px, 3.05vw, 12.5px) !important;
    line-height: 1.12 !important;
    font-weight: 900 !important;
    letter-spacing: -0.018em !important;
  }

  .enb-price-smart__text strong {
    font-weight: 900 !important;
  }

  .enb-price-smart__source {
    grid-area: enb-price-source !important;
    min-width: 0 !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    font-size: clamp(9px, 2.45vw, 10px) !important;
    line-height: 1.12 !important;
    font-weight: 700 !important;
    letter-spacing: -0.01em !important;
  }

  .enb-price-smart__date {
    grid-area: enb-price-date !important;
    position: static !important;
    inset: auto !important;
    align-self: center !important;
    justify-self: end !important;
    min-height: 23px !important;
    padding: 0 7px !important;
    font-size: 9.5px !important;
    line-height: 1 !important;
    font-weight: 850 !important;
    white-space: nowrap !important;
  }

  /* REZERVASYON / YERİNİ AYIRT BANDI ----------------------------------- */
  .enb-res-policy-float {
    width: calc(100vw - 16px) !important;
    max-width: 430px !important;
  }

  .enb-res-policy-float__btn {
    min-height: 50px !important;
    display: grid !important;
    grid-template-columns: 28px minmax(0, 1fr) auto !important;
    grid-template-areas: "enb-res-icon enb-res-text enb-res-cta" !important;
    align-items: center !important;
    column-gap: 8px !important;
    padding: 7px 9px !important;
  }

  .enb-res-policy-float__pulse {
    grid-area: enb-res-icon !important;
    width: 28px !important;
    height: 28px !important;
  }

  .enb-res-policy-float__text {
    grid-area: enb-res-text !important;
    min-width: 0 !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    font-size: clamp(11px, 3vw, 12.5px) !important;
    line-height: 1.13 !important;
    font-weight: 900 !important;
    letter-spacing: -0.016em !important;
  }

  .enb-res-policy-float__tag {
    grid-area: enb-res-cta !important;
    min-height: 25px !important;
    padding: 0 8px !important;
    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 850 !important;
    white-space: nowrap !important;
  }
}

/* Çok dar iPhone SE ve benzeri ekranlarda CTA ikinci satıra alınır. */
@media (max-width: 360px) {
  .enb-price-smart,
  .enb-res-policy-float {
    width: calc(100vw - 12px) !important;
  }

  .enb-price-smart__pill {
    grid-template-columns: 26px minmax(0, 1fr) auto !important;
    column-gap: 7px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .enb-price-smart__pulse {
    width: 26px !important;
    height: 26px !important;
  }

  .enb-price-smart__text {
    font-size: 10.5px !important;
  }

  .enb-price-smart__source {
    font-size: 8.8px !important;
  }

  .enb-price-smart__date {
    min-height: 22px !important;
    padding: 0 6px !important;
    font-size: 9px !important;
  }

  .enb-res-policy-float__btn {
    grid-template-columns: 26px minmax(0, 1fr) !important;
    grid-template-areas:
      "enb-res-icon enb-res-text"
      "enb-res-icon enb-res-cta" !important;
    row-gap: 4px !important;
    column-gap: 7px !important;
    padding: 7px 9px !important;
  }

  .enb-res-policy-float__pulse {
    width: 26px !important;
    height: 26px !important;
  }

  .enb-res-policy-float__tag {
    justify-self: start !important;
    min-height: 23px !important;
    padding: 0 7px !important;
    font-size: 9.5px !important;
  }
}