/* Struktur & penerapan warna; tidak berisi kode warna langsung. */
body,.page-wrapper{background:var(--fb-bg)!important;color:var(--fb-text)}
h1,h2,h3,h4,h5,.sec-title h2,.sec-title .title{color:var(--fb-text)!important}
.main-header .header-upper,.main-header .sticky-header,.main-header{background:var(--fb-surface)!important}
.main-menu .navigation>li>a{color:var(--fb-text)!important}
.main-menu .navigation>li:hover>a,.main-menu .navigation>li.current>a{color:var(--fb-primary)!important}
.main-menu .navigation>li>ul{border-top:3px solid var(--fb-primary)!important;background:var(--fb-surface)!important;min-width:240px}
.main-menu .navigation>li>ul>li>a{color:var(--fb-text)!important;font-weight:600}
.main-menu .navigation>li>ul>li:hover>a{background:var(--fb-soft)!important;color:var(--fb-primary)!important}
.main-menu .navigation>li>ul>li>ul{background:var(--fb-surface)!important;border-left:3px solid var(--fb-accent)!important}
.main-menu .navigation>li>ul>li>ul>li>a{color:var(--fb-text)!important}
.main-menu .navigation>li>ul>li>ul>li>a:hover{color:var(--fb-primary)!important}
.fb-all>a{color:var(--fb-primary)!important}
.btn-forbee,.theme-btn,.btn-style-one{background:var(--fb-primary)!important;border-color:var(--fb-primary)!important;color:var(--fb-on-primary)!important;font-weight:700}
.btn-forbee:hover,.theme-btn:hover{background:var(--fb-primary-dark)!important}
.total-cart{background:var(--fb-accent)!important;color:var(--fb-text)!important}
a{color:var(--fb-primary)}
.main-footer{background:var(--fb-primary-dark)!important}
.mobile-menu .menu-box{background:var(--fb-surface)!important}
.mobile-menu .navigation li>a{color:var(--fb-text)!important;border-color:var(--fb-border)!important}
.mobile-menu .navigation li ul li ul li>a{padding-left:40px!important;font-weight:400}
.mobile-menu .navigation li.dropdown .dropdown-btn{color:var(--fb-primary)!important}
.mobile-menu .close-btn{color:var(--fb-text)!important}
.fb-cats{padding:40px 0;background:var(--fb-bg)}
.fb-cats h2{text-align:center;margin-bottom:24px;font-size:28px}
.fb-cat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.fb-cat{background:var(--fb-surface);border:1px solid var(--fb-border);border-radius:12px;overflow:hidden;text-align:center;text-decoration:none}
.fb-cat img{width:100%;aspect-ratio:1;object-fit:cover}
.fb-cat span{display:block;padding:12px;font-weight:700;color:var(--fb-text)}
.fb-cat small{display:block;padding:0 12px 12px;color:var(--fb-primary)}
@media(max-width:767px){.fb-cat-grid{grid-template-columns:repeat(2,1fr)}}
.main-header .header-top{background:var(--fb-primary)!important;color:var(--fb-on-primary)!important}
.main-header .header-top *{color:var(--fb-on-primary)!important}
/* Tipografi & seksi edukasi (variabel opsional per tema) */
body,p,.text,.main-menu .navigation li a,.price,.mobile-menu .navigation li a{font-family:var(--fb-font-body,inherit)!important}
body,p,.text{font-size:16px;line-height:1.7}
h1,h2,h3,h4,h5,.sec-title h2,.sec-title .title,.fb-cat span,.product-info h2,.product-title{font-family:var(--fb-font-head,inherit)!important;font-weight:700!important}
.main-menu .navigation>li>a{font-weight:500!important}
.about-section,.certificate-section,.news-section,.yourneeds-section{background:var(--fb-sage,var(--fb-bg))!important}
.main-footer,.main-footer *{background-color:transparent}
.main-footer{background:var(--fb-primary)!important}
/* Sisa warna lama -> tema */
.prod-price{color:var(--fb-text)!important;border-color:var(--fb-border)!important}
.prod-price .nodisc,.prod-price s,.price,.price .currency,.more-product .price,.producthome-item .title-holder .price{color:var(--fb-text)!important}
.prod-info th,.prod-info td,.table th{color:var(--fb-text)!important}
.prod-info th{font-weight:700}
.prod-varian-text{color:var(--fb-text)!important;border-color:var(--fb-border)!important;background:var(--fb-surface)!important}
.prod-varian-radio:checked+.prod-varian-text,.prod-varian-radio:checked~.prod-varian-text,.prod-varian-text.active{background:var(--fb-primary)!important;border-color:var(--fb-primary)!important;color:var(--fb-on-primary)!important}
.btn-forbee-cart{border-color:var(--fb-primary)!important;color:var(--fb-primary)!important}
.sec-title h2,.fb-cats h2,.sec-title .title{font-family:var(--fb-font-head,inherit)!important;font-weight:700!important}
.logo img,.nav-logo img{max-height:44px;width:auto}
.main-footer .pattern-layer-five{display:none!important}
.fb-footer-logo{height:28px;width:auto}
.logo img,.nav-logo img{max-height:40px!important;width:auto}
.main-footer .copyright img.fb-footer-logo{height:28px!important;width:auto!important;max-width:none!important;display:block;margin-bottom:8px}
.main-footer h2,.main-footer h3,.main-footer h4,.main-footer .widget-title{font-family:var(--fb-font-head,inherit)!important}
.main-menu .navigation>li.current>a:after{background:var(--fb-accent)!important}
#faq a,#faq .acc-btn,#faq .accordion a,#faq .fa{color:var(--fb-primary)!important}
.main-footer h1,.main-footer h2,.main-footer h3,.main-footer h4,.main-footer h5,.main-footer h6{font-family:var(--fb-font-head,inherit)!important;font-weight:700!important}
/* Final D2 fixes */
.section-faq-item-q{color:var(--fb-primary)!important;font-family:var(--fb-font-body,inherit)!important;font-weight:500}
.section-faq-item-q .fa{color:var(--fb-primary)!important}
.main-footer .footer-title .title,.main-footer .title{font-family:var(--fb-font-head,inherit)!important;font-weight:700!important}
.main-footer a,.main-footer a:hover{color:var(--fb-on-primary)!important}
.main-footer .copyright{color:var(--fb-accent)!important}
.cart-box-btn,.cart-box-btn span,.mobile-nav-toggler,.mobile-nav-toggler span{color:var(--fb-primary)!important}
.fa{font-family:FontAwesome!important}
/* Hero */
.fb-hero{position:relative;background:#F3EBDD;overflow:hidden}
.fb-hero-img{display:block;width:100%;height:auto}
.fb-hero-text{position:absolute;left:max(24px,calc((100vw - 1200px)/2),3vw);top:50%;transform:translateY(-50%);width:24vw;max-width:350px}
.fb-hero-text h1{font-family:var(--fb-font-head,inherit)!important;font-weight:700!important;color:var(--fb-text)!important;font-size:clamp(24px,2.7vw,42px);line-height:1.15;margin:0 0 14px}
.fb-hero-text p{font-size:clamp(14px,1.15vw,18px);line-height:1.55;color:var(--fb-text);margin:0 0 22px}
.fb-hero-btn{display:inline-block;background:var(--fb-primary);color:var(--fb-on-primary)!important;font-weight:700;padding:14px 28px;border-radius:8px;text-decoration:none;font-size:16px}
.fb-hero-btn:hover{background:var(--fb-primary-dark)}
@media(max-width:767px){
 .fb-hero-text{position:static;transform:none;width:auto;max-width:none;padding:20px 20px 28px;background:var(--fb-bg)}
 .fb-hero-text h1{font-size:28px}
 .fb-hero-btn{display:block;text-align:center}
}
/* Halaman produk: blok label rapi */
.prod-info .table th{width:110px;vertical-align:top;font-weight:700}
.fb-cert-line{display:block}
.fb-warranty{margin:0;padding-left:1.1em;list-style:disc}
.fb-warranty li{list-style:disc;margin:0 0 .25em;line-height:1.5}

/* Produk: teks deskripsi & aksordion ikut D2 */
.sec-content,.prod-detail .sec-content,.prod-nutrisi-content,.prod-nutrisi-content p{color:var(--fb-text)!important}
.prod-nutrisi-header{border-bottom-color:var(--fb-primary)!important}
.prod-nutrisi-header h4{color:var(--fb-text)!important}
.prod-nutrisi-header .prod-icon,.prod-nutrisi-header .prod-icon i{color:var(--fb-primary)!important}

/* Tombol "Beli Sekarang" di kartu produk: gaya D2 */
a.lnk,.recommended-block a.lnk,.allproduct-section a.lnk,.product-block a.lnk{background:var(--fb-primary)!important;background-color:var(--fb-primary)!important;color:var(--fb-on-primary)!important;border-color:var(--fb-primary)!important;font-family:var(--fb-font-body,inherit)!important;font-weight:500;border-radius:8px}
a.lnk:hover,a.lnk:focus{background:var(--fb-primary-dark)!important;background-color:var(--fb-primary-dark)!important;color:var(--fb-on-primary)!important}

/* 2026-11-09d: garis aksen hijau satu tingkat lebih terang (#2E8B74) — permintaan Mikhael */
.main-menu .navigation>li:before{background-color:#2E8B74!important}
.main-menu .navigation>li>ul{border-top-color:#2E8B74!important}
.main-menu .navigation>li>ul>li>ul{border-left-color:#2E8B74!important}
.main-menu .navigation>li.current>a:after{background:#2E8B74!important}
.sec-title .title,.footer-title .title{border-bottom-color:#2E8B74!important}
.story-section .sec-title h2,.testimonial-section .sec-title h2{border-bottom-color:#2E8B74!important}

/* 2026-11-09e: outline chip varian hijau #2E8B74 — permintaan Mikhael */
.prod-varian-radio .prod-varian-text{
  border-color:#2E8B74!important;
  color:#026855!important;
}
.prod-varian-radio:hover .prod-varian-text{
  border-color:#2E8B74!important;
}
.prod-varian-radio input:checked + .prod-varian-text{
  border-color:#2E8B74!important;
  background:#2E8B74!important;
  color:#fff!important;
  outline:2px solid #2E8B74!important;
  outline-offset:2px;
}
.prod-varian-radio input:focus + .prod-varian-text{
  outline:2px solid #2E8B74!important;
  outline-offset:2px;
}

/* 2026-11-09g: jangan loncat bold saat hover/klik/focus pada teks produk (permintaan Mikhael) */
/* Kunci weight menu (top + submenu + nested) sama dengan state normal top-nav: 500 */
.main-menu .navigation > li > a,
.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a,
.main-menu .navigation > li > a:hover,
.main-menu .navigation > li > a:active,
.main-menu .navigation > li > a:focus,
.sticky-header .main-menu .navigation > li > a,
.sticky-header .main-menu .navigation > li:hover > a,
.sticky-header .main-menu .navigation > li.current > a{
  font-weight:500!important;
}
.main-menu .navigation > li > ul > li > a,
.main-menu .navigation > li > ul > li:hover > a,
.main-menu .navigation > li > ul > li > a:hover,
.main-menu .navigation > li > ul > li > a:active,
.main-menu .navigation > li > ul > li > a:focus,
.main-menu .navigation > li > ul > li > ul > li > a,
.main-menu .navigation > li > ul > li > ul > li:hover > a,
.main-menu .navigation > li > ul > li > ul > li > a:hover,
.main-menu .navigation > li > ul > li > ul > li > a:active,
.main-menu .navigation > li > ul > li > ul > li > a:focus,
.main-menu .navigation > li > ul > li.fb-all > a,
.main-menu .navigation > li > ul > li.fb-all > a:hover{
  font-weight:500!important;
}
.mobile-menu .navigation li > a,
.mobile-menu .navigation li:hover > a,
.mobile-menu .navigation li.current > a,
.mobile-menu .navigation li > a:hover,
.mobile-menu .navigation li > a:active,
.mobile-menu .navigation li > a:focus,
.mobile-menu .navigation li ul li > a,
.mobile-menu .navigation li ul li ul li > a{
  font-weight:500!important;
}
/* Kartu produk & judul kategori di beranda: samakan weight hover/klik dengan normal */
.producthome-item .title-holder h3.title,
.producthome-item .title-holder .title a,
.producthome-item .title-holder .title a:hover,
.producthome-item .title-holder .title a:active,
.producthome-item .title-holder .title a:focus,
.yourneeds-item .title-holder h3.title,
.yourneeds-item .title-holder .title a,
.yourneeds-item .title-holder .title a:hover,
.yourneeds-item .title-holder .title a:active,
.yourneeds-item .title-holder .title a:focus,
.fb-cat span,
.fb-cat:hover span,
.fb-cat:focus span,
.fb-cat:active span{
  font-weight:500!important;
  text-shadow:none!important;
  letter-spacing:normal!important;
}

/* 2026-11-12 member header link */
.fb-acc-header-link{
  display:inline-block; margin-right:12px; padding:8px 14px;
  border:1px solid #2E8B74; border-radius:999px;
  color:#026855 !important; font-size:13px; font-weight:700;
  text-decoration:none; line-height:1; vertical-align:middle;
}
.fb-acc-header-link:hover{ background:#2E8B74; color:#fff !important; }

/* 2026-11-12 logo-scroll: sticky logo stays proportional like the top header;
   cart icon sits to the left of Masuk/Akun, vertically aligned, all header states. */

/* Same current logo file, same proportions as the top header (max-height 40px). */
.header-upper .logo img,
.sticky-header .logo img,
.nav-logo img{
  height:auto !important;
  width:auto !important;
  max-height:40px !important;
  max-width:100%;
  object-fit:contain !important;
}

/* Kill the 479px theme rule that forced the sticky logo to 50% width
   and width:100%, which squashed FORBEE.id to 180x40. */
.sticky-header .logo,
.sticky-header .logo.pull-left{
  width:auto !important;
  max-width:calc(100% - 140px);
  float:none;
  padding:6px 0;
  flex:0 1 auto;
  min-width:0;
}
.sticky-header .auto-container{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
.sticky-header .pull-right{
  float:none;
  width:auto !important;
  flex:1 1 auto;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  min-width:0;
}

/* Cart then Masuk/Akun, one row, vertically centered. */
.main-header .header-upper .outer-box,
.main-header .sticky-header .outer-box{
  display:flex !important;
  flex-direction:row;
  align-items:center;
  gap:10px;
}
.main-header .outer-box .cart-box,
.main-header .sticky-header .outer-box .cart-box,
.main-header .sticky-header .outer-box .cart-box.cart-box{
  float:none !important;
  margin:0 !important;
  margin-top:0 !important;
  margin-left:0 !important;
  display:flex;
  align-items:center;
}
.main-header .fb-acc-header-slot{
  display:flex !important;
  align-items:center;
  margin:0 !important;
  margin-right:0 !important;
}

@media only screen and (max-width: 479px){
  .sticky-header .logo,
  .sticky-header .logo.pull-left{
    width:auto !important;
    text-align:left;
  }
  .sticky-header .logo img{
    width:auto !important;
    height:auto !important;
    max-height:40px !important;
    max-width:100%;
  }
}