/*
Theme Name: Fierce Blog Child (atau nama tema Anda)
Template: emerge-blog
Version: 1.0
Description: Basic CSS Restoration for Rajisthanportalonline
Author: AI Assistant
*/

/* == Basic Reset & Globals == */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; /* Sistem font default */
    line-height: 1.6;
    color: #333;
    background-color: #f4f4f4; /* Background umum */
    font-size: 16px;
}

.container {
    width: 90%;
    max-width: 1100px; /* Lebar maksimum umum */
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}

a {
    color: #0073aa; /* Warna link WordPress default */
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

h1, h2, h3, h4, h5, h6 {
    margin-bottom: 0.75em;
    line-height: 1.3;
}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

/* == Header == */
.site-header {
    background-color: #fff;
    padding: 1em 0;
    border-bottom: 1px solid #ddd;
}

.site-header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap; /* Untuk mobile */
}

.site-branding {
    display: flex;
    align-items: center;
}

.site-branding-logo img { /* Jika ada logo */
    max-height: 60px;
    margin-right: 15px;
}

.site-branding-text .site-title {
    font-size: 2em;
    margin-bottom: 0.1em;
}
.site-branding-text .site-title a {
    color: #222;
    text-decoration: none;
}

.site-branding-text .site-description {
    font-size: 0.9em;
    color: #777;
    margin-bottom: 0;
}

/* == Navigation == */
.main-navigation {
    /* Dibiarkan untuk mobile first, diatur di media query */
}

.menu-toggle {
    display: none; /* Sembunyikan di desktop, tampilkan di mobile */
    background-color: #0073aa;
    color: #fff;
    border: none;
    padding: 0.5em 1em;
    cursor: pointer;
    font-size: 1em;
    margin-top: 10px; /* Jarak jika branding dan nav wrap */
}
.menu-toggle .icon {
    width: 1.2em;
    height: 1.2em;
    vertical-align: middle;
    fill: currentColor;
}
.menu-toggle .icon-close { display: none; }
.menu-toggle.toggled .icon-bars { display: none; }
.menu-toggle.toggled .icon-close { display: inline-block; }


.main-navigation ul#primary-menu {
    list-style: none;
    display: flex;
    flex-wrap: wrap; /* Agar muat di layar kecil sebelum toggle */
}

.main-navigation ul#primary-menu > li {
    margin-left: 1px; /* Sedikit pemisah antar item */
    position: relative; /* Untuk sub-menu */
}

.main-navigation ul#primary-menu > li > a {
    display: block;
    padding: 0.8em 1em;
    color: #333;
    text-decoration: none;
    white-space: nowrap;
}
.main-navigation ul#primary-menu > li > a .icon { /* Icon dropdown */
    margin-left: 5px;
    width: 0.8em;
    height: 0.8em;
}

.main-navigation ul#primary-menu > li:hover > a,
.main-navigation ul#primary-menu > li.current-menu-item > a,
.main-navigation ul#primary-menu > li.current-menu-ancestor > a {
    background-color: #eee;
    color: #000;
}

/* Sub Menu */
.main-navigation .sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    z-index: 1000;
    min-width: 200px;
    list-style: none; /* Reset dari flex di parent */
    padding: 0;
}

.main-navigation ul > li:hover > .sub-menu {
    display: block;
}

.main-navigation .sub-menu li {
    margin-left: 0;
    width: 100%;
}

.main-navigation .sub-menu li a {
    padding: 0.8em 1em;
    display: block;
    color: #333;
    white-space: nowrap;
}

.main-navigation .sub-menu li a:hover {
    background-color: #f0f0f0;
}


/* == Content Area == */
#content {
    padding-top: 2em;
    padding-bottom: 2em;
}

#content-wrap.container {
    display: flex;
    flex-wrap: wrap; /* Untuk mobile */
}

#primary {
    flex: 1; /* Ambil sisa ruang */
    min-width: 0; /* Untuk mencegah overflow jika konten terlalu lebar */
}

.has-sidebar.right-sidebar #primary {
    padding-right: 30px; /* Gutter untuk sidebar kanan */
}
/* Jika ada .left-sidebar, tambahkan rule serupa */


/* == Featured Posts Section == */
.section-featured-posts {
    margin-bottom: 2em;
}
.custom-row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px; /* Kompensasi gutter */
    margin-right: -15px;
}
.custom-col-12, .custom-col-lg-7, .custom-col-lg-5, .custom-col-md-12 {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 1.5em; /* Jarak antar item */
    width: 100%; /* Default untuk mobile */
}

