/* =========================================================
   Accounting Journal of Ibrahimy (AJI)
   SAFE CUSTOM STYLESHEET - OJS
   Does NOT change the OJS page/container layout.
   ========================================================= */

/* ---------- AJI custom homepage ---------- */
.aji-custom-home,
.aji-custom-home * {
    box-sizing: border-box;
}

.aji-custom-home {
    width: 100%;
    max-width: 1200px;
    margin: 28px auto 35px;
    color: #263740;
    font-family: Arial, Helvetica, sans-serif;
}

.aji-hero {
    position: relative;
    overflow: hidden;
    margin: 0 0 26px;
    padding: 44px 40px;
    border-radius: 14px;
    background: linear-gradient(135deg, #073b4c 0%, #07566a 55%, #087f8c 100%);
    color: #fff;
    box-shadow: 0 10px 28px rgba(7,59,76,.14);
}

.aji-hero::after {
    content: "";
    position: absolute;
    right: -70px;
    top: -95px;
    width: 250px;
    height: 250px;
    border: 2px solid rgba(212,167,44,.30);
    border-radius: 50%;
    pointer-events: none;
}

.aji-hero h1 {
    position: relative;
    z-index: 1;
    margin: 0 0 10px;
    color: #fff;
    font-size: 42px;
    line-height: 1.15;
    font-weight: 800;
}

.aji-hero p {
    position: relative;
    z-index: 1;
    max-width: 800px;
    margin: 0 0 20px;
    color: rgba(255,255,255,.92);
    font-size: 16px;
}

.aji-hero .aji-kicker {
    position: relative;
    z-index: 1;
    display: inline-block;
    margin-bottom: 10px;
    color: #f1d36d;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.4px;
}

.aji-hero a {
    position: relative;
    z-index: 1;
    display: inline-block;
    margin: 4px 8px 0 0;
    padding: 10px 17px;
    border-radius: 6px;
    background: #d4a72c;
    color: #073b4c !important;
    font-weight: 700;
    text-decoration: none !important;
}

.aji-hero a:hover {
    background: #fff;
    color: #073b4c !important;
}

/* ---------- Sections ---------- */
.aji-about,
.aji-focus,
.aji-identifiers,
.aji-contact {
    margin-bottom: 26px;
    padding: 26px;
    border: 1px solid #e3eaed;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 4px 18px rgba(7,59,76,.05);
}

.aji-custom-home h2 {
    margin: 0 0 14px;
    color: #073b4c;
    font-size: 24px;
}

.aji-about-grid {
    display: grid;
    grid-template-columns: minmax(0,1.7fr) minmax(240px,1fr);
    gap: 26px;
    align-items: stretch;
}

.aji-about p {
    margin: 0 0 12px;
}

.aji-stats {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 12px;
}

.aji-stat {
    padding: 17px;
    border-radius: 9px;
    background: #f5f8fa;
    border-left: 4px solid #d4a72c;
}

.aji-stat strong {
    display: block;
    color: #073b4c;
    font-size: 21px;
}

.aji-stat span {
    color: #718087;
    font-size: 13px;
}

/* ---------- Focus cards ---------- */
.aji-focus-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 14px;
}

.aji-focus-card {
    min-height: 105px;
    padding: 18px;
    border: 1px solid #e3eaed;
    border-radius: 9px;
    background: #f8fafb;
    transition: transform .18s ease, box-shadow .18s ease;
}

.aji-focus-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 7px 18px rgba(7,59,76,.09);
}

.aji-focus-card strong {
    color: #073b4c;
}

.aji-focus-card p {
    margin: 5px 0 0;
    color: #718087;
    font-size: 13px;
}

/* ---------- Identifier cards ---------- */
.aji-identifier-grid {
    display: grid;
    grid-template-columns: repeat(5,minmax(0,1fr));
    gap: 13px;
}

.aji-identifier {
    display: flex;
    min-height: 118px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 14px;
    border: 1px solid #e3eaed;
    border-radius: 9px;
    background: #fff;
    color: #263740 !important;
    text-align: center;
    text-decoration: none !important;
}

.aji-identifier:hover {
    border-color: #d4a72c;
    box-shadow: 0 7px 18px rgba(7,59,76,.10);
}

.aji-identifier-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    margin-bottom: 8px;
    border-radius: 50%;
    background: #073b4c;
    color: #fff;
    font-size: 12px;
    font-weight: 800;
}

.aji-identifier strong {
    color: #073b4c;
}

.aji-identifier span {
    color: #718087;
    font-size: 12px;
}

