/* =========================================================
   DELI ICAS - PREMIUM ACADEMIC OJS THEME
   =========================================================
   STYLE:
   Navy + Emerald + Gold
   Glassmorphism
   Aurora Background
   Soft Animation
   Premium Academic Journal
   ========================================================= */


/* =========================================================
   1. COLOR VARIABLES
   ========================================================= */

:root {
    --deli-navy: #071f2a;
    --deli-navy-2: #0b3440;
    --deli-teal: #075f52;
    --deli-green: #168b4b;
    --deli-green-dark: #0d6739;
    --deli-gold: #f0c400;
    --deli-gold-light: #ffe47a;

    --deli-white: #ffffff;
    --deli-text: #183b38;
    --deli-muted: #667b7b;

    --deli-bg: #f3f8f7;
    --deli-card: rgba(255,255,255,0.88);

    --deli-shadow:
        0 12px 35px rgba(7,31,42,0.10);

    --deli-radius: 16px;
}


/* =========================================================
   2. BODY
   ========================================================= */

body {
    background:
        radial-gradient(
            circle at 5% 10%,
            rgba(22,139,75,0.08),
            transparent 30%
        ),
        radial-gradient(
            circle at 95% 30%,
            rgba(240,196,0,0.07),
            transparent 25%
        ),
        linear-gradient(
            135deg,
            #f5faf9,
            #edf6f4
        ) !important;

    color: var(--deli-text);

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Arial,
        sans-serif;
}


/* =========================================================
   3. HEADER
   ========================================================= */

.pkp_structure_head {
    position: relative !important;

    overflow: hidden !important;

    background:
        radial-gradient(
            circle at 8% 20%,
            rgba(255,255,255,0.22),
            transparent 25%
        ),

        radial-gradient(
            circle at 85% 10%,
            rgba(240,196,0,0.20),
            transparent 25%
        ),

        radial-gradient(
            circle at 70% 100%,
            rgba(22,139,75,0.35),
            transparent 35%
        ),

        linear-gradient(
            125deg,
            #061b27 0%,
            #0b3440 28%,
            #075f52 62%,
            #168b4b 100%
        ) !important;

    background-size:
        100% 100%,
        100% 100%,
        100% 100%,
        200% 200% !important;

    border-bottom:
        4px solid var(--deli-gold) !important;

    box-shadow:
        0 12px 40px rgba(0,0,0,0.20),
        inset 0 -1px 0 rgba(255,255,255,0.20) !important;

    animation:
        deliAurora 14s ease infinite;
}


/* =========================================================
   4. HEADER DIAGONAL PATTERN
   ========================================================= */

.pkp_structure_head::before {

    content: "";

    position: absolute;

    inset: -150px;

    background:
        repeating-linear-gradient(
            125deg,
            transparent 0px,
            transparent 45px,
            rgba(255,255,255,0.035) 46px,
            rgba(255,255,255,0.035) 48px
        );

    transform:
        rotate(-3deg);

    pointer-events: none;

    opacity: 0.9;
}


/* =========================================================
   5. HEADER LIGHT ORB
   ========================================================= */

.pkp_structure_head::after {

    content: "";

    position: absolute;

    width: 500px;
    height: 500px;

    right: -180px;
    top: -280px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(255,255,255,0.20),
            rgba(255,255,255,0.06) 35%,
            transparent 70%
        );

    filter:
        blur(2px);

    animation:
        deliOrb 8s ease-in-out infinite;

    pointer-events: none;
}


/* =========================================================
   6. HEADER CONTENT
   ========================================================= */

.pkp_structure_head .pkp_structure_content {
    position: relative;
    z-index: 10;
}


/* =========================================================
   7. JOURNAL TITLE
   ========================================================= */

.pkp_site_name {

    padding-top: 14px !important;
    padding-bottom: 14px !important;

    position: relative;
    z-index: 20;
}


.pkp_site_name .is_text {

    color: #ffffff !important;

    font-size: 30px !important;

    line-height: 1.2 !important;

    font-weight: 800 !important;

    letter-spacing: 0.3px;

    text-shadow:
        0 2px 5px rgba(0,0,0,0.35),
        0 0 25px rgba(255,255,255,0.15);

    transition:
        all 0.35s ease;

    animation:
        deliTitleIn 1s ease both;
}