.feature-posts-content-wrap .featured-image {
    background-size: cover;
    background-position: center;
    min-height: 250px; /* Tinggi default, sesuaikan */
    position: relative;
    display: flex;
    align-items: flex-end; /* Konten di bawah */
    color: #fff;
    border-radius: 4px; /* Sedikit lengkungan */
    overflow: hidden;
}
.feature-big-posts .featured-image {
    min-height: 450px; /* Lebih tinggi untuk post besar */
}
.feature-posts-content-wrap .entry-container {
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.5) 60%, rgba(0,0,0,0) 100%);
    padding: 1.5em;
    width: 100%;
}
.feature-posts-content-wrap .entry-title {
    margin-bottom: 0.3em;
}
.feature-posts-content-wrap .entry-title a {
    color: #fff;
    font-size: 1.4em;
    text-decoration: none;
}
.feature-big-posts .entry-title a {
    font-size: 1.8em;
}
.feature-posts-content-wrap .entry-content p {
    font-size: 0.9em;
    margin-bottom: 0.5em;
    color: #eee;
}
.feature-posts-content-wrap .entry-meta {
    font-size: 0.8em;
    color: #ccc;
}
.feature-posts-content-wrap .entry-meta span {
    margin-right: 10px;
}
.feature-posts-content-wrap .entry-meta a {
    color: #ddd;
    text-decoration: none;
}
.feature-posts-content-wrap .entry-meta a:hover {
    color: #fff;
}

/* == Editors Choice Section == */
.section-editors-choice {
    margin-bottom: 2em;
}
.section-header {
    margin-bottom: 1.5em;
    border-bottom: 2px solid #0073aa;
    padding-bottom: 0.5em;
}
.section-title {
    font-size: 1.8em;
    color: #222;
}
.columns-3 {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px; /* Kompensasi gutter */
    margin-right: -10px;
}
.columns-3 article {
    flex: 1 1 100%; /* Mobile: 1 kolom */
    padding: 0 10px;
    margin-bottom: 1.5em;
}
.editors-choice-item {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}
.editors-choice-item .featured-image {
    background-size: cover;
    background-position: center;
    height: 180px; /* Sesuaikan */
}
.editors-choice-item .featured-image a.post-thumbnail-link {
    display: block;
    width: 100%;
    height: 100%;
}
.editors-choice-item .entry-container {
    padding: 1em;
}
.editors-choice-item .entry-title {
    font-size: 1.2em;
    margin-bottom: 0.4em;
}
.editors-choice-item .entry-title a {
    color: #333;
    text-decoration: none;
}
.editors-choice-item .entry-meta {
    font-size: 0.8em;
    color: #777;
    margin-bottom: 0.5em;
}
.editors-choice-item .entry-meta .cat-links a {
    color: #0073aa;
}
.editors-choice-item .read-full a {
    display: inline-block;
    margin-top: 0.5em;
    padding: 0.4em 0.8em;
    background-color: #0073aa;
    color: #fff;
    text-decoration: none;
    border-radius: 3px;
    font-size: 0.9em;
}
.editors-choice-item .read-full a:hover {
    background-color: #005a87;
}

/* == Blog Archive / Main Loop == */
.blog-archive article.post {
    background-color: #fff;
    margin-bottom: 2em;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}
.blog-post-item {
    display: flex;
    flex-direction: column; /* Mobile first: stacked */
}
.blog-post-item .featured-image {
    width: 100%;
    height: 250px; /* Sesuaikan */
    background-color: #e9e9e9; /* Placeholder jika gambar tidak ada */
    background-size: cover;
    background-position: center;
}
.blog-post-item .featured-image a.post-thumbnail {
    display: block;
    width: 100%;
    height: 100%;
}
.blog-post-item .entry-container {
    padding: 1.5em;
    flex-grow: 1;
}
.blog-post-item .entry-meta {
    font-size: 0.8em;
    color: #777;
    margin-bottom: 0.5em;
}
.blog-post-item .entry-meta .cat-links a {
    color: #0073aa;
}
.blog-post-item .entry-meta .posted-on a {
    color: #777;
}
.blog-post-item .entry-title {
    font-size: 1.6em;
    margin-bottom: 0.5em;
}
.blog-post-item .entry-title a {
    color: #333;
    text-decoration: none;
}
.blog-post-item .entry-content p {
    margin-bottom: 1em;
}
.blog-post-item .read-more a {
    display: inline-block;
    padding: 0.5em 1em;
    background-color: #0073aa;
    color: #fff;
    text-decoration: none;
    border-radius: 3px;
}
.blog-post-item .read-more a:hover {
    background-color: #005a87;
}