/* ---------- Submission ---------- */
.aji-submission {
    margin-bottom: 26px;
    padding: 30px;
    border-radius: 12px;
    background: linear-gradient(135deg,#073b4c,#087f8c);
    color: #fff;
    text-align: center;
}

.aji-submission h2 {
    color: #fff;
    margin-bottom: 8px;
}

.aji-submission p {
    margin: 0 0 15px;
}

.aji-submission a {
    display: inline-block;
    padding: 10px 19px;
    border-radius: 6px;
    background: #d4a72c;
    color: #073b4c !important;
    font-weight: 700;
    text-decoration: none !important;
}

.aji-submission a:hover {
    background: #fff;
}

/* ---------- Contact ---------- */
.aji-contact {
    display: grid;
    grid-template-columns: 1.4fr 1fr;
    gap: 26px;
}

.aji-contact p {
    margin: 0 0 8px;
}

/* ---------- Small safe enhancements to existing OJS blocks ---------- */
.pkp_block {
    border-radius: 8px;
    border: 1px solid #e3eaed;
    box-shadow: 0 3px 14px rgba(7,59,76,.05);
}

.pkp_block .title {
    color: #073b4c;
}

.pkp_structure_footer_wrapper {
    border-top: 3px solid #d4a72c;
}

/* ---------- Responsive ---------- */
@media (max-width: 900px) {
    .aji-about-grid,
    .aji-contact {
        grid-template-columns: 1fr;
    }

    .aji-focus-grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

    .aji-identifier-grid {
        grid-template-columns: repeat(3,minmax(0,1fr));
    }
}

@media (max-width: 640px) {
    .aji-custom-home {
        margin-top: 18px;
    }

    .aji-hero {
        padding: 30px 22px;
        border-radius: 10px;
    }

    .aji-hero h1 {
        font-size: 30px;
    }

    .aji-about,
    .aji-focus,
    .aji-identifiers,
    .aji-contact {
        padding: 20px;
    }

    .aji-focus-grid,
    .aji-identifier-grid {
        grid-template-columns: 1fr;
    }

    .aji-stats {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 420px) {
    .aji-stats {

    }
}

/* =====================================================
   AJI - MODERN HEADER
   ===================================================== */

.pkp_structure_head {
    background: linear-gradient(
        135deg,
        #052f3d 0%,
        #073b4c 55%,
        #087f8c 100%
    ) !important;

    border-bottom: 4px solid #d4a72c !important;
}

/* Area logo dan nama jurnal */
.pkp_site_name {
    padding: 25px 20px !important;
}

.pkp_site_name a {
    color: #ffffff !important;
    text-decoration: none !important;
}

/* Logo */
.pkp_site_name img {
    max-height: 90px !important;
    width: auto !important;
}

/* Menu navigasi */
.pkp_navigation_primary_wrapper {
    background: #052f3d !important;
    border-top: 1px solid rgba(255,255,255,0.12);
    border-bottom: 1px solid rgba(255,255,255,0.12);
}

/* Tulisan menu */
.pkp_navigation_primary > li > a {
    color: #ffffff !important;
    font-weight: 600 !important;
    padding: 14px 16px !important;
}

/* Saat mouse diarahkan ke menu */
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus {
    color: #f1d36d !important;
    background: rgba(255,255,255,0.06) !important;
}

/* Search */
.pkp_search button {
    color: #ffffff !important;
}

.pkp_search button:hover {
    color: #f1d36d !important;
}

/* Link login / register */
.pkp_navigation_user > li > a {
    color: #ffffff !important;
}

.pkp_navigation_user > li > a:hover {
    color: #f1d36d !important;
}


/* =====================================================
   AJI HEADER - FINAL REFINEMENT
   ===================================================== */

/* Search di header */
.pkp_search button,
.pkp_search button span,
.pkp_search button:before {
    color: #ffffff !important;
}

.pkp_search button:hover,
.pkp_search button:hover span,
.pkp_search button:hover:before {
    color: #f1d36d !important;
}

/* Kotak search */
.pkp_search .search_prompt {
    color: #ffffff !important;
}

/* Ikon dan area pengguna */
.pkp_navigation_user > li > a {
    color: #ffffff !important;
}

.pkp_navigation_user > li > a:hover {
    color: #f1d36d !important;
}

/* Dropdown About */
.pkp_navigation_primary .dropdown-menu {
    background: #073b4c !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
}

.pkp_navigation_primary .dropdown-menu a {
    color: #ffffff !important;
}

.pkp_navigation_primary .dropdown-menu a:hover {
    background: #087f8c !important;
    color: #f1d36d !important;
}

/* Garis emas header */
.pkp_structure_head {
    border-bottom: 4px solid #d4a72c !important;
}

/* Sedikit bayangan header */
.pkp_structure_head {
    box-shadow: 0 3px 12px rgba(0,0,0,0.12) !important;
}







/* =====================================================
   AJI - MODERN FOOTER
   ===================================================== */

/* Area footer */
.pkp_structure_footer_wrapper {
    background: #052f3d !important;
    border-top: 4px solid #d4a72c !important;
    margin-top: 40px !important;
}

/* Isi footer */
.pkp_structure_footer {
    background: transparent !important;
    color: #ffffff !important;
}

/* Paragraf footer */
.pkp_structure_footer p {
    color: rgba(255,255,255,0.82) !important;
    line-height: 1.7 !important;
}

/* Link footer */
.pkp_structure_footer a {
    color: #f1d36d !important;
    text-decoration: none !important;
}

.pkp_structure_footer a:hover {
    color: #ffffff !important;
    text-decoration: underline !important;
}

/* =====================================================
   FOOTER BRANDING
   ===================================================== */

.aji-footer-brand {
    text-align: center;
    padding: 35px 20px 20px;
}

.aji-footer-brand h3 {
    margin: 0 0 8px;
    color: #ffffff !important;
    font-size: 22px;
    font-weight: 700;
}

.aji-footer-brand p {
    margin: 5px 0;
    color: rgba(255,255,255,0.78) !important;
}

/* Garis pemisah */
.aji-footer-line {
    width: 70px;
    height: 3px;
    background: #d4a72c;
    margin: 18px auto;
    border-radius: 10px;
}

/* =====================================================
   FOOTER BOTTOM
   ===================================================== */

.aji-footer-bottom {
    border-top: 1px solid rgba(255,255,255,0.12);
    padding: 15px 20px;
    text-align: center;
    font-size: 13px;
    color: rgba(255,255,255,0.65);
}

.aji-footer-bottom strong {
    color: #f1d36d;
}


/* =====================================================
   MOBILE
   ===================================================== */

@media (max-width: 768px) {

    .aji-footer-brand {
        padding: 25px 15px 15px;
    }

    .aji-footer-brand h3 {
        font-size: 19px;
    }

}

/* =========================================
   AJI FOOTER - MAP
   ========================================= */

.aji-footer-map {
    min-width: 0;
}

.aji-map-wrapper {
    width: 100%;
    height: 190px;
    overflow: hidden;
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,0.20);
    background: #ffffff;
    margin-bottom: 12px;
}

.aji-map-wrapper iframe {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}

.aji-map-link {
    display: inline-block;
    color: #f1d36d !important;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none !important;
}

.aji-map-link:hover {
    color: #ffffff !important;
    text-decoration: underline !important;
}


/* =========================================
   FOOTER - 4 COLUMNS
   ========================================= */

.aji-footer-inner {
    grid-template-columns: 1.35fr 0.9fr 1fr 1.15fr;
}


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

@media (max-width: 1100px) {

    .aji-footer-inner {
        grid-template-columns: 1fr 1fr;
    }

}

@media (max-width: 600px) {

    .aji-footer-inner {
        grid-template-columns: 1fr;
    }

    .aji-map-wrapper {
        height: 220px;
    }

}











/* =========================================================
   AJI MODERN SIDEBAR
   SIDEBAR / RIGHT COLUMN
   ========================================================= */

/* Area sidebar */
.pkp_structure_sidebar {
    padding-left: 25px;
}

/* Semua blok sidebar */
.pkp_structure_sidebar .pkp_block {
    position: relative;

    margin-bottom: 22px;

    background: rgba(255, 255, 255, 0.96);

    border: 1px solid #e5ecef;

    border-radius: 16px;

    overflow: hidden;

    box-shadow:
        0 6px 25px rgba(7, 59, 76, 0.07);

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease;
}

/* Efek ketika mouse diarahkan */
.pkp_structure_sidebar .pkp_block:hover {
    transform: translateY(-3px);

    border-color: rgba(8, 127, 140, 0.25);

    box-shadow:
        0 14px 35px rgba(7, 59, 76, 0.12);
}


/* =========================================================
   JUDUL BLOK SIDEBAR
   ========================================================= */

.pkp_structure_sidebar .pkp_block .title {
    position: relative;

    margin: 0;

    padding: 17px 20px;

    background:
        linear-gradient(
            135deg,
            #063744,
            #087f8c
        );

    color: #ffffff !important;

    font-size: 14px;

    font-weight: 800;

    letter-spacing: 0.4px;

    text-transform: uppercase;

    line-height: 1.4;
}


/* garis emas kecil */
.pkp_structure_sidebar .pkp_block .title::after {
    content: "";

    position: absolute;

    left: 20px;
    bottom: 0;

    width: 35px;
    height: 3px;

    background: #d4a72c;

    border-radius: 5px;
}


/* =========================================================
   ISI BLOK
   ========================================================= */

.pkp_structure_sidebar .pkp_block .content {
    padding: 18px 20px;

    background: #ffffff;
}


/* =========================================================
   MENU LINKS
   ========================================================= */

.pkp_structure_sidebar .pkp_block ul {
    margin: 0;
    padding: 0;

    list-style: none;
}

.pkp_structure_sidebar .pkp_block li {
    margin: 0;

    padding: 0;

    border-bottom: 1px solid #edf1f3;
}

.pkp_structure_sidebar .pkp_block li:last-child {
    border-bottom: none;
}


/* Link menu */
.pkp_structure_sidebar .pkp_block li a {
    position: relative;

    display: block;

    padding: 11px 5px 11px 23px;

    color: #40545c;

    font-size: 13.5px;

    font-weight: 500;

    line-height: 1.5;

    text-decoration: none;

    transition:
        color 0.2s ease,
        padding-left 0.2s ease,
        background 0.2s ease;
}


/* bullet modern */
.pkp_structure_sidebar .pkp_block li a::before {
    content: "›";

    position: absolute;

    left: 3px;

    color: #087f8c;

    font-size: 19px;

    font-weight: 700;

    line-height: 1;

    transition: color 0.2s ease;
}


/* hover menu */
.pkp_structure_sidebar .pkp_block li a:hover {
    padding-left: 29px;

    color: #087f8c;

    background:
        linear-gradient(
            90deg,
            rgba(8,127,140,0.07),
            transparent
        );
}

.pkp_structure_sidebar .pkp_block li a:hover::before {
    color: #d4a72c;
}


/* =========================================================
   ADDITIONAL MENU
   ========================================================= */

.pkp_structure_sidebar .pkp_block:first-child .content {
    padding-top: 12px;
    padding-bottom: 12px;
}


/* =========================================================
   IMAGE DALAM SIDEBAR
   ISSN / TEMPLATE / TOOLS / SUPPORTED BY
   ========================================================= */

.pkp_structure_sidebar .pkp_block .content img {
    max-width: 100%;

    height: auto;

    border-radius: 8px;

    transition:
        transform 0.25s ease,
        opacity 0.25s ease;
}

.pkp_structure_sidebar .pkp_block .content a:hover img {
    transform: scale(1.03);

    opacity: 0.92;
}


/* =========================================================
   ISSN BLOCK
   ========================================================= */

.pkp_structure_sidebar .pkp_block .content img[alt*="ISSN"],
.pkp_structure_sidebar .pkp_block .content img[title*="ISSN"],
.pkp_structure_sidebar .pkp_block .content img[alt*="E-ISSN"] {
    border: 1px solid #e8edef;

    padding: 5px;

    background: #ffffff;
}


/* =========================================================
   TEMPLATE BLOCK
   ========================================================= */

.pkp_structure_sidebar .pkp_block img[alt="TEMPLATE"] {
    border-radius: 10px;

    box-shadow:
        0 5px 15px rgba(0,0,0,0.08);
}


/* =========================================================
   TOOLS BLOCK
   ========================================================= */

.pkp_structure_sidebar .pkp_block img {
    margin: 4px;

    vertical-align: middle;
}


/* =========================================================
   SUPPORTED BY
   ========================================================= */

.pkp_structure_sidebar .pkp_block .content a {
    color: #087f8c;

    text-decoration: none;
}

.pkp_structure_sidebar .pkp_block .content a:hover {
    color: #d4a72c;
}


/* =========================================================
   VISITOR COUNTER
   ========================================================= */

.pkp_structure_sidebar .pkp_block img[src*="flagcounter"] {
    border-radius: 8px;

    border: 1px solid #e3eaed;

    padding: 4px;

    background: #fafcfd;
}


/* =========================================================
   INFORMATION
   ========================================================= */

.pkp_structure_sidebar
.pkp_block
.content
ul {
    list-style: none;

    padding: 0;

    margin: 0;
}


/* =========================================================
   CURRENT ISSUE
   ========================================================= */

.pkp_structure_sidebar
.pkp_block
.content
a[href*="WebFeedGatewayPlugin"] {
    display: inline-flex;

    align-items: center;

    margin: 3px;

    padding: 7px 10px;

    background: #f5f9fa;

    border: 1px solid #e1eaed;

    border-radius: 8px;

    transition: all 0.2s ease;
}

.pkp_structure_sidebar
.pkp_block
.content
a[href*="WebFeedGatewayPlugin"]:hover {
    background: #087f8c;

    border-color: #087f8c;

    color: #ffffff;
}


/* =========================================================
   EMAIL / CONTACT
   ========================================================= */

.pkp_structure_sidebar
.pkp_block
.content
a[href^="mailto:"] {
    color: #087f8c;

    font-weight: 600;
}


/* =========================================================
   SIDEBAR SCROLL / LONG MENU
   ========================================================= */

.pkp_structure_sidebar .pkp_block:first-child .content {
    max-height: none;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 991px) {

    .pkp_structure_sidebar {
        padding-left: 0;
        margin-top: 30px;
    }

    .pkp_structure_sidebar .pkp_block {
        border-radius: 14px;
    }

}

@media (max-width: 600px) {

    .pkp_structure_sidebar .pkp_block .title {
        padding: 15px 17px;

        font-size: 13px;
    }

    .pkp_structure_sidebar .pkp_block .content {
        padding: 15px 17px;
    }

}

















/* =========================================================
   AJI MODERN PAGE BACKGROUND
   ========================================================= */

body {
    background: #f5f8fa;
}


/* Area konten utama */
.pkp_structure_content {
    position: relative;
}


/* Main content */
.pkp_structure_main {
    background: transparent;
}


/* Artikel / halaman utama */
.obj_article_summary {
    background: #ffffff;

    border: 1px solid #e7edef;

    border-radius: 14px;

    padding: 22px 24px;

    margin-bottom: 18px;

    box-shadow:
        0 5px 20px rgba(7,59,76,0.045);

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        border-color .2s ease;
}

.obj_article_summary:hover {
    transform: translateY(-2px);

    border-color: rgba(8,127,140,.20);

    box-shadow:
        0 12px 30px rgba(7,59,76,.08);
}


/* Judul artikel */
.obj_article_summary .title {
    color: #073b4c;

    font-weight: 750;

    line-height: 1.45;
}

.obj_article_summary .title a:hover {
    color: #087f8c;
}









/* =========================================================
   AJI - WIDER MODERN LAYOUT
   Main Content 68% | Sidebar 32%
   ========================================================= */

/* Lebarkan container utama */
.pkp_structure_content {
    max-width: 1400px !important;
    width: 94% !important;

    margin-left: auto !important;
    margin-right: auto !important;
}


/* =========================================================
   MAIN CONTENT + SIDEBAR
   ========================================================= */

.pkp_structure_main {
    width: 68% !important;

    padding-right: 30px !important;
}

.pkp_structure_sidebar {
    width: 32% !important;

    padding-left: 10px !important;
}


/* =========================================================
   SIDEBAR BLOCK
   ========================================================= */

.pkp_structure_sidebar .pkp_block {
    width: 100%;

    border-radius: 18px;

    margin-bottom: 24px;

    box-sizing: border-box;
}


/* =========================================================
   ADDITIONAL MENU - MORE SPACE
   ========================================================= */

.pkp_structure_sidebar .pkp_block .content {
    padding: 20px 24px;
}


/* Link menu lebih lebar dan nyaman */
.pkp_structure_sidebar .pkp_block li a {
    padding: 12px 8px 12px 28px;

    font-size: 14px;

    line-height: 1.55;
}


/* =========================================================
   SIDEBAR TITLE
   ========================================================= */

.pkp_structure_sidebar .pkp_block .title {
    padding: 18px 24px;

    font-size: 14px;

    letter-spacing: .5px;
}


/* =========================================================
   IMAGE / LOGO AREA
   ========================================================= */

.pkp_structure_sidebar .pkp_block .content img {
    max-width: 100%;

    height: auto;
}


/* =========================================================
   TOOLS / SUPPORTED BY
   ========================================================= */

.pkp_structure_sidebar .pkp_block .content {
    overflow: hidden;
}


/* Logo jangan terlalu kecil */
.pkp_structure_sidebar
.pkp_block
.content
a img {
    max-width: 100%;

    object-fit: contain;
}


/* =========================================================
   CONTENT WIDTH
   ========================================================= */

.pkp_structure_main .page,
.pkp_structure_main .obj_issue_toc,
.pkp_structure_main .obj_article_details {
    max-width: 100%;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1000px) {

    .pkp_structure_content {
        width: 92% !important;
    }

    .pkp_structure_main {
        width: 65% !important;
    }

    .pkp_structure_sidebar {
        width: 35% !important;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 768px) {

    .pkp_structure_content {
        width: 92% !important;
    }

    .pkp_structure_main {
        width: 100% !important;

        padding-right: 0 !important;
    }

    .pkp_structure_sidebar {
        width: 100% !important;

        padding-left: 0 !important;

        margin-top: 30px;
    }

}

















/* =========================================================
   AJI SIDEBAR - MODERN LIGHT HEADING
   ========================================================= */

/* Semua judul blok sidebar */
.pkp_structure_sidebar .pkp_block .title {
    position: relative;

    padding: 18px 22px !important;

    background: #ffffff !important;

    color: #183b45 !important;

    border-bottom: 1px solid #e8edef;

    font-size: 14px !important;

    font-weight: 800 !important;

    letter-spacing: 0.5px;

    text-transform: uppercase;

    line-height: 1.4;
}


/* Garis aksen gold */
.pkp_structure_sidebar .pkp_block .title::after {
    content: "";

    position: absolute;

    left: 22px;
    bottom: -1px;

    width: 42px;
    height: 3px;

    background: #d4a72c;

    border-radius: 10px;
}


/* =========================================================
   WARNA KHUSUS TIAP BLOK
   ========================================================= */

/* Additional Menu */
.pkp_structure_sidebar .pkp_block:nth-child(1) .title {
    color: #073b4c !important;
}

/* ISSN */
.pkp_structure_sidebar .pkp_block:nth-child(2) .title {
    color: #087f8c !important;
}

/* Template */
.pkp_structure_sidebar .pkp_block:nth-child(3) .title {
    color: #6b5414 !important;
}

/* Tools */
.pkp_structure_sidebar .pkp_block:nth-child(4) .title {
    color: #31576a !important;
}

/* Supported By */
.pkp_structure_sidebar .pkp_block:nth-child(5) .title {
    color: #45634d !important;
}

/* Journal Visitors */
.pkp_structure_sidebar .pkp_block:nth-child(6) .title {
    color: #735b27 !important;
}

/* Information */
.pkp_structure_sidebar .pkp_block:nth-child(7) .title {
    color: #073b4c !important;
}


/* =========================================================
   SIDEBAR CARD
   ========================================================= */

.pkp_structure_sidebar .pkp_block {
    background: #ffffff !important;

    border: 1px solid #e5ecef !important;

    border-radius: 16px !important;

    overflow: hidden;

    box-shadow:
        0 5px 22px rgba(7, 59, 76, 0.055);

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}


/* Hover card */
.pkp_structure_sidebar .pkp_block:hover {
    transform: translateY(-2px);

    border-color: rgba(8,127,140,.20) !important;

    box-shadow:
        0 12px 30px rgba(7,59,76,.09);
}


/* =========================================================
   MENU LINK
   ========================================================= */

.pkp_structure_sidebar .pkp_block li {
    border-bottom: 1px solid #eef2f3;
}

.pkp_structure_sidebar .pkp_block li:last-child {
    border-bottom: none;
}

.pkp_structure_sidebar .pkp_block li a {
    color: #52666d !important;

    font-size: 13.5px;

    font-weight: 500;

    transition:
        color .2s ease,
        padding-left .2s ease,
        background .2s ease;
}

.pkp_structure_sidebar .pkp_block li a::before {
    color: #d4a72c !important;
}

.pkp_structure_sidebar .pkp_block li a:hover {
    color: #087f8c !important;

    background:
        linear-gradient(
            90deg,
            rgba(8,127,140,.055),
            transparent
        );

    padding-left: 31px;
}


/* =========================================================
   SIDEBAR CONTENT
   ========================================================= */

.pkp_structure_sidebar .pkp_block .content {
    background: #ffffff !important;

    padding: 20px 22px !important;
}


/* =========================================================
   LABEL / TEXT
   ========================================================= */

.pkp_structure_sidebar .pkp_block strong {
    color: #183b45;
}

.pkp_structure_sidebar .pkp_block p {
    color: #60747b;

    line-height: 1.7;
}


/* =========================================================
   LINKS
   ========================================================= */

.pkp_structure_sidebar .pkp_block .content a {
    color: #087f8c;

    transition: color .2s ease;
}

.pkp_structure_sidebar .pkp_block .content a:hover {
    color: #b68c19;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 768px) {

    .pkp_structure_sidebar .pkp_block .title {
        padding: 16px 18px !important;
    }

    .pkp_structure_sidebar .pkp_block .content {
        padding: 17px 18px !important;
    }

}













/* =========================================================
   AJI SIDEBAR - MODERN COLOR CARDS
   ========================================================= */

/* CARD SIDEBAR */
.pkp_structure_sidebar .pkp_block {
    border: none !important;
    border-radius: 16px !important;
    overflow: hidden;

    background: #ffffff !important;

    box-shadow:
        0 8px 28px rgba(7, 59, 76, 0.09) !important;

    margin-bottom: 24px;

    transition: all .25s ease;
}

.pkp_structure_sidebar .pkp_block:hover {
    transform: translateY(-3px);

    box-shadow:
        0 15px 38px rgba(7, 59, 76, 0.14) !important;
}


/* =========================================================
   JUDUL BLOK
   ========================================================= */

.pkp_structure_sidebar .pkp_block .title {
    position: relative;

    margin: 0 !important;

    padding: 17px 22px !important;

    color: #ffffff !important;

    font-size: 14px !important;

    font-weight: 800 !important;

    letter-spacing: .5px;

    text-transform: uppercase;

    border: none !important;
}


/* =========================================================
   WARNA BLOK
   ========================================================= */

/* ADDITIONAL MENU */
.pkp_structure_sidebar .pkp_block:nth-child(1) .title {
    background:
        linear-gradient(
            135deg,
            #073b4c,
            #087f8c
        ) !important;
}


/* ISSN */
.pkp_structure_sidebar .pkp_block:nth-child(2) .title {
    background:
        linear-gradient(
            135deg,
            #087f8c,
            #10a5a9
        ) !important;
}


/* TEMPLATE */
.pkp_structure_sidebar .pkp_block:nth-child(3) .title {
    background:
        linear-gradient(
            135deg,
            #9b7418,
            #d4a72c
        ) !important;
}


/* TOOLS */
.pkp_structure_sidebar .pkp_block:nth-child(4) .title {
    background:
        linear-gradient(
            135deg,
            #31566b,
            #477d91
        ) !important;
}


/* SUPPORTED BY */
.pkp_structure_sidebar .pkp_block:nth-child(5) .title {
    background:
        linear-gradient(
            135deg,
            #41634d,
            #638c6d
        ) !important;
}


/* JOURNAL VISITORS */
.pkp_structure_sidebar .pkp_block:nth-child(6) .title {
    background:
        linear-gradient(
            135deg,
            #735a26,
            #b68c19
        ) !important;
}


/* INFORMATION */
.pkp_structure_sidebar .pkp_block:nth-child(7) .title {
    background:
        linear-gradient(
            135deg,
            #073b4c,
            #087f8c
        ) !important;
}


/* =========================================================
   GOLD ACCENT LINE
   ========================================================= */

.pkp_structure_sidebar .pkp_block .title::after {
    content: "";

    position: absolute;

    left: 22px;
    bottom: 0;

    width: 45px;
    height: 3px;

    background: #f1d36d;

    border-radius: 10px;
}


/* =========================================================
   CONTENT
   ========================================================= */

.pkp_structure_sidebar .pkp_block .content {
    background: #ffffff !important;

    padding: 20px 22px !important;
}


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

.pkp_structure_sidebar .pkp_block li {
    border-bottom: 1px solid #edf1f3;
}

.pkp_structure_sidebar .pkp_block li:last-child {
    border-bottom: none;
}

.pkp_structure_sidebar .pkp_block li a {
    display: block;

    padding: 12px 8px 12px 27px;

    color: #4d626a !important;

    font-size: 13.5px;

    font-weight: 500;

    line-height: 1.5;

    text-decoration: none;

    transition:
        all .2s ease;
}


/* Bullet */
.pkp_structure_sidebar .pkp_block li a::before {
    content: "›";

    position: absolute;

    margin-left: -20px;

    color: #d4a72c;

    font-size: 18px;

    font-weight: 800;
}


/* Hover */
.pkp_structure_sidebar .pkp_block li a:hover {
    color: #087f8c !important;

    padding-left: 33px;

    background:
        linear-gradient(
            90deg,
            rgba(8,127,140,.06),
            transparent
        );
}


/* =========================================================
   IMAGE
   ========================================================= */

.pkp_structure_sidebar .pkp_block img {
    max-width: 100%;

    height: auto;

    border-radius: 8px;

    transition: transform .25s ease;
}

.pkp_structure_sidebar .pkp_block a:hover img {
    transform: scale(1.03);
}


/* =========================================================
   LINKS
   ========================================================= */

.pkp_structure_sidebar .pkp_block .content a {
    color: #087f8c;

    text-decoration: none;
}

.pkp_structure_sidebar .pkp_block .content a:hover {
    color: #b68c19;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 768px) {

    .pkp_structure_sidebar .pkp_block .title {
        padding: 16px 18px !important;
    }

    .pkp_structure_sidebar .pkp_block .content {
        padding: 17px 18px !important;
    }

}




/* =========================================================
   AJI SIDEBAR - WARNA KUAT / OVERRIDE OJS
   ========================================================= */

/* SEMUA BLOCK SIDEBAR */
.pkp_structure_sidebar .pkp_block {
    background: #ffffff !important;
    border: 0 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    margin-bottom: 25px !important;
    box-shadow: 0 8px 25px rgba(0,0,0,0.12) !important;
}

/* JUDUL BLOCK - PAKSA BERWARNA */
.pkp_structure_sidebar .pkp_block .title,
.pkp_structure_sidebar .pkp_block h2,
.pkp_structure_sidebar .pkp_block h3 {
    display: block !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #063b4c 0%, #008c95 100%) !important;
    padding: 18px 22px !important;
    margin: 0 !important;
    border: 0 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.7px !important;
}

/* WARNA BERBEDA UNTUK BLOCK */
.pkp_structure_sidebar .pkp_block:nth-of-type(1) .title {
    background: linear-gradient(135deg, #063b4c, #008c95) !important;
}

.pkp_structure_sidebar .pkp_block:nth-of-type(2) .title {
    background: linear-gradient(135deg, #087f8c, #16b3b3) !important;
}

.pkp_structure_sidebar .pkp_block:nth-of-type(3) .title {
    background: linear-gradient(135deg, #8c6815, #d4a72c) !important;
}

.pkp_structure_sidebar .pkp_block:nth-of-type(4) .title {
    background: linear-gradient(135deg, #294d63, #4f8297) !important;
}

.pkp_structure_sidebar .pkp_block:nth-of-type(5) .title {
    background: linear-gradient(135deg, #356046, #6c9875) !important;
}

.pkp_structure_sidebar .pkp_block:nth-of-type(6) .title {
    background: linear-gradient(135deg, #6d4f13, #b98b1d) !important;
}

.pkp_structure_sidebar .pkp_block:nth-of-type(7) .title {
    background: linear-gradient(135deg, #063b4c, #008c95) !important;
}

/* GARIS EMAS DI BAWAH JUDUL */
.pkp_structure_sidebar .pkp_block .title {
    border-bottom: 4px solid #f1d36d !important;
}

/* ISI BLOCK */
.pkp_structure_sidebar .pkp_block .content {
    background: #ffffff !important;
    padding: 20px !important;
}

/* LINK MENU */
.pkp_structure_sidebar .pkp_block .content a {
    color: #36535d !important;
    text-decoration: none !important;
    font-weight: 500 !important;
}

.pkp_structure_sidebar .pkp_block .content a:hover {
    color: #008c95 !important;
}

/* LIST */
.pkp_structure_sidebar .pkp_block ul {
    margin: 0 !important;
    padding: 0 !important;
}

.pkp_structure_sidebar .pkp_block li {
    list-style: none !important;
    border-bottom: 1px solid #e8eef0 !important;
    padding: 0 !important;
}

.pkp_structure_sidebar .pkp_block li:last-child {
    border-bottom: 0 !important;
}

.pkp_structure_sidebar .pkp_block li a {
    display: block !important;
    padding: 12px 8px !important;
}

/* PANAH EMAS */
.pkp_structure_sidebar .pkp_block li a::before {
    content: "›" !important;
    color: #d4a72c !important;
    font-size: 20px !important;
    font-weight: bold !important;
    margin-right: 8px !important;
}

/* EFEK HOVER */
.pkp_structure_sidebar .pkp_block li a:hover {
    background: #eef9f9 !important;
    padding-left: 14px !important;
    border-radius: 6px !important;
}

/* GAMBAR SIDEBAR */
.pkp_structure_sidebar .pkp_block img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 10px !important;
}

/* LINK GAMBAR */
.pkp_structure_sidebar .pkp_block .content img {
    transition: all .25s ease !important;
}

.pkp_structure_sidebar .pkp_block .content a:hover img {
    transform: scale(1.04) !important;
}

/* MOBILE */
@media (max-width: 768px) {

    .pkp_structure_sidebar {
        width: 100% !important;
        padding-left: 0 !important;
    }

    .pkp_structure_main {
        width: 100% !important;
        padding-right: 0 !important;
    }

    .pkp_structure_sidebar .pkp_block {
        margin-bottom: 18px !important;
    }
}








/* =====================================================
   AJI - MEMPERBESAR LOGO HEADER
   ===================================================== */

.pkp_site_name {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.pkp_site_name a {
    display: inline-block !important;
}

.pkp_site_name img {
    width: 500px !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 150px !important;
    object-fit: contain !important;
}

/* Area header agar logo lebih lega */
.pkp_head_wrapper {
    padding-bottom: 0 !important;
}

/* Tampilan laptop/desktop */
@media (min-width: 769px) {
    .pkp_site_name img {
        width: 500px !important;
    }
}

/* Tablet */
@media (max-width: 768px) {
    .pkp_site_name img {
        width: 400px !important;
    }
}

/* HP */
@media (max-width: 480px) {
    .pkp_site_name img {
        width: 320px !important;
    }
}











/* =====================================================
   AJI HEADER LOGO - TATA LETAK
   ===================================================== */

.pkp_site_name {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 155px !important;
    padding: 18px 30px !important;
    margin: 0 !important;
}

.pkp_site_name a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    text-align: center !important;
}

.pkp_site_name img {
    display: block !important;

    /* ukuran logo */
    width: 620px !important;
    max-width: 90% !important;

    /* proporsi asli tetap */
    height: auto !important;
    max-height: 135px !important;

    object-fit: contain !important;

    /* sedikit efek premium */
    filter: drop-shadow(0 3px 5px rgba(0,0,0,.15));

    transition: transform .25s ease;
}

.pkp_site_name img:hover {
    transform: scale(1.02);
}


/* =====================================================
   JARAK HEADER KE MENU
   ===================================================== */

.pkp_head_wrapper {
    padding-bottom: 8px !important;
}


/* =====================================================
   DESKTOP
   ===================================================== */

@media (min-width: 1100px) {

    .pkp_site_name {
        min-height: 170px !important;
        padding: 20px 40px !important;
    }

    .pkp_site_name img {
        width: 650px !important;
        max-height: 145px !important;
    }
}


/* =====================================================
   TABLET
   ===================================================== */

@media (max-width: 900px) {

    .pkp_site_name {
        min-height: 140px !important;
        padding: 15px 25px !important;
    }

    .pkp_site_name img {
        width: 520px !important;
        max-height: 120px !important;
    }
}


/* =====================================================
   HP
   ===================================================== */

@media (max-width: 600px) {

    .pkp_site_name {
        min-height: 110px !important;
        padding: 12px 15px !important;
    }

    .pkp_site_name img {
        width: 400px !important;
        max-width: 95% !important;
        max-height: 95px !important;
    }
}


/* =====================================================
   AJI - HILANGKAN GARIS PADA AREA KONTEN
   ===================================================== */

/* Garis vertikal pembatas */
.pkp_structure_main {
    border-left: none !important;
    border-right: none !important;
}

/* Garis pada area konten */
.pkp_structure_content {
    border: none !important;
}

/* Garis pada wrapper utama */
.pkp_structure_page {
    border: none !important;
}

/* Garis pada heading Current Issue / Articles */
.obj_issue_toc,
.obj_issue_toc .heading,
.obj_issue_toc .section {
    border: none !important;
}

/* Garis pembatas artikel */
.obj_article_summary {
    border: none !important;
}

/* Garis pada elemen header/footer konten */
.pkp_structure_head,
.pkp_structure_body,
.pkp_structure_footer {
    border-left: none !important;
    border-right: none !important;
}

/* Garis horizontal umum */
.pkp_structure_main hr {
    display: none !important;
}






/* Hilangkan garis kolom layout OJS */
.pkp_structure_main::before,
.pkp_structure_main::after,
.pkp_structure_sidebar::before,
.pkp_structure_sidebar::after {
    display: none !important;
}

.pkp_structure_content::before,
.pkp_structure_content::after {
    display: none !important;
}





/* =====================================================
   PERBAIKAN AREA KONTEN AJI
   ===================================================== */

/* KEMBALIKAN BACKGROUND KONTEN */
body {
    background: #f4f7f8 !important;
}

.pkp_structure_page {
    background: #f4f7f8 !important;
}

.pkp_structure_body {
    background: #f4f7f8 !important;
}

.pkp_structure_content {
    background: #f4f7f8 !important;
}

.pkp_structure_main {
    background: #f4f7f8 !important;
}


/* =====================================================
   CURRENT ISSUE
   ===================================================== */

.obj_issue_toc {
    background: transparent !important;
}

.obj_issue_toc .heading {
    background: transparent !important;
    color: #073b4c !important;
    border: none !important;
}


/* JUDUL SECTION */
.obj_issue_toc .section h2,
.obj_issue_toc .section-title {
    color: #073b4c !important;
}


/* =====================================================
   HILANGKAN GARIS VERTIKAL
   ===================================================== */

.pkp_structure_main {
    border-left: none !important;
    border-right: none !important;
}

.pkp_structure_content {
    border-left: none !important;
    border-right: none !important;
}


/* =====================================================
   HILANGKAN GARIS PEMBATAS YANG MENGGANGGU
   ===================================================== */

.obj_issue_toc .heading,
.obj_issue_toc .section {
    border-left: none !important;
    border-right: none !important;
}


/* =====================================================
   ARTIKEL TETAP PUTIH
   ===================================================== */

.obj_article_summary {
    background: #ffffff !important;
    border: none !important;
    border-radius: 12px !important;
    box-shadow: 0 5px 18px rgba(7,59,76,.08) !important;
}


/* =====================================================
   TEKS CURRENT ISSUE
   ===================================================== */

.obj_issue_toc h1,
.obj_issue_toc h2,
.obj_issue_toc h3,
.obj_issue_toc p {
    color: #073b4c !important;
}


/* =====================================================
   GARIS HORIZONTAL DI ATAS ARTICLES
   ===================================================== */

.obj_issue_toc .section {
    border-top: none !important;
}

.obj_issue_toc .section-title {
    border-top: none !important;
    border-bottom: none !important;
}


/* =====================================================
   BACKGROUND AREA ARTIKEL
   ===================================================== */

.pkp_structure_main .page {
    background: transparent !important;
}



/* =========================================================
   AJI FOOTER - FINAL CLEAN LAYOUT
   ========================================================= */

/* FOOTER UTAMA */
.aji-footer {
    position: relative !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 55px 0 0 !important;
    background: #073b4c !important;
    color: #ffffff !important;
    overflow: hidden !important;
}

/* AGAR FOOTER FULL WIDTH */
.pkp_structure_footer {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #073b4c !important;
    border: none !important;
}

/* CONTAINER FOOTER */
.aji-footer-inner {
    width: 92% !important;
    max-width: 1400px !important;
    margin: 0 auto !important;

    display: grid !important;
    grid-template-columns:
        1.4fr
        1fr
        1fr
        1.3fr !important;

    gap: 35px !important;
    align-items: start !important;
}

/* KOLOM */
.aji-footer-column {
    min-width: 0 !important;
    color: #ffffff !important;
}

/* JUDUL */
.aji-footer-column h3 {
    margin: 0 0 15px !important;
    color: #ffffff !important;
    font-size: 23px !important;
    font-weight: 800 !important;
}

.aji-footer-column h4 {
    margin: 0 0 18px !important;
    color: #f1d36d !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: .5px !important;
}

/* TEKS */
.aji-footer-column p {
    margin: 0 0 10px !important;
    color: #dcebef !important;
    font-size: 13.5px !important;
    line-height: 1.7 !important;
}

/* TAGLINE */
.aji-footer-tagline {
    color: #f1d36d !important;
    font-weight: 600 !important;
    margin-bottom: 15px !important;
}

/* LINK */
.aji-footer-column a {
    color: #ffffff !important;
    text-decoration: none !important;
}

.aji-footer-column a:hover {
    color: #f1d36d !important;
}

/* =========================================================
   MAP
   ========================================================= */

.aji-footer-map {
    width: 100% !important;
}

.aji-map-wrapper {
    width: 100% !important;
    height: 210px !important;

    overflow: hidden !important;
    border-radius: 14px !important;

    border: 2px solid rgba(255,255,255,.18) !important;

    box-shadow: 0 8px 25px rgba(0,0,0,.18) !important;
}

.aji-map-wrapper iframe {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    border: 0 !important;
}

/* LINK GOOGLE MAPS */
.aji-map-link {
    display: inline-block !important;
    margin-top: 10px !important;

    color: #f1d36d !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

.aji-map-link:hover {
    color: #ffffff !important;
}

/* =========================================================
   FOOTER BOTTOM
   ========================================================= */

.aji-footer-bottom {
    width: 92% !important;
    max-width: 1400px !important;

    margin: 40px auto 0 !important;
    padding: 22px 0 25px !important;

    border-top: 1px solid rgba(255,255,255,.15) !important;

    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 20px !important;
}

.aji-footer-bottom p {
    margin: 0 !important;
    color: #bcd0d6 !important;
    font-size: 12px !important;
}

/* =========================================================
   HILANGKAN FOOTER BAWAAN OJS
   ========================================================= */

.pkp_brand_footer {
    display: none !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1000px) {

    .aji-footer-inner {
        grid-template-columns: 1fr 1fr !important;
        gap: 30px !important;
    }

    .aji-footer-map {
        grid-column: span 2 !important;
    }
}


/* =========================================================
   HP
   ========================================================= */

@media (max-width: 600px) {

    .aji-footer {
        padding-top: 40px !important;
    }

    .aji-footer-inner {
        width: 88% !important;
        grid-template-columns: 1fr !important;
        gap: 30px !important;
    }

    .aji-footer-map {
        grid-column: auto !important;
    }

    .aji-map-wrapper {
        height: 220px !important;
    }

    .aji-footer-bottom {
        width: 88% !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        text-align: left !important;
    }
}






/* =========================================================
   FIX FOOTER AJI - HILANGKAN RUANG KOSONG BESAR
   ========================================================= */

/* Footer jangan mengambil tinggi layar */
.aji-footer {
    position: relative !important;
    display: block !important;

    height: auto !important;
    min-height: 0 !important;

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

    overflow: hidden !important;
}


/* Container footer */
.aji-footer-inner {
    position: relative !important;

    height: auto !important;
    min-height: 0 !important;

    margin-top: 0 !important;
    margin-bottom: 0 !important;

    padding-top: 0 !important;
    padding-bottom: 0 !important;

    align-items: start !important;
}


/* Pastikan footer OJS tidak punya tinggi paksa */
.pkp_structure_footer {
    position: relative !important;

    height: auto !important;
    min-height: 0 !important;

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

    clear: both !important;
}


/* Hapus kemungkinan jarak kosong dari elemen sebelumnya */
.pkp_structure_footer::before,
.pkp_structure_footer::after,
.aji-footer::before,
.aji-footer::after {
    display: none !important;
    content: none !important;
}


/* Semua kolom mulai dari atas */
.aji-footer-column {
    position: relative !important;
    top: auto !important;
    bottom: auto !important;

    margin-top: 0 !important;
}


/* Map jangan mendorong layout */
.aji-footer-map {
    position: relative !important;
    top: auto !important;
}


/* Tinggi peta normal */
.aji-map-wrapper {
    height: 210px !important;
    min-height: 0 !important;
}


/* Footer bawah */
.aji-footer-bottom {
    position: relative !important;

    margin-top: 35px !important;
    margin-bottom: 0 !important;
}





/* =========================================================
   AJI JOURNAL VISITORS
   ========================================================= */

#customblock-visitor {
    margin-bottom: 24px !important;
}


/* CARD */
#customblock-visitor > .content {
    padding: 0 !important;
}


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

#customblock-visitor .aji-visitor-header {

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 8px !important;

    padding: 16px 12px !important;

    background:
        linear-gradient(
            135deg,
            #073b4c,
            #087f8c
        ) !important;

    color: #ffffff !important;

    border-radius: 12px !important;

    font-size: 13px !important;
    font-weight: 800 !important;

    letter-spacing: .6px !important;

    text-transform: uppercase !important;
}


/* ICON HEADER */

#customblock-visitor .aji-visitor-icon {

    width: 22px !important;
    height: 22px !important;

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    border-radius: 50% !important;

    background: #f1d36d !important;

    color: #073b4c !important;

    font-size: 12px !important;

}


/* =========================================================
   ITEM
   ========================================================= */

#customblock-visitor .aji-visitor-item {

    margin-top: 14px !important;

    padding: 12px !important;

    background: #ffffff !important;

    border: 1px solid #e6edef !important;

    border-radius: 10px !important;

    text-align: center !important;

    transition: all .25s ease !important;
}


#customblock-visitor .aji-visitor-item:hover {

    transform: translateY(-2px) !important;

    box-shadow:
        0 6px 18px rgba(7,59,76,.10) !important;

}


/* =========================================================
   FLAG COUNTER
   ========================================================= */

#customblock-visitor .flag-logo {

    min-height: 55px !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;
}


#customblock-visitor .flag-logo img {

    display: block !important;

    max-width: 100% !important;

    width: auto !important;

    height: auto !important;

    margin: 0 auto !important;

}


/* LABEL */

#customblock-visitor .aji-visitor-label {

    margin-top: 7px !important;

    color: #087f8c !important;

    font-size: 11px !important;

    font-weight: 700 !important;

    text-transform: uppercase !important;

    letter-spacing: .4px !important;

}


