/* ==========================================================
   RUANG BESTARI — SINGLE POST
   ========================================================== */

body.single-post {
    --rb-single-teal: #094C4E;
    --rb-single-turquoise: #0F9599;
    --rb-single-orange: #FDAA01;
    --rb-single-charcoal: #191C1F;
    --rb-single-muted: #687078;
    --rb-single-border: #E5E9EA;
    --rb-single-soft: #F7F9F9;
    --rb-single-warm: #FFF8E9;
}


/* ----------------------------------------------------------
   Main geometry
   ---------------------------------------------------------- */

body.single-post #primary.content-area {
    margin-top: 38px;
    margin-bottom: 64px;
}

body.single-post.content-width-narrow
.content-container.site-container {
    max-width: 1280px;
}

body.single-post #secondary {
    display: none !important;
}

body.single-post #main.site-main {
    min-width: 0;
}

body.single-post #main > .content-wrap {
    min-width: 0;
}


/* ----------------------------------------------------------
   Article
   ---------------------------------------------------------- */

body.single-post .single-entry {
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

body.single-post .single-entry > .entry-content-wrap {
    padding: 0;
}

body.single-post .entry-header {
    margin-bottom: 22px;
}

body.single-post .entry-title {
    max-width: 820px;
    margin-top: 0;
    margin-bottom: 12px;

    color: var(--rb-single-charcoal);
    font-size: clamp(32px, 3.1vw, 46px);
    font-weight: 750;
    line-height: 1.14;
    letter-spacing: -.025em;
}

body.single-post .entry-meta {
    color: var(--rb-single-muted);
    font-size: 12.5px;
}


/* ----------------------------------------------------------
   Breadcrumb + category
   ---------------------------------------------------------- */

.rb-single-intro {
    margin-bottom: 13px;
}

.rb-single-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;

    margin: 0 0 16px;

    color: #879095;
    font-size: 11.5px;
    line-height: 1.4;
}

.rb-single-breadcrumb a {
    color: #737D82;
    text-decoration: none;
}

.rb-single-breadcrumb a:hover {
    color: var(--rb-single-teal);
}

.rb-single-breadcrumb__separator {
    color: #B1B7BA;
}

.rb-single-category {
    display: inline-flex;
    align-items: center;

    padding: 5px 9px;

    border-radius: 7px;
    background: rgba(15,149,153,.10);

    color: var(--rb-single-teal);
    font-size: 10px;
    font-weight: 750;
    line-height: 1;
    letter-spacing: .045em;
    text-decoration: none;
    text-transform: uppercase;
}


/* ----------------------------------------------------------
   Featured image
   ---------------------------------------------------------- */

body.single-post
.post-thumbnail.article-post-thumbnail {
    width: 100%;
    margin: 0 0 28px;

    aspect-ratio: 16 / 9;

    overflow: hidden;
    border-radius: 18px;
}

body.single-post
.post-thumbnail.article-post-thumbnail
.post-thumbnail-inner {
    width: 100%;
    height: 100% !important;
    padding: 0 !important;
}

body.single-post
.post-thumbnail.article-post-thumbnail img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


/* ----------------------------------------------------------
   Reading typography
   ---------------------------------------------------------- */

body.single-post .entry-content.single-content {
    max-width: 760px;

    color: #30363A;
    font-size: 16.5px;
    line-height: 1.82;
}

body.single-post .entry-content.single-content p {
    margin-bottom: 1.45em;
}

body.single-post .entry-content.single-content h2 {
    margin-top: 2em;
    margin-bottom: .65em;

    font-size: 25px;
    line-height: 1.3;
}

body.single-post .entry-content.single-content h3 {
    margin-top: 1.75em;
    margin-bottom: .6em;

    font-size: 20px;
    line-height: 1.4;
}

body.single-post .entry-content.single-content blockquote {
    margin: 28px 0;
    padding: 18px 22px;

    border: 0;
    border-left: 4px solid var(--rb-single-turquoise);
    border-radius: 0 12px 12px 0;

    background: #F3F9F9;
}


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

.rb-single-sidebar {
    min-width: 0;
}

.rb-single-sidebar__section {
    margin: 0 0 34px;
}

.rb-single-sidebar__heading {
    display: flex;
    align-items: center;
    justify-content: space-between;

    margin: 0 0 12px;

    color: var(--rb-single-teal);
    font-size: 14px;
    font-weight: 750;
    line-height: 1.3;
}

.rb-single-sidebar__heading-link {
    color: #828A8E;
    font-size: 10.5px;
    font-weight: 600;
    text-decoration: none;
}

.rb-single-sidebar__heading-link:hover {
    color: var(--rb-single-turquoise);
}


/* Author */

.rb-single-author {
    padding: 20px;

    border: 1px solid #F2E6C8;
    border-radius: 18px;

    background: var(--rb-single-warm);
}

.rb-single-author__top {
    display: flex;
    align-items: center;
    gap: 13px;
}

.rb-single-author__avatar img {
    display: block;

    width: 58px;
    height: 58px;

    border: 3px solid #fff;
    border-radius: 50%;

    object-fit: cover;
    box-shadow: 0 0 0 1px rgba(9,76,78,.08);
}

.rb-single-author__identity {
    min-width: 0;
}

.rb-single-author__name {
    display: block;

    color: var(--rb-single-charcoal);
    font-size: 14px;
    font-weight: 750;
    line-height: 1.3;
    text-decoration: none;
}

.rb-single-author__count {
    display: block;
    margin-top: 3px;

    color: #747C80;
    font-size: 10.5px;
}

.rb-single-author__bio {
    margin: 14px 0 0;

    color: #626B70;
    font-size: 11.5px;
    line-height: 1.6;
}

.rb-single-author__profile {
    display: inline-flex;
    margin-top: 14px;

    color: var(--rb-single-teal);
    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
}


/* Instagram */

.rb-single-instagram__media {
    position: relative;
    display: block;

    width: 100%;
    aspect-ratio: 4 / 5;

    overflow: hidden;
    border-radius: 16px;

    background: #EEF1F1;
}

.rb-single-instagram__image {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition: transform .25s ease;
}

.rb-single-instagram__media:hover
.rb-single-instagram__image {
    transform: scale(1.018);
}

.rb-single-instagram__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-top: 9px;

    color: #747D82;
    font-size: 10.5px;
}

.rb-single-instagram__footer a {
    color: var(--rb-single-teal);
    font-weight: 650;
    text-decoration: none;
}


/* Latest */

.rb-single-latest {
    display: grid;
    gap: 12px;
}

.rb-single-latest__item {
    display: grid;
    grid-template-columns: 82px minmax(0,1fr);
    gap: 11px;

    color: inherit;
    text-decoration: none;
}

.rb-single-latest__media {
    width: 82px;
    height: 62px;

    overflow: hidden;
    border-radius: 9px;

    background: #EEF1F1;
}

.rb-single-latest__image {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.rb-single-latest__body {
    min-width: 0;
}

.rb-single-latest__category {
    display: block;
    margin-bottom: 3px;

    color: var(--rb-single-turquoise);
    font-size: 8px;
    font-weight: 750;
    line-height: 1.2;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.rb-single-latest__title {
    display: -webkit-box;

    margin: 0;

    overflow: hidden;

    color: var(--rb-single-charcoal);
    font-size: 11.5px;
    font-weight: 650;
    line-height: 1.35;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
}

.rb-single-latest__item:hover
.rb-single-latest__title {
    color: var(--rb-single-teal);
}


/* Categories */

.rb-single-categories {
    margin: 0;
    padding: 0;

    list-style: none;
}

.rb-single-categories li {
    display: flex;
    align-items: center;
    justify-content: space-between;

    padding: 9px 0;

    border-bottom: 1px solid #ECEFEF;
}

.rb-single-categories li:first-child {
    padding-top: 0;
}

.rb-single-categories a {
    color: #424A4E;
    font-size: 11.5px;
    font-weight: 600;
    text-decoration: none;
}

.rb-single-categories a:hover {
    color: var(--rb-single-teal);
}

.rb-single-categories__count {
    min-width: 25px;

    color: #91989C;
    font-size: 10px;
    text-align: right;
}


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

@media (min-width: 1025px) {

    body.single-post
    .content-container.site-container {
        padding-left: 24px;
        padding-right: 24px;
    }

    body.single-post #main.site-main {
        display: grid;
        grid-template-columns:
            minmax(0, 820px)
            minmax(280px, 340px);

        column-gap: 46px;
        align-items: start;
    }

    .rb-single-sidebar {
        position: sticky;
        top: 96px;
    }
}


/* ==========================================================
   TABLET / MOBILE
   Sidebar turun setelah seluruh konten post.
   ========================================================== */

@media (max-width: 1024px) {

    body.single-post.content-width-narrow
    .content-container.site-container {
        max-width: 842px;
    }

    body.single-post #main.site-main {
        display: block;
    }

    .rb-single-sidebar {
        width: 100%;
        margin-top: 42px;
    }
}


@media (max-width: 767px) {

    body.single-post #primary.content-area {
        margin-top: 22px;
        margin-bottom: 42px;
    }

    body.single-post .entry-title {
        font-size: 29px;
        line-height: 1.18;
    }

    body.single-post
    .post-thumbnail.article-post-thumbnail {
        margin-bottom: 22px;

        aspect-ratio: 4 / 3;
        border-radius: 14px;
    }

    body.single-post .entry-content.single-content {
        font-size: 16px;
        line-height: 1.75;
    }

    .rb-single-sidebar {
        margin-top: 34px;
    }

    .rb-single-sidebar__section {
        margin-bottom: 30px;
    }
}


/* ==========================================================
   SINGLE POST — HOMEPAGE VISUAL SYSTEM
   ========================================================== */


/* ----------------------------------------------------------
   Geometry mengikuti ritme homepage
   ---------------------------------------------------------- */

@media (min-width: 1025px) {

    body.single-post.content-width-narrow
    .content-container.site-container,
    body.single-post
    .content-container.site-container {
        width: calc(100% - 48px);
        max-width: 1280px !important;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
        padding-right: 0;
    }

    body.single-post #main.site-main {
        display: grid;
        grid-template-columns:
            minmax(0, 1fr)
            330px;

        column-gap: 32px;
        align-items: start;

        width: 100%;
    }

    body.single-post #main > .content-wrap {
        min-width: 0;
        width: 100%;
    }

    /*
     * Homepage sidebar tidak bergerak sebagai satu blok.
     * Ini juga mencegah sidebar menabrak Similar Posts.
     */
    body.single-post .rb-single-sidebar {
        position: static;
        top: auto;

        min-width: 0;
        width: 100%;
        margin: 0;
    }
}


/* ----------------------------------------------------------
   Sidebar rhythm
   ---------------------------------------------------------- */

.rb-single-sidebar__section {
    width: 100%;
    margin: 0 0 30px;
}

.rb-single-sidebar__heading {
    margin: 0 0 11px;

    color: #145A58;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.3;
}

.rb-single-sidebar__heading-link {
    font-size: 9.5px;
    font-weight: 500;
}


/* ----------------------------------------------------------
   Author card
   ---------------------------------------------------------- */

.rb-single-author {
    box-sizing: border-box;

    padding: 18px;

    border: 1px solid #F0E3C6;
    border-radius: 15px;

    background: #FFF8E9;
}

.rb-single-author.rb-single-sidebar__section {
    margin-bottom: 30px;
}

.rb-single-author__avatar img {
    width: 52px;
    height: 52px;
}

.rb-single-author__name {
    font-size: 12px;
}

.rb-single-author__count {
    font-size: 9px;
}

