/*
Skin Name: Vibrant & Trendy
Deskripsi: Menambahkan warna & bentuk yang lebih playful ke struktur
editorial dasar — sudut membulat besar, judul bergradasi, aksen pill.
*/

body.skin-vibrant{
    background:#ffffff;
}

body.skin-vibrant h1,
body.skin-vibrant h2{
    font-weight:800;
    color:transparent;
    background:linear-gradient(45deg,var(--primary-color-al-theme),hsl(320,90%,60%));
    -webkit-background-clip:text;
    background-clip:text;
}

body.skin-vibrant .kicker{
    background:linear-gradient(45deg,var(--primary-color-al-theme),hsl(320,90%,60%));
    color:#fff;
    padding:.28rem .8rem;
    border-radius:999px;
}
/* Badge pill skin ini sudah punya identitas warna sendiri — batang kecil
   dari base style.css (.kicker::before) jadi berlebihan/aneh di dalam
   pill bergradasi, jadi disembunyikan khusus di skin ini. */
body.skin-vibrant .kicker::before{
    display:none;
}

body.skin-vibrant .masthead-rule{
    background:linear-gradient(45deg,var(--primary-color-al-theme),hsl(320,90%,60%));
    border:none;
    height:5px;
    border-radius:999px;
}

body.skin-vibrant .site-nav-wrap{border-bottom:none;}
body.skin-vibrant .site-nav a{
    padding:.4rem 1rem;
    border-radius:999px;
}
body.skin-vibrant .site-nav .current-menu-item > a,
body.skin-vibrant .site-nav a:hover{
    background:linear-gradient(45deg,var(--primary-color-al-theme),hsl(320,90%,60%));
    color:#fff;
}

body.skin-vibrant .post-brief-thumb,
body.skin-vibrant .post-brief-thumb-empty,
body.skin-vibrant .hero-lead img,
body.skin-vibrant .hero-secondary-item img,
body.skin-vibrant .entry-thumbnail img,
body.skin-vibrant .recent-post-item img,
body.skin-vibrant .toc-box,
body.skin-vibrant .author-box,
body.skin-vibrant .no-results-box{
    border-radius:20px;
    filter:none;
}

body.skin-vibrant .post-brief,
body.skin-vibrant .hero-secondary-item{
    border:none;
    box-shadow:0 10px 26px rgba(0,0,0,.06);
    border-radius:18px;
    padding:1.1rem;
    margin-bottom:1.2rem;
    background:#fff;
}

body.skin-vibrant .toc-box{
    border:none;
    box-shadow:0 10px 26px rgba(0,0,0,.06);
}

body.skin-vibrant .post-content a,
body.skin-vibrant .page-content a{
    font-weight:700;
    text-decoration:none;
    border-bottom:2px solid var(--primary-color-al-theme);
}

body.skin-vibrant .al-pagination li a,
body.skin-vibrant .al-pagination li span{
    border-radius:999px;
}
body.skin-vibrant .al-pagination li span.current-page{
    background:linear-gradient(45deg,var(--primary-color-al-theme),hsl(320,90%,60%));
    border:none;
}

body.skin-vibrant .nav-toggle-btn{
    background:linear-gradient(45deg,var(--primary-color-al-theme),hsl(320,90%,60%));
    border-radius:999px;
}