.pkp_site_name .is_text:hover {

    transform:
        translateY(-2px);

    color:
        var(--deli-gold-light) !important;

    text-shadow:
        0 5px 15px rgba(0,0,0,0.35),
        0 0 30px rgba(240,196,0,0.25);
}


/* =========================================================
   8. NAVIGATION
   ========================================================= */

.pkp_navigation_primary {

    position: relative;
    z-index: 20;
}


.pkp_navigation_primary > li {

    position: relative;

    margin-right: 4px;
}


.pkp_navigation_primary > li > a {

    position: relative;

    color:
        rgba(255,255,255,0.94) !important;

    font-weight:
        600 !important;

    padding:
        10px 15px !important;

    border-radius:
        10px;

    transition:
        all 0.3s ease;
}


.pkp_navigation_primary > li > a:hover {

    color:
        #ffffff !important;

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

    backdrop-filter:
        blur(10px);

    transform:
        translateY(-3px);

    box-shadow:
        0 8px 20px rgba(0,0,0,0.16);
}


/* =========================================================
   9. NAVIGATION UNDERLINE
   ========================================================= */

.pkp_navigation_primary > li > a::after {

    content: "";

    position: absolute;

    left: 50%;
    bottom: 3px;

    width: 0;
    height: 3px;

    border-radius:
        20px;

    background:
        linear-gradient(
            90deg,
            var(--deli-green),
            var(--deli-gold),
            #ffffff
        );

    transform:
        translateX(-50%);

    transition:
        width 0.35s ease;
}


.pkp_navigation_primary > li > a:hover::after {

    width:
        70%;
}


/* =========================================================
   10. ACTIVE MENU
   ========================================================= */

.pkp_navigation_primary > li.current > a {

    color:
        #ffffff !important;

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

    box-shadow:
        inset 0 0 0 1px
        rgba(255,255,255,0.10);
}


.pkp_navigation_primary > li.current > a::after {

    width:
        70%;
}


/* =========================================================
   11. SEARCH
   ========================================================= */

.pkp_navigation_search_wrapper {

    position:
        relative;

    z-index:
        20;
}


.pkp_navigation_search_wrapper a {

    color:
        #ffffff !important;

    transition:
        all 0.3s ease;
}


.pkp_navigation_search_wrapper a:hover {

    color:
        var(--deli-gold) !important;

    transform:
        scale(1.15)
        rotate(5deg);
}


/* =========================================================
   12. ISSN BADGE
   ========================================================= */

.pkp_navigation_search_wrapper::before {

    content:
        "ISSN: XXXX-XXXX";

    display:
        inline-block;

    margin-right:
        15px;

    padding:
        6px 13px;

    color:
        #ffffff;

    font-size:
        12px;

    font-weight:
        600;

    letter-spacing:
        0.4px;

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

    border:
        1px solid
        rgba(255,255,255,0.25);

    border-radius:
        30px;

    backdrop-filter:
        blur(10px);

    box-shadow:
        0 5px 20px
        rgba(0,0,0,0.15);

    transition:
        all 0.3s ease;
}


.pkp_navigation_search_wrapper:hover::before {

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

    transform:
        translateY(-2px);
}


/* =========================================================
   13. MAIN CONTENT
   ========================================================= */

.pkp_structure_content {

    position:
        relative;
}


/* =========================================================
   14. PAGE TITLE
   ========================================================= */

.pkp_page_index .page_title,
.page_title {

    color:
        var(--deli-navy) !important;

    font-weight:
        800 !important;

    position:
        relative;

    padding-bottom:
        12px;
}


.page_title::after {

    content:
        "";

    display:
        block;

    width:
        70px;

    height:
        4px;

    margin-top:
        10px;

    border-radius:
        10px;

    background:
        linear-gradient(
            90deg,
            var(--deli-green),
            var(--deli-gold)
        );
}


/* =========================================================
   15. HOMEPAGE BLOCKS
   ========================================================= */