.rb-single-author__bio {
    margin-top: 12px;

    font-size: 10px;
    line-height: 1.55;
}

.rb-single-author__profile {
    margin-top: 11px;

    font-size: 9.5px;
}


/* ==========================================================
   FEATURED INSTAGRAM
   Salinan bahasa visual homepage.
   ========================================================== */

.rb-single-sidebar .rb-instagram-featured {
    display: grid;
    grid-template-rows: 1fr auto;

    width: 100%;
    min-width: 0;

    overflow: hidden;

    color: inherit;
    text-decoration: none;

    border-radius: 18px;
    background: rgba(0, 0, 0, .035);
}

.rb-single-sidebar .rb-instagram-featured__media {
    position: relative;

    min-height: 0;
    aspect-ratio: 4 / 5;

    overflow: hidden;

    background:
        linear-gradient(
            145deg,
            rgba(0, 0, 0, .035),
            rgba(0, 0, 0, .09)
        );
}

.rb-single-sidebar .rb-instagram-featured__image {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.rb-single-sidebar .rb-instagram-featured__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 16px;
    padding: 12px 14px;

    font-size: 10.5px;
    line-height: 1.4;
}

.rb-single-sidebar
.rb-instagram-featured__meta span:first-child {
    font-weight: 700;
}

.rb-single-sidebar
.rb-instagram-featured__meta span:last-child {
    opacity: .65;
}

.rb-single-sidebar .rb-instagram-card__play {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;

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

    width: 42px;
    height: 42px;

    color: #fff;
    background: rgba(0,0,0,.58);

    border-radius: 50%;

    transform: translate(-50%, -50%);
    pointer-events: none;
}

.rb-single-sidebar .rb-instagram-card__play svg {
    width: 21px;
    height: 21px;
}

@media (hover: hover) {

    .rb-single-sidebar .rb-instagram-featured {
        transition:
            transform .22s ease,
            opacity .22s ease;
    }

    .rb-single-sidebar .rb-instagram-featured:hover {
        transform: translateY(-3px);
    }
}


/* ==========================================================
   MUNGKIN ANDA SUKA
   Visual mengikuti kartu Paling Disukai homepage.
   ========================================================== */

.rb-single-recommendations__list {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
}

.rb-single-recommendations .rb-sidebar-card-wrap {
    min-width: 0;
    margin: 0;
}

.rb-single-recommendations .rb-sidebar-card {
    display: grid;
    grid-template-columns: 88px minmax(0, 1fr);

    width: 100%;
    min-width: 0;
    height: 92px;
    min-height: 92px;

    overflow: hidden;

    color: inherit;
    text-decoration: none;

    border: 1px solid #E4E8E9;
    border-radius: 12px;

    background: #FFFFFF;

    box-sizing: border-box;
}

.rb-single-recommendations .rb-sidebar-card__media {
    width: 88px;
    height: 92px;
    min-height: 92px;

    overflow: hidden;

    border-radius: 11px 0 0 11px;

    background: #EEF1F1;
}

.rb-single-recommendations .rb-sidebar-card__image {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: contain;
    object-position: center;

    transition: transform .2s ease;
}

.rb-single-recommendations
.rb-sidebar-card:hover
.rb-sidebar-card__image {
    transform: scale(1.025);
}

.rb-single-recommendations .rb-sidebar-card__body {
    min-width: 0;
    height: 92px;

    padding: 8px 10px;

    display: flex;
    flex-direction: column;
    justify-content: flex-start;

    box-sizing: border-box;
}

.rb-single-recommendations .rb-sidebar-card__category {
    margin-bottom: 3px;

    color: #D98200;

    font-size: 8.75px;
    font-weight: 700;
    line-height: 1.1;

    text-transform: uppercase;
}

.rb-single-recommendations .rb-sidebar-card__title {
    display: -webkit-box;

    margin: 0;

    overflow: hidden;

    color: #191C1F;

    font-size: 12px;
    font-weight: 600;
    line-height: 1.28;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

.rb-single-recommendations .rb-sidebar-card__author {
    display: block;

    margin-top: auto;

    overflow: hidden;

    color: #687078;

    font-size: 9px;
    line-height: 1.2;

    white-space: nowrap;
    text-overflow: ellipsis;
}

.rb-single-recommendations
.rb-sidebar-card:hover
.rb-sidebar-card__title {
    color: #094C4E;
}


/* ----------------------------------------------------------
   Tablet / mobile — ikuti gutter homepage.
   ---------------------------------------------------------- */

@media (max-width: 1024px) {

    body.single-post
    .content-container.site-container {
        width: auto;
        max-width: none !important;

        margin-left: 20px;
        margin-right: 20px;

        padding-left: 0;
        padding-right: 0;
    }

    body.single-post .rb-single-sidebar {
        position: static;
        width: 100%;
    }
}

@media (max-width: 767px) {

    body.single-post
    .content-container.site-container {
        margin-left: 20px;
        margin-right: 20px;
    }

    .rb-single-sidebar__section {
        margin-bottom: 28px;
    }

    .rb-single-recommendations .rb-sidebar-card {
        grid-template-columns: 88px minmax(0, 1fr);
    }
}



/* ==========================================================
   SINGLE POST — TOP STRUCTURE FIX
   Breadcrumb → category → title → meta → featured image
   ========================================================== */


/* Gambar bawaan Kadence yang sebelumnya berada di atas artikel. */
body.single-post
#main > .content-wrap > .post-thumbnail.article-post-thumbnail {
    display: none !important;
}


/* Kategori bawaan Kadence disembunyikan karena sudah memakai
   badge kategori versi Ruang Bestari. */
body.single-post
.entry-header .entry-taxonomies {
    display: none !important;
}


/* Judul dan metadata */
body.single-post .entry-header {
    margin-top: 0;
    margin-bottom: 0;
}

body.single-post .entry-title {
    margin-top: 0 !important;
    margin-bottom: 12px !important;
}

body.single-post .entry-header .entry-meta {
    margin-bottom: 0;
}


/* ----------------------------------------------------------
   Featured image versi Single Post Bestari
   ---------------------------------------------------------- */

.rb-single-featured {
    width: 100%;
    margin: 24px 0 30px;
    padding: 0;

    overflow: hidden;

    border: 0;
    border-radius: 18px;

    background: #EEF1F1;
}

.rb-single-featured__image {
    display: block;

    width: 100%;
    height: auto;

    aspect-ratio: 16 / 9;
    object-fit: cover;
    object-position: center;

    border-radius: inherit;
}

.rb-single-featured__caption {
    padding: 8px 12px 10px;

    color: #7B8388;
    font-size: 10px;
    line-height: 1.45;
}


/* ==========================================================
   FEATURED INSTAGRAM — SIDEBAR
   ========================================================== */

.rb-single-sidebar__instagram {
    display: block;
}

.rb-single-sidebar
.rb-instagram-featured {
    width: 100%;
}

.rb-single-sidebar
.rb-instagram-featured__media {
    aspect-ratio: 4 / 5;
}

.rb-single-sidebar
.rb-instagram-featured__image {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;
}


/* ==========================================================
   DESKTOP — STICKY SIDEBAR
   ========================================================== */

@media (min-width: 1025px) {

    body.single-post .rb-single-sidebar {
        position: sticky !important;
        top: 88px !important;

        align-self: start;

        width: 100%;
        min-width: 0;
    }
}


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

@media (max-width: 767px) {

    .rb-single-featured {
        margin: 20px 0 25px;

        border-radius: 14px;
    }

    .rb-single-featured__image {
        aspect-ratio: 4 / 3;
    }

    body.single-post .rb-single-sidebar {
        position: static !important;
        top: auto !important;
    }
}



/* ==========================================================
   SINGLE POST — FINAL ARTICLE / SIDEBAR STRUCTURE
   Featured image → title → content
   Sidebar stops at end of article.
   ========================================================== */


/* #main tidak lagi menjadi grid.
   Grid sekarang hanya membungkus artikel + sidebar. */
@media (min-width: 1025px) {

    body.single-post #main.site-main {
        display: block !important;
        width: 100%;
        min-width: 0;
    }

    body.single-post #main > .content-wrap {
        display: block;
        width: 100%;
        min-width: 0;
    }

    body.single-post .rb-single-layout {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 330px;
        column-gap: 32px;
        align-items: start;

        width: 100%;
        min-width: 0;
    }

    body.single-post .rb-single-layout__article {
        min-width: 0;
        width: 100%;
    }

    /*
     * Sticky sekarang dibatasi oleh .rb-single-layout.
     * Karena wrapper selesai tepat setelah isi artikel,
     * sidebar tidak dapat menembus navigasi / komentar.
     */
    body.single-post .rb-single-layout .rb-single-sidebar {
        position: sticky !important;
        top: 88px !important;

        align-self: start;

        width: 100%;
        min-width: 0;
        margin: 0;
    }
}


/* ==========================================================
   FEATURED IMAGE — menjadi elemen pertama artikel
   ========================================================== */

/* Gambar Kadence lama di luar artikel tetap disembunyikan. */
body.single-post
#main > .content-wrap > .post-thumbnail.article-post-thumbnail {
    display: none !important;
}


/* Featured image custom sekarang berada paling atas
   di dalam kolom artikel. */
body.single-post .rb-single-layout__article .rb-single-featured {
    width: 100%;
    margin: 0 0 20px;
    padding: 0;

    overflow: hidden;

    border-radius: 18px;
    background: #EEF1F1;
}

body.single-post
.rb-single-layout__article
.rb-single-featured__image {
    display: block;

    width: 100%;
    height: auto;

    aspect-ratio: 16 / 9;

    object-fit: cover;
    object-position: center;

    border-radius: inherit;
}


/* Breadcrumb/kategori sedikit diberi napas setelah gambar. */
body.single-post .rb-single-intro {
    margin-top: 0;
    margin-bottom: 13px;
}


/* ==========================================================
   HAPUS SIMILAR POSTS
   ========================================================== */

body.single-post .entry-related,
body.single-post .entry-related-carousel,
body.single-post .entry-related-inner-content {
    display: none !important;
}


/* ==========================================================
   TABLET / MOBILE
   Artikel dahulu, sidebar kemudian.
   ========================================================== */

@media (max-width: 1024px) {

    body.single-post .rb-single-layout {
        display: block;
        width: 100%;
    }

    body.single-post .rb-single-layout__article {
        width: 100%;
    }

    body.single-post .rb-single-layout .rb-single-sidebar {
        position: static !important;
        top: auto !important;

        width: 100%;
        margin-top: 36px;
    }
}


@media (max-width: 767px) {

    body.single-post
    .rb-single-layout__article
    .rb-single-featured {
        margin-bottom: 18px;
        border-radius: 14px;
    }

    body.single-post
    .rb-single-layout__article
    .rb-single-featured__image {
        aspect-ratio: 4 / 3;
    }
}



/* ==========================================================
   SINGLE POST — FINAL ARTICLE / SIDEBAR STRUCTURE
   Featured image → title → content
   Sidebar stops at end of article.
   ========================================================== */


/* #main tidak lagi menjadi grid.
   Grid sekarang hanya membungkus artikel + sidebar. */