/* =========================================================
   STATCOUNTER
   ========================================================= */

#customblock-visitor .statcounter-logo {

    min-height: 35px !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;
}


#customblock-visitor .statcounter-logo img {

    display: block !important;

    max-width: 100% !important;

    height: auto !important;

    margin: auto !important;

}


/* LINK STATISTIK */

#customblock-visitor .aji-stat-link {

    display: inline-block !important;

    margin-top: 8px !important;

    color: #087f8c !important;

    font-size: 12px !important;

    font-weight: 700 !important;

    text-decoration: none !important;
}


#customblock-visitor .aji-stat-link:hover {

    color: #b68c19 !important;

}


/* =========================================================
   GOOGLE SCHOLAR
   ========================================================= */

#customblock-visitor .aji-scholar-card {

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    gap: 12px !important;

    padding: 5px !important;

    text-decoration: none !important;

}


/* LOGO GOOGLE SCHOLAR */

#customblock-visitor .aji-scholar-logo {

    width: 46px !important;

    height: 46px !important;

    flex-shrink: 0 !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    border-radius: 50% !important;

    background: #eef7f8 !important;

    box-shadow:
        0 4px 12px rgba(7,59,76,.10) !important;

    font-family: Arial, sans-serif !important;

    font-size: 15px !important;

    font-weight: 800 !important;

}


#customblock-visitor .scholar-g {

    color: #4285f4 !important;

}


#customblock-visitor .scholar-s {

    color: #087f8c !important;

}


/* TEKS */

#customblock-visitor .aji-scholar-text {

    display: flex !important;

    flex-direction: column !important;

    align-items: flex-start !important;

    text-align: left !important;

}


#customblock-visitor .aji-scholar-text strong {

    color: #073b4c !important;

    font-size: 13px !important;

}


#customblock-visitor .aji-scholar-text small {

    margin-top: 3px !important;

    color: #7a8b91 !important;

    font-size: 10px !important;

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 600px) {

    #customblock-visitor .aji-visitor-item {

        padding: 10px !important;

    }

}