/* =========================================
   AJO89 ARTICLE DESCRIPTION
   BLACK + GOLD + DARK RED
========================================= */

.item_listing_item_description,
.item_description_inner,
.plain_text_description_container,
.plain_text_description {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
}

/* Wrapper utama dibuat lebar ke samping */
.item_listing_item_description {
    position: relative;

    width: 100% !important;
    max-width: 1100px !important;

    margin: 26px auto !important;
    padding: 0 15px !important;

    box-sizing: border-box;
}

/* Panel artikel */
.item_description_inner {
    position: relative;
    isolation: isolate;
    overflow: hidden !important;

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

    margin: 0 auto;
    padding: 30px 38px;

    box-sizing: border-box;

    border: 1px solid rgba(255, 205, 78, 0.72);

    clip-path: polygon(
        2% 0,
        98% 0,
        100% 14%,
        100% 86%,
        98% 100%,
        2% 100%,
        0 86%,
        0 14%
    );

    background:
        radial-gradient(
            circle at 12% 8%,
            #fed804,
            transparent 30%
        ),
        radial-gradient(
            circle at 88% 92%,
            #fed804,
            transparent 36%
        ),
        linear-gradient(
            145deg,
            #1b0306 0%,
            #080405 38%,
            #030303 70%,
            #160d00 100%
        );

    box-shadow:
        0 22px 52px rgba(0, 0, 0, 0.82),
        0 0 26px rgba(166, 12, 24, 0.24),
        0 0 34px #fed804,
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

/* Lapisan dalam */
.item_description_inner::before {
    content: "";
    position: absolute;
    inset: 8px;

    clip-path: polygon(
        2% 0,
        98% 0,
        100% 14%,
        100% 86%,
        98% 100%,
        2% 100%,
        0 86%,
        0 14%
    );

    background:
        radial-gradient(
            circle at top left,
            rgba(0, 0, 0, 0.11),
            transparent 34%
        ),
        linear-gradient(
            145deg,
            #000000 0%,
            #000000 48%,
            #000000 100%
        );

    border: 1px solid rgba(255, 205, 78, 0.14);

    box-shadow:
        inset 0 0 22px rgba(172, 13, 25, 0.05),
        inset 0 0 34px rgba(255, 205, 78, 0.03);

    z-index: -1;
}

/* Shine effect */
.item_description_inner::after {
    content: "";
    position: absolute;
    top: -55%;
    left: -70%;

    width: 42%;
    height: 210%;

    background:
        linear-gradient(
            105deg,
            transparent 0%,
            rgba(164, 13, 24, 0.12) 28%,
            rgba(255, 255, 255, 0.42) 50%,
            rgba(255, 205, 78, 0.20) 64%,
            transparent 100%
        );

    transform: rotate(24deg);
    animation: ajo89PanelShine 6s ease-in-out infinite;

    pointer-events: none;
    z-index: 0;
}

@keyframes ajo89PanelShine {
    0%,
    25% {
        left: -70%;
        opacity: 0;
    }

    40% {
        opacity: 1;
    }

    62% {
        left: 150%;
        opacity: 0;
    }

    100% {
        left: 150%;
        opacity: 0;
    }
}

/* Konten */
.plain_text_description_container {
    position: relative;
    z-index: 2;

    width: 100% !important;
    max-width: none !important;
}

.plain_text_description {
    position: relative;
    z-index: 2;

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

    color: #f0ead7;

    font-size: 15px;
    line-height: 1.85;

    /* Lebih rapi daripada justify */
    text-align: left;

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

.plain_text_description p {
    margin: 0 0 17px;
}

.plain_text_description p:last-child {
    margin-bottom: 0;
}

/* Strong / keyword penting */
.plain_text_description strong {
    color: #ffd85f;
    font-weight: 800;

    text-shadow:
        0 0 8px rgba(255, 205, 78, 0.34);
}

/* Link artikel */
.plain_text_description a {
    color: #ffd85f;
    font-weight: 700;
    text-decoration: none;

    border-bottom: 1px solid rgba(255, 205, 78, 0.38);

    text-shadow:
        0 0 7px rgba(255, 205, 78, 0.24);

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

.plain_text_description a:hover {
    color: #fff1ad;
    border-color: #ffd85f;

    text-shadow:
        0 0 9px rgba(255, 205, 78, 0.48);
}

/* =========================================
   READ MORE / TOGGLE BUTTON
========================================= */

.description_toggle_link {
    position: relative;
    z-index: 3;
    overflow: hidden;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    margin-top: 22px;
    padding: 11px 24px;

    border: 1px solid rgba(255, 220, 118, 0.88);
    border-radius: 30px;

    color: #190e00;
    text-decoration: none;
    font-weight: 900;
    letter-spacing: 0.5px;
    text-transform: uppercase;

    background:
        linear-gradient(
            135deg,
            #fff0a8 0%,
            #ffd250 36%,
            #bb7610 72%,
            #5b3300 100%
        );

    box-shadow:
        0 5px 0 #241400,
        0 0 17px rgba(255, 205, 78, 0.30),
        0 10px 24px rgba(0, 0, 0, 0.48),
        inset 0 2px 5px rgba(255, 255, 255, 0.32);

    transition:
        transform 0.28s ease,
        filter 0.28s ease,
        box-shadow 0.28s ease;
}

.description_toggle_link::before {
    content: "";
    position: absolute;
    top: -45%;
    left: -85%;

    width: 42%;
    height: 190%;

    background:
        linear-gradient(
            115deg,
            transparent,
            rgba(255, 255, 255, 0.72),
            transparent
        );

    transform: skewX(-24deg);
    transition: left 0.65s ease;
}

.description_toggle_link:hover {
    transform: translateY(-3px);
    filter: brightness(1.08);

    box-shadow:
        0 7px 0 #241400,
        0 0 20px rgba(161, 13, 24, 0.34),
        0 0 27px rgba(255, 205, 78, 0.36),
        0 15px 32px rgba(0, 0, 0, 0.55);
}

.description_toggle_link:hover::before {
    left: 145%;
}

.description_toggle_link:active {
    transform: translateY(2px);

    box-shadow:
        0 2px 0 #241400,
        0 0 13px rgba(255, 205, 78, 0.25);
}

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

@media (max-width: 900px) {
    .item_listing_item_description {
        width: 100% !important;
        padding: 0 12px !important;
    }

    .item_description_inner {
        padding: 27px 30px;
    }
}

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

@media (max-width: 700px) {
    .item_listing_item_description {
        width: 100% !important;
        margin: 20px auto !important;
        padding: 0 10px !important;
    }

    .item_description_inner {
        width: 100% !important;
        padding: 24px 20px;

        clip-path: polygon(
            4% 0,
            96% 0,
            100% 7%,
            100% 93%,
            96% 100%,
            4% 100%,
            0 93%,
            0 7%
        );
    }

    .item_description_inner::before {
        clip-path: polygon(
            4% 0,
            96% 0,
            100% 7%,
            100% 93%,
            96% 100%,
            4% 100%,
            0 93%,
            0 7%
        );
    }

    .plain_text_description {
        font-size: 14px;
        line-height: 1.75;
        text-align: left;
    }

    .description_toggle_link {
        width: 100%;
        padding: 11px 18px;
    }
}