/* energofiksik.com — lapisan situs, dimuat SETELAH pro.css.

   Situs ini tidak punya satu pun gambar artikel (0 dari 88). Tema aslinya
   dirancang untuk kartu berfoto: judul putih di atas overlay gelap. Tanpa foto,
   yang tersisa hanyalah pita gradien teal — dan warna link bawaan (#0e7490)
   kebetulan sama persis dengan ujung gelap gradien itu, sehingga chip kategori
   praktis tidak terbaca (rasio ~1:1).

   Dua hal yang menentukan isi berkas ini, keduanya diukur di browser:
     * gradiennya dipasang pada .post-entry-content, BUKAN .post-thumbnail;
     * chip dikalahkan oleh selektor inline tema yang jauh lebih spesifik
       (.blog-shortcode.blog-masonry-shortcode-id-… .fancy-categories a),
       jadi di sini perlu !important — bukan karena malas, tapi karena selektor
       lawannya di-generate dengan id acak yang tidak bisa ditiru dengan aman.
*/

/* 1. matikan pita gradien palsu.
   pro.css memasangnya lewat:
     .post-entry-content, .blog-shortcode .post-thumbnail, [class*="blog-masonry"] .post-thumbnail
     { background: linear-gradient(...) !important }
   Spesifisitas bagian .post-thumbnail-nya 0,2,0. Aturan `.post-thumbnail`
   polos (0,1,0) KALAH meski memakai !important — itu sebabnya 87 dari 88 kartu
   masih bergradien pada percobaan pertama. Di sini selektornya ditiru persis;
   karena site.css dimuat setelah pro.css, spesifisitas seri dimenangkan urutan
   sumber, tanpa perlu trik kelas berulang. */
.post-entry-content,
.blog-shortcode .post-thumbnail,
[class*="blog-masonry"] .post-thumbnail,
.post-thumbnail,
.post-thumbnail.overlay-placeholder,
.post-thumbnail-wrap{
  background-image:none !important;
  background-color:#ffffff !important;
  min-height:0 !important;
}
.post-entry-content{padding:16px 18px 18px !important}
.post-thumbnail-rollover{display:none !important}
article.post{background:#fff;border:1px solid #e4e9ec;border-radius:8px;overflow:hidden}

/* 2. chip kategori: gelap di atas terang */
.fancy-categories{display:flex !important;flex-wrap:wrap;gap:6px;margin:0 0 10px !important;position:static !important}
.fancy-categories a{
  display:inline-block !important;
  background:#e7eef2 !important;
  color:#12333f !important;              /* #12333f pada #e7eef2 ≈ 11,8:1 */
  font-size:.72rem !important;
  font-weight:700;
  letter-spacing:.05em;
  text-transform:uppercase;
  line-height:1.2;
  padding:4px 9px !important;
  border-radius:3px;
  text-decoration:none;
}
.fancy-categories a:hover,
.fancy-categories a:focus-visible{background:#0e7490 !important;color:#ffffff !important}

/* 3. judul & ringkasan di atas kartu putih */
.entry-title{margin:0 0 8px !important;font-size:1.12rem;line-height:1.45;text-align:left !important}
.entry-title a{color:#132029 !important;text-decoration:none}   /* #132029 pada #fff ≈ 14,6:1 */
.entry-title a:hover{color:#0e7490 !important;text-decoration:underline}
.entry-excerpt{color:#495764 !important;font-size:.95rem;line-height:1.7;text-align:left !important}

/* 4. judul halaman yang dipindahkan keluar dari kartu artikel */
h1.pg-title{
  max-width:1100px;margin:26px auto 18px;padding:0 22px;
  font-size:1.9rem;line-height:1.25;color:#132029;text-align:left;
}

@media(max-width:600px){
  h1.pg-title{font-size:1.4rem;margin-top:18px}
  .post-entry-content{padding:14px 15px 16px !important}
}
