/* =====================================
PT ALTIANKA LITERASI MEDIA
CUSTOM HEADER OMP 3.x
===================================== */

/* =====================================
HEADER
===================================== */

.pkp_structure_head {
position: relative;
overflow: hidden;
background: #0F3D56 !important;
padding-top: 180px !important;
padding-bottom: 0 !important;
border-bottom: none !important;
}

.pkp_structure_head:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 180px;

background-image: url("https://book.altianka.id/images/tess%20(1).png");
background-repeat: no-repeat;
background-position: center top;
background-size: cover;

z-index: 0;


}

.pkp_structure_head * {
position: relative;
z-index: 2;
}

/* Sembunyikan logo bawaan OMP */

.pkp_site_name {
display: none !important;
}

/* Full width header */

.pkp_site_name_wrapper,
.pkp_site_name,
.pkp_structure_head .container,
.pkp_structure_head .cmp_wrapper {
width: 100% !important;
max-width: 100% !important;
}

/* =====================================
DROPDOWN MENU MODERN
PT ALTIANKA LITERASI MEDIA
===================================== */

/* Pastikan dropdown tidak terpotong */

.pkp_structure_head,
.pkp_site_nav_menu,
.pkp_navigation_primary_wrapper,
.pkp_navigation_primary{
    overflow: visible !important;
}

.pkp_navigation_primary_wrapper{
    position: relative;
    z-index: 9999 !important;
}

/* Parent menu */

.pkp_navigation_primary > li{
    position: relative !important;
}

/* Dropdown utama */

.pkp_navigation_primary > li > ul{
    position: absolute !important;

    top: 100% !important;
    left: 0 !important;

    margin: 0 !important;
    padding: 6px 0 !important;

    min-width: 240px;

    background: #ffffff;
    border: none !important;
    border-radius: 10px;

    box-shadow:
        0 12px 28px rgba(0,0,0,.15),
        0 2px 8px rgba(0,0,0,.08);

    overflow: hidden;

    z-index: 10000 !important;

    transform: none !important;
}

/* Hapus offset bawaan tema OMP */

.pkp_navigation_primary li ul,
.pkp_navigation_primary ul ul{
    margin-top: 0 !important;
}

/* Item dropdown */

.pkp_navigation_primary > li > ul > li{
    width: 100%;
    margin: 0;
    padding: 0;
}

/* Link dropdown */

.pkp_navigation_primary > li > ul > li > a{
    display: block;

    padding: 12px 18px !important;

    font-size: 13px;
    font-weight: 500;

    color: #18445C !important;
    background: transparent;

    transition: all .2s ease;
}

/* Hover */

.pkp_navigation_primary > li > ul > li > a:hover{
    background: #f4f8fb;
    color: #0d4f7c !important;
    padding-left: 24px !important;
}

/* Active */

.pkp_navigation_primary > li > ul > li.current > a,
.pkp_navigation_primary > li > ul > li.current_page_item > a{
    background: #eaf3f9;
    color: #0d4f7c !important;
    font-weight: 600;
}

/* Garis pemisah */

.pkp_navigation_primary > li > ul > li:not(:last-child){
    border-bottom: 1px solid #eef2f5;
}

/* Efek muncul */

.pkp_navigation_primary > li:hover > ul{
    animation: altiankaDropdown .15s ease-out;
}

@keyframes altiankaDropdown{
    from{
        opacity: 0;
        transform: translateY(5px);
    }
    to{
        opacity: 1;
        transform: translateY(0);
    }
}

/* =====================================
SIDEBAR ALTIANKA - ULTRA COMPACT
===================================== */

.pkp_block,
.block_custom,
.sidebar .block,
.sidebar .pkp_block {
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
}

.pkp_block .content,
.block_custom .content,
.sidebar .content {
    margin: 0 !important;
    padding: 0 !important;
}

.sidebar h2,
.sidebar h3,
.sidebar .title {
    margin-bottom: 8px !important;
}