.pkp_block {

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

    border:
        1px solid
        rgba(22,139,75,0.08);

    border-radius:
        var(--deli-radius);

    padding:
        20px;

    box-shadow:
        var(--deli-shadow);

    backdrop-filter:
        blur(10px);

    transition:
        all 0.35s ease;
}


.pkp_block:hover {

    transform:
        translateY(-4px);

    box-shadow:
        0 18px 40px
        rgba(7,31,42,0.14);
}


/* =========================================================
   16. BLOCK TITLE
   ========================================================= */

.pkp_block .title {

    color:
        var(--deli-navy) !important;

    font-weight:
        750 !important;

    border-bottom:
        2px solid
        rgba(22,139,75,0.12);

    padding-bottom:
        10px;
}


/* =========================================================
   17. BUTTONS
   ========================================================= */

.pkp_button,
button,
input[type="submit"],
input[type="button"] {

    border:
        none !important;

    border-radius:
        10px !important;

    background:
        linear-gradient(
            135deg,
            var(--deli-green),
            var(--deli-green-dark)
        ) !important;

    color:
        #ffffff !important;

    font-weight:
        650 !important;

    padding:
        10px 18px !important;

    box-shadow:
        0 6px 18px
        rgba(22,139,75,0.22);

    transition:
        all 0.3s ease;
}


.pkp_button:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover {

    transform:
        translateY(-2px);

    background:
        linear-gradient(
            135deg,
            #1aa957,
            var(--deli-green)
        ) !important;

    box-shadow:
        0 10px 25px
        rgba(22,139,75,0.30);
}


/* =========================================================
   18. LINKS
   ========================================================= */

a {

    color:
        var(--deli-green);

    transition:
        color 0.25s ease;
}


a:hover {

    color:
        var(--deli-gold);
}


/* =========================================================
   19. ISSUE / ARTICLE CARDS
   ========================================================= */

.obj_issue_summary,
.obj_article_summary {

    position:
        relative;

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

    border:
        1px solid
        rgba(22,139,75,0.08);

    border-radius:
        16px;

    padding:
        20px;

    margin-bottom:
        18px;

    box-shadow:
        0 8px 25px
        rgba(7,31,42,0.07);

    transition:
        all 0.35s ease;

    overflow:
        hidden;
}


.obj_issue_summary::before,
.obj_article_summary::before {

    content:
        "";

    position:
        absolute;

    left:
        0;

    top:
        0;

    width:
        4px;

    height:
        100%;

    background:
        linear-gradient(
            180deg,
            var(--deli-green),
            var(--deli-gold)
        );
}


.obj_issue_summary:hover,
.obj_article_summary:hover {

    transform:
        translateY(-5px);

    box-shadow:
        0 18px 38px
        rgba(7,31,42,0.13);
}


/* =========================================================
   20. ARTICLE TITLE
   ========================================================= */

.obj_article_summary .title {

    font-weight:
        750;

    line-height:
        1.45;
}


.obj_article_summary .title a {

    color:
        var(--deli-navy);
}


.obj_article_summary .title a:hover {

    color:
        var(--deli-green);
}


/* =========================================================
   21. ISSUE COVER
   ========================================================= */

.obj_issue_summary .cover img {

    border-radius:
        12px;

    box-shadow:
        0 10px 25px
        rgba(0,0,0,0.16);

    transition:
        all 0.4s ease;
}


.obj_issue_summary:hover .cover img {

    transform:
        scale(1.03);

    box-shadow:
        0 15px 35px
        rgba(0,0,0,0.20);
}


/* =========================================================
   22. FORM INPUT
   ========================================================= */

input,
textarea,
select {

    border:
        1px solid
        #d5e4e1 !important;

    border-radius:
        9px !important;

    background:
        rgba(255,255,255,0.9) !important;

    transition:
        all 0.25s ease;
}


input:focus,
textarea:focus,
select:focus {

    outline:
        none !important;

    border-color:
        var(--deli-green) !important;

    box-shadow:
        0 0 0 3px
        rgba(22,139,75,0.10) !important;
}


/* =========================================================
   23. TABLE
   ========================================================= */

table {

    border-radius:
        12px;

    overflow:
        hidden;

    box-shadow:
        0 8px 25px
        rgba(7,31,42,0.06);
}


