/* =========================================================
   ALPA - Fiyat Tablolari (BocekSoft)
   Editorde "Sablonlar" butonundan eklenir.
   Tum kurallar .alpa-ft altinda; sitenin geri kalanini etkilemez.
   ========================================================= */

.alpa-ft {
    display: block;
    float: left;
    width: 100%;
    margin: 20px 0;
    text-align: left;
    font-family: Roboto, Arial, sans-serif;
    line-height: 1.4;
    clear: both;
}
.alpa-ft * { box-sizing: border-box; }

/* Kart cercevesi + yatay kaydirma (mobil) */
.alpa-ft .alpa-ft-kart {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    background: #fff;
    border: 1px solid #e3e8f0;
    border-radius: 14px;
    box-shadow: 0 6px 24px rgba(23, 37, 64, .06);
}

.alpa-ft table {
    width: 100%;
    margin: 0;
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
    background: transparent;
}
.alpa-ft th,
.alpa-ft td {
    padding: 14px 18px;
    border: 0;
    border-bottom: 1px solid #e8edf4;
    vertical-align: middle;
    text-align: left;
    color: #1d2433;
    font-size: 15px;
}
.alpa-ft tbody tr:last-child td { border-bottom: 0; }
.alpa-ft tbody tr:nth-child(even) td { background: #f5f8fc; }
.alpa-ft td:first-child { font-weight: 700; white-space: nowrap; }
.alpa-ft p { float: none; width: auto; margin: 0; font-size: inherit; line-height: inherit; color: inherit; }
.alpa-ft .alpa-sag { text-align: right; }
.alpa-ft .alpa-orta { text-align: center; }

/* Altta aciklama notu */
.alpa-ft .alpa-not {
    display: block;
    float: none;
    width: 100%;
    margin: 10px 4px 0;
    color: #5b6578;
    font-size: 13px;
    line-height: 1.5;
}

/* ---------------------------------------------------------
   1) SADE TABLO  (Model | Fiyat | Detay)
   --------------------------------------------------------- */
.alpa-ft-sade th {
    padding-top: 16px;
    padding-bottom: 16px;
    background: #fff;
    color: #6b7487;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .08em;
    text-transform: uppercase;
    border-bottom: 1px solid #dfe5ee;
}
.alpa-ft-sade .alpa-fiyat { font-size: 17px; font-weight: 700; color: #111827; white-space: nowrap; }
.alpa-ft-sade .alpa-soluk { font-size: 13px; color: #8a93a5; font-weight: 400; }
.alpa-ft a.alpa-detay,
.alpa-ft a.alpa-detay:visited {
    display: inline-block;
    padding: 6px 14px;
    border-radius: 8px;
    background: #e6f6ec;
    color: #15803d;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    white-space: nowrap;
}
.alpa-ft a.alpa-detay:hover { background: #15803d; color: #fff; }

/* ---------------------------------------------------------
   2) BUTONLU TABLO  (Model | Hizmet 1 | Hizmet 2)
   --------------------------------------------------------- */
.alpa-ft-buton table { min-width: 620px; }
.alpa-ft-buton th {
    padding-top: 16px;
    padding-bottom: 16px;
    background: #172540;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
}
.alpa-ft-buton td { padding-top: 12px; padding-bottom: 12px; }

.alpa-ft a.alpa-btn,
.alpa-ft a.alpa-btn:visited {
    display: inline-block;
    position: relative;
    min-width: 92px;
    margin: 3px 6px 3px 0;
    padding: 12px 38px 12px 12px;
    border-radius: 8px;
    background: #1b3fa0;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.25;
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap;
    transition: transform .15s ease, filter .15s ease;
}
.alpa-ft a.alpa-btn::after {
    content: "\2192";
    position: absolute;
    right: 13px;
    top: 50%;
    transform: translateY(-50%);
    font-weight: 400;
    font-size: 17px;
}
.alpa-ft a.alpa-btn:hover { color: #fff; filter: brightness(1.15); transform: translateY(-1px); }

/* Ust kucuk etiket: "A kalite ekran" */
.alpa-ft a.alpa-btn .alpa-etiket {
    display: block;
    margin-bottom: 2px;
    font-size: 12px;
    font-weight: 400;
    opacity: .95;
}

/* Renkler */
.alpa-ft a.alpa-btn.yesil   { background: #0f6450; }
.alpa-ft a.alpa-btn.turuncu { background: #e1541b; }
.alpa-ft a.alpa-btn.kirmizi { background: #c62828; }
.alpa-ft a.alpa-btn.siyah   { background: #1f2937; }
.alpa-ft a.alpa-btn.mor     { background: #6d28d9; }

/* Mobil */
@media (max-width: 640px) {
    .alpa-ft th, .alpa-ft td { padding: 10px 10px; font-size: 14px; }
    .alpa-ft-buton th { font-size: 14px; }
    .alpa-ft a.alpa-btn { font-size: 14px; padding: 10px 32px 10px 10px; min-width: 0; }
    .alpa-ft a.alpa-btn::after { right: 10px; }
    .alpa-ft-sade .alpa-fiyat { font-size: 15px; }
}