@media (min-width: 1025px) {

    body.single-post #main.site-main {
        display: block !important;
        width: 100%;
        min-width: 0;
    }

    body.single-post #main > .content-wrap {
        display: block;
        width: 100%;
        min-width: 0;
    }

    body.single-post .rb-single-layout {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 330px;
        column-gap: 32px;
        align-items: start;

        width: 100%;
        min-width: 0;
    }

    body.single-post .rb-single-layout__article {
        min-width: 0;
        width: 100%;
    }

    /*
     * Sticky sekarang dibatasi oleh .rb-single-layout.
     * Karena wrapper selesai tepat setelah isi artikel,
     * sidebar tidak dapat menembus navigasi / komentar.
     */
    body.single-post .rb-single-layout .rb-single-sidebar {
        position: sticky !important;
        top: 88px !important;

        align-self: start;

        width: 100%;
        min-width: 0;
        margin: 0;
    }
}


/* ==========================================================
   FEATURED IMAGE — menjadi elemen pertama artikel
   ========================================================== */

/* Gambar Kadence lama di luar artikel tetap disembunyikan. */
body.single-post
#main > .content-wrap > .post-thumbnail.article-post-thumbnail {
    display: none !important;
}


/* Featured image custom sekarang berada paling atas
   di dalam kolom artikel. */
body.single-post .rb-single-layout__article .rb-single-featured {
    width: 100%;
    margin: 0 0 20px;
    padding: 0;

    overflow: hidden;

    border-radius: 18px;
    background: #EEF1F1;
}

body.single-post
.rb-single-layout__article
.rb-single-featured__image {
    display: block;

    width: 100%;
    height: auto;

    aspect-ratio: 16 / 9;

    object-fit: cover;
    object-position: center;

    border-radius: inherit;
}


/* Breadcrumb/kategori sedikit diberi napas setelah gambar. */
body.single-post .rb-single-intro {
    margin-top: 0;
    margin-bottom: 13px;
}


/* ==========================================================
   HAPUS SIMILAR POSTS
   ========================================================== */

body.single-post .entry-related,
body.single-post .entry-related-carousel,
body.single-post .entry-related-inner-content {
    display: none !important;
}


/* ==========================================================
   TABLET / MOBILE
   Artikel dahulu, sidebar kemudian.
   ========================================================== */

@media (max-width: 1024px) {

    body.single-post .rb-single-layout {
        display: block;
        width: 100%;
    }

    body.single-post .rb-single-layout__article {
        width: 100%;
    }

    body.single-post .rb-single-layout .rb-single-sidebar {
        position: static !important;
        top: auto !important;

        width: 100%;
        margin-top: 36px;
    }
}


@media (max-width: 767px) {

    body.single-post
    .rb-single-layout__article
    .rb-single-featured {
        margin-bottom: 18px;
        border-radius: 14px;
    }

    body.single-post
    .rb-single-layout__article
    .rb-single-featured__image {
        aspect-ratio: 4 / 3;
    }
}



/* ==========================================================
   SINGLE POST — AUTHOR LOCATION FINAL
   Tentang Penulis hanya boleh tampil setelah isi post.
   ========================================================== */

/* Safety: jangan pernah tampilkan author card di sidebar. */
body.single-post
.rb-single-sidebar
.rb-single-author {
    display: none !important;
}

/* Author card bawah artikel tetap tampil. */
body.single-post
.rb-single-post-author {
    display: block;
}



/* ==========================================================
   SINGLE POST — LIKE + AUTHOR IN CONTENT
   ========================================================== */

/*
 * Author sekarang menjadi bagian dari .entry-content,
 * tepat setelah WP ULike.
 */
body.single-post
.entry-content.single-content
.rb-single-post-author {
    display: block;

    max-width: 760px;
    width: 100%;

    margin: 22px 0 4px;
    padding: 22px 0 0;

    border: 0;
    border-top: 1px solid #E3E7E8;
    border-radius: 0;

    background: transparent;

    box-sizing: border-box;
}


/* Lebih terasa seperti footer editorial artikel,
   bukan card sidebar. */
body.single-post
.entry-content.single-content
.rb-single-post-author__eyebrow {
    margin-bottom: 14px;

    color: #145A58;

    font-size: 11px;
    font-weight: 700;
    letter-spacing: .02em;
}


body.single-post
.entry-content.single-content
.rb-single-post-author__content {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}


body.single-post
.entry-content.single-content
.rb-single-post-author__avatar img {
    width: 62px;
    height: 62px;
}


body.single-post
.entry-content.single-content
.rb-single-post-author__name {
    font-size: 14px;
    line-height: 1.3;
}


body.single-post
.entry-content.single-content
.rb-single-post-author__count {
    font-size: 10px;
}


body.single-post
.entry-content.single-content
.rb-single-post-author__bio {
    margin: 6px 0 0;

    color: #626B70;

    font-size: 11.5px;
    line-height: 1.6;
}


body.single-post
.entry-content.single-content
.rb-single-post-author__profile {
    margin-top: 8px;

    font-size: 10.5px;
}


/* Mobile */
@media (max-width: 767px) {

    body.single-post
    .entry-content.single-content
    .rb-single-post-author {
        margin-top: 20px;
        padding-top: 18px;
    }

    body.single-post
    .entry-content.single-content
    .rb-single-post-author__content {
        gap: 13px;
    }

    body.single-post
    .entry-content.single-content
    .rb-single-post-author__avatar img {
        width: 54px;
        height: 54px;
    }
}



/* ==========================================================
   ARTICLE FOOTER — WP ULIKE + TENTANG PENULIS
   Keduanya menjadi bagian langsung dari post.
   ========================================================== */


/* Like tetap berada di aliran artikel. */
body.single-post
.entry-content.single-content
.wp_ulike_general_class {
    margin-top: 28px;
    margin-bottom: 0;
}


/* Author footer */
body.single-post
.entry-content.single-content
.rb-article-author {
    width: 100%;
    max-width: 760px;

    margin: 22px 0 0;
    padding: 21px 0 0;

    border-top: 1px solid #E1E6E7;

    background: transparent;

    box-sizing: border-box;
}


.rb-article-author__label {
    display: block;

    margin: 0 0 13px;

    color: #145A58;

    font-size: 11px;
    font-weight: 700;
    line-height: 1.25;
}


.rb-article-author__inner {
    display: flex;
    align-items: flex-start;

    gap: 16px;
}


.rb-article-author__avatar {
    display: block;
    flex: 0 0 auto;

    text-decoration: none;
}


.rb-article-author__avatar img {
    display: block;

    width: 62px;
    height: 62px;

    border: 3px solid #FFFFFF;
    border-radius: 50%;

    object-fit: cover;

    box-shadow:
        0 0 0 1px rgba(9,76,78,.10);
}


.rb-article-author__content {
    min-width: 0;
    flex: 1;
}


.rb-article-author__header {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;

    gap: 5px 10px;
}


.rb-article-author__name {
    color: #191C1F;

    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;

    text-decoration: none;
}


.rb-article-author__name:hover {
    color: #094C4E;
}


.rb-article-author__count {
    color: #7B8388;

    font-size: 10px;
    line-height: 1.3;
}


body.single-post
.entry-content.single-content
.rb-article-author__bio {
    max-width: 620px;

    margin: 6px 0 0;

    color: #626B70;

    font-size: 11.5px;
    line-height: 1.6;
}


.rb-article-author__profile {
    display: inline-flex;

    margin-top: 8px;

    color: #094C4E;

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

    text-decoration: none;
}


.rb-article-author__profile:hover {
    color: #0F9599;
}


/* Pastikan author card eksperimen lama tidak ikut tampil. */
body.single-post .rb-single-post-author,
body.single-post .rb-single-sidebar .rb-single-author,
body.single-post .entry-author {
    display: none !important;
}


@media (max-width: 767px) {

    body.single-post
    .entry-content.single-content
    .rb-article-author {
        margin-top: 19px;
        padding-top: 18px;
    }

    .rb-article-author__inner {
        gap: 13px;
    }

    .rb-article-author__avatar img {
        width: 54px;
        height: 54px;
    }

    .rb-article-author__name {
        font-size: 13px;
    }

    body.single-post
    .entry-content.single-content
    .rb-article-author__bio {
        font-size: 11px;
    }
}



/* ==========================================================
   SINGLE POST — AUTHOR FOOTER VISUAL FINAL
   ========================================================== */

body.single-post
.entry-content.single-content
.rb-article-author {
    width: 100%;
    max-width: 760px;

    margin: 26px 0 8px;
    padding: 20px 22px;

    border: 1px solid #F0E3C6;
    border-radius: 16px;

    background:
        linear-gradient(
            135deg,
            rgba(255, 248, 233, 1),
            rgba(255, 252, 245, 1)
        );

    box-sizing: border-box;
}


/* Eyebrow */
body.single-post
.rb-article-author__label {
    display: block;

    margin: 0 0 14px;

    color: #D98200;

    font-size: 10px;
    font-weight: 750;
    line-height: 1.2;

    letter-spacing: .055em;
    text-transform: uppercase;
}


/* Main content */
body.single-post
.rb-article-author__inner {
    display: flex;
    align-items: center;

    gap: 17px;
}


/* Avatar */
body.single-post
.rb-article-author__avatar {
    flex: 0 0 auto;
}

body.single-post
.rb-article-author__avatar img {
    display: block;

    width: 68px;
    height: 68px;

    border: 3px solid #FFFFFF;
    border-radius: 50%;

    object-fit: cover;

    box-shadow:
        0 0 0 1px rgba(9, 76, 78, .10),
        0 5px 14px rgba(25, 28, 31, .07);
}


/* Right body */
body.single-post
.rb-article-author__content {
    min-width: 0;
    flex: 1;
}


/* Name + article count */
body.single-post
.rb-article-author__header {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 6px 9px;

    margin: 0;
}

body.single-post
.rb-article-author__name {
    color: #191C1F;

    font-size: 15px;
    font-weight: 750;
    line-height: 1.3;

    text-decoration: none;
}

body.single-post
.rb-article-author__name:hover {
    color: #094C4E;
}

body.single-post
.rb-article-author__count {
    display: inline-flex;
    align-items: center;

    min-height: 22px;
    padding: 3px 8px;

    border-radius: 999px;

    background: rgba(15, 149, 153, .09);

    color: #145A58;

    font-size: 9.5px;
    font-weight: 650;
    line-height: 1;
}


/* Bio */
body.single-post
.entry-content.single-content
.rb-article-author__bio {
    max-width: 590px;

    margin: 6px 0 0;

    color: #626B70;

    font-size: 11.5px;
    line-height: 1.55;
}


/* Profile link becomes a compact action */
body.single-post
.rb-article-author__profile {
    display: inline-flex;
    align-items: center;

    min-height: 30px;

    margin-top: 10px;
    padding: 6px 11px;

    border: 1px solid rgba(9, 76, 78, .20);
    border-radius: 999px;

    color: #094C4E;

    font-size: 10px;
    font-weight: 700;
    line-height: 1;

    text-decoration: none;

    transition:
        background .18s ease,
        border-color .18s ease,
        color .18s ease;
}

body.single-post
.rb-article-author__profile:hover,
body.single-post
.rb-article-author__profile:focus-visible {
    border-color: rgba(9, 76, 78, .32);
    background: rgba(15, 149, 153, .08);
    color: #094C4E;
}


/* Mobile */
@media (max-width: 767px) {

    body.single-post
    .entry-content.single-content
    .rb-article-author {
        margin-top: 22px;
        padding: 17px;

        border-radius: 14px;
    }

    body.single-post
    .rb-article-author__inner {
        align-items: flex-start;
        gap: 13px;
    }

    body.single-post
    .rb-article-author__avatar img {
        width: 56px;
        height: 56px;
    }

    body.single-post
    .rb-article-author__name {
        font-size: 13px;
    }

    body.single-post
    .rb-article-author__count {
        min-height: 20px;
        padding: 3px 7px;
        font-size: 9px;
    }

    body.single-post
    .entry-content.single-content
    .rb-article-author__bio {
        font-size: 11px;
    }
}



