/* ===========================
   Bukti Kemenangan LTE4D Styles
   =========================== */

#buktiRoot .text-secondary {
      color: #ffe7cf !important;
    }

    /* GRID list — mobile: 1 kolom, desktop: 3 kolom */
    .bukti-list {
      display: grid;
      grid-template-columns: 1fr;
      gap: .75rem;
    }

    @media (min-width: 992px) {
      .bukti-list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
    }

    .bukti-card {
      border-radius: 12px;
      border: 1px solid rgba(255, 180, 130, .45);
      background: linear-gradient(135deg, #7f1111, #991313);
      padding: .8rem .9rem .85rem;
      color: #ffe7cf;
      display: flex;
      flex-direction: column;
      height: 100%;
    }

    .bukti-meta {
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: .78rem;
      margin-bottom: .25rem;
      color: #ffbe85;
    }

    .bukti-badge {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: .2rem .55rem;
      border-radius: 999px;
      background: linear-gradient(135deg,#ff7a3b,#ffb43b);
      color: #2b0b0b;
      font-weight: 700;
      font-size: .72rem;
      text-transform: uppercase;
      letter-spacing: .04em;
    }

    .bukti-time {
      opacity: .9;
    }

    .bukti-image-wrapper {
      border-radius: 10px;
      overflow: hidden;
      border: 1px solid rgba(255, 227, 185, .35);
      background: #000;
    }

    .bukti-image {
      display: block;
      width: 100%;
      height: auto;
      max-height: none;
      object-fit: contain;
    }

    .bukti-title {
      font-size: .9rem;
      font-weight: 700;
      margin: .25rem 0 .25rem;
    }

    .bukti-text {
      font-size: .8rem;
      margin-bottom: .35rem;
      color: #ffe7cf;
    }

    .bukti-footer {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: .25rem .5rem;
      font-size: .78rem;
      color: #ffbe85;
    }

    .bukti-cta-card{
      margin-top:.5rem;
      text-align:center;
    }

    .btn-register-bukti{
      display:inline-block;
      padding:.4rem 1.1rem;
      border-radius:999px;
      font-size:.78rem;
      font-weight:700;
      color:#2b0b0b;
      text-decoration:none;
      background:linear-gradient(135deg,#ffd54a,#ffb300);
      box-shadow:
        0 0 0 1px rgba(0,0,0,.4),
        0 4px 10px rgba(0,0,0,.55);
    }

    .btn-register-bukti:hover{
      filter:brightness(1.05);
      color:#1f1305;
    }

    /* Container lebar sedikit lebih besar untuk grid desktop */
    @media (min-width:768px){
      main#buktiRoot {
        max-width: 1140px;
      }
    }

    /* Pagination */
    .bukti-pagination {
      margin-top: 1.2rem;
      display:flex;
      justify-content:center;
      align-items:center;
      gap:.75rem;
      flex-wrap:wrap;
    }

    .bukti-pagination .page-numbers {
      display:flex;
      gap:.35rem;
      flex-wrap:wrap;
      justify-content:center;
    }

    .page-link-bukti {
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-width:32px;
      padding:.25rem .55rem;
      border-radius:999px;
      border:1px solid rgba(255, 228, 185, .55);
      font-size:.78rem;
      text-decoration:none;
      color:#ffe7cf;
      background:rgba(120,0,0,.35);
    }

    .page-link-bukti:hover{
      background:rgba(255,180,130,.35);
      color:#fff7e6;
    }

    .page-link-bukti.active{
      background:linear-gradient(135deg,#ffb43b,#ff7a3b);
      color:#2b0b0b;
      border-color:rgba(255,236,179,.9);
      font-weight:700;
    }

    .page-link-bukti.prev-next{
      padding:.25rem .7rem;
    }

    .bukti-subinfo small {
      font-size: .78rem;
    }