/* Pagination */
.navigation.pagination {
    margin: 2em 0;
    text-align: center;
    clear: both;
}
.navigation.pagination .nav-links .page-numbers {
    display: inline-block;
    padding: 0.5em 0.9em;
    margin: 0 0.2em;
    border: 1px solid #ddd;
    text-decoration: none;
    color: #0073aa;
    border-radius: 3px;
}
.navigation.pagination .nav-links .page-numbers.current,
.navigation.pagination .nav-links .page-numbers:hover {
    background-color: #0073aa;
    color: #fff;
    border-color: #0073aa;
}
.navigation.pagination .nav-links .dots {
    border: none;
    padding: 0.5em 0.2em;
}
.navigation.pagination .nav-links .next .icon,
.navigation.pagination .nav-links .prev .icon { /* Jika ada ikon prev/next */
    width: 1em;
    height: 1em;
    fill: currentColor;
}


/* == Sidebar == */
#secondary {
    width: 100%; /* Mobile: 1 kolom */
}
.widget {
    background-color: #fff;
    padding: 1.5em;
    margin-bottom: 1.5em;
    border: 1px solid #ddd;
    border-radius: 4px;
}
.widget .wp-block-heading, .widget h2.widget-title {
    font-size: 1.3em;
    margin-bottom: 1em;
    border-bottom: 1px solid #eee;
    padding-bottom: 0.5em;
    color: #222;
}
.widget ul {
    list-style: none;
    padding-left: 0;
}
.widget ul li {
    margin-bottom: 0.6em;
    padding-bottom: 0.6em;
    border-bottom: 1px dotted #eee;
}
.widget ul li:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.widget ul li a {
    text-decoration: none;
}
/* Search Widget */
.widget_search .wp-block-search__label {
    display: block;
    margin-bottom: 0.5em;
    font-weight: bold;
}
.widget_search .wp-block-search__inside-wrapper {
    display: flex;
}
.widget_search .wp-block-search__input {
    flex-grow: 1;
    padding: 0.6em;
    border: 1px solid #ccc;
    border-radius: 3px 0 0 3px;
}
.widget_search .wp-block-search__button {
    padding: 0.6em 1em;
    background-color: #0073aa;
    color: #fff;
    border: none;
    cursor: pointer;
    border-radius: 0 3px 3px 0;
}
.widget_search .wp-block-search__button:hover {
    background-color: #005a87;
}

/* == Footer == */
.site-footer {
    background-color: #2c3e50; /* Warna gelap untuk footer */
    color: #bdc3c7; /* Warna teks terang */
    padding: 2.5em 0;
    text-align: center;
    font-size: 0.9em;
}
.site-footer .site-info a {
    color: #ecf0f1; /* Warna link lebih terang */
    font-weight: bold;
}
.to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #0073aa;
    color: #fff;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    text-decoration: none;
    display: none; /* JS akan menampilkannya saat scroll */
    z-index: 100;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
.to-top:hover {
    background-color: #005a87;
}
/* Anda perlu JS untuk '.to-top' dan '.menu-toggle' */


/* == WordPress Core Blocks (Dasar) == */
.wp-block-button__link {
    color: #fff;
    background-color: #32373c;
    border-radius: 9999px;
    padding: calc(0.667em + 2px) calc(1.333em + 2px);
    font-size: 1.125em;
    text-decoration: none;
    display: inline-block;
    text-align: center;
}
.wp-block-pullquote {
    border-top: 4px solid;
    border-bottom: 4px solid;
    color: currentColor; /* Mengambil warna teks dari parent */
    margin: 1.5em auto;
    padding: 1em 0;
    max-width: 600px; /* Batasi lebar */
}
.wp-block-pullquote p {
    font-size: 1.5em;
    line-height: 1.6;
    text-align: center;
}
.wp-block-pullquote cite {
    display: block;
    text-align: center;
    font-size: 0.9em;
    font-style: italic;
    margin-top: 0.5em;
}
.wp-block-separator {
    border: none;
    border-bottom: 2px solid #ccc;
    margin: 2em auto;
    max-width: 100px;
}
.wp-block-separator.is-style-wide {
    max-width: 100%;
}
.wp-block-separator.is-style-dots::before {
    content: ". . .";
    font-size: 1.5em;
    letter-spacing: 0.5em;
    color: #ccc;
    font-family: serif;
}
.wp-block-separator.is-style-dots {
    border: none;
    text-align: center;
}


/* == Media Queries untuk Responsif == */

