/* ------------------------------------------------------------------
   restore-shim.css  —  perbaikan tampilan sementara
   ------------------------------------------------------------------
   Halaman bertema tagDiv "Newspaper" memuat 4 stylesheet premium yang
   TIDAK tersedia di arsip publik mana pun:

       wp-content/themes/Newspaper/style.css
       wp-content/plugins/td-composer/legacy/Newspaper/assets/css/td_legacy_main.css
       wp-content/plugins/td-composer/td-multi-purpose/style.css
       wp-content/plugins/td-cloud-library/assets/css/tdb_main.css

   Tanpa file itu, elemen overlay (menu mobile, panel login, overlay
   pencarian) ikut tampil sebagai konten biasa dan lebar kontainer hilang.

   File ini hanya memulihkan perilaku dasar tersebut. Begitu keempat CSS
   asli dipasang kembali, HAPUS file ini beserta tag <link> yang
   memanggilnya di tiap halaman.
   ------------------------------------------------------------------ */

/* 1a. Aturan asli Magnific Popup — kelas penyembunyi untuk konten modal.
       Semua modal tagDiv (login, galeri) bergantung pada aturan ini. */
.mfp-hide {
    display: none !important;
}

/* 1b. Elemen yang secara desain memang tersembunyi sampai diklik */
#td-mobile-nav,
#login-form,
.td-login-modal-wrap,
.td-menu-background,
.td-search-background,
.td-search-wrap-mob,
.tdb-mobile-search,
.td-scroll-up,
.td-login-panel-wrap,
.td-login-panel,
.td-guest-wrap,
.td-menu-login-section {
    display: none !important;
}

/* 2. Lebar kontainer bawaan tagDiv */
.td-container,
.tdc-row,
.td-pb-row {
    width: 100%;
    max-width: 1068px;
    margin-left: auto;
    margin-right: auto;
}

/* 3. Grid tagDiv (span12 / span8 / span4) */
.td-pb-row {
    display: flex;
    flex-wrap: wrap;
}

.td-pb-span12 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 12px;
    box-sizing: border-box;
}

.td-pb-span8 {
    flex: 0 0 66.66666%;
    max-width: 66.66666%;
    padding: 0 12px;
    box-sizing: border-box;
}

.td-pb-span4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
    padding: 0 12px;
    box-sizing: border-box;
}

@media (max-width: 767px) {

    .td-pb-span8,
    .td-pb-span4 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

/* 4. Keterbacaan dasar konten artikel */
.td-post-content {
    line-height: 1.7;
}

.td-post-content img,
.td-post-featured-image img {
    max-width: 100%;
    height: auto;
}

/* 4b. Modul daftar artikel (kategori / arsip / penulis).
       Tanpa CSS tagDiv, judul artikel jatuh ke gaya link bawaan browser
       (biru + garis bawah). Aturan di bawah mengembalikan gaya normalnya. */
.td_module_wrap a {
    text-decoration: none;
}

.td_module_wrap .td-module-title {
    font-size: 17px;
    line-height: 1.35;
    font-weight: 600;
    margin: 6px 0 5px;
}

.td_module_wrap .td-module-title a {
    color: #111;
}

.td_module_wrap .td-module-meta-info {
    font-size: 11px;
    color: #666;
}

.td_module_wrap .td-module-meta-info a {
    color: #666;
}

.td_module_wrap {
    margin-bottom: 26px;
}

.td-module-thumb img {
    max-width: 100%;
    height: auto;
}

/* Thumbnail tagDiv dipasang sebagai background-image oleh restore-shim.js.
   Aturan di bawah memberi ukuran & perilaku crop-nya. */
.td-module-thumb {
    position: relative;
    overflow: hidden;
}

.td-module-thumb .td-image-wrap {
    display: block;
}

.entry-thumb.td-thumb-css {
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #ebecee;
}

/* Modul daftar biasa tidak punya tinggi bawaan (itu datang dari CSS
   premium), jadi diberi rasio agar thumbnail tampil. Modul big-grid
   sudah punya tinggi sendiri dari CSS inline-nya, karena itu dikecualikan. */
.td_module_wrap:not(.td-big-grid-flex-post) .entry-thumb.td-thumb-css {
    aspect-ratio: 4 / 3;
}

/* Modul overlay di atas gambar tetap berteks putih */
.td-big-grid-flex-post .td-module-title a,
.td-big-grid-flex-post .td-module-meta-info,
.td-big-grid-flex-post .td-module-meta-info a {
    color: #fff;
}

/* Label kategori */
.td-post-category {
    display: inline-block;
    padding: 3px 7px;
    background: #222;
    color: #fff;
    font-size: 10px;
    line-height: 1;
    text-transform: uppercase;
    text-decoration: none;
}

/* Baris blok tagDiv */
.td-block-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px;
}

.td-block-span12 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 12px;
    box-sizing: border-box;
}

.td-block-span6 {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 12px;
    box-sizing: border-box;
}

.td-block-span4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
    padding: 0 12px;
    box-sizing: border-box;
}

/* 5. Rapikan breadcrumb & bar penulis agar tidak menempel di tepi kiri */
.td-crumb-container,
.td-post-header .td-module-meta-info {
    max-width: 1068px;
    margin-left: auto;
    margin-right: auto;
}