/* ===== cekweton.id — FINAL ===== */

:root{
  --base:#EAE0C8; --base-2:#F3ECDA; --base-3:#F8F3E7;
  --contrast:#241C12; --contrast-2:#5A4A34; --accent:#7A4A28;
}

/* Layout: full width, cream, centered 760 column, no GP box */
#right-sidebar,.is-right-sidebar{display:none !important;}
.site-content .content-area{width:100% !important;}
.separate-containers .inside-article{background:transparent !important;box-shadow:none !important;padding:24px 20px 56px !important;}
.separate-containers .site-main{margin-bottom:0 !important;}
.entry-content{max-width:860px;margin:0 auto;}
.site.grid-container{max-width:1080px;margin-left:auto;margin-right:auto;}

/* Fonts */
body{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:17px;}
.wt-content p,.wt-content li,.wt-content .wt-pas-item,.wt-content .wt-answer,
.wt-content .fa,.wt-content table.wt-neptu td{font-size:1.06rem !important;font-weight:500 !important;line-height:1.7 !important;}
.wt-content .wt-lede{font-size:1.22rem !important;font-weight:600 !important;color:#241C12 !important;}
.wt-content h1{font-size:2.35rem !important;}
.wt-content h2{font-size:1.7rem !important;}
.wt-content h3{margin-bottom:14px !important;}
.wt-content h3 + table.wt-neptu{margin-top:0 !important;}

/* Calculator as a raised card */
.wt-content .wt-app.wt-cek{
  background:#F3ECDA !important;
  border:1px solid rgba(78,46,24,.16) !important;
  border-radius:18px !important;
  padding:24px 22px !important;
  max-width:none !important;
  margin:0 0 8px !important;
  box-shadow:0 12px 34px -18px rgba(78,46,24,.55) !important;
}

/* Header */
.main-title a{font-family:'Fraunces',serif;color:#4E2E18;font-weight:700;font-size:1.5rem;}

/* NAV — tight pill, hugs text like a badge */
#site-navigation.main-navigation,
.main-navigation.mobile-menu-control-wrapper{background:transparent !important;}
.main-navigation .main-nav ul{gap:4px;}
.main-navigation .main-nav ul li{margin:0 !important;}
.main-navigation .main-nav ul li a{
  color:#4E2E18 !important;
  font-weight:600;
  font-size:1rem;
  line-height:1 !important;
  border-radius:8px;
  padding:20px 14px !important;
  display:inline-block !important;
}
.main-navigation .main-nav ul li:hover > a{background:#EAE0C8 !important;color:#4E2E18 !important;}
.main-navigation .main-nav ul li.current-menu-item > a{background:#212B4E !important;color:#E7C463 !important;}

/* Mobile hamburger + dropdown */
.mobile-menu-control-wrapper .menu-toggle,button.menu-toggle{background:transparent !important;}
.menu-toggle .gp-icon svg{fill:#4E2E18 !important;}
@media (max-width:768px){
  #site-navigation.toggled{background:#212B4E !important;margin:8px 0 !important;border-radius:12px !important;overflow:hidden !important;}
  #site-navigation.toggled .main-nav ul li a{color:#F3ECDA !important;padding:14px 18px !important;font-size:1.05rem !important;background:transparent !important;border-bottom:1px solid rgba(255,255,255,.08);line-height:1.3 !important;}
  #site-navigation.toggled .main-nav ul li.current-menu-item > a{color:#E7C463 !important;}
}

/* Footer */
.site-info{background:#212B4E !important;}
.site-info,.site-info .copyright{color:#F3ECDA;}
.site-info a{color:#E7C463;}
@media (max-width:768px){
  #site-navigation.toggled .main-nav ul li a{display:block !important;width:100%;}
}
.wt-content .wt-lede{
  font-size:1.06rem !important;
  font-weight:500 !important;
  color:#241C12 !important;
}
/* ===== Post-specific polish (title, meta, breadcrumb) ===== */

/* Breadcrumb (Rank Math shortcode) */
.rank-math-breadcrumb{
  font-size:13px !important;
  color:var(--muted,#7A6B54) !important;
  margin:0 0 14px !important;
  font-family:'Plus Jakarta Sans',sans-serif;
}
.rank-math-breadcrumb a{color:#7A4A28 !important;text-decoration:none;font-weight:600;}
.rank-math-breadcrumb a:hover{text-decoration:underline;}
.rank-math-breadcrumb .separator{margin:0 6px;color:#B8A98A;}

/* Post title (entry-title) to match batik headings */
.entry-title{
  font-family:'Fraunces',serif !important;
  font-weight:600 !important;
  font-size:2.35rem !important;
  color:#4E2E18 !important;
  line-height:1.1 !important;
  letter-spacing:-.01em;
  max-width:760px;margin:0 auto 6px !important;
}

/* Post meta line (date, author) */
.entry-meta{
  max-width:760px;margin:0 auto 24px !important;
  font-size:13px !important;
  color:var(--muted,#7A6B54) !important;
  font-family:'Spline Sans Mono',monospace;
  display:flex;gap:14px;flex-wrap:wrap;align-items:center;
}
.entry-meta a{color:#7A4A28 !important;font-weight:600;}
.entry-meta .posted-on::before{content:"\1F4C5\0020";}

/* Footer category badge */
footer.entry-meta{
  max-width:760px;margin:32px auto 0 !important;
  padding-top:16px;border-top:1px solid rgba(78,46,24,.16);
}
footer.entry-meta .cat-links a{
  background:#EAE0C8;color:#4E2E18 !important;font-weight:700;font-size:12px;
  padding:5px 12px;border-radius:20px;text-decoration:none;
}

/* Comment form: hide on primbon content pages (optional, cleaner look) */
#comments{max-width:760px;margin:32px auto 0;}

/* ===== BREADCRUMBS ===== */
/* Sits outside .entry-content, so needs its own centering to line up */
.rank-math-breadcrumb{
  max-width:760px;
  margin:0 auto !important;
  padding:20px 20px 0 !important;
  font-size:13px !important;
  font-family:'Plus Jakarta Sans',sans-serif;
}
.rank-math-breadcrumb p{
  margin:0;
  display:flex;flex-wrap:wrap;align-items:center;gap:2px;
  color:#7A6B54;
}
.rank-math-breadcrumb a{
  color:#7A4A28 !important;
  text-decoration:none;
  font-weight:600;
  padding:3px 0;
}
.rank-math-breadcrumb a:hover{text-decoration:underline;}
.rank-math-breadcrumb .separator{
  margin:0 8px;color:#B8A98A;font-weight:400;
}
.rank-math-breadcrumb .last{
  color:#7A6B54;font-weight:500;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;
}
@media(max-width:600px){
  .rank-math-breadcrumb{padding:16px 20px 0 !important;font-size:12px !important;}
  .rank-math-breadcrumb .separator{margin:0 5px;}
}

/* ===== FEATURED IMAGE ===== */
.post-image,
.featured-image,
.page-header-image{
  max-width:760px;
  margin:0 auto 28px !important;
  padding:0 20px;
}
.post-image img,
.featured-image img,
.page-header-image img{
  width:100%;
  height:auto;
  border-radius:16px;
  border:1px solid rgba(78,46,24,.16);
  box-shadow:0 14px 34px -20px rgba(78,46,24,.55);
  display:block;
}
/* Image captions */
.wp-caption-text,figcaption{
  font-size:13px;color:#7A6B54;text-align:center;
  margin-top:8px;font-style:italic;
}
/* Images inside article content */
.wt-content img,.entry-content img{
  border-radius:14px;
  border:1px solid rgba(78,46,24,.16);
  max-width:100%;height:auto;
}

/* ===== COMMENTS ===== */
.comments-area{
  max-width:760px;margin:40px auto 0 !important;padding:0 20px;
}
.comment-respond{
  background:#F8F3E7;
  border:1px solid rgba(78,46,24,.16);
  border-radius:16px;
  padding:26px 28px;
}
#reply-title,.comments-title{
  font-family:'Fraunces',serif !important;
  font-size:1.4rem !important;
  color:#4E2E18 !important;
  margin:0 0 6px !important;
}
.comment-form .logged-in-as,
.comment-notes{
  font-size:13px;color:#7A6B54;margin-bottom:16px;
}
.comment-form .logged-in-as a{color:#7A4A28;font-weight:600;}
.comment-form textarea{
  width:100%;
  background:#fffdf7 !important;
  border:1.5px solid rgba(78,46,24,.16) !important;
  border-radius:12px !important;
  padding:14px !important;
  font-family:'Plus Jakarta Sans',sans-serif;
  font-size:1rem;
  color:#241C12;
  resize:vertical;
}
.comment-form textarea:focus{
  outline:0;
  border-color:#2E3C68 !important;
  box-shadow:0 0 0 3px rgba(46,60,104,.12);
}
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"]{
  background:#fffdf7 !important;
  border:1.5px solid rgba(78,46,24,.16) !important;
  border-radius:10px !important;
  padding:12px 14px !important;
  font-family:'Plus Jakarta Sans',sans-serif;
}
.comment-form input[type="submit"],
.comment-form .submit{
  background:#7A4A28 !important;
  color:#fff8ec !important;
  border:0 !important;
  border-radius:12px !important;
  padding:13px 28px !important;
  font-family:'Plus Jakarta Sans',sans-serif;
  font-weight:700 !important;
  font-size:.95rem !important;
  cursor:pointer;
  box-shadow:0 4px 14px rgba(122,74,40,.28);
  transition:.18s;
}
.comment-form input[type="submit"]:hover{
  background:#4E2E18 !important;transform:translateY(-1px);
}
/* Existing comments list */
.comment-list{list-style:none;padding:0;margin:0 0 30px;}
.comment-list .comment-body{
  background:#F8F3E7;
  border:1px solid rgba(78,46,24,.16);
  border-left:3px solid #C69A2E;
  border-radius:12px;
  padding:18px 20px;
  margin-bottom:14px;
}
.comment-author .fn{color:#4E2E18;font-weight:700;font-style:normal;}
.comment-metadata{font-size:12px;color:#7A6B54;font-family:'Spline Sans Mono',monospace;}
.comment-metadata a{color:#7A6B54;text-decoration:none;}
.comment-reply-link{
  color:#7A4A28 !important;font-weight:600;font-size:.9rem;text-decoration:none;
}

a {
	text-decoration: none;
}