/* =====================================================================
   PAKET KARSILASTIRMA TABLOSU v3 (web tasarim paketi / "table" sablonu)
   Mevcut tablo tasarimi aynen korunur; yalnizca mobil yerlesim ve
   dokunmatik cihaz davranisi duzeltilir. Geri almak icin
   resources/views/front/packages/table.blade.php icindeki
   paket-tablo-v3.css ve paket-tablo-v3.js satirlarini silmek yeterli.
   ===================================================================== */

/* "Paket Ozellikleri / Size uygun bir paket secin!" metni ust kapsayicidaki font-size:0 yuzunden
   hic gorunmuyordu (sol ust hucre bos kaliyordu): tablonun kendi baslik yazi stilleriyle gorunur */
main#main.package div.packages-table div.table-area div.features-area div.features-head div.items div.details div.title {
  font-family: "Gilroy Bold";
  font-size: 20px;
  line-height: 1.2;
  color: #1A1A1A;
}
main#main.package div.packages-table div.table-area div.features-area div.features-head div.items div.details div.desc {
  font-family: "Gilroy Regular";
  font-size: 14px;
  line-height: 1.4;
  color: rgba(26, 26, 26, 0.75);
  margin-top: 4px;
}

/* logo dosyasi bulunamazsa (JS pt3-nologo ekler) metin hucreyi tam kaplar */
main#main.package div.packages-table div.table-area div.features-area div.features-head.pt3-nologo div.items div.logo { display: none; }
main#main.package div.packages-table div.table-area div.features-area div.features-head.pt3-nologo div.items div.details { width: 100%; padding-left: 0; text-align: center; }

/* paket secici yalnizca mobilde gorunur (JS ekler) */
main#main.package div.packages-table div.pt3-switch { display: none; }

/* Dokunmatik cihazlarda hover olmadigi icin TEKLIF AL butonlari hic gorunmuyordu */
@media (hover: none) {
  main#main.package div.packages-table div.table-area div.packages-area div.packages-top div.package-block a.block-button { display: block; }
  main#main.package div.packages-table div.table-area div.packages-area { padding-bottom: 50px; }
}