table thead th {

    color:
        #ffffff !important;

    background:
        linear-gradient(
            135deg,
            var(--deli-navy),
            var(--deli-teal)
        ) !important;

    font-weight:
        700;
}


table tbody tr {

    transition:
        background 0.25s ease;
}


table tbody tr:hover {

    background:
        rgba(22,139,75,0.05) !important;
}


/* =========================================================
   24. BADGES
   ========================================================= */

.label,
.badge {

    border-radius:
        20px !important;

    background:
        rgba(22,139,75,0.10) !important;

    color:
        var(--deli-green) !important;

    border:
        1px solid
        rgba(22,139,75,0.12);
}


/* =========================================================
   25. FOOTER
   ========================================================= */

.pkp_structure_footer_wrapper {

    position:
        relative;

    overflow:
        hidden;

    color:
        rgba(255,255,255,0.85);

    background:
        radial-gradient(
            circle at 85% 20%,
            rgba(240,196,0,0.12),
            transparent 25%
        ),

        linear-gradient(
            135deg,
            #061b27,
            #0b3440,
            #075f52
        ) !important;

    border-top:
        4px solid
        var(--deli-gold);

    box-shadow:
        0 -10px 35px
        rgba(7,31,42,0.15);
}


.pkp_structure_footer_wrapper a {

    color:
        rgba(255,255,255,0.85) !important;
}


.pkp_structure_footer_wrapper a:hover {

    color:
        var(--deli-gold) !important;
}


/* =========================================================
   26. FOOTER DECORATION
   ========================================================= */

.pkp_structure_footer_wrapper::before {

    content:
        "";

    position:
        absolute;

    width:
        350px;

    height:
        350px;

    right:
        -150px;

    bottom:
        -220px;

    border-radius:
        50%;

    background:
        rgba(22,139,75,0.20);

    filter:
        blur(10px);
}


/* =========================================================
   27. BREADCRUMB
   ========================================================= */

.pkp_breadcrumb {

    padding:
        10px 0;
}


.pkp_breadcrumb a {

    color:
        var(--deli-green);
}


.pkp_breadcrumb a:hover {

    color:
        var(--deli-gold);
}


/* =========================================================
   28. SEARCH FORM
   ========================================================= */

.search_prompt {

    color:
        var(--deli-navy) !important;

    font-weight:
        750;
}


.search_input {

    border-radius:
        12px !important;
}


/* =========================================================
   29. PAGINATION
   ========================================================= */

.pagination a {

    border-radius:
        8px !important;

    transition:
        all 0.25s ease;
}


.pagination a:hover {

    color:
        #ffffff !important;

    background:
        var(--deli-green) !important;

    transform:
        translateY(-2px);
}


/* =========================================================
   30. ALERT / NOTIFICATION
   ========================================================= */

.alert,
.notification {

    border:
        none !important;

    border-left:
        4px solid
        var(--deli-green) !important;

    border-radius:
        10px !important;

    background:
        rgba(22,139,75,0.07) !important;

    box-shadow:
        0 8px 20px
        rgba(7,31,42,0.06);
}


/* =========================================================
   31. SMOOTH SCROLL
   ========================================================= */

html {

    scroll-behavior:
        smooth;
}


/* =========================================================
   32. SCROLLBAR
   ========================================================= */

::-webkit-scrollbar {

    width:
        9px;
}


::-webkit-scrollbar-track {

    background:
        #edf5f3;
}


::-webkit-scrollbar-thumb {

    background:
        linear-gradient(
            180deg,
            var(--deli-green),
            var(--deli-navy)
        );

    border-radius:
        20px;
}


::-webkit-scrollbar-thumb:hover {

    background:
        var(--deli-gold);
}


/* =========================================================
   33. MOBILE
   ========================================================= */

@media (max-width: 768px) {

    .pkp_site_name .is_text {

        font-size:
            22px !important;
    }


    .pkp_site_name {

        padding-top:
            10px !important;

        padding-bottom:
            10px !important;
    }


    .pkp_navigation_primary > li > a {

        padding:
            8px 10px !important;

        border-radius:
            8px;
    }


    .pkp_navigation_search_wrapper::before {

        font-size:
            10px;

        padding:
            5px 8px;

        margin-right:
            7px;
    }


    .pkp_block {

        padding:
            15px;
    }


    .obj_issue_summary,
    .obj_article_summary {

        padding:
            15px;
    }
}


