/* style.css - tambahan ArtFCity (teks logo, sticky, kartu, artikel). Tidak menimpa layout mirror, hanya melengkapi. */
:root{--afc-ink:#121212;--afc-mut:#606060;--afc-acc:#ed7e96;}

/* ---- teks logo (menggantikan logo SVG asing) ---- */
.brandLogo{display:inline-block;font-weight:800;font-size:2rem;line-height:1;letter-spacing:.5px;color:#121212;text-decoration:none;white-space:nowrap;}
.brandFoot{display:inline-block;font-weight:800;font-size:2.4rem;line-height:1;color:#121212;text-decoration:none;}

/* ---- header sticky mirror: muncul saat scroll-UP ---- */
header.fl-builder-content[data-sticky]{transition:transform .28s ease,box-shadow .28s ease;will-change:transform;}
header.fl-builder-content.is-sticky{position:fixed;top:0;left:0;right:0;z-index:99999;box-shadow:0 8px 22px rgba(18,18,18,.10);}
header.fl-builder-content.is-sticky:not(.is-up){transform:translateY(-105%);}
header.fl-builder-content.is-sticky.is-up{transform:translateY(0);}
body{padding-top:0;}

/* ---- kartu (pola mirror .pp-content-post) ---- */
.pp-content-post{background:#fff;text-align:left;}
.pp-content-post .pp-post-image{overflow:hidden;margin-bottom:14px;}
.pp-content-post .pp-post-image img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;}
.pp-content-grid-post-text{padding:0 2px;}
.date-duration{font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--afc-mut);margin-bottom:8px;}
.date-duration .duration{margin-left:.35em;}
.pp-content-grid-post-title{font-size:1.06rem;line-height:1.32;margin:.2em 0 .5em;}
.pp-content-grid-post-title a{color:var(--afc-ink);text-decoration:none;}
.pp-content-grid-post-title a:hover{color:var(--afc-acc);}
.pp-content-grid-post-more-link a{display:inline-block;color:var(--afc-acc);font-weight:700;text-decoration:none;font-size:.9rem;}
.pp-content-grid-post-more-link a:hover{text-decoration:underline;}
.pp-content-grid-load-more{text-align:left;margin-top:18px;}

/* ---- pencarian overlay (dalam menu full-screen mirror) ---- */
.bwp-menu-search{display:flex;flex-wrap:wrap;align-items:center;gap:8px;max-width:520px;margin:0 auto 22px;position:relative;}
.bwp-menu-search-input{flex:1 1 240px;padding:10px 12px;border:1px solid #ddd;border-radius:8px;font-size:1rem;}
.bwp-menu-search-btn{padding:10px 14px;border:0;border-radius:8px;background:var(--afc-acc);color:#fff;cursor:pointer;font-size:1rem;}
.bwp-menu-search-results{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #eee;border-radius:0 0 8px 8px;box-shadow:0 12px 26px rgba(0,0,0,.12);max-height:280px;overflow:auto;z-index:50;}
.bwp-menu-search-results ul{list-style:none;margin:0;padding:6px;}
.bwp-menu-search-results li{margin:2px 0;}
.bwp-menu-search-results a{display:block;padding:8px 10px;color:var(--afc-ink);text-decoration:none;font-size:.95rem;}
.bwp-menu-search-results a:hover{background:#f6f6f6;color:var(--afc-acc);}

/* ---- accordion ikon (tanpa FontAwesome) ---- */
.pp-accordion-button-icon.pp-accordion-open:before{content:"+";font-size:1.3rem;line-height:1;color:var(--afc-ink);}
.pp-accordion-button-icon.pp-accordion-close:before{content:"\2212";font-size:1.3rem;line-height:1;}
.pp-accordion-button-icon.pp-accordion-close{padding-left:30px;}

/* ---- isi halaman utama (artikel/kategori/legal) ---- */
#fl-main-content{display:block;}
.bwp-crumb{font-size:.85rem;color:var(--afc-mut);margin:6px 0 16px;letter-spacing:.01em;}
.bwp-crumb a{color:var(--afc-mut);text-decoration:underline;}
.bwp-crumb a:hover{color:var(--afc-acc);}
.bwp-articlewrap,.bwp-catwrap,.bwp-legalwrap{padding:24px 16px 8px;}
.bwp-article,.bwp-cat,.bwp-legal{max-width:860px;margin:0 auto;}
.bwp-article-title{font-size:2.05rem;line-height:1.2;margin:.2em 0 .3em;color:var(--afc-ink);}
.bwp-byline{color:var(--afc-mut);font-size:.9rem;margin-bottom:16px;}
.bwp-hero,.bwp-article img,.bwp-cat img,.bwp-legal img{max-width:100%;height:auto;display:block;border-radius:10px;margin:16px 0;}
.bwp-lede{font-size:1.15rem;line-height:1.6;color:#222;}
.bwp-h2{font-size:1.42rem;margin:1.5em 0 .5em;color:var(--afc-ink);}
.bwp-article p,.bwp-cat p,.bwp-legal p,.bwp-legal li{line-height:1.72;margin:.72em 0;color:#1f1f1f;}
.bwp-quote{border-left:4px solid var(--afc-acc);padding:.7em 1.1em;font-style:italic;font-size:1.2rem;margin:1.3em 0;background:#faf7f8;}
.bwp-keyfacts{border:2px solid var(--afc-ink);border-radius:12px;padding:14px 20px;margin:1.5em 0;background:#fbfbfb;}
.bwp-keyfacts-title{font-weight:800;margin-bottom:.4em;}
.bwp-keyfacts li{margin:.35em 0;line-height:1.6;}
.bwp-related{margin:34px auto 0;max-width:1180px;}
.bwp-related-title{font-weight:800;font-size:1.3rem;margin:0 0 14px;}
.bwp-tagline{margin-top:2em;font-weight:700;}
.bwp-form label{display:block;margin:.9em 0;font-weight:600;}
.bwp-form input,.bwp-form textarea{width:100%;max-width:560px;display:block;padding:10px 12px;border:1px solid #bbb;border-radius:8px;margin-top:4px;font-size:1rem;}
.bwp-form button{margin-top:14px;padding:11px 20px;border:0;border-radius:8px;background:var(--afc-acc);color:#fff;font-weight:700;cursor:pointer;font-size:1rem;}
.bwp-ok{margin-top:12px;font-weight:700;color:#1f8a4c;}
.gform_wrapper .gfield_label{display:block;margin-bottom:6px;font-weight:600;}
.gform_wrapper .ginput_container_email input{padding:10px 12px;border:1px solid #bbb;border-radius:8px;width:100%;max-width:420px;}
.gform_wrapper .gform_footer{margin-top:12px;}
.gform_wrapper .gform_button{padding:11px 22px;border:0;border-radius:8px;background:var(--afc-acc);color:#fff;font-weight:700;cursor:pointer;}

/* ---- footer teks terang (mirror) tetap aman ---- */
.fl-theme-builder-footer .brandFoot{color:#121212;}

@media (max-width:900px){
  .brandLogo{font-size:1.5rem;}
  .bwp-article-title{font-size:1.6rem;}
  .bwp-articlewrap,.bwp-catwrap,.bwp-legalwrap{padding:16px 12px 4px;}
}
@media (max-width:600px){
  .brandLogo{font-size:1.3rem;}
  .bwp-article-title{font-size:1.4rem;}
}

/* ---- Floating WhatsApp popup ---- */
.wa-float{position:fixed;right:20px;bottom:20px;z-index:99999;display:flex;align-items:center;gap:10px;text-decoration:none;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;line-height:1.35;outline:none;}
.wa-float-btn{display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:50%;background:#25d366;color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.24);transition:transform .2s ease,box-shadow .2s ease;flex:0 0 auto;}
.wa-float-btn svg{width:32px;height:32px;display:block;}
.wa-float:hover .wa-float-btn,.wa-float:focus .wa-float-btn{transform:scale(1.07);box-shadow:0 10px 28px rgba(0,0,0,.3);}
.wa-float-pop{display:block;max-width:235px;background:#fff;color:#141414;border-radius:12px;padding:12px 14px;box-shadow:0 10px 30px rgba(0,0,0,.18);font-size:13px;opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity .2s ease,transform .2s ease;}
.wa-float-pop strong{display:block;font-size:14px;margin-bottom:2px;}
.wa-float-pop span{display:block;color:#444;}
.wa-float-pop .wa-float-num{color:#128c7e;font-weight:700;margin-top:4px;}
.wa-float:hover .wa-float-pop,.wa-float:focus .wa-float-pop{opacity:1;transform:translateY(0);}
@media (max-width:600px){.wa-float{right:14px;bottom:14px;}.wa-float-btn{width:54px;height:54px;}.wa-float-pop{display:none;}}

/* ---- header search (ikon saja) ---- */
.bwp-head-search-wrap{display:flex;justify-content:flex-end;}
.bwp-head-search{position:relative;display:inline-flex;align-items:center;justify-content:flex-end;}
.bwp-search-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:#121212;cursor:pointer;transition:background .2s ease,color .2s ease;}
.bwp-search-toggle:hover,.bwp-search-toggle:focus-visible{background:#f7edf0;color:var(--afc-acc);outline:none;}
.bwp-search-icon{width:22px;height:22px;display:block;}
.bwp-search-pop{position:absolute;top:calc(100% + 10px);right:0;width:340px;max-width:calc(100vw - 32px);background:#fff;border:1px solid #ececec;border-radius:12px;box-shadow:0 16px 40px rgba(18,18,18,.16);padding:10px;z-index:100000;}
.bwp-search-pop[hidden],.bwp-search-results[hidden]{display:none;}
.bwp-search-row{display:flex;align-items:center;gap:6px;}
.bwp-search-input{flex:1 1 auto;min-width:0;padding:10px 12px;border:1px solid #ddd;border-radius:8px;font-size:.95rem;color:var(--afc-ink);background:#fff;}
.bwp-search-input:focus{outline:2px solid rgba(237,126,150,.35);border-color:var(--afc-acc);}
.bwp-search-submit{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:40px;height:40px;border:0;border-radius:8px;background:var(--afc-acc);color:#fff;cursor:pointer;}
.bwp-search-results{margin-top:8px;border-top:1px solid #f0f0f0;padding-top:6px;max-height:280px;overflow:auto;}
.bwp-search-results ul{list-style:none;margin:0;padding:0;}
.bwp-search-results li{margin:2px 0;}
.bwp-search-results a{display:block;padding:8px 10px;border-radius:6px;color:var(--afc-ink);text-decoration:none;font-size:.92rem;line-height:1.35;}
.bwp-search-results a:hover{background:#f7f7f7;color:var(--afc-acc);}

/* ---- footer baru (rapi 4 kolom) ---- */
.fl-builder-content.bwp-footer{background:#121212;color:#cfcfcf;margin-top:56px;padding:0;}
.bwp-footer a{transition:color .2s ease;}
.bwp-footer-main{max-width:1180px;margin:0 auto;padding:54px 24px 38px;display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:36px;text-align:left;}
.bwp-footer .brandFoot{display:inline-block;color:#fff;font-size:1.9rem;font-weight:800;line-height:1;text-decoration:none;margin-bottom:14px;}
.bwp-footer-brand p{color:#b9b9b9;font-size:.95rem;line-height:1.65;margin:0 0 16px;max-width:330px;}
.bwp-footer-mail{display:inline-block;color:var(--afc-acc);font-size:.92rem;font-weight:600;text-decoration:none;word-break:break-word;}
.bwp-footer-mail:hover{color:#fff;text-decoration:underline;}
.bwp-footer-h{font-size:.78rem;line-height:1.2;letter-spacing:.12em;text-transform:uppercase;color:#fff;font-weight:700;margin:6px 0 16px;}
.bwp-footer-col ul{list-style:none;margin:0;padding:0;}
.bwp-footer-col li{margin:0 0 10px;}
.bwp-footer-col a{color:#c4c4c4;font-size:.94rem;line-height:1.45;text-decoration:none;}
.bwp-footer-col a:hover{color:var(--afc-acc);}
.bwp-footer-bottom{max-width:1180px;margin:0 auto;padding:18px 24px 22px;border-top:1px solid #2b2b2b;display:flex;align-items:center;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;}
.bwp-footer-bottom p{margin:0;color:#9d9d9d;font-size:.86rem;line-height:1.5;}
.bwp-footer-bottom ul{display:flex;flex-wrap:wrap;gap:18px;list-style:none;margin:0;padding:0;}
.bwp-footer-bottom a{color:#9d9d9d;font-size:.86rem;text-decoration:none;}
.bwp-footer-bottom a:hover{color:#fff;}
@media (max-width:900px){
  .bwp-footer-main{grid-template-columns:1.4fr 1fr 1fr;gap:28px;padding:44px 20px 30px;}
  .bwp-footer-brand{grid-column:1 / -1;}
  .bwp-footer-brand p{max-width:520px;}
  .bwp-search-pop{width:300px;}
}
@media (max-width:600px){
  .bwp-footer-main{grid-template-columns:1fr 1fr;gap:24px 20px;padding:38px 16px 26px;}
  .bwp-footer-brand{grid-column:1 / -1;}
  .bwp-footer-bottom{padding:16px;justify-content:flex-start;}
  .bwp-search-pop{position:fixed;top:72px;left:12px;right:12px;width:auto;max-width:none;}
}