.sidebar .pkp_block:last-child {
    margin-bottom: 0 !important;
}


/* =====================================
NAVIGATION
===================================== */

.pkp_navigation_primary_wrapper {
position: relative;
background: #1C465C !important;
border: none !important;
box-shadow: 0 2px 6px rgba(0,0,0,.08);
}

.pkp_navigation_primary_wrapper .container,
.pkp_site_nav_menu .container {
width: 100% !important;
max-width: 100% !important;
}

/* Menu utama */

.pkp_navigation_primary {
display: flex;
align-items: center;
flex-wrap: nowrap;

gap: 14px;

padding: 0 120px 0 15px !important;
margin: 0 !important;
}

/* Item menu */

.pkp_navigation_primary > li {
white-space: nowrap;
}

/* Link menu */

.pkp_navigation_primary > li > a {
color: #ffffff !important;
font-size: 14px;
font-weight: 600;
padding: 14px 8px !important;
transition: all .25s ease;
}

/* Hover */

.pkp_navigation_primary > li > a:hover {
color: #ffd166 !important;
}

/* Active */

.pkp_navigation_primary .current > a,
.pkp_navigation_primary .current_page_item > a {
color: #ffd166 !important;
}

/* Dropdown */

.pkp_navigation_primary ul {
border: none !important;
box-shadow: 0 8px 20px rgba(0,0,0,.12);
}

.pkp_navigation_primary ul a {
font-size: 13px;
}
/* =====================================
SEARCH
===================================== */

/* Tombol Search */

.pkp_navigation_search_wrapper {
    position: absolute !important;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    z-index: 9999;
}

.pkp_navigation_search {
    margin: 0 !important;
    padding: 0 !important;
}