@media (max-width: 767px) {
  /* "Anahtar Teslim / Yillik Danismanlik" anahtari 3 satira dagiliyordu: tek satir */
  main#main.package div.section-choose { margin-bottom: 30px; }
  main#main.package div.section-choose label.checkbox div.checkbox {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
  }
  main#main.package div.section-choose label.checkbox div.checkbox div.name { font-size: 16px; line-height: 1.2; }
  main#main.package div.section-choose label.checkbox div.checkbox div.name span {
    display: block;
    width: max-content;
    height: 24px;
    line-height: 22px;
    margin: 5px 0 0;
    padding: 0 10px;
    font-size: 11px;
  }
  main#main.package div.section-choose label.checkbox div.checkbox div.button {
    flex: 0 0 auto;
    margin: 0;
    width: 64px;
    height: 34px;
  }
  main#main.package div.section-choose label.checkbox div.checkbox div.button:before { top: 3px; left: 3px; width: 26px; height: 26px; }
  main#main.package div.section-choose label.checkbox input:checked ~ div.checkbox div.button:before { left: 33px; }

  /* paket secici: tablo baslik hucreleriyle ayni renk ve yazi dili */
  main#main.package div.packages-table div.pt3-switch {
    display: flex;
    gap: 4px;
    padding: 4px;
    margin-bottom: 50px;
    background-color: #F0F0F0;
    border-radius: 12px;
    overflow-x: auto;
    scrollbar-width: none;
  }
  main#main.package div.packages-table div.pt3-switch::-webkit-scrollbar { display: none; }
  main#main.package div.packages-table div.pt3-switch button {
    flex: 1 1 auto;
    white-space: nowrap;
    border: 0;
    border-radius: 9px;
    padding: 10px 5px;
    background: transparent;
    font-family: "Gilroy Bold";
    font-size: 12px;
    line-height: 1.2;
    color: rgba(26, 26, 26, 0.5);
    cursor: pointer;
  }
  main#main.package div.packages-table div.pt3-switch button.is-active {
    background-color: var(--pt3-accent, #2079FF);
    color: #fff;
  }

  /* yatay kaydirma yerine: ozellik sutunu + secili tek paket sutunu */
  main#main.package div.packages-table div.table-area {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 42%;
    overflow: visible;
  }
  main#main.package div.packages-table div.table-area div.features-area {
    position: static;
    width: auto;
    box-shadow: none;
  }
  main#main.package div.packages-table div.table-area div.packages-area {
    position: static;
    width: auto;
    left: 0;
    padding-top: 1px; /* ozellik sutunundaki 1px ust kenarlikla satir hizasi */
    padding-bottom: 50px;
  }
  main#main.package div.packages-table div.table-area div.packages-area div.packages-top { display: block; }
  main#main.package div.packages-table.pt3-ready div.table-area div.packages-area div.packages-top div.package-block { display: none; }
  main#main.package div.packages-table.pt3-ready div.table-area div.packages-area div.packages-top div.package-block.is-active { display: block; }

  /* baslik yuksekligi iki sutunda esit kalmali (satir hizasi) */
  main#main.package div.packages-table div.table-area div.features-area div.features-head,
  main#main.package div.packages-table div.table-area div.packages-area div.packages-top div.package-block div.block-head { height: 124px; }
  main#main.package div.packages-table div.table-area div.features-area div.features-head { padding: 0 12px; }
  main#main.package div.packages-table div.table-area div.features-area div.features-head div.items div.logo { width: 38px; }
  main#main.package div.packages-table div.table-area div.features-area div.features-head div.items div.details { width: calc(100% - 38px); padding-left: 8px; text-align: left; }
  main#main.package div.packages-table div.table-area div.features-area div.features-head div.items div.details div.title { font-size: 14px; line-height: 1.2; }
  main#main.package div.packages-table div.table-area div.features-area div.features-head div.items div.details div.desc { font-size: 12px; line-height: 1.3; }

  main#main.package div.packages-table div.table-area div.features-area div.features-list div.list-block {
    padding: 0 12px;
    font-size: 13.5px;
    line-height: 1.25;
  }
  main#main.package div.packages-table div.table-area div.packages-area div.packages-top div.package-block div.block-head div.title { font-size: 11px; }
  main#main.package div.packages-table div.table-area div.packages-area div.packages-top div.package-block div.block-head div.prices div.price div,
  main#main.package div.packages-table div.table-area div.packages-area div.packages-top div.package-block div.block-head div.prices div.year_price div { font-size: 22px; line-height: 24px; }
  main#main.package div.packages-table div.table-area div.packages-area div.packages-top div.package-block div.block-head div.prices div.price span,
  main#main.package div.packages-table div.table-area div.packages-area div.packages-top div.package-block div.block-head div.prices div.year_price span { font-size: 12px; margin-left: 3px; }
  main#main.package div.packages-table div.table-area div.packages-area div.packages-top div.package-block div.block-head div.prices div.ins { font-size: 12px; }
  main#main.package div.packages-table div.table-area div.packages-area div.packages-top div.package-block div.block-listing div.listing-block { font-size: 14px; }
  main#main.package div.packages-table div.table-area div.packages-area div.packages-top div.package-block a.block-button { display: block; font-size: 14px; }
  main#main.package div.packages-table div.table-area div.packages-area div.packages-top div.package-block div.most {
    top: -40px;
    height: 40px;
    line-height: 40px;
    font-size: 11px;
    border-radius: 16px 16px 0 0;
  }
  /* aciklama balonu dar ekranda tasmasin */
  main#main.package div.packages-table div.features-list div.list-block[data-tip]:after { max-width: 240px; white-space: normal; }

  /* "Onemli Bilgilendirme" madde noktasi cok satirli maddelerde ilk satira hizalansin */
  main#main div.service-features div.section-footer ul li:before { top: 10px; }
}