/*
Theme Name: Redesain SaeTheme
Theme URI: https://saetheme.com/
Author: SaeTheme
Author URI: https://saetheme.com/
Description: Theme WordPress blog dan editorial Redesain SaeTheme dengan Elementor, Customizer native, dark mode, layout artikel modular, dan demo konten Bahasa Indonesia.
Version: 1.0.20
Requires at least: 6.2
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: saesyron
License: GNU General Public License v2 or later
*/

/* SaeSyron native template safety layer. Exact Demo remains governed by original CSS. */
.saesyron-native{max-width:1280px;margin:0 auto;padding:56px 24px}.saesyron-native-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:48px}.saesyron-card{margin-bottom:36px}.saesyron-card-image img{width:100%;height:auto;border-radius:18px;display:block}.saesyron-card .post-title{font-size:clamp(26px,3vw,44px);line-height:1.08;margin:14px 0}.saesyron-meta{font-size:14px;opacity:.65;margin-bottom:20px}.saesyron-entry{font-size:18px;line-height:1.8}.saesyron-entry img{max-width:100%;height:auto}.saesyron-dynamic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.saesyron-dynamic-grid .saesyron-card .post-title{font-size:22px}.saesyron-dynamic-grid .saesyron-card-image img{aspect-ratio:4/3;object-fit:cover}@media(max-width:900px){.saesyron-native-grid{grid-template-columns:1fr}.saesyron-dynamic-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.saesyron-native{padding:32px 16px}.saesyron-dynamic-grid{grid-template-columns:1fr}}

/* SAEPRO demo content integration */
.rivax-header-nav.saesyron-demo-menu > .menu-item > a { white-space: nowrap; }
@media (max-width: 1280px){ .rivax-header-nav.saesyron-demo-menu > .menu-item > a { padding-left: 10px !important; padding-right: 10px !important; } }


/* SaeSyron 1.0.2 — mobile fidelity & touch fixes */
@media (max-width: 767px) {
    /* Keep the section heading proportional on phone screens. */
    .elementor-4179 .elementor-element.elementor-element-a22fcfe .rivax-divider-heading .title {
        font-size: clamp(27px, 7.2vw, 32px) !important;
        line-height: 1.15 !important;
        letter-spacing: -0.02em;
    }
    .elementor-4179 .elementor-element.elementor-element-a22fcfe .rivax-divider-heading {
        gap: 8px !important;
    }

    /* One editorial card per row, no inherited tile spanning. */
    .elementor-4179 .elementor-element.elementor-element-1ef974b .rivax-posts-wrapper.layout-grid,
    .elementor-4179 .elementor-element.elementor-element-1ef974b .rivax-posts-wrapper.layout-grid.tiles-layout-27 {
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: none !important;
        column-gap: 0 !important;
        row-gap: 22px !important;
    }
    .elementor-4179 .elementor-element.elementor-element-1ef974b .rivax-posts-wrapper.layout-grid .post-item:nth-child(n) {
        grid-column: 1 !important;
        grid-row: auto !important;
        min-width: 0 !important;
    }
    .elementor-4179 .elementor-element.elementor-element-1ef974b .post-wrapper {
        height: 340px !important;
        min-height: 340px !important;
        border-radius: 16px !important;
    }
    .elementor-4179 .elementor-element.elementor-element-1ef974b .post-wrapper .content-wrapper-inner {
        padding: 18px 18px 17px !important;
    }
    .elementor-4179 .elementor-element.elementor-element-1ef974b .post-wrapper .title {
        font-size: clamp(22px, 6vw, 28px) !important;
        line-height: 1.18 !important;
        letter-spacing: -0.02em !important;
        margin: 8px 0 0 !important;
    }
    .elementor-4179 .elementor-element.elementor-element-1ef974b .post-wrapper .terms-wrapper {
        font-size: 13px !important;
        line-height: 1.25 !important;
    }
    .elementor-4179 .elementor-element.elementor-element-1ef974b .date-in-out-image {
        min-width: 68px !important;
        padding: 11px 12px !important;
        margin: 12px !important;
        border-radius: 12px !important;
    }
    .elementor-4179 .elementor-element.elementor-element-1ef974b .date-in-out-image .day {
        font-size: 24px !important;
        margin-bottom: 5px !important;
    }
    .elementor-4179 .elementor-element.elementor-element-1ef974b .date-in-out-image .month {
        font-size: 15px !important;
    }

    /* Syron style-2 reveals metadata on hover. Phones have no reliable hover, so keep it visible. */
    .elementor-4179 .elementor-element.elementor-element-1ef974b .post-wrapper .content-wrapper.style-2 .content-wrapper-inner {
        transform: translateY(0) !important;
    }
    .elementor-4179 .elementor-element.elementor-element-1ef974b .post-wrapper .content-wrapper.style-2 .meta-wrapper {
        opacity: 1 !important;
    }
    .elementor-4179 .elementor-element.elementor-element-1ef974b .post-author-wrapper .author-image img {
        width: 32px !important;
        height: 32px !important;
        margin-right: 8px !important;
    }
    .elementor-4179 .elementor-element.elementor-element-1ef974b .post-author-wrapper {
        font-size: 12px !important;
    }

    /* A dedicated hamburger already exists in the mobile header. Do not cover article cards with the desktop footer button. */
    .footer-canvas-menu-wrapper {
        display: none !important;
    }

    /* Keep exact-demo gutters comfortable on narrow devices. */
    .elementor-4179 > .e-con.e-con-boxed > .e-con-inner {
        width: min(100% - 28px, var(--container-max-width)) !important;
    }
}

/* Disable desktop-only image hover animation on touch devices. */
@media (hover: none) and (pointer: coarse) {
    .rivax-post-kenzo-widget .post-wrapper.has-animation .image-animation {
        display: none !important;
    }
    .rivax-post-kenzo-widget .post-wrapper.has-animation:hover .image-wrapper > img,
    .rivax-post-kenzo-widget .post-wrapper:hover .image-wrapper > img {
        transform: none !important;
        filter: none !important;
        opacity: 1 !important;
    }
    .rivax-post-kenzo-widget .post-wrapper .content-wrapper.style-2 .content-wrapper-inner {
        transform: translateY(0) !important;
    }
    .rivax-post-kenzo-widget .post-wrapper .content-wrapper.style-2 .meta-wrapper {
        opacity: 1 !important;
    }
}