/* Tablet dan Desktop Kecil */
@media (min-width: 768px) {
    .container {
        width: 85%;
    }
    .menu-toggle {
        display: none; /* Sembunyikan tombol toggle */
    }
    .main-navigation .menu-menu-1-container {
        display: block !important; /* Pastikan menu selalu terlihat */
    }
    .main-navigation ul#primary-menu {
        flex-wrap: nowrap; /* Jangan wrap item menu utama */
    }

    /* Featured Posts Section */
    .custom-col-md-12 { /* Jika ada definisi untuk md */
        /* flex: 0 0 100%; max-width: 100%; */
    }

    /* Editors Choice Section */
    .columns-3 article {
        flex: 0 0 calc(33.333% - 20px); /* 3 kolom dengan gutter */
        max-width: calc(33.333% - 20px);
        margin: 0 10px 1.5em; /* Kiri-kanan margin untuk gutter */
    }
    .columns-3 {
        margin-left: 0;
        margin-right: 0;
        justify-content: space-between;
    }


    /* Blog Archive */
    .blog-post-item {
        flex-direction: row; /* Gambar di kiri, konten di kanan */
    }
    .blog-post-item .featured-image {
        width: 300px; /* Lebar tetap untuk gambar */
        height: auto;
        min-height: 200px; /* Minimal tinggi */
        flex-shrink: 0;
    }

    /* Sidebar */
    #secondary {
        flex: 0 0 300px; /* Lebar tetap untuk sidebar */
        max-width: 300px;
        margin-left: 0; /* Reset jika dari .has-sidebar #primary */
    }
    .right-sidebar #secondary {
         padding-left: 30px; /* Gutter untuk sidebar kanan */
    }
}

/* Desktop Besar */
@media (min-width: 992px) {
    .container {
        width: 80%;
        max-width: 1100px;
    }

    /* Featured Posts Section */
    .custom-col-lg-7 {
        flex: 0 0 58.333333%; /* 7/12 */
        max-width: 58.333333%;
    }
    .custom-col-lg-5 {
        flex: 0 0 41.666667%; /* 5/12 */
        max-width: 41.666667%;
    }
}

/* Untuk gambar latar belakang yang hilang dari HTML */
/* Anda perlu mengganti URL ini dengan URL gambar yang benar */
/* Contoh untuk artikel pertama di featured */
.section-featured-posts .custom-col-lg-7 .feature-posts-content-wrap .featured-image {
    /* background-image: url('https://rajisthanportalonline.com/wp-content/uploads/2025/01/Bhu-Naksha-Rajasthan-Access-Land-Records-Online-Easily-1024x576.webp'); */
    background-color: #ddd; /* Fallback jika URL tidak ada */
}
/* Contoh untuk artikel kedua di featured */
.section-featured-posts .custom-col-lg-5 .custom-row .custom-col-md-12:first-child .feature-posts-content-wrap .featured-image {
    /* background-image: url('https://rajisthanportalonline.com/wp-content/uploads/2025/01/Gov.nic_.in-Silai-Machine-Online-Form-Apply-for-Free-Sewing-Machine-Scheme-2025-1-1024x576.webp'); */
     background-color: #ddd;
}
/* Contoh untuk artikel ketiga di featured */
.section-featured-posts .custom-col-lg-5 .custom-row .custom-col-md-12:last-child .feature-posts-content-wrap .featured-image {
    /* background-image: url('https://rajisthanportalonline.com/wp-content/uploads/2025/01/RCMS-MPOnline-Portal-File-and-Track-Revenue-Cases-Online-1024x576.webp'); */
     background-color: #ddd;
}

/* Contoh untuk Editor's Choice */
.section-editors-choice .columns-3 article:nth-child(1) .editors-choice-item .featured-image {
    /* background-image: url('https://rajisthanportalonline.com/wp-content/uploads/2025/01/Bhu-Naksha-Rajasthan-Access-Land-Records-Online-Easily.webp'); */
     background-color: #ccc;
}
.section-editors-choice .columns-3 article:nth-child(2) .editors-choice-item .featured-image {
    /* background-image: url('https://rajisthanportalonline.com/wp-content/uploads/2025/01/Gov.nic_.in-Silai-Machine-Online-Form-Apply-for-Free-Sewing-Machine-Scheme-2025-1.webp'); */
     background-color: #ccc;
}
.section-editors-choice .columns-3 article:nth-child(3) .editors-choice-item .featured-image {
    /* background-image: url('https://rajisthanportalonline.com/wp-content/uploads/2025/01/RCMS-MPOnline-Portal-File-and-Track-Revenue-Cases-Online.webp'); */
     background-color: #ccc;
}

/* Untuk artikel di loop utama, karena `a.post-thumbnail` tidak memiliki `img` di dalamnya */
/* Ini adalah placeholder, idealnya gambar ada di HTML atau di-load oleh tema */
#post-426 .featured-image { background-color: #cce; /* Ganti dengan URL jika tahu */ }
#post-422 .featured-image { background-color: #cec; }
#post-417 .featured-image { background-color: #ecc; }
#post-413 .featured-image { background-color: #eec; }
/* dan seterusnya... */