/*
Theme Name: GeneratePress Child - Bisabarengoby
Theme URI: https://bisabarengoby.id/
Description: Child theme GeneratePress untuk Bisabarengoby.id
Author: Bisabarengoby.id
Template: generatepress
Version: 1.4.7
Text Domain: generatepress-child
*/

/* =========================================================
   BISABARENGOBY.ID — DASAR SITUS

   Tampilan blog, arsip, dan single post diatur sepenuhnya di
   assets/css/bbo-blog.css. File ini sengaja dibuat ramping dan
   TIDAK memakai selektor seperti "body.blog h2" atau
   "body.single a", karena selektor semacam itu spesifisitasnya
   lebih tinggi daripada kelas .bbo-* dan akan menimpa warna
   judul serta tautan di kartu artikel.
   ========================================================= */

:root {
  --bbo-ink: #0b1d2a;
  --bbo-navy: #081b2b;
  --bbo-navy-2: #0e2a3d;
  --bbo-lime: #9dff00;
  --bbo-lime-dark: #64a800;
  --bbo-mint: #efffd7;
  --bbo-paper: #f7f8f2;
  --bbo-white: #ffffff;
  --bbo-muted: #60717c;
  --bbo-line: #dfe5db;
  --bbo-shadow: 0 18px 50px rgba(8, 27, 43, 0.10);
  --bbo-radius: 24px;
  --bbo-max: 1180px;
}

/* =========================================================
   PEMBUNGKUS KONTEN
   ========================================================= */

/* Halaman blog memakai pembungkusnya sendiri (.bbo-shell) supaya
   hero bisa selebar layar, jadi #page dan #content dibiarkan penuh. */
body.bbo-ui #page,
body.bbo-ui #content.site-content {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}

/* Laman biasa dan 404 tetap dipusatkan. */
body.page:not(.bisabarengoby-homepage):not(.bbo-ui) #content.site-content,
body.error404 #content.site-content {
  width: min(calc(100% - 40px), var(--bbo-max));
  margin-inline: auto;
  padding: 44px 0 80px;
}

body.page:not(.bisabarengoby-homepage):not(.bbo-ui) .entry-content,
body.error404 .entry-content {
  color: #243846;
  font-size: 16.5px;
  line-height: 1.8;
}

body.page:not(.bisabarengoby-homepage):not(.bbo-ui) .entry-content a,
body.error404 .entry-content a {
  color: var(--bbo-lime-dark);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* =========================================================
   HEADER DAN FOOTER BAWAAN GENERATEPRESS (CADANGAN)
   Hanya terpakai bila header.php/footer.php child dinonaktifkan.
   ========================================================= */
.site-header .inside-header {
  max-width: var(--bbo-max);
  min-height: 76px;
  margin-inline: auto;
  padding: 12px 20px;
}

.site-header .main-navigation {
  background: transparent;
}

.site-header .main-navigation .main-nav ul li a {
  color: var(--bbo-ink);
  font-size: 13px;
  font-weight: 600;
}

.site-header .main-navigation .main-nav ul li a:hover {
  color: var(--bbo-lime-dark);
}

.site-footer {
  background: #061621;
  color: var(--bbo-white);
}

.site-footer .site-info {
  background: transparent;
  color: #91a6b0;
}

/* =========================================================
   WIDGET DAN SIDEBAR
   ========================================================= */
.widget-area .widget {
  margin-bottom: 18px;
  padding: 24px;
  border: 1px solid var(--bbo-line);
  border-radius: 20px;
  background: var(--bbo-paper);
}

.widget-area .widget-title {
  margin-bottom: 16px;
  font-size: 18px;
}

.widget-area .widget a:hover {
  color: var(--bbo-lime-dark);
}

/* =========================================================
   FORM UMUM
   Tombol .bbo-* dikecualikan agar tidak tertimpa.
   ========================================================= */
.entry-content button:not(.bbo-btn),
.entry-content input[type="submit"]:not(.bbo-btn),
.widget-area button:not(.bbo-btn),
.comment-form input[type="submit"] {
  min-height: 48px;
  padding: 0 20px;
  border: 1px solid transparent;
  border-radius: 13px;
  background: var(--bbo-lime);
  color: var(--bbo-ink);
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  cursor: pointer;
}

.entry-content input:not([type="submit"]):not([type="search"]),
.entry-content textarea,
.widget-area input:not([type="submit"]),
.comment-form input:not([type="submit"]),
.comment-form textarea {
  border: 1px solid var(--bbo-line);
  border-radius: 12px;
  font-family: "Poppins", sans-serif;
}

@media (max-width: 768px) {
  body.page:not(.bisabarengoby-homepage):not(.bbo-ui) #content.site-content,
  body.error404 #content.site-content {
    width: min(calc(100% - 28px), var(--bbo-max));
    padding: 32px 0 60px;
  }
}