/*
Theme Name: Bira Boat Builder
Theme URI: https://biraboatbuilder.com/
Description: Bespoke Astra child theme for Bira Boat Builder - "Kapur & Garis Tukang" (Limestone & Boatwright's Chalk-Line). Light-dominant limestone paper, hairline slate-azure chalk-line rules, teak-caramel numerals, Alegreya + Readex Pro self-hosted. Net-new to the fleet.
Author: Bira Boat Builder Desk
Template: astra
Version: 1.0.0
*/

/* fonts are imported via functions.php enqueue (bbb-fonts.css) */
:root{
  --paper:#F7F2E8; --card:#FCF9F2; --ink:#231C15; --body:#3B3128;
  --slate:#2F6C8F; --slate-deep:#234F68; --chalk:#9CC3D6; --teak:#8A5A2B;
  --rule:#E4DBCB; --ink-band:#1B2A34; --wa:#1F7A54;
}
body{background:var(--paper);color:var(--body);
  font-family:'Readex Pro',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  font-size:17px;line-height:1.7;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,.entry-title,.ast-single-post .entry-title,.page-title{
  font-family:'Alegreya',Georgia,serif !important;color:var(--ink);line-height:1.12;font-weight:800}
.entry-content h2{font-size:clamp(1.45rem,3.2vw,2.05rem);font-weight:700;margin:2.2rem 0 .7rem;
  padding-top:1.1rem;border-top:1px solid var(--rule)}
.entry-content h3{font-size:1.16rem;font-weight:700;margin:1.5rem 0 .5rem;color:var(--ink)}
.entry-content p,.entry-content li{color:var(--body)}
.entry-content a{color:var(--slate-deep);text-decoration:underline;text-decoration-color:var(--chalk);
  text-decoration-thickness:2px;text-underline-offset:3px}
.entry-content a:hover{color:var(--slate);text-decoration-color:var(--slate)}
.entry-content{font-size:17px;line-height:1.75}
.entry-content ul{padding-left:1.2rem}
.entry-content li{margin:.4rem 0}

/* answer-first lead */
.bbb-lead{font-size:1.16rem;line-height:1.6;color:var(--ink);font-weight:500;
  border-left:4px solid var(--chalk);padding:.2rem 0 .2rem 1rem;margin:0 0 1.6rem}
/* CTA */
.bbb-cta{background:var(--card);border:1px solid var(--rule);border-radius:12px;padding:1.1rem 1.2rem;
  margin:1.8rem 0;display:flex;align-items:center;gap:.9rem;flex-wrap:wrap}
.bbb-btn{display:inline-block;background:var(--wa);color:#fff !important;font-weight:600;
  padding:.75rem 1.3rem;border-radius:9px;text-decoration:none !important;line-height:1}
.bbb-btn:hover{background:#186445}
.bbb-cta-note{font-size:.9rem;color:var(--body)}
.bbb-cta-note a{color:var(--slate-deep)}
/* FAQ */
.bbb-faq{margin:2.4rem 0 0;border-top:3px solid var(--chalk);padding-top:1.2rem}
.bbb-faq>h2{border:0;padding:0}
.bbb-qa{border-bottom:1px solid var(--rule);padding:.9rem 0}
.bbb-qa h3{margin:0 0 .3rem;font-size:1.06rem;color:var(--ink)}
.bbb-qa p{margin:0;color:var(--body)}
/* related */
.bbb-related{background:var(--card);border:1px solid var(--rule);border-radius:12px;padding:1.2rem 1.4rem;margin:2rem 0 0}
.bbb-related h2{border:0;padding:0;margin:0 0 .6rem;font-size:1.2rem}
.bbb-related ul{list-style:none;padding:0;margin:0}
.bbb-related li{border-top:1px solid var(--rule);padding:.55rem 0}
.bbb-related li:first-child{border-top:0}
.bbb-related a{font-weight:500}

/* links (Astra) tint */
a{color:var(--slate-deep)}
.ast-button,.button,button,input[type=submit]{background:var(--wa);border-color:var(--wa)}