/* ==========================================================
   SINGLE POST — GLOBAL CONTAINER ALIGNMENT
   Samakan batas dengan header / homepage / footer.
   ========================================================== */

@media (min-width: 1025px) {

    /*
     * Kadence masih memperlakukan content-container sebagai
     * layout main + sidebar. Reset karena sidebar bawaan
     * sudah tidak digunakan.
     */
    body.single-post
    #primary
    > .content-container.site-container {
        display: block !important;

        width: calc(100% - 48px) !important;
        max-width: var(--global-content-width, 1280px) !important;

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

        padding-left: 0 !important;
        padding-right: 0 !important;

        box-sizing: border-box;
    }

    body.single-post
    #primary
    .site-main {
        width: 100% !important;
        max-width: none !important;

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

    body.single-post
    #primary
    .content-wrap {
        width: 100% !important;
        max-width: none !important;

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

    /*
     * Artikel + sidebar custom harus mengisi persis
     * container yang sama.
     */
    body.single-post
    .rb-single-layout {
        width: 100% !important;
        max-width: none !important;

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


    /* Previous / Next mengikuti garis container yang sama. */
    body.single-post
    .post-navigation-wrap,
    body.single-post
    .post-navigation {
        width: 100%;
        max-width: none;
        box-sizing: border-box;
    }


    /*
     * Comments berada di luar #main pada struktur Kadence.
     * Paksa memakai batas global situs yang sama.
     */
    body.single-post
    .comments-area {
        width: calc(100% - 48px) !important;
        max-width: var(--global-content-width, 1280px) !important;

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

        box-sizing: border-box;
    }
}


/* Tablet/mobile tetap mengikuti gutter situs. */
@media (max-width: 1024px) {

    body.single-post
    #primary
    > .content-container.site-container {
        display: block !important;

        width: auto !important;
        max-width: none !important;

        margin-left: 20px !important;
        margin-right: 20px !important;

        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    body.single-post
    .comments-area {
        width: auto !important;
        max-width: none !important;

        margin-left: 20px !important;
        margin-right: 20px !important;
    }
}



/* ==========================================================
   SINGLE POST — INNER CONTAINER ALIGNMENT FINAL
   Samakan post + navigation dengan comments/header/footer.
   ========================================================== */

@media (min-width: 1025px) {

    /*
     * Parent container sekarang 1280px tanpa padding.
     * Kembalikan virtual gutter Kadence di dalamnya:
     * 24px kiri + 24px kanan.
     */
    body.single-post .rb-single-layout {
        width: calc(
            100%
            - var(--global-content-edge-padding, 24px)
            - var(--global-content-edge-padding, 24px)
        ) !important;

        max-width: none !important;

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


    /*
     * Jika post navigation langsung menjadi anak content-wrap.
     */
    body.single-post
    .content-wrap
    > .post-navigation {
        width: calc(
            100%
            - var(--global-content-edge-padding, 24px)
            - var(--global-content-edge-padding, 24px)
        ) !important;

        max-width: none !important;

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


    /*
     * Antisipasi apabila Kadence memakai wrapper navigation.
     */
    body.single-post
    .content-wrap
    > .post-navigation-wrap {
        width: calc(
            100%
            - var(--global-content-edge-padding, 24px)
            - var(--global-content-edge-padding, 24px)
        ) !important;

        max-width: none !important;

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

    body.single-post
    .post-navigation-wrap
    > .post-navigation {
        width: 100% !important;
        max-width: none !important;
    }

}



/* ==========================================================
   SINGLE POST SIDEBAR — EVENT HEADING
   Match "Ikuti Event Bestari" pada homepage.
   ========================================================== */

body.single-post
.rb-single-sidebar__event-heading {
    display: flex;
    align-items: center;

    margin: 0 0 10px;
}


body.single-post
.rb-single-sidebar__event-link {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    color: var(--rb-brand-teal, #094C4E);

    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;

    text-decoration: none;

    transition: color .18s ease;
}


/* Ikon kalender outline — sama dengan homepage */
body.single-post
.rb-single-sidebar__event-link::before {
    content: "";

    display: inline-block;
    flex: 0 0 auto;

    width: 14px;
    height: 14px;

    background-color: #D98200;

    -webkit-mask:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3.5' y='5.5' width='17' height='15' rx='2.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M7.5 3.5v4M16.5 3.5v4M3.5 10h17' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E")
        center / contain no-repeat;

    mask:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3.5' y='5.5' width='17' height='15' rx='2.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M7.5 3.5v4M16.5 3.5v4M3.5 10h17' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E")
        center / contain no-repeat;
}


body.single-post
.rb-single-sidebar__event-arrow {
    display: inline-block;

    line-height: 1;

    transition: transform .18s ease;
}


body.single-post
.rb-single-sidebar__event-link:hover,
body.single-post
.rb-single-sidebar__event-link:focus-visible {
    color: var(--rb-brand-turquoise, #0F9599);
}


body.single-post
.rb-single-sidebar__event-link:hover::before,
body.single-post
.rb-single-sidebar__event-link:focus-visible::before {
    background-color: var(--rb-brand-turquoise, #0F9599);
}


body.single-post
.rb-single-sidebar__event-link:hover
.rb-single-sidebar__event-arrow,
body.single-post
.rb-single-sidebar__event-link:focus-visible
.rb-single-sidebar__event-arrow {
    transform: translateX(2px);
}



/* ==========================================================
   SINGLE POST — PREVIOUS / NEXT EDITORIAL CARDS
   ========================================================== */

body.single-post .post-navigation {
    margin-top: 34px;
    margin-bottom: 34px;
}

body.single-post .post-navigation .nav-links {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;

    width: 100%;
}


/* Card */
body.single-post .post-navigation .nav-previous,
body.single-post .post-navigation .nav-next {
    min-width: 0;
    margin: 0;
}

body.single-post .post-navigation .nav-previous a,
body.single-post .post-navigation .nav-next a {
    display: flex;
    flex-direction: column;
    justify-content: center;

    min-height: 112px;
    height: 100%;

    padding: 18px 20px;

    border: 1px solid #E1E6E7;
    border-radius: 16px;

    background: #FFFFFF;

    color: #191C1F;
    text-decoration: none;

    box-sizing: border-box;

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


/* Selanjutnya tetap rata kanan */
body.single-post .post-navigation .nav-next a {
    text-align: right;
    align-items: flex-end;
}


/* Label */
body.single-post .rb-post-nav__label {
    display: inline-flex;
    align-items: center;
    gap: 7px;

    margin-bottom: 9px;

    color: #145A58;

    font-size: 10px;
    font-weight: 750;
    line-height: 1;

    letter-spacing: .045em;
    text-transform: uppercase;
}


/* Arrow circle */
body.single-post .rb-post-nav__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 25px;
    height: 25px;

    border-radius: 50%;

    background: rgba(253, 170, 1, .14);
    color: #C87500;

    font-size: 13px;
    font-weight: 700;
    line-height: 1;

    transition:
        transform .18s ease,
        background .18s ease;
}


/* Title */
body.single-post .rb-post-nav__title {
    display: -webkit-box;

    max-width: 100%;

    overflow: hidden;

    color: #191C1F;

    font-size: 14.5px;
    font-weight: 650;
    line-height: 1.45;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}


/* Hover */
@media (hover: hover) {

    body.single-post .post-navigation .nav-previous a:hover,
    body.single-post .post-navigation .nav-next a:hover {
        transform: translateY(-2px);

        border-color: rgba(15, 149, 153, .27);

        background: #FCFEFE;

        box-shadow:
            0 8px 22px rgba(25, 28, 31, .055);
    }

    body.single-post
    .post-navigation
    .nav-previous a:hover
    .rb-post-nav__icon {
        transform: translateX(-2px);
        background: rgba(253, 170, 1, .20);
    }

    body.single-post
    .post-navigation
    .nav-next a:hover
    .rb-post-nav__icon {
        transform: translateX(2px);
        background: rgba(253, 170, 1, .20);
    }

    body.single-post
    .post-navigation a:hover
    .rb-post-nav__title {
        color: #094C4E;
    }
}


/* Hilangkan styling label Kadence lama bila masih tersisa */
body.single-post .post-navigation-sub {
    margin: 0;
}


/* Mobile */
@media (max-width: 767px) {

    body.single-post .post-navigation {
        margin-top: 28px;
        margin-bottom: 28px;
    }

    body.single-post .post-navigation .nav-links {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    body.single-post .post-navigation .nav-previous a,
    body.single-post .post-navigation .nav-next a {
        min-height: 94px;
        padding: 15px 16px;
        border-radius: 14px;
    }

    body.single-post .post-navigation .nav-next a {
        align-items: flex-start;
        text-align: left;
    }

    body.single-post .rb-post-nav__title {
        font-size: 13.5px;
    }

}



/* ==========================================================
   SINGLE POST — COMMENT FORM EDITORIAL POLISH
   ========================================================== */


/* Wrapper form */
body.single-post .comments-area .comment-respond {
    margin-top: 38px;
    padding: 26px 28px 28px;

    border: 1px solid #E1E6E7;
    border-radius: 18px;

    background: #FFFFFF;

    box-sizing: border-box;
}


/* Title */
body.single-post .comment-reply-title {
    position: relative;

    margin: 0 0 8px !important;
    padding-top: 18px;

    color: #191C1F;

    font-size: 20px;
    font-weight: 750;
    line-height: 1.3;
}


/* Eyebrow */
body.single-post .comment-reply-title::before {
    content: "DISKUSI";

    position: absolute;
    top: 0;
    left: 0;

    color: #D98200;

    font-size: 9.5px;
    font-weight: 750;
    line-height: 1;

    letter-spacing: .07em;
}


/* Notes */
body.single-post .comment-notes {
    margin: 0 0 20px;

    color: #687078;

    font-size: 11.5px;
    line-height: 1.55;
}


/* Hilangkan margin bawaan yang tidak konsisten */
body.single-post .comment-form p {
    margin-top: 0;
}


/* ==========================================================
   TEXTAREA
   ========================================================== */

body.single-post
.comment-form-comment {
    margin-bottom: 14px;
}

body.single-post
.comment-form-comment textarea {
    width: 100%;
    min-height: 180px;

    margin: 0;
    padding: 15px 16px;

    border: 1px solid #DCE2E3;
    border-radius: 13px;

    outline: none;

    background: #FBFCFC;

    color: #191C1F;

    font-family: inherit;
    font-size: 14px;
    line-height: 1.6;

    resize: vertical;

    box-shadow: none;

    transition:
        border-color .18s ease,
        background .18s ease,
        box-shadow .18s ease;
}


body.single-post
.comment-form-comment textarea:hover {
    border-color: #C9D2D3;
}


body.single-post
.comment-form-comment textarea:focus {
    border-color: rgba(15,149,153,.58);

    background: #FFFFFF;

    box-shadow:
        0 0 0 3px rgba(15,149,153,.08);
}


/* ==========================================================
   NAME / EMAIL / WEBSITE
   ========================================================== */

body.single-post
.comment-form
.comment-input-wrap {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));

    gap: 12px;

    margin: 0 0 15px;
}


body.single-post
.comment-input-wrap > p {
    min-width: 0;
    margin: 0 !important;
}


body.single-post
.comment-input-wrap input {
    width: 100%;
    height: 46px;

    margin: 0;
    padding: 0 14px;

    border: 1px solid #DCE2E3;
    border-radius: 11px;

    outline: none;

    background: #FBFCFC;

    color: #191C1F;

    font-family: inherit;
    font-size: 13px;

    box-shadow: none;

    box-sizing: border-box;

    transition:
        border-color .18s ease,
        background .18s ease,
        box-shadow .18s ease;
}


body.single-post
.comment-input-wrap input:hover {
    border-color: #C9D2D3;
}


body.single-post
.comment-input-wrap input:focus {
    border-color: rgba(15,149,153,.58);

    background: #FFFFFF;

    box-shadow:
        0 0 0 3px rgba(15,149,153,.08);
}


/* Placeholder */
body.single-post
.comment-form input::placeholder,
body.single-post
.comment-form textarea::placeholder {
    color: #8A9297;
    opacity: 1;
}


/* Kadence floating label tidak perlu terlalu dominan */
body.single-post
.comment-form .float-label {
    font-size: 10px;
}


/* ==========================================================
   CHECKBOX
   ========================================================== */

body.single-post
.comment-form-cookies-consent {
    display: flex;
    align-items: flex-start;

    gap: 9px;

    margin: 3px 0 18px !important;

    color: #596267;

    font-size: 11.5px;
    line-height: 1.5;
}


body.single-post
.comment-form-cookies-consent input[type="checkbox"] {
    flex: 0 0 auto;

    width: 15px;
    height: 15px;

    margin: 2px 0 0;

    accent-color: #0F9599;
}


body.single-post
.comment-form-cookies-consent label {
    margin: 0;
}


/* ==========================================================
   SUBMIT
   ========================================================== */

body.single-post
.comment-form .form-submit {
    margin: 0 !important;
}


body.single-post
.comment-form input[type="submit"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 44px;

    padding: 10px 18px;

    border: 0;
    border-radius: 11px;

    background: #FF751F;

    color: #FFFFFF;

    font-family: inherit;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;

    cursor: pointer;

    box-shadow: none;

    transition:
        transform .18s ease,
        background .18s ease,
        box-shadow .18s ease;
}


@media (hover: hover) {

    body.single-post
    .comment-form input[type="submit"]:hover {
        transform: translateY(-1px);

        background: #E85F0B;

        box-shadow:
            0 6px 16px rgba(232,95,11,.16);
    }
}


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

@media (max-width: 767px) {

    body.single-post
    .comments-area
    .comment-respond {
        margin-top: 28px;
        padding: 20px 17px 21px;

        border-radius: 15px;
    }

    body.single-post
    .comment-reply-title {
        font-size: 18px;
    }

    body.single-post
    .comment-form-comment textarea {
        min-height: 150px;
    }

    body.single-post
    .comment-form
    .comment-input-wrap {
        grid-template-columns: 1fr;
        gap: 9px;
    }

    body.single-post
    .comment-input-wrap input {
        height: 44px;
    }

    body.single-post
    .comment-form input[type="submit"] {
        width: 100%;
    }
}



/* ==========================================================
   SINGLE POST — COMMENT FLOAT LABEL FIX
   Hindari label bertabrakan dengan placeholder.
   ========================================================== */

/* Placeholder tidak diperlukan karena sudah ada floating label. */
body.single-post .comment-form textarea::placeholder,
body.single-post .comment-form input::placeholder {
    color: transparent !important;
    opacity: 0 !important;
}


/* Parent harus menjadi referensi posisi label. */
body.single-post .comment-form-comment,
body.single-post .comment-input-wrap > p {
    position: relative;
}


/* Floating label */
body.single-post .comment-form .float-label {
    position: absolute !important;
    top: 7px !important;
    left: 14px !important;
    z-index: 2;

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

    color: #788186;

    font-size: 9px !important;
    font-weight: 500;
    line-height: 1.2;

    pointer-events: none;

    transform: none !important;
}


/* Asterisk sedikit lebih halus. */
body.single-post .comment-form .float-label .required {
    color: #D98200;
}


/* Beri ruang untuk label pada textarea. */
body.single-post .comment-form-comment textarea {
    padding:
        25px
        16px
        14px !important;
}


/* Beri ruang untuk label pada input. */
body.single-post .comment-input-wrap input {
    height: 50px;

    padding:
        16px
        14px
        4px !important;
}


/* Saat field aktif, label mengikuti identitas teal Bestari. */
body.single-post
.comment-form-comment:focus-within
.float-label,
body.single-post
.comment-input-wrap > p:focus-within
.float-label {
    color: #0F9599;
}


/* Mobile tetap cukup lega. */
@media (max-width: 767px) {

    body.single-post .comment-input-wrap input {
        height: 48px;
    }

    body.single-post .comment-form .float-label {
        top: 7px !important;
        left: 13px !important;
    }
}



/* ==========================================================
   SINGLE POST — EDITORIAL PROSE ALIGNMENT
   Prosa justified pada desktop/tablet.
   Puisi dan mobile tetap rata kiri.
   ========================================================== */


/* Desktop + tablet: paragraf isi tulisan */
@media (min-width: 768px) {

    body.single-post:not(.category-puisi)
    .entry-content.single-content > p {
        text-align: justify;
        text-justify: inter-word;
    }

    /*
     * Beberapa naskah lama/import dapat membungkus paragraf
     * di dalam div sederhana.
     */
    body.single-post:not(.category-puisi)
    .entry-content.single-content > div:not(.rb-article-author) > p {
        text-align: justify;
        text-justify: inter-word;
    }

}


/* Puisi: pertahankan bentuk dan ritme larik. */
body.single-post.category-puisi
.entry-content.single-content > p,
body.single-post.category-puisi
.entry-content.single-content > div:not(.rb-article-author) > p {
    text-align: left;
}


/* Elemen editorial khusus tidak di-justify. */
body.single-post
.entry-content.single-content blockquote,
body.single-post
.entry-content.single-content blockquote p,
body.single-post
.entry-content.single-content figcaption,
body.single-post
.entry-content.single-content li,
body.single-post
.entry-content.single-content .rb-article-author,
body.single-post
.entry-content.single-content .rb-article-author p {
    text-align: left;
}


/* Mobile: readability lebih penting daripada tepi rata. */
@media (max-width: 767px) {

    body.single-post
    .entry-content.single-content > p,
    body.single-post
    .entry-content.single-content > div:not(.rb-article-author) > p {
        text-align: left;
    }

}

/* === RB SINGLE MOBILE ALIGNMENT CANONICAL START === */

/*
 * SINGLE POST MOBILE — CANONICAL HORIZONTAL RHYTHM
 *
 * Satu-satunya gutter halaman pada mobile:
 * 20px kiri + 20px kanan.
 *
 * Semua komponen di dalam container memakai width:100%
 * tanpa menambahkan gutter horizontal baru.
 */
@media (max-width: 767px) {

    /* -------------------------------------------------------
       1. CONTAINER UTAMA
       ------------------------------------------------------- */

    body.single-post
    #primary
    > .content-container.site-container {
        display: block !important;

        width: calc(100% - 40px) !important;
        max-width: none !important;

        margin-left: 20px !important;
        margin-right: 20px !important;

        padding-left: 0 !important;
        padding-right: 0 !important;

        box-sizing: border-box !important;
    }

    body.single-post
    #primary
    .site-main,
    body.single-post
    #primary
    .content-wrap {
        display: block !important;

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

        margin-left: 0 !important;
        margin-right: 0 !important;

        padding-left: 0 !important;
        padding-right: 0 !important;

        box-sizing: border-box !important;
    }


    /* -------------------------------------------------------
       2. ARTICLE
       ------------------------------------------------------- */

    body.single-post
    .rb-single-layout,
    body.single-post
    .rb-single-layout__article {
        display: block !important;

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

        margin-left: 0 !important;
        margin-right: 0 !important;

        padding-left: 0 !important;
        padding-right: 0 !important;

        box-sizing: border-box !important;
    }

    body.single-post
    .rb-single-featured,
    body.single-post
    .rb-single-intro,
    body.single-post
    .entry-content.single-content {
        width: 100% !important;
        max-width: 100% !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        box-sizing: border-box !important;
    }

    /*
     * Jangan biarkan featured image melakukan breakout
     * melewati gutter halaman.
     */
    body.single-post
    .rb-single-featured {
        left: auto !important;
        right: auto !important;
        transform: none !important;
    }

    body.single-post
    .rb-single-featured img,
    body.single-post
    .rb-single-featured__image {
        display: block;

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

        margin-left: 0 !important;
        margin-right: 0 !important;

        box-sizing: border-box !important;
    }

    /*
     * Block editor: cegah alignwide / alignfull
     * keluar dari gutter pada layar mobile.
     */
    body.single-post
    .entry-content.single-content
    .alignwide,
    body.single-post
    .entry-content.single-content
    .alignfull {
        width: 100% !important;
        max-width: 100% !important;

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


    /* -------------------------------------------------------
       3. TENTANG PENULIS
       ------------------------------------------------------- */

    body.single-post
    .entry-content.single-content
    .rb-article-author {
        width: 100% !important;
        max-width: 100% !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        box-sizing: border-box !important;
    }


    /* -------------------------------------------------------
       4. SIDEBAR MOBILE
       ------------------------------------------------------- */

    body.single-post
    .rb-single-layout
    .rb-single-sidebar {
        position: static !important;

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

        margin-left: 0 !important;
        margin-right: 0 !important;

        padding-left: 0 !important;
        padding-right: 0 !important;

        box-sizing: border-box !important;
    }

    body.single-post
    .rb-single-sidebar
    > * {
        max-width: 100% !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        box-sizing: border-box !important;
    }

    body.single-post
    .rb-single-sidebar img {
        max-width: 100% !important;
        height: auto;
    }


    /* -------------------------------------------------------
       5. PREVIOUS / NEXT
       Tidak boleh float, 2 kolom, ataupun saling bertumpuk.
       ------------------------------------------------------- */

    body.single-post
    .post-navigation-wrap,
    body.single-post
    .post-navigation {
        clear: both !important;

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

        margin-left: 0 !important;
        margin-right: 0 !important;

        padding-left: 0 !important;
        padding-right: 0 !important;

        box-sizing: border-box !important;
    }

    body.single-post
    .post-navigation
    .nav-links {
        display: grid !important;

        grid-template-columns: minmax(0, 1fr) !important;
        gap: 10px !important;

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

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

        box-sizing: border-box !important;
    }

    body.single-post
    .post-navigation
    .nav-previous,
    body.single-post
    .post-navigation
    .nav-next {
        display: block !important;

        position: static !important;
        float: none !important;
        clear: both !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

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

        box-sizing: border-box !important;
    }

    body.single-post
    .post-navigation
    .nav-previous a,
    body.single-post
    .post-navigation
    .nav-next a {
        position: relative !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        overflow: hidden;

        box-sizing: border-box !important;
    }

    body.single-post
    .post-navigation
    .nav-next a {
        align-items: flex-start !important;
        text-align: left !important;
    }

    body.single-post
    .rb-post-nav__label,
    body.single-post
    .rb-post-nav__title {
        position: static !important;

        max-width: 100% !important;

        transform: none !important;
    }


    /* -------------------------------------------------------
       6. COMMENTS
       Container induk SUDAH memiliki gutter 20px.
       Jangan tambah 20px lagi pada comments-area.
       ------------------------------------------------------- */

    body.single-post
    .comments-area {
        width: 100% !important;
        max-width: 100% !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        padding-left: 0 !important;
        padding-right: 0 !important;

        box-sizing: border-box !important;
    }

    body.single-post
    .comments-area
    .comment-respond {
        width: 100% !important;
        max-width: 100% !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        box-sizing: border-box !important;
    }

    body.single-post
    .comments-area
    .comment-form,
    body.single-post
    .comments-area
    .comment-form-comment,
    body.single-post
    .comments-area
    .comment-input-wrap {
        width: 100% !important;
        max-width: 100% !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        box-sizing: border-box !important;
    }

    body.single-post
    .comment-form-comment textarea,
    body.single-post
    .comment-input-wrap input,
    body.single-post
    .comment-form input[type="submit"] {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

}

/* === RB SINGLE MOBILE ALIGNMENT CANONICAL END === */

/* RB SINGLE POST MOBILE GUTTER MASTER */
/*
 * Satu-satunya gutter horizontal mobile berada di #primary:
 * 20px kiri + 20px kanan.
 * Seluruh komponen anak memakai lebar penuh dari area tersebut.
 */
@media (max-width: 767px) {

    /* ======================================================
       1. MASTER GUTTER
       ====================================================== */

    body.single-post #primary.content-area {
        width: 100% !important;
        max-width: none !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        padding-left: 20px !important;
        padding-right: 20px !important;

        box-sizing: border-box !important;
    }


    /*
     * Hilangkan gutter/margin horizontal turunan Kadence
     * agar tidak terjadi gutter ganda.
     */
    body.single-post #primary .content-container.site-container,
    body.single-post #primary #main.site-main,
    body.single-post #primary .content-wrap,
    body.single-post #primary article.single-entry,
    body.single-post #primary .entry-content-wrap,
    body.single-post #primary .rb-single-layout,
    body.single-post #primary .rb-single-layout__article,
    body.single-post #primary .rb-single-sidebar {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        padding-left: 0 !important;
        padding-right: 0 !important;

        box-sizing: border-box !important;
    }


    /* ======================================================
       2–3. POST TERINTEGRASI
       Featured + header + isi + WP ULike + Tentang Penulis
       Satu gutter berasal dari #primary = 20px.
       Tidak boleh ada gutter horizontal kedua di dalamnya.
       ====================================================== */

    body.single-post #primary .rb-single-layout__article,
    body.single-post #primary .rb-single-featured,
    body.single-post #primary .rb-single-intro,
    body.single-post #primary .entry-header,
    body.single-post #primary .entry-content.single-content,
    body.single-post #primary .entry-content.single-content .rb-article-author {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        padding-left: 0 !important;
        padding-right: 0 !important;

        box-sizing: border-box !important;
    }

    /* Featured image mengikuti tepat batas post. */
    body.single-post #primary .rb-single-featured__image,
    body.single-post #primary .rb-single-featured img {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        left: auto !important;
        right: auto !important;
        transform: none !important;

        box-sizing: border-box !important;
    }

    /* Gutenberg wide/full tidak boleh keluar dari gutter post. */
    body.single-post #primary
    .entry-content.single-content .alignwide,
    body.single-post #primary
    .entry-content.single-content .alignfull {
        width: 100% !important;
        max-width: 100% !important;

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


    /* ======================================================
       4. SIDEBAR / EVENT / REKOMENDASI
       ====================================================== */

    body.single-post #primary
    .rb-single-sidebar > *,
    body.single-post #primary
    .rb-single-sidebar__section,
    body.single-post #primary
    .rb-single-recommendations,
    body.single-post #primary
    .rb-single-recommendations__list,
    body.single-post #primary
    .rb-instagram-featured {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        box-sizing: border-box !important;
    }

    body.single-post #primary
    .rb-single-sidebar img {
        max-width: 100% !important;
    }


    /* ======================================================
       5. PREVIOUS / NEXT
       Selalu satu kolom dan tidak boleh overlap.
       ====================================================== */

    body.single-post #primary
    .post-navigation-wrap,
    body.single-post #primary
    .post-navigation {
        clear: both !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        padding-left: 0 !important;
        padding-right: 0 !important;

        box-sizing: border-box !important;
    }

    body.single-post #primary
    .post-navigation .nav-links {
        display: flex !important;
        flex-direction: column !important;

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

        gap: 10px !important;

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

        box-sizing: border-box !important;
    }

    body.single-post #primary
    .post-navigation .nav-previous,
    body.single-post #primary
    .post-navigation .nav-next {
        display: block !important;

        position: static !important;
        float: none !important;
        clear: both !important;

        flex: 0 0 auto !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;

        transform: none !important;

        box-sizing: border-box !important;
    }

    body.single-post #primary
    .post-navigation .nav-previous a,
    body.single-post #primary
    .post-navigation .nav-next a {
        display: flex !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;

        align-items: flex-start !important;
        text-align: left !important;

        overflow: hidden;

        box-sizing: border-box !important;
    }

    body.single-post #primary
    .rb-post-nav__title {
        max-width: 100% !important;
        overflow-wrap: anywhere;
    }


    /* ======================================================
       6. KOMENTAR
       Card komentar harus mengikuti garis yang sama dengan
       artikel/sidebar, bukan membuat gutter baru.
       ====================================================== */

    body.single-post #primary
    .comments-area {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        padding-left: 0 !important;
        padding-right: 0 !important;

        box-sizing: border-box !important;
    }

    body.single-post #primary
    .comments-area .comment-respond {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        box-sizing: border-box !important;
    }

    body.single-post #primary
    .comments-area .comment-form,
    body.single-post #primary
    .comments-area .comment-form-comment,
    body.single-post #primary
    .comments-area .comment-input-wrap,
    body.single-post #primary
    .comments-area .comment-input-wrap > p {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        box-sizing: border-box !important;
    }

    body.single-post #primary
    .comment-form-comment textarea,
    body.single-post #primary
    .comment-input-wrap input,
    body.single-post #primary
    .comment-form input[type="submit"] {
        width: 100% !important;
        max-width: 100% !important;

        box-sizing: border-box !important;
    }
}

/* Mobile single post — remove Kadence prev/next vertical separator */
@media (max-width: 767px) {
    body.single-post .post-navigation .nav-previous::after,
    body.single-post .comment-navigation .nav-previous::after {
        content: none !important;
        display: none !important;
    }
}



/* ==========================================================
   SINGLE POST — JUSTIFIED ARTICLE CONTENT
   Berlaku untuk semua kategori, termasuk puisi.
   Meta, WP ULike, dan kartu Tentang Penulis tidak diubah.
   ========================================================== */

body.single-post .entry-content.single-content {
    text-align: justify !important;
    text-justify: inter-word;
}

/* Paksa elemen tekstual artikel tetap justify,
   termasuk jika editor/block memiliki alignment sendiri. */
body.single-post .entry-content.single-content > p,
body.single-post .entry-content.single-content > ul,
body.single-post .entry-content.single-content > ol,
body.single-post .entry-content.single-content > blockquote,
body.single-post .entry-content.single-content > h1,
body.single-post .entry-content.single-content > h2,
body.single-post .entry-content.single-content > h3,
body.single-post .entry-content.single-content > h4,
body.single-post .entry-content.single-content > h5,
body.single-post .entry-content.single-content > h6,
body.single-post .entry-content.single-content > .wp-block-group,
body.single-post .entry-content.single-content > .wp-block-quote,
body.single-post .entry-content.single-content > .wp-block-verse,
body.single-post .entry-content.single-content > pre.wp-block-verse {
    text-align: justify !important;
    text-justify: inter-word;
}

/* Komponen setelah isi artikel bukan bagian tipografi naskah. */
body.single-post .entry-content.single-content .wpulike,
body.single-post .entry-content.single-content .wp_ulike_general_class,
body.single-post .entry-content.single-content .rb-article-author,
body.single-post .entry-content.single-content .rb-article-author * {
    text-align: initial;
}

/* END SINGLE POST — JUSTIFIED ARTICLE CONTENT */


/* ==========================================================
   SINGLE POST MOBILE — ARTICLE END RHYTHM FINAL
   Artikel -> Like -> Tentang Penulis -> Event
   ========================================================== */

@media (max-width: 767px) {

    /* ======================================================
       1. AKHIR ARTIKEL -> WP ULIKE
       ====================================================== */

    body.single-post #primary
    .entry-content.single-content > .wpulike,
    body.single-post #primary
    .entry-content.single-content > .wp_ulike_general_class {
        margin-top: 24px !important;
        margin-bottom: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }


    /* ======================================================
       2. WP ULIKE -> TENTANG PENULIS
       ====================================================== */

    body.single-post #primary
    .entry-content.single-content > .rb-article-author {
        width: 100% !important;
        max-width: 100% !important;

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

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

        /* Ini harus menang dari reset padding #primary sebelumnya */
        padding: 18px !important;

        box-sizing: border-box !important;
    }


    /* ======================================================
       3. INTERNAL KARTU TENTANG PENULIS
       ====================================================== */

    body.single-post #primary
    .rb-article-author__label {
        display: block !important;

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

        line-height: 1.2 !important;
        text-align: left !important;
    }

    body.single-post #primary
    .rb-article-author__inner {
        width: 100% !important;
        max-width: 100% !important;

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

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

        align-items: flex-start !important;
        box-sizing: border-box !important;
    }

    body.single-post #primary
    .rb-article-author__avatar {
        flex: 0 0 auto !important;
        margin: 0 !important;
    }

    body.single-post #primary
    .rb-article-author__name {
        margin-top: 0 !important;
        margin-bottom: 4px !important;

        line-height: 1.25 !important;
        text-align: left !important;
    }

    body.single-post #primary
    .rb-article-author__bio {
        margin-top: 0 !important;
        margin-bottom: 12px !important;

        line-height: 1.45 !important;
        text-align: left !important;
    }

    body.single-post #primary
    .rb-article-author__profile-link,
    body.single-post #primary
    .rb-article-author__button {
        margin-top: 10px !important;
        margin-bottom: 0 !important;
    }

    body.single-post #primary
    .rb-article-author,
    body.single-post #primary
    .rb-article-author * {
        text-align: left;
    }


    /* ======================================================
       4. TENTANG PENULIS -> EVENT
       ====================================================== */

    body.single-post #primary
    .rb-single-layout__article {
        margin-bottom: 24px !important;
    }

    body.single-post #primary
    .rb-single-sidebar {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    body.single-post #primary
    .rb-single-sidebar > :first-child {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    body.single-post #primary
    .rb-single-sidebar > :first-child > :first-child {
        margin-top: 0 !important;
    }

}

/* END SINGLE POST MOBILE — ARTICLE END RHYTHM FINAL */


/* ==========================================================
   SINGLE POST MOBILE — MUNGKIN ANDA SUKA REDESIGN FINAL
   ========================================================== */

@media (max-width: 767px) {

    body.single-post #primary
    .rb-single-recommendations {
        margin-top: 0 !important;
        margin-bottom: 28px !important;
    }

    body.single-post #primary
    .rb-single-recommendations
    .rb-single-sidebar__heading {
        margin: 0 0 14px !important;

        font-size: 17px !important;
        line-height: 1.25 !important;
        font-weight: 700 !important;
    }


    /* LIST */
    body.single-post #primary
    .rb-single-recommendations__list {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;

        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }


    /* WRAPPER */
    body.single-post #primary
    .rb-single-recommendations
    .rb-sidebar-card-wrap {
        width: 100% !important;

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


    /* CARD */
    body.single-post #primary
    .rb-single-recommendations
    .rb-sidebar-card {
        display: grid !important;
        grid-template-columns: 112px minmax(0, 1fr) !important;
        align-items: center !important;

        width: 100% !important;
        height: auto !important;
        min-height: 100px !important;

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

        overflow: hidden !important;

        border: 1px solid #E1E6E7 !important;
        border-radius: 16px !important;

        background: #FFFFFF !important;

        box-sizing: border-box !important;
    }


    /* THUMBNAIL — LANDSCAPE */
    body.single-post #primary
    .rb-single-recommendations
    .rb-sidebar-card__media {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 112px !important;
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: 16 / 9 !important;

        margin: 0 !important;

        overflow: hidden !important;

        border-radius: 10px !important;

        background: #F5F6F6 !important;

        box-sizing: border-box !important;
    }


    /* FOTO UTUH — TIDAK DICROP */
    body.single-post #primary
    .rb-single-recommendations
    .rb-sidebar-card__image {
        display: block !important;

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

        object-fit: contain !important;
        object-position: center !important;

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

        transform: none !important;
    }


    /* BODY */
    body.single-post #primary
    .rb-single-recommendations
    .rb-sidebar-card__body {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;

        width: 100% !important;
        min-width: 0 !important;

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

        margin: 0 !important;
        padding: 1px 2px 1px 12px !important;

        box-sizing: border-box !important;
    }


    /* CATEGORY */
    body.single-post #primary
    .rb-single-recommendations
    .rb-sidebar-card__category {
        display: block !important;

        margin: 0 0 5px !important;

        font-size: 10px !important;
        line-height: 1.1 !important;
        font-weight: 700 !important;

        color: #D98200 !important;
    }


    /* TITLE */
    body.single-post #primary
    .rb-single-recommendations
    .rb-sidebar-card__title {
        display: -webkit-box !important;

        margin: 0 !important;

        overflow: hidden !important;

        font-size: 14px !important;
        line-height: 1.28 !important;
        font-weight: 600 !important;

        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
        line-clamp: 2 !important;
    }


    /* AUTHOR */
    body.single-post #primary
    .rb-single-recommendations
    .rb-sidebar-card__author {
        display: block !important;

        margin: 8px 0 0 !important;

        overflow: hidden !important;

        font-size: 11px !important;
        line-height: 1.25 !important;

        color: #71787D !important;

        white-space: nowrap !important;
        text-overflow: ellipsis !important;
    }


    /* Mobile tidak perlu efek zoom */
    body.single-post #primary
    .rb-single-recommendations
    .rb-sidebar-card:hover
    .rb-sidebar-card__image {
        transform: none !important;
    }

}

/* END SINGLE POST MOBILE — MUNGKIN ANDA SUKA REDESIGN FINAL */


/* ==========================================================
   SINGLE POST MOBILE — RECOMMENDATION THUMBNAIL STRETCH
   Semua gambar memenuhi frame tanpa crop / ruang kosong.
   ========================================================== */

@media (max-width: 767px) {

    body.single-post #primary
    .rb-single-recommendations
    .rb-sidebar-card__media {
        overflow: hidden !important;
        background: #F5F6F6 !important;
    }

    body.single-post #primary
    .rb-single-recommendations
    .rb-sidebar-card__image {
        display: block !important;

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

        object-fit: fill !important;
        object-position: center !important;

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

        transform: none !important;
    }

}

/* END RECOMMENDATION THUMBNAIL STRETCH */

/* ==========================================================
   SINGLE POST MOBILE — PREV / NEXT ONE ROW FINAL
   ========================================================== */

@media (max-width: 767px) {

    body.single-post #primary .post-navigation {
        width: 100% !important;
        margin: 30px 0 34px !important;
        padding: 0 !important;
        border: 0 !important;
    }

    /* Dua kartu dalam SATU BARIS */
    body.single-post #primary
    .post-navigation .nav-links {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
        gap: 10px !important;

        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.single-post #primary
    .post-navigation .nav-previous,
    body.single-post #primary
    .post-navigation .nav-next {
        position: static !important;
        float: none !important;

        width: 100% !important;
        min-width: 0 !important;

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

        overflow: hidden !important;

        border: 1px solid #E1E6E7 !important;
        border-radius: 15px !important;
        background: #FFFFFF !important;

        box-sizing: border-box !important;
    }

    body.single-post #primary
    .post-navigation .nav-previous > a,
    body.single-post #primary
    .post-navigation .nav-next > a {
        display: flex !important;
        flex-direction: column !important;

        width: 100% !important;
        height: 100% !important;
        min-width: 0 !important;

        padding: 14px !important;

        text-decoration: none !important;
        box-sizing: border-box !important;
    }

    /* Next rata kanan agar terasa berpasangan */
    body.single-post #primary
    .post-navigation .nav-next > a {
        align-items: flex-end !important;
        text-align: right !important;
    }

    body.single-post #primary
    .post-navigation .nav-previous > a {
        align-items: flex-start !important;
        text-align: left !important;
    }

    /* Label */
    body.single-post #primary
    .post-navigation .nav-sub-title,
    body.single-post #primary
    .post-navigation .nav-label,
    body.single-post #primary
    .post-navigation .post-navigation-sub {
        margin: 0 0 8px !important;

        color: #155E60 !important;

        font-size: 10px !important;
        font-weight: 700 !important;
        line-height: 1.15 !important;

        letter-spacing: .03em !important;
        text-transform: uppercase !important;
    }

    /* Judul maksimal 2 baris */
    body.single-post #primary
    .post-navigation .post-title,
    body.single-post #primary
    .post-navigation .nav-title {
        display: -webkit-box !important;

        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;

        overflow: hidden !important;

        color: #191C1F !important;

        font-size: 13px !important;
        font-weight: 650 !important;
        line-height: 1.3 !important;

        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
        line-clamp: 2 !important;

        overflow-wrap: anywhere !important;
    }

    body.single-post #primary
    .post-navigation .nav-next .post-title,
    body.single-post #primary
    .post-navigation .nav-next .nav-title {
        text-align: right !important;
    }

    body.single-post #primary
    .post-navigation .nav-previous .post-title,
    body.single-post #primary
    .post-navigation .nav-previous .nav-title {
        text-align: left !important;
    }
}

/* END PREV / NEXT ONE ROW FINAL */


/* ==========================================================
   SINGLE POST MOBILE — COMMENTS EDITORIAL POLISH
   ========================================================== */

@media (max-width: 767px) {

    /* ======================================================
       1. SECTION KOMENTAR
       ====================================================== */

    body.single-post #primary .comments-area {
        width: 100% !important;
        max-width: 100% !important;

        margin-top: 30px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;

        padding: 0 !important;

        box-sizing: border-box !important;
    }


    /* Judul jumlah komentar */
    body.single-post #primary .comments-title {
        display: block !important;

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

        color: #191C1F !important;

        font-size: 24px !important;
        font-weight: 700 !important;
        line-height: 1.2 !important;
        letter-spacing: -.02em !important;

        text-align: left !important;
    }

    body.single-post #primary .comments-title::before {
        content: "DISKUSI";

        display: block;

        margin-bottom: 7px;

        color: #D98200;

        font-size: 10px;
        font-weight: 700;
        line-height: 1;
        letter-spacing: .08em;
    }


    /* ======================================================
       2. LIST
       ====================================================== */

    body.single-post #primary .comment-list,
    body.single-post #primary ol.comment-list {
        width: 100% !important;

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

        list-style: none !important;
    }


    body.single-post #primary
    .comment-list > li.comment {
        width: 100% !important;

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

        border-bottom: 1px solid #DEE4E5 !important;

        box-sizing: border-box !important;
    }

    body.single-post #primary
    .comment-list > li.comment:last-child {
        border-bottom: 0 !important;
    }


    /* ======================================================
       3. SATU KOMENTAR
       ====================================================== */

    body.single-post #primary
    .comment-list .comment-body {
        position: relative !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 22px 0 20px !important;

        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;

        box-sizing: border-box !important;
    }


    /* ======================================================
       4. AUTHOR + AVATAR + META
       ====================================================== */

    body.single-post #primary
    .comment-list .comment-meta {
        position: relative !important;

        min-height: 48px !important;

        margin: 0 0 14px !important;
        padding: 1px 0 0 60px !important;

        box-sizing: border-box !important;
    }


    body.single-post #primary
    .comment-list .comment-author {
        margin: 0 !important;
        padding: 0 !important;

        line-height: 1.2 !important;
    }


    body.single-post #primary
    .comment-list .comment-author .avatar {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;

        width: 48px !important;
        height: 48px !important;

        margin: 0 !important;

        object-fit: cover !important;

        border-radius: 50% !important;

        background: #E9ECEC !important;
    }


    body.single-post #primary
    .comment-list .comment-author .fn,
    body.single-post #primary
    .comment-list .comment-author cite {
        color: #191C1F !important;

        font-size: 15.5px !important;
        font-style: normal !important;
        font-weight: 700 !important;
        line-height: 1.25 !important;
    }


    body.single-post #primary
    .comment-list .says {
        color: #4F5659 !important;

        font-size: 13px !important;
        font-weight: 400 !important;
    }


    body.single-post #primary
    .comment-list .comment-metadata {
        margin: 3px 0 0 !important;
        padding: 0 !important;

        color: #747C80 !important;

        font-size: 11.5px !important;
        line-height: 1.3 !important;
    }


    body.single-post #primary
    .comment-list .comment-metadata a {
        color: inherit !important;
        text-decoration: none !important;
    }


    /* ======================================================
       5. ISI KOMENTAR
       ====================================================== */

    body.single-post #primary
    .comment-list .comment-content {
        margin: 0 0 14px !important;
        padding: 0 !important;

        color: #343A3D !important;

        font-size: 14.5px !important;
        font-weight: 400 !important;
        line-height: 1.62 !important;

        text-align: left !important;
    }


    body.single-post #primary
    .comment-list .comment-content p {
        margin: 0 0 10px !important;
        padding: 0 !important;

        text-align: left !important;
    }

    body.single-post #primary
    .comment-list .comment-content p:last-child {
        margin-bottom: 0 !important;
    }


    /* ======================================================
       6. LIKE DI KOMENTAR
       ====================================================== */

    body.single-post #primary
    .comment-list .wpulike,
    body.single-post #primary
    .comment-list .wp_ulike_general_class {
        margin: 0 0 12px !important;
        padding: 0 !important;
    }


    /* ======================================================
       7. REPLY
       ====================================================== */

    body.single-post #primary
    .comment-list .reply {
        display: block !important;

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


    body.single-post #primary
    .comment-list .comment-reply-link {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        min-height: 30px !important;

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

        color: #155E60 !important;

        font-size: 11px !important;
        font-weight: 650 !important;
        line-height: 1 !important;

        text-decoration: none !important;

        border: 1px solid #D7DFDF !important;
        border-radius: 999px !important;

        background: #FFFFFF !important;

        box-sizing: border-box !important;
    }


    body.single-post #primary
    .comment-list .comment-reply-link:active {
        background: #F3F7F7 !important;
    }


    /* ======================================================
       8. BALASAN / NESTED COMMENT
       ====================================================== */

    body.single-post #primary
    .comment-list .children {
        margin: 0 0 0 18px !important;
        padding: 0 0 0 14px !important;

        list-style: none !important;

        border-left: 2px solid #E5EBEB !important;
    }


    body.single-post #primary
    .comment-list .children .comment-body {
        padding-top: 18px !important;
        padding-bottom: 18px !important;
    }


    /* ======================================================
       9. COMMENT FORM
       Sedikit diselaraskan, struktur existing dipertahankan.
       ====================================================== */

    body.single-post #primary
    .comments-area .comment-respond {
        margin-top: 30px !important;
    }

}

/* END SINGLE POST MOBILE — COMMENTS EDITORIAL POLISH */


/* ==========================================================
   SINGLE POST MOBILE — COMMENT COUNT DECORATION
   ========================================================== */

@media (max-width: 767px) {

    body.single-post #primary .comments-title {
        position: relative !important;

        width: fit-content !important;
        max-width: 100% !important;

        margin: 0 0 18px !important;
        padding: 11px 15px 11px 38px !important;

        color: #191C1F !important;

        font-size: 20px !important;
        font-weight: 700 !important;
        line-height: 1.15 !important;
        letter-spacing: -.02em !important;

        border: 1px solid #F0E2C5 !important;
        border-radius: 12px !important;

        background: #FFF9ED !important;

        box-sizing: border-box !important;
    }

    /* Dekorasi titik / bubble kecil */
    body.single-post #primary .comments-title::after {
        content: "";

        position: absolute;
        left: 15px;
        top: 50%;

        width: 10px;
        height: 10px;

        border: 4px solid #FFF0D1;
        border-radius: 50%;

        background: #D98200;

        transform: translateY(-50%);
        box-sizing: content-box;
    }

    /* Label DISKUSI tetap berada di atas badge */
    body.single-post #primary .comments-title::before {
        content: "DISKUSI";

        position: absolute !important;
        left: 0 !important;
        bottom: calc(100% + 7px) !important;

        display: block !important;

        margin: 0 !important;

        color: #D98200 !important;

        font-size: 10px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        letter-spacing: .08em !important;
    }

}

/* END SINGLE POST MOBILE — COMMENT COUNT DECORATION */


/* ==========================================================
   SINGLE POST DESKTOP — FINAL POLISH
   Thumbnail + rhythm + columns + comments + justify
   ========================================================== */

@media (min-width: 768px) {

    /* ======================================================
       1. LAYOUT ARTIKEL + SIDEBAR
       ====================================================== */

    body.single-post .rb-single-layout {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 330px !important;
        column-gap: 32px !important;
        align-items: stretch !important;

        width: 100% !important;
        min-width: 0 !important;

        margin: 0 0 34px !important;
    }

    body.single-post .rb-single-layout__article,
    body.single-post .rb-single-sidebar {
        min-width: 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /*
     * Hilangkan margin bawah semu pada section terakhir sidebar.
     * Ini membuat akhir kolom artikel/sidebar terasa sejajar,
     * tanpa memaksa author turun dengan ruang kosong palsu.
     */
    body.single-post
    .rb-single-sidebar > :last-child {
        margin-bottom: 0 !important;
    }

    body.single-post
    .rb-single-sidebar__section {
        margin-bottom: 24px !important;
    }

    body.single-post
    .rb-single-sidebar__section:last-child {
        margin-bottom: 0 !important;
    }


    /* ======================================================
       2. MUNGKIN ANDA SUKA — THUMBNAIL STRETCH
       ====================================================== */

    body.single-post
    .rb-single-recommendations
    .rb-sidebar-card {
        grid-template-columns: 88px minmax(0, 1fr) !important;

        height: 92px !important;
        min-height: 92px !important;
    }

    body.single-post
    .rb-single-recommendations
    .rb-sidebar-card__media {
        display: block !important;

        width: 88px !important;
        min-width: 88px !important;

        height: 92px !important;
        min-height: 92px !important;

        overflow: hidden !important;
    }

    body.single-post
    .rb-single-recommendations
    .rb-sidebar-card__media > a,
    body.single-post
    .rb-single-recommendations
    .rb-sidebar-card__media picture {
        display: block !important;

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

    /*
     * Sengaja STRETCH:
     * - tidak crop
     * - tidak ada ruang kosong
     * - semua frame terisi penuh
     */
    body.single-post
    .rb-single-recommendations
    .rb-sidebar-card__image,
    body.single-post #primary
    .rb-single-recommendations
    .rb-sidebar-card__image {
        display: block !important;

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

        height: 100% !important;
        min-height: 100% !important;

        object-fit: fill !important;
        object-position: center !important;

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


    /* ======================================================
       3. RHYTHM ANTAR SECTION
       ====================================================== */

    body.single-post .rb-article-author {
        margin-bottom: 0 !important;
    }

    body.single-post .post-navigation {
        margin-top: 30px !important;
        margin-bottom: 42px !important;
    }

    body.single-post .comments-area {
        margin-top: 0 !important;
    }


    /* ======================================================
       4–5. JUMLAH KOMENTAR — DEKORASI DESKTOP
       ====================================================== */

    body.single-post .comments-title {
        position: relative !important;

        display: inline-flex !important;
        align-items: center !important;

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

        margin: 20px 0 28px !important;
        padding: 12px 17px 12px 43px !important;

        color: #191C1F !important;

        font-size: 20px !important;
        font-weight: 700 !important;
        line-height: 1.15 !important;
        letter-spacing: -.015em !important;

        border: 1px solid #F0E2C5 !important;
        border-radius: 13px !important;

        background: #FFF9ED !important;

        box-sizing: border-box !important;
    }

    /* Titik dekoratif */
    body.single-post .comments-title::before {
        content: "" !important;

        position: absolute !important;
        left: 16px !important;
        top: 50% !important;

        width: 10px !important;
        height: 10px !important;

        margin: 0 !important;

        border: 4px solid #FFF0D1 !important;
        border-radius: 50% !important;

        background: #D98200 !important;

        transform: translateY(-50%) !important;
        box-sizing: content-box !important;
    }

    /* Label kecil di atas badge */
    body.single-post .comments-title::after {
        content: "DISKUSI" !important;

        position: absolute !important;
        left: 0 !important;
        bottom: calc(100% + 8px) !important;

        color: #D98200 !important;

        font-size: 10px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        letter-spacing: .09em !important;
    }

    body.single-post
    .comments-title .rb-comments-count,
    body.single-post
    .comments-title .rb-comments-label {
        font: inherit !important;
        color: inherit !important;
    }


    /* ======================================================
       6. JUSTIFY — SEMUA JENIS POST TERMASUK PUISI
       ====================================================== */

    body.single-post
    .entry-content.single-content {
        text-align: justify !important;
        text-justify: inter-word !important;
    }

    body.single-post
    .entry-content.single-content > p,

    body.single-post
    .entry-content.single-content
    > div:not(.rb-article-author)
    p,

    body.single-post
    .entry-content.single-content
    .wp-block-paragraph,

    body.single-post
    .entry-content.single-content
    .wp-block-quote,

    body.single-post
    .entry-content.single-content
    blockquote,

    body.single-post
    .entry-content.single-content
    .wp-block-verse,

    body.single-post
    .entry-content.single-content
    pre.wp-block-verse {

        text-align: justify !important;
        text-justify: inter-word !important;
    }

    /* Jangan justify elemen UI yang ikut berada di the_content */
    body.single-post
    .entry-content.single-content
    .wpulike,

    body.single-post
    .entry-content.single-content
    .wp_ulike_general_class,

    body.single-post
    .entry-content.single-content
    .rb-article-author,

    body.single-post
    .entry-content.single-content
    .rb-article-author * {

        text-align: initial !important;
    }

}

/* END SINGLE POST DESKTOP — FINAL POLISH */

/* ==========================================================
   SINGLE POST DESKTOP — HEADER CONTAINER ALIGNMENT FINAL
   Article + sidebar follow the same inner line as header.
   Comments intentionally untouched.
   ========================================================== */

@media (min-width: 1025px) {

    body.single-post
    .rb-single-layout {
        width: calc(
            100%
            - var(--global-content-edge-padding, 24px)
            - var(--global-content-edge-padding, 24px)
        ) !important;

        max-width: none !important;

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

}

/* END SINGLE POST DESKTOP — HEADER CONTAINER ALIGNMENT FINAL */

/* ==========================================================
   SINGLE POST DESKTOP — READING POLISH TEST
   Typography/rhythm only. Layout and comments untouched.
   ========================================================== */

@media (min-width: 1025px) {

    /* Area baca dibuat sedikit lebih nyaman.
       Featured image dan judul tetap selebar kolom artikel. */

    body.single-post
    .rb-single-layout__article
    .entry-content.single-content > p,

    body.single-post
    .rb-single-layout__article
    .entry-content.single-content > ul,

    body.single-post
    .rb-single-layout__article
    .entry-content.single-content > ol,

    body.single-post
    .rb-single-layout__article
    .entry-content.single-content > blockquote,

    body.single-post
    .rb-single-layout__article
    .entry-content.single-content > h2,

    body.single-post
    .rb-single-layout__article
    .entry-content.single-content > h3,

    body.single-post
    .rb-single-layout__article
    .entry-content.single-content > h4 {
        max-width: 820px !important;
    }


    /* Sedikit tambah napas setelah judul/meta. */

    body.single-post
    .rb-single-layout__article
    .entry-header {
        margin-bottom: 28px !important;
    }

    body.single-post
    .rb-single-layout__article
    .entry-meta,
    body.single-post
    .rb-single-layout__article
    .entry-meta a {
        color: #626a70 !important;
        font-size: 12px !important;
        line-height: 1.45 !important;
    }


    /* Sidebar rekomendasi sedikit lebih nyaman dibaca. */

    body.single-post
    .rb-single-recommendations
    .rb-sidebar-card__body {
        padding-top: 9px !important;
        padding-bottom: 9px !important;
    }

    body.single-post
    .rb-single-recommendations
    .rb-sidebar-card__title {
        line-height: 1.38 !important;
    }

}

/* END SINGLE POST DESKTOP — READING POLISH TEST */

/* ==========================================================
   SINGLE POST DESKTOP — CONTENT DIVIDER V2
   Starts exactly with article body, not image/title/meta.
   ========================================================== */

@media (min-width: 1025px) {

    body.single-post
    .rb-single-layout__article
    .entry-content.single-content {

        /*
         * Artikel berhenti di batas kolom.
         * Tambahkan 16px hanya ke kanan agar border berada
         * tepat di tengah gap 32px artikel-sidebar.
         */
        width: calc(100% + 16px) !important;
        max-width: none !important;

        padding-right: 16px !important;

        border-right:
            1px solid rgba(255, 117, 31, 0.22) !important;

        box-sizing: border-box !important;
    }

}

/* END SINGLE POST DESKTOP — CONTENT DIVIDER V2 */

/* ==========================================================
   SINGLE POST DESKTOP — DIVIDER ALIGN IMAGE EDGE
   Divider follows the right edge of the article/image column.
   ========================================================== */

@media (min-width: 1025px) {

    body.single-post
    .rb-single-layout__article
    .entry-content.single-content {
        width: 100% !important;
        max-width: none !important;

        padding-right: 0 !important;

        border-right:
            1px solid rgba(255, 117, 31, 0.22) !important;

        box-sizing: border-box !important;
    }

}

/* END SINGLE POST DESKTOP — DIVIDER ALIGN IMAGE EDGE */


/* ==========================================================
   SINGLE POST TABLET — LAYOUT LOCK FINAL
   768–1024px = artikel dahulu, sidebar kemudian.
   Desktop 2 kolom hanya mulai 1025px.
   ========================================================== */

@media (min-width: 768px) and (max-width: 1024px) {

    body.single-post .rb-single-layout {
        display: block !important;

        grid-template-columns: none !important;
        column-gap: 0 !important;
        align-items: initial !important;

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

        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 34px !important;
    }

    body.single-post .rb-single-layout__article {
        width: 100% !important;
        max-width: 100% !important;
    }

    body.single-post
    .rb-single-layout
    .rb-single-sidebar {
        position: static !important;
        top: auto !important;

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

        margin-top: 36px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

}

/* END SINGLE POST TABLET — LAYOUT LOCK FINAL */