/* =========================================================
   34. ANIMATIONS
   ========================================================= */

@keyframes deliAurora {

    0% {
        background-position:
            0% 0%,
            100% 0%,
            70% 100%,
            0% 50%;
    }

    50% {
        background-position:
            20% 20%,
            80% 30%,
            50% 70%,
            100% 50%;
    }

    100% {
        background-position:
            0% 0%,
            100% 0%,
            70% 100%,
            0% 50%;
    }
}


@keyframes deliOrb {

    0% {

        transform:
            translate(0,0)
            scale(1);
    }

    50% {

        transform:
            translate(-50px,40px)
            scale(1.12);
    }

    100% {

        transform:
            translate(0,0)
            scale(1);
    }
}


@keyframes deliTitleIn {

    from {

        opacity:
            0;

        transform:
            translateY(-12px);

        filter:
            blur(4px);
    }

    to {

        opacity:
            1;

        transform:
            translateY(0);

        filter:
            blur(0);
    }
}


/* =========================================================
   35. ACCESSIBILITY
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    *,
    *::before,
    *::after {

        animation:
            none !important;

        transition:
            none !important;

        scroll-behavior:
            auto !important;
    }
}
/* =========================================================
   DELI ICAS - TEXT CLARITY & CONTRAST FIX
   Tambahkan di PALING BAWAH CSS
   ========================================================= */


/* =========================================================
   1. WARNA DASAR KONTEN
   ========================================================= */

body {
    color: #203b3b !important;
}


/* =========================================================
   2. SEMUA TEKS AREA KONTEN
   ========================================================= */

.pkp_structure_main,
.pkp_structure_main p,
.pkp_structure_main li,
.pkp_structure_main span,
.pkp_structure_main label,
.pkp_structure_main div {

    color: #294443;
}


/* Jangan mengganggu link */
.pkp_structure_main a {
    color: #08783f;
}


/* =========================================================
   3. JUDUL HALAMAN
   ========================================================= */

.pkp_page_index .page_title,
.page_title,
h1,
h2,
h3,
h4,
h5 {

    color: #123f35 !important;

    text-shadow:
        0 1px 0 rgba(255,255,255,0.7);
}


/* Judul artikel */
.obj_article_summary .title,
.obj_article_summary .title a {

    color: #123f35 !important;

    font-weight: 750 !important;
}


.obj_article_summary .title a:hover {

    color: #168b4b !important;
}


/* =========================================================
   4. TEKS PARAGRAF
   ========================================================= */

.pkp_page_index p,
.pkp_page_index li,
.pkp_page_index td,
.pkp_page_index dd,
.pkp_page_index dt {

    color: #304a49 !important;

    line-height: 1.7;
}


/* =========================================================
   5. DESKRIPSI / ABSTRACT
   ========================================================= */

.abstract,
.item.abstract,
.obj_article_details .abstract {

    color: #304848 !important;

    line-height: 1.8;
}


/* =========================================================
   6. METADATA ARTIKEL
   ========================================================= */

.obj_article_summary .meta,
.obj_article_summary .meta *,
.obj_article_summary .authors,
.obj_article_summary .authors *,
.obj_article_summary .published,
.obj_article_summary .published * {

    color: #536968 !important;
}


/* Nama author */

.obj_article_summary .authors a {

    color: #08783f !important;

    font-weight: 600;
}


.obj_article_summary .authors a:hover {

    color: #c49a00 !important;
}


/* =========================================================
   7. LABEL / CATEGORY
   ========================================================= */

.obj_article_summary .badge,
.obj_article_summary .label {

    color: #12643c !important;

    background:
        #e4f4eb !important;

    border:
        1px solid #b9dfca !important;
}


/* =========================================================
   8. SIDEBAR
   ========================================================= */

.pkp_block {

    color: #294443 !important;
}


.pkp_block .title {

    color: #123f35 !important;

    font-weight: 750 !important;
}


.pkp_block p,
.pkp_block li,
.pkp_block span,
.pkp_block label {

    color: #405755 !important;
}


