/* Ana Kapsayıcı */
.bill-reader-wrapper {
    overflow-x: hidden;
}

/* ==================================
   SOL SÜTUN: SABİT FATURA GÖRSELİ
   ================================== */
.sticky-bill-container {
    transition: transform 0.24s ease;
}

.bill-image-wrapper {
    transition: transform 0.24s ease, box-shadow 0.24s ease;
    cursor: crosshair;
}

    .bill-image-wrapper:hover {
        transform: translateY(-2px);
        box-shadow: 0 18px 40px rgba(20, 32, 51, 0.12) !important;
    }

/* Büyüteç Efekti */
.transition-opacity {
    transition: opacity 0.3s ease;
}

.bill-image-wrapper:hover .magnify-overlay {
    opacity: 0.8 !important;
}

/* ==================================
   SAĞ SÜTUN: LÜKS AKORDEON
   ================================== */
.custom-bill-accordion {
    background-color: white;
}

    .custom-bill-accordion .accordion-item {
        transition: background-color 0.3s ease;
    }

    .custom-bill-accordion .accordion-button {
        background-color: white;
        box-shadow: none !important;
        padding: 25px 30px;
        border: none;
    }

        /* Akordeon Açıkken */
        .custom-bill-accordion .accordion-button:not(.collapsed) {
            background-color: #ffffff;
            color: #1a4c6b !important; /* Lacivert vurgu */
            box-shadow: 0 5px 15px rgba(0,0,0,0.03) !important;
        }

    /* Akordeon Gövdesi */
    .custom-bill-accordion .accordion-body {
        padding: 25px 30px;
        border-top: 1px solid rgba(0,0,0,0.03);
    }

    /* Ok İkonunun Rengi */
    .custom-bill-accordion .accordion-button::after {
        filter: invert(0.6);
    }

/* ==================================
   LİSTELER VE İÇERİK KARTLARI
   ================================== */
.custom-bullet-list li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 12px;
}

    .custom-bullet-list li::before {
        content: '\f0da';
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        position: absolute;
        left: 0;
        top: 2px;
        color: #f4aa3a; /* Turuncu */
    }

/* Yardımcı Renkler */
.bg-info-subtle {
    background-color: rgba(13, 202, 240, 0.1) !important;
}

.bg-primary-subtle {
    background-color: rgba(13, 110, 253, 0.1) !important;
}

.tracking-wider {
    letter-spacing: 0;
}

.z-index-2 {
    z-index: 2;
}