/* SaeSyron 1.0.4 — Syron-style single article restoration */
body.single-post .saesyron-single-page {
    position: relative;
    z-index: 1;
    padding-top: 150px;
}
.saesyron-single-shell {
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
    padding: 28px 0 88px;
}
.saesyron-single-header {
    max-width: 980px;
    margin: 0 auto 34px;
}
.saesyron-single-categories {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 16px;
}
.saesyron-single-categories a {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 5px 12px;
    border-radius: 999px;
    background: #ff5364;
    color: #fff !important;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
}
body.single-post .saesyron-single-header .entry-title {
    display: block !important;
    margin: 0;
    color: var(--title-color, #17171b);
    font-size: clamp(42px, 5.1vw, 72px);
    line-height: 1.04;
    letter-spacing: -0.045em;
    font-weight: 700;
    text-wrap: balance;
}
.saesyron-single-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-top: 24px;
    color: #7d818b;
    font-size: 14px;
    line-height: 1.4;
}
.saesyron-single-meta a { color: inherit; text-decoration: none; }
.saesyron-single-author { display: inline-flex; align-items: center; gap: 10px; color: #333640; }
.saesyron-author-avatar { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; }
.saesyron-meta-dot { width: 4px; height: 4px; border-radius: 50%; background: currentColor; opacity: .45; }
.saesyron-single-featured {
    margin: 0 0 48px;
    overflow: hidden;
    border-radius: 24px;
    background: #eceef3;
}
.saesyron-single-featured img {
    display: block;
    width: 100%;
    max-height: 720px;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}
.saesyron-single-layout { display: grid; align-items: start; gap: 54px; }
.saesyron-single-layout.no-sidebar { grid-template-columns: minmax(0, 800px); justify-content: center; }
.saesyron-single-layout.has-sidebar { grid-template-columns: minmax(0, 800px) 300px; justify-content: center; }
.saesyron-single-content-wrap { min-width: 0; }
body.single-post .saesyron-entry {
    color: #3f424b;
    font-size: 18px;
    line-height: 1.86;
}
body.single-post .saesyron-entry > p:first-child {
    color: #262830;
    font-size: 20px;
    line-height: 1.75;
}
body.single-post .saesyron-entry h2 {
    margin: 46px 0 16px;
    color: #17171b;
    font-size: clamp(28px, 3vw, 38px);
    line-height: 1.18;
    letter-spacing: -0.025em;
}
body.single-post .saesyron-entry h3 {
    margin: 36px 0 14px;
    color: #17171b;
    font-size: clamp(23px, 2.4vw, 30px);
    line-height: 1.25;
}
body.single-post .saesyron-entry p { margin: 0 0 24px; }
body.single-post .saesyron-entry img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 32px auto;
    border-radius: 18px;
}
body.single-post .saesyron-entry blockquote {
    margin: 34px 0;
    padding: 8px 0 8px 26px;
    border-left: 4px solid #ff5364;
    color: #1f2229;
    font-size: 22px;
    line-height: 1.55;
}
body.single-post .saesyron-entry ul,
body.single-post .saesyron-entry ol { padding-left: 1.3em; margin-bottom: 26px; }
body.single-post .saesyron-entry li { margin-bottom: 10px; }
.saesyron-single-tags {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    margin-top: 44px;
    padding-top: 26px;
    border-top: 1px solid rgba(20,20,30,.10);
}
.saesyron-single-tag-list { display: flex; flex-wrap: wrap; gap: 8px; }
.saesyron-single-tag-list a {
    display: inline-flex;
    padding: 7px 11px;
    border-radius: 8px;
    background: #f0f1f5;
    color: #333640;
    font-size: 13px;
    text-decoration: none;
}
.saesyron-author-box {
    display: grid;
    grid-template-columns: 84px minmax(0,1fr);
    gap: 20px;
    align-items: center;
    margin-top: 42px;
    padding: 26px;
    border: 1px solid rgba(20,20,30,.08);
    border-radius: 18px;
    background: #fff;
}
.saesyron-author-box-avatar img { width: 84px; height: 84px; border-radius: 50%; object-fit: cover; }
.saesyron-author-label { color: #8a8e97; font-size: 12px; text-transform: uppercase; letter-spacing: .08em; }
.saesyron-author-box h3 { margin: 3px 0 7px; font-size: 22px; }
.saesyron-author-box p { margin: 0; color: #676b74; line-height: 1.65; }
.saesyron-post-nav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 18px;
    margin-top: 34px;
}
.saesyron-post-nav > div { min-width: 0; }
.saesyron-post-nav a {
    display: block;
    padding: 18px 20px;
    border: 1px solid rgba(20,20,30,.08);
    border-radius: 14px;
    background: #fff;
    color: #24262c;
    font-weight: 600;
    line-height: 1.4;
    text-decoration: none;
}
.saesyron-post-nav span { display: block; margin-bottom: 5px; color: #92969f; font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: .08em; }
.saesyron-post-nav-next { text-align: right; }
.saesyron-single-sidebar { min-width: 0; }
.saesyron-single-sidebar .widget { margin-bottom: 24px; padding: 22px; border-radius: 16px; background: #fff; }

@media (max-width: 1024px) {
    body.single-post .saesyron-single-page { padding-top: 118px; }
    .saesyron-single-shell { width: min(100% - 36px, 960px); padding-top: 24px; }
    .saesyron-single-layout.has-sidebar { grid-template-columns: 1fr; }
    .saesyron-single-sidebar { position: static; }
}
@media (max-width: 767px) {
    body.single-post .saesyron-single-page { padding-top: 92px; }
    .saesyron-single-shell { width: min(100% - 28px, 720px); padding: 18px 0 58px; }
    .saesyron-single-header { margin-bottom: 24px; }
    body.single-post .saesyron-single-header .entry-title { font-size: clamp(34px, 10vw, 48px); line-height: 1.06; letter-spacing: -0.035em; }
    .saesyron-single-meta { gap: 8px; margin-top: 18px; font-size: 12px; }
    .saesyron-single-author { width: 100%; margin-bottom: 2px; }
    .saesyron-single-meta .saesyron-meta-dot:first-of-type { display: none; }
    .saesyron-single-featured { margin-bottom: 30px; border-radius: 16px; }
    .saesyron-single-featured img { aspect-ratio: 4 / 3; }
    body.single-post .saesyron-entry { font-size: 17px; line-height: 1.78; }
    body.single-post .saesyron-entry > p:first-child { font-size: 18px; line-height: 1.72; }
    .saesyron-author-box { grid-template-columns: 60px minmax(0,1fr); gap: 14px; padding: 18px; }
    .saesyron-author-box-avatar img { width: 60px; height: 60px; }
    .saesyron-post-nav { grid-template-columns: 1fr; }
    .saesyron-post-nav-next { text-align: left; }
}

/* ======================================================================
   SaeSyron 1.0.5 — Single post rebuilt to the original Syron composition
   Reference: full-width gradient social bar + white header + breadcrumb +
   large media column + profile/gallery card on the right.
   ====================================================================== */
body.single-post {
    --syron-single-bg: #f7f7fc;
    --syron-single-card: #fff;
    --syron-single-text: #343442;
    --syron-single-muted: #9293a2;
    --syron-single-border: #e8e9f0;
    --syron-single-accent: #ff526a;
    background: var(--syron-single-bg);
}
body.single-post #site,
body.single-post #site-inner { background: var(--syron-single-bg); }
body.single-post .syron-reference-single { background: var(--syron-single-bg); padding: 0 0 70px; overflow: visible; }

/* Top gradient strip */
.syron-single-site-header { position: relative; z-index: 100; width: 100%; font-family: inherit; }
.syron-single-topbar {
    min-height: 36px;
    color: #fff;
    background: linear-gradient(105deg, #547df8 0%, #7d73db 36%, #c65fa8 66%, #ff526a 100%);
}
.syron-single-topbar-inner {
    width: min(1624px, calc(100% - 80px));
    min-height: 36px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.syron-top-social { display:flex; align-items:center; gap:19px; }
.syron-top-social a { color:#fff; display:inline-flex; width:18px; height:18px; align-items:center; justify-content:center; text-decoration:none; font-weight:700; line-height:1; }
.syron-top-social svg { width:18px; height:18px; display:block; }
.syron-social-m { background:#fff; color:#6d78e8 !important; font-family:Georgia,serif; font-size:13px; border-radius:0; width:17px !important; height:17px !important; }
.syron-social-x { font-weight:300 !important; font-size:18px; }
.syron-top-links { display:flex; align-items:center; gap:16px; font-size:15px; font-weight:600; }
.syron-top-links a { color:#fff; text-decoration:none; }
.syron-top-links span { opacity:.55; }

/* Main header */
.syron-single-mainbar { background:#fff; box-shadow:0 10px 28px rgba(28,31,47,.035); }
.syron-single-mainbar-inner {
    width: min(1624px, calc(100% - 80px));
    height: 88px;
    margin: 0 auto;
    display:grid;
    grid-template-columns: 250px minmax(0,1fr) auto;
    align-items:center;
    gap:22px;
}
.syron-single-logo { display:inline-flex; align-items:center; width:134px; max-width:100%; }
.syron-single-logo img { width:134px; max-height:52px; height:auto; object-fit:contain; display:block; }
.syron-single-nav { justify-self:center; }
.syron-single-nav ul { list-style:none; padding:0; margin:0; display:flex; align-items:center; gap:12px; }
.syron-single-nav li { margin:0; padding:0; }
.syron-single-nav a {
    color:#2e2e36;
    text-decoration:none;
    display:flex;
    align-items:center;
    min-height:42px;
    padding:0 12px;
    border-radius:5px;
    font-size:16px;
    font-weight:500;
    transition:.25s ease;
}
.syron-single-nav a:hover,
.syron-single-nav .is-current a { background:#f1f1f5; color:#24242c; }
.syron-single-actions { display:flex; align-items:center; justify-content:flex-end; gap:18px; }
.syron-join-btn {
    min-height:42px;
    padding:0 22px;
    display:inline-flex;
    align-items:center;
    gap:9px;
    color:#fff !important;
    background:var(--syron-single-accent);
    border-radius:6px;
    text-decoration:none !important;
    font-size:15px;
    font-weight:600;
}
.syron-join-btn svg { width:17px; height:17px; }
.syron-icon-btn,
.syron-single-menu-toggle {
    appearance:none; -webkit-appearance:none; background:transparent; border:0; box-shadow:none; padding:0; margin:0; color:#303444; cursor:pointer;
}
.syron-icon-btn { width:32px; height:32px; display:grid; place-items:center; }
.syron-icon-btn svg { width:28px; height:28px; }
.syron-single-mode .switcher-wrap { width:52px; height:28px; }
.syron-single-mode .light-icon,
.syron-single-mode .dark-icon { font-size:13px; }
.syron-single-menu-toggle { width:38px; height:34px; display:flex; flex-direction:column; justify-content:center; gap:7px; }
.syron-single-menu-toggle span { display:block; height:2px; width:34px; background:#333845; transition:.25s ease; }
.syron-single-mobile-menu { border-top:1px solid #ececf2; background:#fff; padding:14px 24px 22px; }
.syron-single-mobile-menu ul { list-style:none; margin:0; padding:0; }
.syron-single-mobile-menu a { display:block; padding:11px 4px; color:#333744; text-decoration:none; font-weight:600; }

/* Original screenshot proportions */
.syron-single-container { width:min(1624px, calc(100% - 80px)); margin:0 auto; padding-top:61px; }
.syron-single-breadcrumb { margin:0 0 20px; font-size:16px; line-height:1.4; color:#999aa8; overflow:hidden; text-overflow:ellipsis; }
.syron-single-breadcrumb a { color:#767789; font-weight:500; text-decoration:none; }
.syron-single-breadcrumb .delimiter { margin:0 8px; color:#a5a6b3; }
.syron-single-hero-grid {
    display:grid;
    grid-template-columns:minmax(0, 1fr) 426px;
    gap:58px;
    align-items:start;
}
.syron-single-primary { min-width:0; }
.syron-single-featured-original { margin:0; width:100%; border-radius:14px; overflow:hidden; background:#ececf2; }
.syron-single-featured-original img {
    display:block;
    width:100%;
    height:auto;
    max-height:none;
    object-fit:contain;
    border-radius:14px;
}

/* Right profile card */
.syron-profile-card {
    position:sticky;
    top:22px;
    background:var(--syron-single-card);
    border-radius:14px;
    padding:36px 32px 30px;
    box-shadow:0 10px 38px rgba(31,35,55,.045);
    overflow:hidden;
}
.syron-profile-head { text-align:center; }
.syron-profile-avatar {
    width:132px;
    height:132px;
    margin:0 auto 18px;
    border-radius:50%;
    padding:5px;
    background:#dce4f5;
    overflow:hidden;
}
.syron-profile-avatar img { width:100%; height:100%; object-fit:cover; border-radius:50%; display:block; }
.syron-profile-head h3 { margin:0 0 7px; color:#505261; font-size:19px; line-height:1.25; font-weight:700; }
.syron-profile-head p { margin:0 auto 17px; color:#525465; font-size:16px; line-height:1.55; max-width:310px; }
.syron-follow-button {
    display:inline-flex;
    min-height:40px;
    align-items:center;
    justify-content:center;
    padding:0 24px;
    border:1px solid #dedfe6;
    border-radius:24px;
    color:#41424e !important;
    text-decoration:none !important;
    font-size:15px;
    font-weight:500;
    background:#fff;
    transition:.25s ease;
}
.syron-follow-button:hover { border-color:#c9cad4; transform:translateY(-1px); }
.syron-profile-gallery {
    margin-top:22px;
    display:grid;
    grid-template-columns:repeat(3, minmax(0,1fr));
    gap:12px;
}
.syron-profile-gallery a,
.syron-profile-gallery span { display:block; aspect-ratio:1/1.06; border-radius:11px; overflow:hidden; background:#f0f0f4; }
.syron-profile-gallery img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .45s ease; }
.syron-profile-gallery a:hover img { transform:scale(1.06); }

/* Article body begins after the big hero, like the reference */
.syron-single-article-original { width:100%; padding:38px 4px 0; }
.syron-single-article-head { max-width:980px; margin:0 auto 30px; }
.syron-single-category {
    display:inline-flex;
    margin-bottom:12px;
    color:var(--syron-single-accent) !important;
    text-decoration:none !important;
    font-size:14px;
    font-weight:700;
}
.syron-single-category::before { content:'#'; margin-right:3px; }
.syron-single-title { margin:0; color:#262733; font-size:clamp(36px,4.2vw,66px); line-height:1.08; letter-spacing:-.035em; font-weight:650; }
.syron-single-meta-original { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:20px; color:#8c8e9b; font-size:14px; }
.syron-single-meta-original strong { color:#555765; }
.syron-single-meta-original .meta-sep { width:4px; height:4px; border-radius:50%; background:#c1c2cb; }
.syron-single-content-original { max-width:980px; margin:0 auto; background:#fff; border-radius:12px; }
.syron-single-content-original .single-content-inner { padding:38px 46px; color:#3f414d; font-size:18px; line-height:1.85; }
.syron-single-content-original .single-content-inner > :first-child { margin-top:0; }
.syron-single-content-original img { max-width:100%; height:auto; border-radius:10px; }
.syron-single-tags-original { max-width:980px; margin:24px auto 0; display:flex; gap:12px; align-items:flex-start; font-size:14px; }
.syron-single-tags-original > span { font-weight:700; color:#474955; padding-top:6px; }
.syron-single-tags-original .tag-list { display:flex; flex-wrap:wrap; gap:8px; }
.syron-single-tags-original .tag-list a { display:inline-flex; padding:6px 10px; border-radius:6px; background:#ececf2; color:#555765; text-decoration:none; }
.syron-single-post-nav { max-width:980px; margin:34px auto 0; padding-top:24px; border-top:1px solid #e1e2e8; display:grid; grid-template-columns:1fr 1fr; gap:30px; }
.syron-single-post-nav > div:last-child { text-align:right; }
.syron-single-post-nav small { display:block; color:#9a9ba8; font-size:12px; text-transform:uppercase; letter-spacing:.08em; margin-bottom:5px; }
.syron-single-post-nav a { color:#333541; font-weight:650; text-decoration:none; }

html[scheme="dark"] body.single-post,
html[scheme="dark"] body.single-post #site,
html[scheme="dark"] body.single-post #site-inner,
html[scheme="dark"] body.single-post .syron-reference-single { --syron-single-bg:#17181e; --syron-single-card:#22232a; --syron-single-text:#f4f4f6; background:var(--syron-single-bg); }
html[scheme="dark"] .syron-single-mainbar,
html[scheme="dark"] .syron-single-mobile-menu,
html[scheme="dark"] .syron-single-content-original { background:#22232a; }
html[scheme="dark"] .syron-single-nav a,
html[scheme="dark"] .syron-single-menu-toggle,
html[scheme="dark"] .syron-icon-btn,
html[scheme="dark"] .syron-single-title,
html[scheme="dark"] .syron-single-content-original .single-content-inner { color:#f3f3f5; }
html[scheme="dark"] .syron-single-menu-toggle span { background:#f3f3f5; }

@media (max-width: 1280px) {
    .syron-single-topbar-inner,
    .syron-single-mainbar-inner,
    .syron-single-container { width:min(1180px, calc(100% - 48px)); }
    .syron-single-mainbar-inner { grid-template-columns:180px minmax(0,1fr) auto; }
    .syron-single-nav a { padding:0 8px; font-size:15px; }
    .syron-single-hero-grid { grid-template-columns:minmax(0,1fr) 350px; gap:34px; }
    .syron-profile-card { padding:30px 24px 24px; }
}
@media (max-width: 1024px) {
    .syron-single-topbar { display:none; }
    .syron-single-mainbar-inner { width:calc(100% - 36px); height:78px; grid-template-columns:1fr auto; }
    .syron-single-nav, .syron-join-btn { display:none; }
    .syron-single-actions { gap:14px; }
    .syron-single-container { width:calc(100% - 36px); padding-top:36px; }
    .syron-single-hero-grid { grid-template-columns:1fr; gap:26px; }
    .syron-profile-card { position:relative; top:auto; max-width:none; }
    .syron-profile-gallery { grid-template-columns:repeat(6, minmax(0,1fr)); }
}
@media (max-width: 767px) {
    .syron-single-mainbar-inner { width:calc(100% - 28px); height:70px; gap:10px; }
    .syron-single-logo, .syron-single-logo img { width:112px; }
    .syron-single-search { display:none; }
    .syron-single-mode .switcher-wrap { transform:scale(.92); }
    .syron-single-menu-toggle { width:34px; }
    .syron-single-menu-toggle span { width:30px; }
    .syron-single-container { width:calc(100% - 28px); padding-top:26px; }
    .syron-single-breadcrumb { font-size:13px; margin-bottom:15px; }
    .syron-single-featured-original { border-radius:10px; }
    .syron-single-featured-original img { border-radius:10px; }
    .syron-profile-card { padding:25px 18px 20px; border-radius:10px; }
    .syron-profile-avatar { width:104px; height:104px; }
    .syron-profile-gallery { grid-template-columns:repeat(3, minmax(0,1fr)); gap:9px; }
    .syron-single-article-original { padding-top:28px; }
    .syron-single-title { font-size:clamp(32px,10vw,48px); }
    .syron-single-content-original .single-content-inner { padding:26px 20px; font-size:16px; line-height:1.75; }
    .syron-single-post-nav { grid-template-columns:1fr; }
    .syron-single-post-nav > div:last-child { text-align:left; }
}

/* ======================================================================
   SaeSyron 1.0.6 — larger desktop post thumbs + single sidebar modules
   ====================================================================== */

/* Home list: preserve mobile layout, make editorial thumbnails slightly larger on desktop. */
@media (min-width: 1025px) {
    .elementor-4179 .elementor-element.elementor-element-e3e3a61 .image-outer-wrapper {
        width: 200px !important;
    }
    .elementor-4179 .elementor-element.elementor-element-e3e3a61 .image-wrapper {
        min-height: 150px;
    }
    .elementor-4179 .elementor-element.elementor-element-e3e3a61 .image-wrapper img {
        width: 100% !important;
        height: 150px !important;
        object-fit: cover !important;
    }
    .elementor-4179 .elementor-element.elementor-element-e3e3a61 .post-inner {
        gap: 30px !important;
    }
}

/* Single article sidebar: Popular Posts + Tags always sit above Profile. */
.syron-single-sidebar-column {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.syron-side-widget {
    background: var(--syron-single-card, #fff);
    border-radius: 14px;
    padding: 25px 24px;
    box-shadow: 0 10px 38px rgba(31,35,55,.045);
}
.syron-side-heading {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}
.syron-side-heading h3 {
    margin: 0;
    color: #30313d;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 700;
}
.syron-side-dot {
    width: 10px;
    height: 10px;
    flex: 0 0 10px;
    border: 3px solid #ff5671;
    border-radius: 50%;
    box-shadow: 0 0 0 4px rgba(255,86,113,.10);
}
.syron-popular-list {
    display: grid;
    gap: 17px;
}
.syron-popular-item {
    display: grid;
    grid-template-columns: 92px minmax(0,1fr);
    gap: 14px;
    align-items: center;
}
.syron-popular-item + .syron-popular-item {
    padding-top: 17px;
    border-top: 1px solid #ececf1;
}
.syron-popular-thumb {
    display: block;
    width: 92px;
    height: 78px;
    border-radius: 10px;
    overflow: hidden;
    background: #ececf1;
}
.syron-popular-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .35s ease;
}
.syron-popular-item:hover .syron-popular-thumb img { transform: scale(1.05); }
.syron-popular-copy { min-width: 0; }
.syron-popular-category {
    display: inline-block;
    margin-bottom: 4px;
    color: #ff5671 !important;
    font-size: 11px;
    line-height: 1.2;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .035em;
    text-decoration: none !important;
}
.syron-popular-copy h4 {
    margin: 0 0 5px;
    font-size: 14px;
    line-height: 1.35;
    font-weight: 650;
}
.syron-popular-copy h4 a {
    color: #343642;
    text-decoration: none;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.syron-popular-date {
    color: #999ba6;
    font-size: 11px;
}
.syron-side-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.syron-side-tags a {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 7px 11px;
    border: 1px solid #e6e6eb;
    border-radius: 8px;
    background: #fafafd;
    color: #5a5c68;
    font-size: 12px;
    font-weight: 550;
    text-decoration: none;
    transition: .22s ease;
}
.syron-side-tags a:hover {
    border-color: #ff5671;
    background: rgba(255,86,113,.06);
    color: #ff5671;
}
/* Profile remains last and can stick after the supporting widgets on desktop. */
.syron-single-sidebar-column .syron-profile-card {
    position: sticky;
    top: 22px;
}

html[scheme="dark"] .syron-side-widget { background: #22232a; }
html[scheme="dark"] .syron-side-heading h3,
html[scheme="dark"] .syron-popular-copy h4 a { color: #f3f3f5; }
html[scheme="dark"] .syron-popular-item + .syron-popular-item { border-top-color: #363740; }
html[scheme="dark"] .syron-side-tags a { background: #2b2c34; border-color: #3b3c45; color: #d8d9df; }

@media (max-width: 1024px) {
    /* The grid already collapses to one column; these modules therefore appear above Profile. */
    .syron-single-sidebar-column { gap: 20px; }
    .syron-single-sidebar-column .syron-profile-card { position: relative; top: auto; }
    .syron-side-widget { padding: 22px 20px; }
    .syron-popular-list { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; }
    .syron-popular-item + .syron-popular-item { padding-top: 0; border-top: 0; }
}
@media (max-width: 767px) {
    .syron-side-widget { padding: 20px 17px; border-radius: 10px; }
    .syron-side-heading { margin-bottom: 16px; }
    .syron-side-heading h3 { font-size: 18px; }
    .syron-popular-list { grid-template-columns: 1fr; gap: 14px; }
    .syron-popular-item + .syron-popular-item { padding-top: 14px; border-top: 1px solid #ececf1; }
    .syron-popular-item { grid-template-columns: 86px minmax(0,1fr); gap: 12px; }
    .syron-popular-thumb { width: 86px; height: 72px; }
    .syron-popular-copy h4 { font-size: 13.5px; }
    .syron-side-tags { gap: 7px; }
    .syron-side-tags a { min-height: 32px; padding: 6px 9px; font-size: 11.5px; }
}


/* ======================================================================
   SaeSyron 1.0.7 — original Syron hamburger / off-canvas behavior
   ====================================================================== */
/* Single-post header now uses the same off-canvas mechanics as the original
   Syron demo. This intentionally replaces the old inline mobile menu. */
.syron-single-offcanvas { display:flex; align-items:center; }
.syron-single-offcanvas .offcanvas-opener-wrapper { display:flex; align-items:center; }
.syron-single-offcanvas .offcanvas-opener {
    color:#303444;
    width:34px;
    height:28px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
}
.syron-single-offcanvas .offcanvas-opener .hamburger { width:32px; height:22px; }
.syron-single-offcanvas .offcanvas-wrapper .offcanvas-container {
    width:450px;
    max-width:min(450px, 100vw);
    background:#fff !important;
}
.syron-drawer-inner {
    min-height:100%;
    padding:66px 68px 46px;
    display:flex;
    flex-direction:column;
    box-sizing:border-box;
}
.syron-single-offcanvas .offcanvas-close { top:20px; right:22px; width:30px; height:30px; color:#2f313a; }
.syron-drawer-brand { margin-bottom:72px; }
.syron-drawer-logo { display:inline-flex; width:158px; max-width:70%; }
.syron-drawer-logo img { display:block; width:100%; height:auto; max-height:58px; object-fit:contain; object-position:left center; }
.syron-drawer-kicker {
    margin-top:8px;
    font-size:17px;
    line-height:1.35;
    font-weight:650;
    background:linear-gradient(90deg,#ff7b32,#f44687,#7f47ff);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
}
.syron-drawer-nav { margin-bottom:58px; }
.syron-drawer-nav ul { list-style:none; padding:0; margin:0; }
.syron-drawer-nav li { margin:0; padding:0; }
.syron-drawer-nav a {
    display:flex;
    align-items:center;
    min-height:46px;
    color:#303444 !important;
    text-decoration:none !important;
    font-size:18px;
    font-weight:500;
    line-height:1.3;
    transition:color .25s ease, transform .25s ease;
}
.syron-drawer-nav a:hover { color:#ff536d !important; transform:translateX(4px); }
.syron-drawer-bottom { margin-top:auto; color:#343846; }
.syron-drawer-bottom > p { margin:0 0 28px; max-width:310px; font-size:15px; line-height:1.55; }
.syron-drawer-social { display:grid; gap:15px; }
.syron-drawer-social a {
    display:flex;
    align-items:center;
    gap:12px;
    color:#343846 !important;
    text-decoration:none !important;
    font-size:15px;
}
.syron-drawer-social a > span:first-child { width:18px; text-align:center; font-weight:700; color:#6a67e8; }
.syron-drawer-social a:hover { color:#ff536d !important; }

/* Old v1.0.5/1.0.6 inline drawer must never take layout space, even if a cache
   still serves stale markup briefly during an update. */
.syron-single-mobile-menu { display:none !important; }

html[scheme="dark"] .syron-single-offcanvas .offcanvas-wrapper .offcanvas-container { background:#22232a !important; }
html[scheme="dark"] .syron-single-offcanvas .offcanvas-close,
html[scheme="dark"] .syron-drawer-nav a,
html[scheme="dark"] .syron-drawer-bottom,
html[scheme="dark"] .syron-drawer-social a { color:#f3f3f5 !important; }

@media (max-width: 767px) {
    .syron-single-offcanvas .offcanvas-wrapper .offcanvas-container { width:min(390px, 100vw); }
    .syron-drawer-inner { padding:62px 34px 34px; }
    .syron-drawer-brand { margin-bottom:42px; }
    .syron-drawer-nav { margin-bottom:38px; }
    .syron-drawer-nav a { min-height:43px; font-size:17px; }
}


/* SaeSyron 1.0.8 — Elementor + WordPress Customizer integration */
.saesyron-elementor-front{margin:0;padding:0;max-width:none;width:100%}
.saesyron-elementor-front > .entry-title,.saesyron-elementor-home .entry-title{display:none!important}
.saesyron-elementor-global-defaults .elementor-button{border-radius:var(--saesyron-radius)}
.saesyron-elementor-global-defaults .elementor-widget-text-editor,
.saesyron-elementor-global-defaults .elementor-widget-text-editor p{font-family:var(--saesyron-body-font)}
.saesyron-elementor-global-defaults .elementor-heading-title{font-family:var(--saesyron-heading-font)}
.saesyron-native-home .container{max-width:var(--saesyron-container);margin-inline:auto;padding-inline:24px}
.saesyron-native-heading h1{font-size:clamp(32px,4vw,58px);margin:40px 0 28px}

/* ======================================================================
   SaeSyron 1.0.11 — Profile / Instagram Card Customizer + moving gallery
   ====================================================================== */
.syron-profile-avatar {
    width: var(--syron-profile-avatar-size, 132px);
    height: var(--syron-profile-avatar-size, 132px);
}
.syron-profile-name {
    display:block;
    margin:0 0 5px;
    color:#2f313c;
    font-size:15px;
    line-height:1.3;
    font-weight:700;
}
.syron-profile-head h3.syron-profile-username { margin-bottom:7px; }
.syron-profile-head h3.syron-profile-username a {
    color:inherit;
    text-decoration:none;
}
.syron-profile-head h3.syron-profile-username a:hover { color:var(--saesyron-primary, #ff5266); }
.syron-profile-bio { white-space:normal; }

.syron-profile-gallery {
    --syron-gallery-gap:12px;
    display:block;
    margin-top:22px;
    width:100%;
    max-width:100%;
}
.syron-profile-gallery-track { min-width:0; }
.syron-profile-gallery-group { min-width:0; }
.syron-profile-gallery-group > a,
.syron-profile-gallery-group > span {
    border-radius:var(--syron-profile-gallery-radius, 11px);
    overflow:hidden;
    background:#f0f0f4;
}
.syron-profile-gallery-group img {
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .45s ease;
}

/* Static / hover modes keep the original 3 x 2 Syron gallery. */
.syron-profile-gallery--none .syron-profile-gallery-group,
.syron-profile-gallery--zoom .syron-profile-gallery-group {
    display:grid;
    grid-template-columns:repeat(3, minmax(0,1fr));
    gap:var(--syron-gallery-gap);
}
.syron-profile-gallery--none .syron-profile-gallery-group > *,
.syron-profile-gallery--zoom .syron-profile-gallery-group > * { aspect-ratio:1/1.06; }
.syron-profile-gallery--zoom .syron-profile-gallery-group a:hover img { transform:scale(1.07); }

/* Auto / marquee modes: smooth horizontal strip on desktop. */
.syron-profile-gallery--auto,
.syron-profile-gallery--marquee {
    overflow:hidden;
    overscroll-behavior-inline:contain;
    scrollbar-width:none;
}
.syron-profile-gallery--auto::-webkit-scrollbar,
.syron-profile-gallery--marquee::-webkit-scrollbar { display:none; }
.syron-profile-gallery--auto .syron-profile-gallery-track,
.syron-profile-gallery--marquee .syron-profile-gallery-track {
    display:flex;
    width:max-content;
    gap:var(--syron-gallery-gap);
    will-change:transform;
}
.syron-profile-gallery--auto .syron-profile-gallery-group,
.syron-profile-gallery--marquee .syron-profile-gallery-group {
    display:flex;
    flex:none;
    gap:var(--syron-gallery-gap);
}
.syron-profile-gallery--auto .syron-profile-gallery-group > *,
.syron-profile-gallery--marquee .syron-profile-gallery-group > * {
    flex:0 0 112px;
    width:112px;
    aspect-ratio:1/1.06;
}
.syron-profile-gallery--auto .syron-profile-gallery-group a:hover img,
.syron-profile-gallery--marquee .syron-profile-gallery-group a:hover img { transform:scale(1.045); }

html[scheme="dark"] .syron-profile-name,
html[scheme="dark"] .syron-profile-head h3.syron-profile-username { color:#f1f2f5; }

@media (max-width:1024px) {
    .syron-profile-gallery--auto,
    .syron-profile-gallery--marquee {
        overflow-x:auto;
        scroll-snap-type:x proximity;
        -webkit-overflow-scrolling:touch;
        padding-bottom:3px;
    }
    .syron-profile-gallery--auto .syron-profile-gallery-clone,
    .syron-profile-gallery--marquee .syron-profile-gallery-clone { display:none; }
    .syron-profile-gallery--auto .syron-profile-gallery-group > *,
    .syron-profile-gallery--marquee .syron-profile-gallery-group > * {
        flex-basis:128px;
        width:128px;
        scroll-snap-align:start;
    }
}
@media (max-width:767px) {
    .syron-profile-avatar {
        width:min(var(--syron-profile-avatar-size, 132px), 104px);
        height:min(var(--syron-profile-avatar-size, 132px), 104px);
    }
    .syron-profile-gallery { --syron-gallery-gap:9px; }
    .syron-profile-gallery--none .syron-profile-gallery-group,
    .syron-profile-gallery--zoom .syron-profile-gallery-group { grid-template-columns:repeat(3, minmax(0,1fr)); }
    .syron-profile-gallery--auto .syron-profile-gallery-group > *,
    .syron-profile-gallery--marquee .syron-profile-gallery-group > * {
        flex-basis:116px;
        width:116px;
    }
}
@media (prefers-reduced-motion: reduce) {
    .syron-profile-gallery img { transition:none !important; }
}


/* ======================================================================
   SaeSyron 1.0.12 — Homepage Post Layout V1–V6
   Selected in Appearance > Customize > SaeSyron Theme > Beranda & Elementor.
   V1 intentionally inherits the current Syron layout.
   ====================================================================== */

/* Keep transformations scoped to the main article feed only. */
@media (min-width: 768px) {
    /* V2 — Magazine Grid */
    body.saesyron-home-post-v2 .elementor-4179 .elementor-element.elementor-element-e3e3a61 .rivax-posts-wrapper.layout-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 28px !important;
    }
    body.saesyron-home-post-v2 .elementor-4179 .elementor-element.elementor-element-e3e3a61 .post-wrapper {
        border-width: 0 0 4px 0 !important;
        border-radius: 16px !important;
        overflow: hidden;
        height: 100%;
    }
    body.saesyron-home-post-v2 .elementor-4179 .elementor-element.elementor-element-e3e3a61 .post-inner {
        flex-direction: column !important;
        gap: 0 !important;
        height: 100%;
    }
    body.saesyron-home-post-v2 .elementor-4179 .elementor-element.elementor-element-e3e3a61 .image-outer-wrapper {
        width: 100% !important;
    }
    body.saesyron-home-post-v2 .elementor-4179 .elementor-element.elementor-element-e3e3a61 .image-wrapper,
    body.saesyron-home-post-v2 .elementor-4179 .elementor-element.elementor-element-e3e3a61 .image-wrapper img {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 16 / 10;
        object-fit: cover !important;
    }
    body.saesyron-home-post-v2 .elementor-4179 .elementor-element.elementor-element-e3e3a61 .content-wrapper {
        padding-top: 18px;
    }

    /* V3 — Featured + Grid: first story is the visual lead. */
    body.saesyron-home-post-v3 .elementor-4179 .elementor-element.elementor-element-e3e3a61 .rivax-posts-wrapper.layout-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 28px !important;
    }
    body.saesyron-home-post-v3 .elementor-4179 .elementor-element.elementor-element-e3e3a61 .post-item:first-child {
        grid-column: 1 / -1;
    }
    body.saesyron-home-post-v3 .elementor-4179 .elementor-element.elementor-element-e3e3a61 .post-item:not(:first-child) .post-wrapper {
        border-width: 0 0 4px 0 !important;
        border-radius: 16px !important;
        overflow: hidden;
    }
    body.saesyron-home-post-v3 .elementor-4179 .elementor-element.elementor-element-e3e3a61 .post-item:not(:first-child) .post-inner {
        flex-direction: column !important;
        gap: 0 !important;
    }
    body.saesyron-home-post-v3 .elementor-4179 .elementor-element.elementor-element-e3e3a61 .post-item:not(:first-child) .image-outer-wrapper {
        width: 100% !important;
    }
    body.saesyron-home-post-v3 .elementor-4179 .elementor-element.elementor-element-e3e3a61 .post-item:not(:first-child) .image-wrapper,
    body.saesyron-home-post-v3 .elementor-4179 .elementor-element.elementor-element-e3e3a61 .post-item:not(:first-child) .image-wrapper img {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 16 / 10;
        object-fit: cover !important;
    }
    body.saesyron-home-post-v3 .elementor-4179 .elementor-element.elementor-element-e3e3a61 .post-item:first-child .image-outer-wrapper {
        width: min(48%, 430px) !important;
    }
    body.saesyron-home-post-v3 .elementor-4179 .elementor-element.elementor-element-e3e3a61 .post-item:first-child .image-wrapper,
    body.saesyron-home-post-v3 .elementor-4179 .elementor-element.elementor-element-e3e3a61 .post-item:first-child .image-wrapper img {
        height: 280px !important;
        object-fit: cover !important;
    }
    body.saesyron-home-post-v3 .elementor-4179 .elementor-element.elementor-element-e3e3a61 .post-item:first-child .title {
        font-size: clamp(28px, 3vw, 42px) !important;
        line-height: 1.12 !important;
    }

    /* V4 — Compact Two Column */
    body.saesyron-home-post-v4 .elementor-4179 .elementor-element.elementor-element-e3e3a61 .rivax-posts-wrapper.layout-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 22px 26px !important;
    }
    body.saesyron-home-post-v4 .elementor-4179 .elementor-element.elementor-element-e3e3a61 .post-wrapper {
        border-left-width: 3px !important;
        border-radius: 12px !important;
    }
    body.saesyron-home-post-v4 .elementor-4179 .elementor-element.elementor-element-e3e3a61 .post-inner {
        gap: 18px !important;
    }
    body.saesyron-home-post-v4 .elementor-4179 .elementor-element.elementor-element-e3e3a61 .image-outer-wrapper {
        width: 125px !important;
        min-width: 125px !important;
    }
    body.saesyron-home-post-v4 .elementor-4179 .elementor-element.elementor-element-e3e3a61 .image-wrapper,
    body.saesyron-home-post-v4 .elementor-4179 .elementor-element.elementor-element-e3e3a61 .image-wrapper img {
        width: 125px !important;
        height: 112px !important;
        object-fit: cover !important;
        border-radius: 10px !important;
    }
    body.saesyron-home-post-v4 .elementor-4179 .elementor-element.elementor-element-e3e3a61 .title {
        font-size: clamp(20px, 1.7vw, 25px) !important;
        line-height: 1.18 !important;
    }
    body.saesyron-home-post-v4 .elementor-4179 .elementor-element.elementor-element-e3e3a61 .excerpt {
        display: none !important;
    }

    /* V5 — Image Focus Cards */
    body.saesyron-home-post-v5 .elementor-4179 .elementor-element.elementor-element-e3e3a61 .rivax-posts-wrapper.layout-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 30px !important;
    }
    body.saesyron-home-post-v5 .elementor-4179 .elementor-element.elementor-element-e3e3a61 .post-wrapper {
        border: 0 !important;
        border-radius: 18px !important;
        overflow: hidden;
        box-shadow: 0 14px 42px rgba(38,45,64,.07);
    }
    body.saesyron-home-post-v5 .elementor-4179 .elementor-element.elementor-element-e3e3a61 .post-inner {
        flex-direction: column !important;
        gap: 0 !important;
    }
    body.saesyron-home-post-v5 .elementor-4179 .elementor-element.elementor-element-e3e3a61 .image-outer-wrapper {
        width: 100% !important;
    }
    body.saesyron-home-post-v5 .elementor-4179 .elementor-element.elementor-element-e3e3a61 .image-wrapper,
    body.saesyron-home-post-v5 .elementor-4179 .elementor-element.elementor-element-e3e3a61 .image-wrapper img {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 4 / 3;
        object-fit: cover !important;
    }
    body.saesyron-home-post-v5 .elementor-4179 .elementor-element.elementor-element-e3e3a61 .content-wrapper {
        padding: 22px 22px 8px !important;
    }
    body.saesyron-home-post-v5 .elementor-4179 .elementor-element.elementor-element-e3e3a61 .footer-wrap {
        padding-inline: 22px !important;
        padding-bottom: 20px !important;
    }
    body.saesyron-home-post-v5 .elementor-4179 .elementor-element.elementor-element-e3e3a61 .title {
        font-size: clamp(24px, 2.1vw, 31px) !important;
        line-height: 1.15 !important;
    }

    /* V6 — Minimal Feed: typography first, image-free. */
    body.saesyron-home-post-v6 .elementor-4179 .elementor-element.elementor-element-e3e3a61 .rivax-posts-wrapper.layout-grid {
        grid-template-columns: 1fr !important;
        row-gap: 0 !important;
    }
    body.saesyron-home-post-v6 .elementor-4179 .elementor-element.elementor-element-e3e3a61 .post-wrapper {
        border: 0 !important;
        border-bottom: 1px solid rgba(112,137,153,.22) !important;
        border-radius: 0 !important;
        padding: 28px 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }
    body.saesyron-home-post-v6 .elementor-4179 .elementor-element.elementor-element-e3e3a61 .image-outer-wrapper {
        display: none !important;
    }
    body.saesyron-home-post-v6 .elementor-4179 .elementor-element.elementor-element-e3e3a61 .post-inner {
        display: block !important;
    }
    body.saesyron-home-post-v6 .elementor-4179 .elementor-element.elementor-element-e3e3a61 .title {
        font-size: clamp(28px, 3vw, 42px) !important;
        line-height: 1.1 !important;
        max-width: 780px;
    }
    body.saesyron-home-post-v6 .elementor-4179 .elementor-element.elementor-element-e3e3a61 .excerpt {
        max-width: 760px;
        font-size: 16px;
        line-height: 1.7;
    }
}

/* Native WordPress home follows the same selector where possible. */
body.saesyron-home-post-v2 .saesyron-dynamic-grid,
body.saesyron-home-post-v4 .saesyron-dynamic-grid,
body.saesyron-home-post-v5 .saesyron-dynamic-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
body.saesyron-home-post-v3 .saesyron-dynamic-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
body.saesyron-home-post-v3 .saesyron-dynamic-grid .saesyron-card:first-child { grid-column: 1 / -1; }
body.saesyron-home-post-v6 .saesyron-dynamic-grid { grid-template-columns: 1fr; }
body.saesyron-home-post-v6 .saesyron-card-image { display:none; }

@media (max-width: 767px) {
    /* Every layout becomes a clean one-column mobile feed. */
    body[class*="saesyron-home-post-v"] .elementor-4179 .elementor-element.elementor-element-e3e3a61 .rivax-posts-wrapper.layout-grid,
    body[class*="saesyron-home-post-v"] .saesyron-dynamic-grid {
        grid-template-columns: 1fr !important;
    }
    body.saesyron-home-post-v2 .elementor-4179 .elementor-element.elementor-element-e3e3a61 .post-inner,
    body.saesyron-home-post-v3 .elementor-4179 .elementor-element.elementor-element-e3e3a61 .post-inner,
    body.saesyron-home-post-v5 .elementor-4179 .elementor-element.elementor-element-e3e3a61 .post-inner {
        flex-direction: column !important;
    }
    body.saesyron-home-post-v2 .elementor-4179 .elementor-element.elementor-element-e3e3a61 .image-outer-wrapper,
    body.saesyron-home-post-v3 .elementor-4179 .elementor-element.elementor-element-e3e3a61 .image-outer-wrapper,
    body.saesyron-home-post-v5 .elementor-4179 .elementor-element.elementor-element-e3e3a61 .image-outer-wrapper {
        width: 100% !important;
    }
    body.saesyron-home-post-v2 .elementor-4179 .elementor-element.elementor-element-e3e3a61 .image-wrapper,
    body.saesyron-home-post-v2 .elementor-4179 .elementor-element.elementor-element-e3e3a61 .image-wrapper img,
    body.saesyron-home-post-v3 .elementor-4179 .elementor-element.elementor-element-e3e3a61 .image-wrapper,
    body.saesyron-home-post-v3 .elementor-4179 .elementor-element.elementor-element-e3e3a61 .image-wrapper img,
    body.saesyron-home-post-v5 .elementor-4179 .elementor-element.elementor-element-e3e3a61 .image-wrapper,
    body.saesyron-home-post-v5 .elementor-4179 .elementor-element.elementor-element-e3e3a61 .image-wrapper img {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 16 / 10;
        object-fit: cover !important;
    }
    body.saesyron-home-post-v4 .elementor-4179 .elementor-element.elementor-element-e3e3a61 .image-outer-wrapper {
        width: 112px !important;
        min-width: 112px !important;
    }
    body.saesyron-home-post-v4 .elementor-4179 .elementor-element.elementor-element-e3e3a61 .image-wrapper,
    body.saesyron-home-post-v4 .elementor-4179 .elementor-element.elementor-element-e3e3a61 .image-wrapper img {
        width: 112px !important;
        height: 96px !important;
    }
    body.saesyron-home-post-v6 .elementor-4179 .elementor-element.elementor-element-e3e3a61 .post-wrapper {
        padding: 22px 0 !important;
    }
    body.saesyron-home-post-v6 .elementor-4179 .elementor-element.elementor-element-e3e3a61 .title {
        font-size: clamp(25px, 7.4vw, 34px) !important;
    }
}

html[scheme="dark"] body.saesyron-home-post-v5 .elementor-4179 .elementor-element.elementor-element-e3e3a61 .post-wrapper {
    box-shadow: none;
}


/* Redesain SaeTheme 1.0.13 — brand + dark-mode icon refresh */
.dark-mode-switcher .saetheme-mode-icon{width:14px;height:14px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.dark-mode-switcher .light-icon,.dark-mode-switcher .dark-icon{display:flex;align-items:center;justify-content:center;line-height:0}
.dark-mode-switcher .light-icon{color:#f6a800}
.dark-mode-switcher .dark-icon{color:#536175}
html[scheme="dark"] .dark-mode-switcher .dark-icon{color:#f4f7fb}
.dark-mode-switcher{overflow:visible;isolation:isolate}
.dark-mode-switcher .switcher-wrap{z-index:2}
.redesain-saetheme-wordmark{display:block;width:100%;height:auto}
html[scheme="dark"] .redesain-saetheme-wordmark{filter:none}
/* Keep the native switch readable even when the legacy Rivax icon font cannot load. */
.dark-mode-switcher i.ri-sun,.dark-mode-switcher i.ri-moon{display:none!important}

/* ======================================================================
   Redesain SaeTheme 1.0.14 — Homepage Layout Engine V1–V6 FIX
   The feed now receives an explicit PHP class, so layout variants no longer
   depend on Elementor demo IDs. These selectors also support Elementor mode
   by falling back to the first grid-style elastic feed inside the front page.
   ====================================================================== */

/* Shared target: exact demo feed class + Elementor/native fallback. */
.saesyron-home-feed .saesyron-home-feed-grid,
.saesyron-elementor-front .rivax-post-elastic-widget .rivax-posts-wrapper.layout-grid {
    align-items: stretch;
}

/* V1 — Editorial List (explicit baseline). */
.saesyron-home-feed.saesyron-home-layout-v1 .saesyron-home-feed-grid {
    grid-template-columns: 1fr !important;
}
@media (min-width: 1025px) {
    .saesyron-home-feed.saesyron-home-layout-v1 .image-outer-wrapper {
        width: 200px !important;
        min-width: 200px !important;
    }
    .saesyron-home-feed.saesyron-home-layout-v1 .image-wrapper,
    .saesyron-home-feed.saesyron-home-layout-v1 .image-wrapper img {
        width: 200px !important;
        height: 150px !important;
        object-fit: cover !important;
        border-radius: 12px !important;
    }
}

/* V2 — Magazine Grid. */
.saesyron-home-feed.saesyron-home-layout-v2 .saesyron-home-feed-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 28px !important;
}
.saesyron-home-feed.saesyron-home-layout-v2 .post-wrapper {
    height: 100%; border-width: 0 0 4px 0 !important; border-radius: 16px !important; overflow: hidden;
}
.saesyron-home-feed.saesyron-home-layout-v2 .post-inner { flex-direction: column !important; gap: 0 !important; height: 100%; }
.saesyron-home-feed.saesyron-home-layout-v2 .image-outer-wrapper { width: 100% !important; min-width: 0 !important; }
.saesyron-home-feed.saesyron-home-layout-v2 .image-wrapper,
.saesyron-home-feed.saesyron-home-layout-v2 .image-wrapper img { width:100% !important; height:auto !important; aspect-ratio:16/10; object-fit:cover !important; }
.saesyron-home-feed.saesyron-home-layout-v2 .content-wrapper { padding-top:18px; }

/* V3 — Featured Lead + Grid. */
.saesyron-home-feed.saesyron-home-layout-v3 .saesyron-home-feed-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap:28px !important;
}
.saesyron-home-feed.saesyron-home-layout-v3 .post-item:first-child { grid-column:1/-1; }
.saesyron-home-feed.saesyron-home-layout-v3 .post-item:first-child .post-wrapper { border-radius:18px !important; }
.saesyron-home-feed.saesyron-home-layout-v3 .post-item:first-child .image-outer-wrapper { width:min(48%,460px) !important; min-width:min(48%,460px) !important; }
.saesyron-home-feed.saesyron-home-layout-v3 .post-item:first-child .image-wrapper,
.saesyron-home-feed.saesyron-home-layout-v3 .post-item:first-child .image-wrapper img { width:100% !important; height:300px !important; object-fit:cover !important; border-radius:14px !important; }
.saesyron-home-feed.saesyron-home-layout-v3 .post-item:first-child .title { font-size:clamp(30px,3vw,44px) !important; line-height:1.1 !important; }
.saesyron-home-feed.saesyron-home-layout-v3 .post-item:not(:first-child) .post-wrapper { border-width:0 0 4px 0 !important; border-radius:16px !important; overflow:hidden; }
.saesyron-home-feed.saesyron-home-layout-v3 .post-item:not(:first-child) .post-inner { flex-direction:column !important; gap:0 !important; }
.saesyron-home-feed.saesyron-home-layout-v3 .post-item:not(:first-child) .image-outer-wrapper { width:100% !important; min-width:0 !important; }
.saesyron-home-feed.saesyron-home-layout-v3 .post-item:not(:first-child) .image-wrapper,
.saesyron-home-feed.saesyron-home-layout-v3 .post-item:not(:first-child) .image-wrapper img { width:100% !important; height:auto !important; aspect-ratio:16/10; object-fit:cover !important; }

/* V4 — Compact Two Column. */
.saesyron-home-feed.saesyron-home-layout-v4 .saesyron-home-feed-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:22px 26px !important; }
.saesyron-home-feed.saesyron-home-layout-v4 .post-wrapper { border-left-width:3px !important; border-radius:12px !important; }
.saesyron-home-feed.saesyron-home-layout-v4 .post-inner { gap:16px !important; }
.saesyron-home-feed.saesyron-home-layout-v4 .image-outer-wrapper { width:130px !important; min-width:130px !important; }
.saesyron-home-feed.saesyron-home-layout-v4 .image-wrapper,
.saesyron-home-feed.saesyron-home-layout-v4 .image-wrapper img { width:130px !important; height:112px !important; object-fit:cover !important; border-radius:10px !important; }
.saesyron-home-feed.saesyron-home-layout-v4 .title { font-size:clamp(19px,1.55vw,24px) !important; line-height:1.18 !important; }
.saesyron-home-feed.saesyron-home-layout-v4 .excerpt { display:none !important; }

/* V5 — Image Focus Cards. */
.saesyron-home-feed.saesyron-home-layout-v5 .saesyron-home-feed-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:30px !important; }
.saesyron-home-feed.saesyron-home-layout-v5 .post-wrapper { border:0 !important; border-radius:18px !important; overflow:hidden; box-shadow:0 14px 42px rgba(38,45,64,.08); height:100%; }
.saesyron-home-feed.saesyron-home-layout-v5 .post-inner { flex-direction:column !important; gap:0 !important; height:100%; }
.saesyron-home-feed.saesyron-home-layout-v5 .image-outer-wrapper { width:100% !important; min-width:0 !important; }
.saesyron-home-feed.saesyron-home-layout-v5 .image-wrapper,
.saesyron-home-feed.saesyron-home-layout-v5 .image-wrapper img { width:100% !important; height:auto !important; aspect-ratio:4/3; object-fit:cover !important; }
.saesyron-home-feed.saesyron-home-layout-v5 .content-wrapper { padding:22px 22px 8px !important; }
.saesyron-home-feed.saesyron-home-layout-v5 .footer-wrap { padding-inline:22px !important; padding-bottom:20px !important; }
.saesyron-home-feed.saesyron-home-layout-v5 .title { font-size:clamp(24px,2.1vw,31px) !important; line-height:1.15 !important; }

/* V6 — Minimal Feed. */
.saesyron-home-feed.saesyron-home-layout-v6 .saesyron-home-feed-grid { grid-template-columns:1fr !important; row-gap:0 !important; }
.saesyron-home-feed.saesyron-home-layout-v6 .post-wrapper { border:0 !important; border-bottom:1px solid rgba(112,137,153,.22) !important; border-radius:0 !important; padding:30px 0 !important; background:transparent !important; box-shadow:none !important; }
.saesyron-home-feed.saesyron-home-layout-v6 .image-outer-wrapper { display:none !important; }
.saesyron-home-feed.saesyron-home-layout-v6 .post-inner { display:block !important; }
.saesyron-home-feed.saesyron-home-layout-v6 .title { font-size:clamp(28px,3vw,42px) !important; line-height:1.1 !important; max-width:800px; }
.saesyron-home-feed.saesyron-home-layout-v6 .excerpt { display:block !important; max-width:760px; font-size:16px; line-height:1.7; }

/* Mobile: variants stay visually distinct instead of collapsing into one look. */
@media (max-width: 767px) {
    .saesyron-home-feed .saesyron-home-feed-grid { grid-template-columns:1fr !important; gap:22px !important; }

    /* V1 keeps editorial list character with a compact image. */
    .saesyron-home-feed.saesyron-home-layout-v1 .post-inner { flex-direction:row !important; align-items:flex-start !important; gap:16px !important; }
    .saesyron-home-feed.saesyron-home-layout-v1 .image-outer-wrapper { width:112px !important; min-width:112px !important; }
    .saesyron-home-feed.saesyron-home-layout-v1 .image-wrapper,
    .saesyron-home-feed.saesyron-home-layout-v1 .image-wrapper img { width:112px !important; height:96px !important; object-fit:cover !important; border-radius:10px !important; }
    .saesyron-home-feed.saesyron-home-layout-v1 .title { font-size:22px !important; line-height:1.18 !important; }

    /* V2 remains a full-width magazine card. */
    .saesyron-home-feed.saesyron-home-layout-v2 .post-inner { flex-direction:column !important; }
    .saesyron-home-feed.saesyron-home-layout-v2 .image-outer-wrapper { width:100% !important; }
    .saesyron-home-feed.saesyron-home-layout-v2 .title { font-size:26px !important; }

    /* V3: lead story large, following stories compact. */
    .saesyron-home-feed.saesyron-home-layout-v3 .post-item:first-child .post-inner { flex-direction:column !important; }
    .saesyron-home-feed.saesyron-home-layout-v3 .post-item:first-child .image-outer-wrapper { width:100% !important; min-width:0 !important; }
    .saesyron-home-feed.saesyron-home-layout-v3 .post-item:first-child .image-wrapper,
    .saesyron-home-feed.saesyron-home-layout-v3 .post-item:first-child .image-wrapper img { height:auto !important; aspect-ratio:16/10; }
    .saesyron-home-feed.saesyron-home-layout-v3 .post-item:not(:first-child) .post-inner { flex-direction:row !important; gap:14px !important; }
    .saesyron-home-feed.saesyron-home-layout-v3 .post-item:not(:first-child) .image-outer-wrapper { width:108px !important; min-width:108px !important; }
    .saesyron-home-feed.saesyron-home-layout-v3 .post-item:not(:first-child) .image-wrapper,
    .saesyron-home-feed.saesyron-home-layout-v3 .post-item:not(:first-child) .image-wrapper img { width:108px !important; height:92px !important; aspect-ratio:auto; border-radius:9px !important; }

    /* V4 compact stays compact. */
    .saesyron-home-feed.saesyron-home-layout-v4 .image-outer-wrapper { width:96px !important; min-width:96px !important; }
    .saesyron-home-feed.saesyron-home-layout-v4 .image-wrapper,
    .saesyron-home-feed.saesyron-home-layout-v4 .image-wrapper img { width:96px !important; height:84px !important; }
    .saesyron-home-feed.saesyron-home-layout-v4 .title { font-size:20px !important; }

    /* V5 is a large visual card. */
    .saesyron-home-feed.saesyron-home-layout-v5 .post-inner { flex-direction:column !important; }
    .saesyron-home-feed.saesyron-home-layout-v5 .image-outer-wrapper { width:100% !important; }
    .saesyron-home-feed.saesyron-home-layout-v5 .title { font-size:27px !important; }

    /* V6 stays image-free minimal. */
    .saesyron-home-feed.saesyron-home-layout-v6 .post-wrapper { padding:22px 0 !important; }
    .saesyron-home-feed.saesyron-home-layout-v6 .title { font-size:clamp(25px,7.2vw,34px) !important; }
}

html[scheme="dark"] .saesyron-home-feed.saesyron-home-layout-v5 .post-wrapper { box-shadow:none; }


/* ======================================================================
   Redesain SaeTheme 1.0.18 — dark mode text contrast fix for homepage
   and sidebar/profile modules.
   ====================================================================== */
html[scheme="dark"] body,
html[scheme="dark"] #site,
html[scheme="dark"] #site-inner {
    color:#e8ebf2;
}
html[scheme="dark"] .saesyron-home-feed .post-wrapper {
    background:#222730 !important;
    border-color:rgba(255,255,255,.10) !important;
}
html[scheme="dark"] .saesyron-home-feed .title,
html[scheme="dark"] .saesyron-home-feed .title a,
html[scheme="dark"] .saesyron-home-feed .title-animation-underline,
html[scheme="dark"] .saesyron-home-feed .content-wrapper,
html[scheme="dark"] .saesyron-home-feed .content-inner {
    color:#f4f7fb !important;
}
html[scheme="dark"] .saesyron-home-feed .title a:hover,
html[scheme="dark"] .saesyron-home-feed .title-animation-underline:hover {
    color:var(--saesyron-primary,#ff5266) !important;
}
html[scheme="dark"] .saesyron-home-feed .excerpt,
html[scheme="dark"] .saesyron-home-feed .meta-wrapper,
html[scheme="dark"] .saesyron-home-feed .meta-wrapper a,
html[scheme="dark"] .saesyron-home-feed .comments,
html[scheme="dark"] .saesyron-home-feed .views,
html[scheme="dark"] .saesyron-home-feed .reading-time,
html[scheme="dark"] .saesyron-home-feed .by,
html[scheme="dark"] .saesyron-home-feed .author-meta,
html[scheme="dark"] .saesyron-home-feed .author-meta a,
html[scheme="dark"] .saesyron-home-feed .footer-meta,
html[scheme="dark"] .saesyron-home-feed .footer-meta div {
    color:#b8c0cf !important;
}
html[scheme="dark"] .saesyron-home-feed .terms-wrapper a,
html[scheme="dark"] .saesyron-home-feed .terms-wrapper a span {
    color:#f4f7fb !important;
}
html[scheme="dark"] .saesyron-home-feed .ri-fire,
html[scheme="dark"] .saesyron-home-feed .ri-clock,
html[scheme="dark"] .saesyron-home-feed .comments-wrapper i,
html[scheme="dark"] .saesyron-home-feed .meta-wrapper i {
    color:#aeb8c7 !important;
}
html[scheme="dark"] .saesyron-home-feed.saesyron-home-layout-v6 .post-wrapper {
    background:transparent !important;
    border-bottom-color:rgba(255,255,255,.12) !important;
}
html[scheme="dark"] .syron-side-widget,
html[scheme="dark"] .syron-profile-card {
    background:#222730 !important;
    color:#e8ebf2 !important;
}
html[scheme="dark"] .syron-side-widget h3,
html[scheme="dark"] .syron-side-widget h4,
html[scheme="dark"] .syron-side-widget a,
html[scheme="dark"] .syron-profile-head h3,
html[scheme="dark"] .syron-profile-content,
html[scheme="dark"] .syron-profile-bio,
html[scheme="dark"] .syron-profile-social,
html[scheme="dark"] .syron-profile-social a,
html[scheme="dark"] .syron-profile-follow,
html[scheme="dark"] .syron-profile-username,
html[scheme="dark"] .syron-profile-name {
    color:#f4f7fb !important;
}
html[scheme="dark"] .syron-profile-bio,
html[scheme="dark"] .syron-popular-copy p,
html[scheme="dark"] .syron-popular-copy .syron-popular-date {
    color:#b8c0cf !important;
}
html[scheme="dark"] .syron-side-tags a {
    background:#2a303a !important;
    border-color:rgba(255,255,255,.10) !important;
    color:#e8ebf2 !important;
}


/* ======================================================================
   Redesain SaeTheme 1.0.19 — original Syron sticky navbar on single posts
   ====================================================================== */
body.single-post #site-sticky-header {
    pointer-events:none;
}
body.single-post #site-sticky-header.fixed {
    pointer-events:auto;
}
body.single-post #site-sticky-header .elementor-2372 > .e-con,
body.single-post #site-sticky-header .elementor-element-bfa4bb1 {
    background:rgba(255,255,255,.98);
    box-shadow:0 8px 28px rgba(25,31,45,.08);
    -webkit-backdrop-filter:saturate(135%) blur(12px);
    backdrop-filter:saturate(135%) blur(12px);
}
html[scheme="dark"] body.single-post #site-sticky-header .elementor-2372 > .e-con,
html[scheme="dark"] body.single-post #site-sticky-header .elementor-element-bfa4bb1 {
    background:rgba(35,40,46,.97) !important;
    box-shadow:0 8px 28px rgba(0,0,0,.22);
}
html[scheme="dark"] body.single-post #site-sticky-header .popup-search-opener,
html[scheme="dark"] body.single-post #site-sticky-header .offcanvas-opener,
html[scheme="dark"] body.single-post #site-sticky-header .rivax-social-icons .icon {
    color:#f2f5f8 !important;
}
/* Keep the original Syron desktop sticky header hierarchy; article content
   keeps its own dimensions and receives no spacer/margin changes. */
body.single-post #site-sticky-header.fixed {
    z-index:9998;
}