.pkp_block a {

    color: #08783f !important;

    font-weight: 500;
}


.pkp_block a:hover {

    color: #c49a00 !important;
}


/* =========================================================
   9. SIDEBAR LIST
   ========================================================= */

.pkp_block ul li {

    border-bottom:
        1px solid rgba(18,63,53,0.08);

    padding:
        8px 0;
}


.pkp_block ul li:last-child {

    border-bottom:
        none;
}


/* =========================================================
   10. ISSUE INFORMATION
   ========================================================= */

.obj_issue_summary {

    color: #304848 !important;
}


.obj_issue_summary .title,
.obj_issue_summary .title a {

    color: #123f35 !important;

    font-weight: 750 !important;
}


.obj_issue_summary .description,
.obj_issue_summary .description p {

    color: #4b6160 !important;

    line-height: 1.7;
}


/* =========================================================
   11. ISSUE NUMBER / VOLUME
   ========================================================= */

.obj_issue_summary .series {

    color: #168b4b !important;

    font-weight: 700;
}


/* =========================================================
   12. BREADCRUMB
   ========================================================= */

.pkp_breadcrumb {

    color: #526765 !important;
}


.pkp_breadcrumb li {

    color: #526765 !important;
}


.pkp_breadcrumb a {

    color: #08783f !important;

    font-weight: 600;
}


.pkp_breadcrumb a:hover {

    color: #c49a00 !important;
}


/* =========================================================
   13. ARTICLE DETAIL
   ========================================================= */

.obj_article_details {

    color: #304848 !important;
}


.obj_article_details .title {

    color: #123f35 !important;

    font-weight: 800 !important;

    line-height: 1.35;
}


.obj_article_details .authors {

    color: #4b6160 !important;
}


.obj_article_details .authors a {

    color: #08783f !important;

    font-weight: 600;
}


/* =========================================================
   14. DOI / IDENTIFIERS
   ========================================================= */

.citation_display,
.item.doi,
.item.identifiers {

    color: #405755 !important;
}


.citation_display a,
.item.doi a,
.item.identifiers a {

    color: #08783f !important;

    font-weight: 600;
}


/* =========================================================
   15. FORM
   ========================================================= */

form label {

    color: #203b3b !important;

    font-weight: 650 !important;
}


form .description {

    color: #617473 !important;

    line-height: 1.6;
}


input,
textarea,
select {

    color: #203b3b !important;
}


input::placeholder,
textarea::placeholder {

    color: #879795 !important;

    opacity: 1;
}


/* =========================================================
   16. TABLE
   ========================================================= */

table {

    color: #304848 !important;

    background:
        #ffffff;
}


table th {

    color: #ffffff !important;

    background:
        linear-gradient(
            135deg,
            #0b3440,
            #075f52
        ) !important;
}


table td {

    color: #304848 !important;

    background:
        rgba(255,255,255,0.92);
}


table tr:nth-child(even) td {

    background:
        #f4f9f7;
}


table tr:hover td {

    color: #123f35 !important;

    background:
        #eaf6ef !important;
}


/* =========================================================
   17. PAGINATION
   ========================================================= */

.pagination li a {

    color: #08783f !important;

    font-weight: 600;
}


.pagination li.current a {

    color: #ffffff !important;

    background:
        #168b4b !important;
}


.pagination li a:hover {

    color: #ffffff !important;

    background:
        #168b4b !important;
}


/* =========================================================
   18. BUTTON TEXT
   ========================================================= */

.pkp_button,
button,
input[type="submit"],
input[type="button"] {

    color: #ffffff !important;

    text-shadow:
        0 1px 2px rgba(0,0,0,0.15);
}


/* =========================================================
   19. NOTIFICATION / ALERT
   ========================================================= */

.alert,
.notification {

    color: #294443 !important;
}


.alert *,
.notification * {

    color: #294443 !important;
}


.alert a,
.notification a {

    color: #08783f !important;

    font-weight: 700;
}


/* =========================================================
   20. SEARCH
   ========================================================= */

.search_prompt {

    color: #123f35 !important;

    font-weight: 800 !important;
}


