/* body.view-article .container-banner,
body.view-article .site-grid > .container-banner {
    display: none !important;
} */

/* Styling Butang Read More Blog */
.readmore a, 
a.btn-readmore,
.blog-item .readmore a {
    display: inline-block !important;
    background-color: #0d3b66 !important; /* Warna biru tua korporat */
    color: #ffffff !important;
    padding: 10px 24px !important;
    border-radius: 50px !important; /* Bentuk bujal/rounded */
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    text-decoration: none !important;
    border: none !important;
    box-shadow: 0 4px 10px rgba(13, 59, 102, 0.2) !important;
    transition: all 0.3s ease !important;
    margin-top: 15px !important;
}

/* Kesan Hover (Apabila Tetikus Lalu) */
.readmore a:hover, 
a.btn-readmore:hover,
.blog-item .readmore a:hover {
    background-color: #e07a5f !important; /* Bertukar warna aksen (jingga/merah) */
    color: #ffffff !important;
    transform: translateY(-2px) !important; /* Naik sikit ke atas */
    box-shadow: 0 6px 15px rgba(224, 122, 95, 0.3) !important;
}

/* Membuang garisan bawah pada tajuk artikel blog */
.item-title a,
.page-header h2 a,
.blog h2 a,
.blog-item h2 a,
h2 a {
    text-decoration: none !important;
    border-bottom: none !important;
}

/* (Opsional) Jika mahu garisan muncul HANYA bila tetikus lalu/hover */
.item-title a:hover,
.page-header h2 a:hover,
.blog h2 a:hover,
.blog-item h2 a:hover,
h2 a:hover {
    text-decoration: underline !important;
}

/* Styling Kotak Modul Sidebar */
.card, 
.module-can,
.well {
    border-radius: 8px !important;
    border: 1px solid #e5e7eb !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05) !important;
    overflow: hidden !important;
}

/* Styling Header / Tajuk Modul "Blog Article List" */
.card-header, 
.module-title,
h3.card-title {
    background-color: #0d3b66 !important; /* Warna biru tua korporat */
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    padding: 12px 16px !important;
    border-bottom: none !important;
}

/* Styling Senarai Pautan Artikel */
.card-body ul, 
.mod-articlescategory, 
.mod-articleslatest {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.card-body li, 
.mod-articlescategory li, 
.mod-articleslatest li {
    padding: 10px 14px !important;
    border-bottom: 1px dashed #e5e7eb !important; /* Garisan pemisah putus-putus */
    transition: all 0.2s ease !important;
}

.card-body li:last-child {
    border-bottom: none !important; /* Buang garisan bawah pada item terakhir */
}

/* Styling Teks Pautan Artikel */
.card-body a, 
.mod-articlescategory a, 
.mod-articleslatest a {
    color: #333333 !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    display: block !important;
}

/* Kesan Hover Apabila Tetikus Lalu di Atas Tajuk */
.card-body li:hover {
    background-color: #f8fafc !important; /* Warna latar belakang lembut */
    padding-left: 18px !important; /* Sedikit anjakan ke kanan */
}

.card-body a:hover {
    color: #0d3b66 !important; /* Bertukar warna ke biru korporat */
    font-weight: 600 !important;
}

/* Container Utama Breadcrumb */
.mod-breadcrumbs,
nav[aria-label="breadcrumbs"],
.breadcrumb {
    background-color: #f8fafc !important; /* Latar kelabu lembut */
    padding: 10px 18px !important;
    border-radius: 8px !important;
    border: 1px solid #e2e8f0 !important;
    font-size: 13px !important;
    margin-bottom: 20px !important;
}

/* Mengatur susunan elemen breadcrumb */
.breadcrumb {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    list-style: none !important;
}

/* Teks "You are here:" */
.breadcrumb-item-title,
.breadcrumb > li:first-child {
    font-weight: 600 !important;
    color: #475569 !important;
}

/* Membuang garisan bawah pada pautan "Home" & menambah warna korporat */
.breadcrumb a {
    color: #0d3b66 !important;
    text-decoration: none !important; /* Buang garisan bawah asal */
    font-weight: 500 !important;
    transition: color 0.2s ease !important;
}

/* Kesan bila tetikus disorot pada "Home" */
.breadcrumb a:hover {
    color: #e07a5f !important;
    text-decoration: none !important;
}

/* Teks Halaman Semasa "Blog Corner" */
.breadcrumb-item.active,
.breadcrumb > li:last-child {
    color: #1e293b !important;
    font-weight: 600 !important;
}

/* Menukar simbol pemisah '/' kepada chevron '›' yang lebih kemas */
.breadcrumb-item + .breadcrumb-item::before,
.breadcrumb > li + li::before {
    content: "›" !important;
    color: #94a3b8 !important;
    padding: 0 10px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

/* ==========================================
   Garisan Pemisah Antara Artikel Blog
   ========================================== */
.com-content-category-blog__item,
.blog-item,
.items-leading > div,
.items-row > div {
    padding-bottom: 30px !important;
    margin-bottom: 30px !important;
    border-bottom: 1px solid #e2e8f0 !important; /* Garisan pemisah kelabu kemas */
}

/* Membuang garisan pemisah pada artikel yang paling akhir */
.com-content-category-blog__item:last-child,
.blog-item:last-child,
.items-leading > div:last-child {
    border-bottom: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}