.pkp_navigation_search_wrapper a,
.pkp_search a {
    color: #ffffff !important;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}

.pkp_navigation_search_wrapper a:hover,
.pkp_search a:hover {
    color: #ffd166 !important;
}

/* =====================================
ALTIANKA CARD EFFECT
===================================== */

.page,
.homepage_content {
    animation: altiankaFadeUp .45s ease;
}

.obj_monograph_summary:hover,
.pkp_block:hover {

    transform: translateY(-3px);

    box-shadow:
        0 8px 20px rgba(0,0,0,.08);

}

/* =====================================
RESPONSIVE
===================================== */

@media (max-width: 992px) {

    .pkp_navigation_primary {
        gap: 8px;
        padding-right: 90px !important;
    }

    .pkp_navigation_primary > li > a {
        font-size: 13px;
        padding: 12px 6px !important;
    }

}

.page_index_site .cmp_monographs_list > h2{
    position: relative !important;
    z-index: 9999 !important;
    background:#fff !important;
    display:block !important;
    padding:15px 0 !important;
    margin-bottom:20px !important;
}

.page_index_site .obj_monograph_summary{
    z-index:1 !important;
}

/* =====================================
ALTIANKA CATEGORY BLOCK
===================================== */

.alm-category{
    transition: all .25s ease;
    border: 2px solid transparent;
}

.alm-category:hover{
    background: #FFD166 !important;
    color: #0F3D56 !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0,0,0,.15);
    border-color: #FFD166;
}

.alm-category:active{
    transform: translateY(0);
}


/* =========================================
FOOTER ALTIANKA FULL WIDTH
========================================= */

/* Hilangkan batas container bawaan OMP */

.pkp_structure_footer_wrapper,
.pkp_structure_footer,
.pkp_footer_content{
width:100% !important;
max-width:100% !important;
margin:0 !important;
padding:0 !important;
}

/* Footer Utama */

.footer-wrapper{

background:#133F5C;

width:100vw !important;
max-width:none !important;

margin-left:calc(50% - 50vw) !important;
margin-right:calc(50% - 50vw) !important;

padding:42px 70px;

box-sizing:border-box;

display:grid;
grid-template-columns:2.8fr 1fr 1fr 1fr;

gap:45px;

color:#ffffff;


}

/* =========================================
KOLOM PROFIL PENERBIT
========================================= */

.footer-brand h2{

font-size:22px;
line-height:1.15;

margin:0 0 14px;

font-weight:700;
color:#ffffff;


}

.footer-brand p{

font-size:13px;
line-height:1.8;

color:#e3edf5;

margin-bottom:12px;


}

/* =========================================
MENU FOOTER
========================================= */

.footer-menu h3{

font-size:17px;
font-weight:700;

margin:0 0 14px;

color:#ffffff;


}

.footer-menu h3:after{

content:'';

display:block;

width:55px;
height:3px;

margin-top:8px;

background:#6fb4e4;


}

.footer-menu ul{

list-style:none;

padding:0;
margin:0;


}

.footer-menu li{

padding:7px 0;

border-bottom:
1px solid rgba(255,255,255,.08);


}

.footer-menu a{

color:#e3edf5;

text-decoration:none;

font-size:13px;

transition:all .25s ease;


}

.footer-menu a:hover{

color:#ffffff;

padding-left:4px;


}

/* =========================================
KONTAK
========================================= */

.footer-contact p{

margin:0 0 10px;

font-size:13px;
line-height:1.8;

color:#e3edf5;


}

/* =========================================
BRAND FOOTER OMP
========================================= */

.pkp_brand_footer{

max-width:100% !important;

padding:12px 35px !important;

text-align:right;

font-size:12px;


}

/* =====================================
CUSTOM SCROLLBAR ALTIANKA
===================================== */

::-webkit-scrollbar{
    width:10px;
}

::-webkit-scrollbar-track{
    background:#f3f6f8;
}

::-webkit-scrollbar-thumb{
    background:#1C465C;
    border-radius:20px;
    border:2px solid #f3f6f8;
}

::-webkit-scrollbar-thumb:hover{
    background:#133F5C;
}

/* =====================================
ALTIANKA FADE IN EFFECT
===================================== */

.obj_monograph_summary,
.pkp_block,
.page,
.homepage_content {

    animation: altiankaFadeUp .45s ease;

}

@keyframes altiankaFadeUp {

    from{
        opacity:0;
        transform:translateY(12px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }

}

/* =========================================
RESPONSIVE
========================================= */

@media screen and (max-width:992px){

.footer-wrapper{

    grid-template-columns:1fr;

    padding:30px 25px;

    gap:25px;
}

.footer-brand h2{
    font-size:20px;
}

.footer-brand p{
    font-size:13px;
}

.footer-menu h3{
    font-size:16px;
}

.footer-menu a{
    font-size:13px;
}

.footer-contact p{
    font-size:13px;
}


}

/* =====================================
SEMBUNYIKAN BRAND OMP/PKP
===================================== */

/* Cover lebih besar */
.obj_monograph_summary .cover{
    width:180px !important;
    float:left;
    margin-right:25px !important;
}

.obj_monograph_summary .cover img{
    width:180px !important;
    height:auto !important;
    max-width:none !important;
}

/* Judul buku */
.obj_monograph_summary .title{
    font-size:1.2rem !important;
    font-weight:700;
    line-height:1.4;
    margin-bottom:10px !important;
}


/* Penulis */
.obj_monograph_summary .authors{
    color:#444;
    line-height:1.7;
    margin-bottom:8px !important;
}

/* Tanggal */
.obj_monograph_summary .published{
    color:#7a7a7a;
}

/* =========================
   PENULIS
========================= */

.item.authors{
    background:none !important;
    border:none !important;
    padding:0 !important;
    margin-bottom:25px;
}

.item.authors .value{
    font-size:1.05rem;
    color:#34495e;
    line-height:1.9;
    font-weight:500;
}

/* Tambahkan label */

.item.authors:before{
    content:"Penulis";
    display:block;
    font-size:.85rem;
    text-transform:uppercase;
    letter-spacing:2px;
    color:#d4a017;
    font-weight:700;
    margin-bottom:12px;
}


.obj_monograph_summary .cover {