.search_prompt + * {

    color: #405755;
}


/* =========================================================
   21. SEARCH RESULT
   ========================================================= */

.search_results .title a {

    color: #123f35 !important;

    font-weight: 750;
}


.search_results .title a:hover {

    color: #168b4b !important;
}


.search_results .description {

    color: #536968 !important;

    line-height: 1.7;
}


/* =========================================================
   22. HEADER MENU
   Tetap putih karena background header gelap
   ========================================================= */

.pkp_structure_head .pkp_navigation_primary a {

    color:
        #ffffff !important;
}


.pkp_structure_head .pkp_navigation_primary a:hover {

    color:
        #ffe47a !important;
}


/* =========================================================
   23. FOOTER
   Footer tetap menggunakan teks terang
   ========================================================= */

.pkp_structure_footer_wrapper {

    color:
        rgba(255,255,255,0.88) !important;
}


.pkp_structure_footer_wrapper p,
.pkp_structure_footer_wrapper li,
.pkp_structure_footer_wrapper span,
.pkp_structure_footer_wrapper div {

    color:
        rgba(255,255,255,0.78) !important;
}


.pkp_structure_footer_wrapper h1,
.pkp_structure_footer_wrapper h2,
.pkp_structure_footer_wrapper h3,
.pkp_structure_footer_wrapper h4 {

    color:
        #ffffff !important;
}


.pkp_structure_footer_wrapper a {

    color:
        #ffffff !important;
}


.pkp_structure_footer_wrapper a:hover {

    color:
        #ffe47a !important;
}


/* =========================================================
   24. MOBILE TEXT
   ========================================================= */

@media (max-width: 768px) {

    .pkp_structure_main p,
    .pkp_structure_main li {

        font-size:
            14px;

        line-height:
            1.7;
    }


    .obj_article_summary .title {

        font-size:
            17px !important;
    }


    .page_title {

        font-size:
            24px !important;
    }
}










/* =========================================================
   DELI ICAS - PREMIUM GREEN CONTENT BACKGROUND
   Tambahkan PALING BAWAH CSS
   ========================================================= */


/* =========================================================
   1. BACKGROUND UTAMA WEBSITE
   ========================================================= */

body {

    background:

        /* Glow hijau kiri atas */
        radial-gradient(
            circle at 5% 5%,
            rgba(22,139,75,0.22),
            transparent 28%
        ),

        /* Glow emas kanan atas */
        radial-gradient(
            circle at 95% 15%,
            rgba(240,196,0,0.10),
            transparent 24%
        ),

        /* Glow emerald kanan bawah */
        radial-gradient(
            circle at 85% 90%,
            rgba(7,95,82,0.20),
            transparent 30%
        ),

        /* Gradasi utama */
        linear-gradient(
            135deg,
            #dcefe8 0%,
            #cfe7de 35%,
            #d9eee5 65%,
            #c5dfd5 100%
        ) !important;

    background-attachment:
        fixed !important;

    color:
        #203b3b !important;
}


/* =========================================================
   2. AREA KONTEN UTAMA
   ========================================================= */

.pkp_structure_main {

    position:
        relative;

    background:

        /* cahaya hijau lembut */
        radial-gradient(
            circle at 0% 0%,
            rgba(255,255,255,0.55),
            transparent 30%
        ),

        /* emerald */
        radial-gradient(
            circle at 100% 100%,
            rgba(22,139,75,0.12),
            transparent 35%
        ),

        /* gold sangat tipis */
        radial-gradient(
            circle at 85% 15%,
            rgba(240,196,0,0.06),
            transparent 25%
        ),

        /* warna dasar */
        linear-gradient(
            135deg,
            #d9eee6 0%,
            #cce5dc 45%,
            #d5ebe2 100%
        );

    border-radius:
        0;

    box-shadow:
        inset 0 10px 30px
        rgba(7,31,42,0.04);
}


/* =========================================================
   3. POLA HALUS DI AREA KONTEN
   ========================================================= */

.pkp_structure_main::before {

    content:
        "";

    position:
        absolute;

    inset:
        0;

    pointer-events:
        none;

    opacity:
        0.35;

    background:
        repeating-linear-gradient(
            135deg,
            transparent 0px,
            transparent 70px,
            rgba(7,95,82,0.025) 71px,
            rgba(7,95,82,0.025) 72px
        );
}


