.sefer-list-container {
    padding: 6px;
}

.sefer-card {
    background: white;
    border-radius: 14px;
    padding: 12px 18px;
    margin-bottom: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

/* === GENEL KOLONLAR === */
.sefer-col {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* === SOL BLOK === */
.sefer-left {
    width: 85px;
}

.sefer-date {
    font-size: 15px;
    font-weight: 700;
    color: #1F57C3;
}

.sefer-time {
    font-size: 22px;
    font-weight: 700;
    margin-top: 2px;
}

.sefer-saat-dk {
    font-size: 11px;
    color: gray;
    margin-top: -3px;
}

/* === ORTA BLOK === */
.sefer-center {
    flex-grow: 1;
    text-align: center;
    padding: 0 5px;
}

.sefer-route {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 4px;
}

.sefer-icons i {
    margin: 0 3px;
    font-size: 16px;
    color: #666;
}

.sefer-model {
    font-size: 13px;
    color: #444;
    margin-top: 4px;
}

/* === SAĞ BLOK === */
.sefer-right {
    min-width: 110px;
    text-align: right;
}

.sefer-price {
    font-weight: bold;
    font-size: 17px;
    color: #009744;
    margin-bottom: 6px;
}

.seat-btn {
    background: #00B365;
    color: white;
    padding: 6px 16px;
    border-radius: 20px;
    font-weight: 600;
    font-size: 14px;
}

    .seat-btn:hover {
        background: #009954;
    }

/* ========= MOBİL ========= */
@media (max-width: 768px) {

    .sefer-card__ {
        width: 100% !important;
        padding-left: 12px;
        padding-right: 12px;
    }

    .sefer-card {
        width: calc(100% + 8px) !important; /* Sağ + Sol 4px */
        margin-left: -4px !important;
        margin-right: -4px !important;
    }



    .sefer-left {
        width: 70px;
        align-items: flex-start;
        text-align: left;
    }

    .sefer-center {
        text-align: left;
        align-items: flex-start;
    }

    .sefer-right {
        text-align: right;
        align-items: flex-end;
    }

    .seat-btn {
        width: auto;
        padding: 6px 14px;
        font-size: 13px;
        margin-top: 4px;
    }

    /* Orta blok tam ortalansın */
    .sefer-center {
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center !important;
        align-items: center !important;
    }

        .sefer-center .sefer-route {
            text-align: center !important;
        }

        .sefer-center .sefer-info,
        .sefer-center .sefer-model {
            text-align: center !important;
        }

    @media (max-width: 768px) {
        .page-wrapper {
            padding: 10px 12px;
        }

        .sefer-card {
            margin-bottom: 14px;
        }
    }
     /*arama butonları*/
    /* Mobil (max 768px) */
    @media (max-width: 768px) {

        /* Tarih satırını dikey yap */
        .mobile-date-container {
            flex-direction: column !important;
            align-items: stretch !important;
            gap: 10px !important;
        }

        /* Bugün – Yarın yan yana */
        .mobile-date-buttons {
            display: flex !important;
            flex-direction: row !important;
            justify-content: space-between !important;
            gap: 10px;
        }

            .mobile-date-buttons .search-btn {
                width: 100% !important;
            }
    }

    /* Mobilde sefer arama kartının iç boşluklarını küçültelim */
    @media (max-width: 768px) {
        .sefer-ara-panel .card-body {
            padding: 15px 20px !important; /* üst-alt 15px, sağ-sol 20px */
        }

        /* Inputları biraz genişletelim */
        .search-input, .search-btn {
            width: 100% !important;
        }
    }


}