/* Custom Slim 3D Button Al-Kautsar */
.alkautsar-download-wrapper {
    padding: 15px 5px;
    text-align: center;
    width: 100%; /* Memastikan kontainer mengambil lebar penuh sidebar */
}

.btn-alkautsar-3d-slim {
    display: block !important; /* Membuat tombol memanjang penuh */
    position: relative;
    padding: 12px 15px !important; /* Padding atas-bawah dikurangi agar ramping */
    margin: 0 auto;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px !important; /* Ukuran font sedikit dikecilkan agar muat satu baris */
    font-weight: 700 !important;
    color: #ffffff !important;
    text-decoration: none !important;
    text-transform: uppercase;
    border-radius: 8px !important; /* Sudut sedikit kotak agar terlihat lebih modern/slim */
    border: none !important;
    white-space: nowrap; /* Mencegah teks turun ke bawah */
    overflow: hidden;
    
    /* Gradasi Biru Al-Kautsar */
    background: linear-gradient(to bottom, #0056ad 0%, #003366 100%) !important;
    
    /* Efek 3D Tipis (Tebal dikurangi dari 8px ke 4px) */
    box-shadow: 0 4px 0 #002244, 0 8px 15px rgba(0,0,0,0.2) !important;
    
    transition: all 0.1s ease-in-out !important;
}

/* Kilauan halus di bagian atas */
.btn-alkautsar-3d-slim::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(to bottom, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0) 100%);
    pointer-events: none;
}

.btn-alkautsar-3d-slim:hover {
    background: linear-gradient(to bottom, #0066cc 0%, #003d7a 100%) !important;
    transform: translateY(-1px);
    box-shadow: 0 5px 0 #002244, 0 10px 18px rgba(0,0,0,0.3) !important;
}

/* Efek Klik */
.btn-alkautsar-3d-slim:active {
    box-shadow: 0 1px 0 #002244, 0 2px 5px rgba(0,0,0,0.2) !important;
    transform: translateY(3px) !important;
}

.alkautsar-caption-slim {
    display: block;
    margin-top: 10px;
    font-size: 11px;
    color: #777;
    line-height: 1.2;
}
/* Menghilangkan border dan mengatur posisi bendera agar sejajar */
.page_issue .description img[src$=".gif"], 
.page_index_journal .description img[src$=".gif"],
.obj_issue_full .description img[src$=".gif"] {
    display: inline-block !important; /* Membuat gambar sejajar ke samping */
    width: 70px !important;         /* Sesuaikan lebar bendera */
    height: auto !important;
    border: none !important;          /* Menghilangkan border */
    box-shadow: none !important;      /* Menghilangkan bayangan jika ada */
    margin-right: 1px !important;    /* Memberi jarak antar bendera */
    margin-bottom: 10px !important;
    padding: 0 !important;            /* Menghilangkan spasi dalam bingkai */
    vertical-align: middle;
}

/* Memastikan kontainer deskripsi mendukung tampilan inline */
.page_issue .description, 
.page_index_journal .description {
    display: block;
    width: 100%;
}