/* =========================================================
   4. CONTENT WRAPPER
   ========================================================= */

.pkp_structure_main > .pkp_structure_content {

    position:
        relative;

    z-index:
        2;
}


/* =========================================================
   5. AREA ARTIKEL / HOMEPAGE
   ========================================================= */

.pkp_page_index,
.page {

    position:
        relative;

    background:
        transparent !important;
}


/* =========================================================
   6. CARD / BLOCK AGAR MENYATU DENGAN BACKGROUND
   ========================================================= */

.pkp_block {

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,0.90),
            rgba(239,250,245,0.84)
        ) !important;

    border:
        1px solid
        rgba(22,139,75,0.13) !important;

    box-shadow:
        0 12px 30px
        rgba(7,31,42,0.09),

        inset 0 1px 0
        rgba(255,255,255,0.75) !important;
}


/* =========================================================
   7. ARTICLE CARD
   ========================================================= */

.obj_article_summary {

    background:

        linear-gradient(
            145deg,
            rgba(255,255,255,0.94),
            rgba(236,248,242,0.92)
        ) !important;

    border:
        1px solid
        rgba(22,139,75,0.12) !important;

    box-shadow:
        0 10px 28px
        rgba(7,31,42,0.08) !important;
}


/* =========================================================
   8. ISSUE CARD
   ========================================================= */

.obj_issue_summary {

    background:

        linear-gradient(
            145deg,
            rgba(255,255,255,0.95),
            rgba(232,247,239,0.92)
        ) !important;

    border:
        1px solid
        rgba(22,139,75,0.13) !important;

    box-shadow:
        0 10px 30px
        rgba(7,31,42,0.09) !important;
}


/* =========================================================
   9. HOVER CARD
   ========================================================= */

.obj_article_summary:hover,
.obj_issue_summary:hover,
.pkp_block:hover {

    border-color:
        rgba(22,139,75,0.28) !important;

    box-shadow:

        0 18px 40px
        rgba(7,31,42,0.13),

        0 0 25px
        rgba(22,139,75,0.07) !important;
}


/* =========================================================
   10. PAGE TITLE
   ========================================================= */

.page_title {

    color:
        #103e34 !important;

    text-shadow:
        0 1px 0
        rgba(255,255,255,0.7);
}


/* =========================================================
   11. GARIS AKSEN PAGE TITLE
   ========================================================= */

.page_title::after {

    background:

        linear-gradient(
            90deg,
            #0b6d43,
            #168b4b,
            #f0c400
        ) !important;

    box-shadow:
        0 2px 8px
        rgba(22,139,75,0.20);
}


/* =========================================================
   12. CONTENT TEXT
   ========================================================= */

.pkp_structure_main p,
.pkp_structure_main li,
.pkp_structure_main span {

    color:
        #294944;
}


/* =========================================================
   13. LINK
   ========================================================= */

.pkp_structure_main a {

    color:
        #086c3d !important;
}


.pkp_structure_main a:hover {

    color:
        #b28a00 !important;
}


/* =========================================================
   14. SUBTLE FLOATING LIGHT
   ========================================================= */

.pkp_structure_main {

    background-size:
        100% 100%,
        100% 100%,
        100% 100%,
        200% 200%;

    animation:
        deliContentGradient 18s ease infinite;
}


/* =========================================================
   15. ANIMASI GRADIENT KONTEN
   ========================================================= */

@keyframes deliContentGradient {

    0% {

        background-position:
            0% 0%,
            100% 100%,
            85% 15%,
            0% 50%;
    }

    50% {

        background-position:
            20% 20%,
            80% 80%,
            65% 30%,
            100% 50%;
    }

    100% {

        background-position:
            0% 0%,
            100% 100%,
            85% 15%,
            0% 50%;
    }
}


/* =========================================================
   16. MOBILE
   ========================================================= */

@media (max-width: 768px) {

    .pkp_structure_main {

        background:

            linear-gradient(
                145deg,
                #d9eee6,
                #cfe6dc,
                #dcefe7
            );
    }
}