/* ResepiBunda v5.2.9.8 — targeted public recipe regression recovery.
   Scope: recipe popup branding, Dapur Komunitas, recipe related cards,
   public header icon normalization + ID/EN. Existing PASS areas intentionally untouched. */
:root{--rb5298-maroon:#8a1838;--rb5298-gold:#d9ae58;--rb5298-line:#ead9bf;--rb5298-paper:#fffdf8;--rb5298-ink:#352b2d;--rb5298-muted:#745f61}

/* Header: use the same icon-chip language on all recognized public menu items. */
.site-header nav .rb5298-nav-item{display:inline-flex!important;align-items:center!important;gap:8px!important;white-space:nowrap!important;text-decoration:none}
.site-header nav .rb5298-nav-icon{width:30px;height:30px;flex:0 0 30px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(222,174,67,.56);border-radius:10px;background:linear-gradient(145deg,#fffdf7,#fff3d5);box-shadow:0 5px 14px rgba(101,35,51,.08),inset 0 1px 0 rgba(255,255,255,.92);color:#98173e;transition:.18s ease}
.site-header nav .rb5298-nav-icon svg{width:16px;height:16px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.site-header nav .rb5298-nav-label{font-family:'Poppins','Segoe UI',Arial,sans-serif!important;font-weight:600!important;letter-spacing:0!important}
.site-header nav .rb5298-nav-item:hover .rb5298-nav-icon{transform:translateY(-1px);box-shadow:0 7px 17px rgba(101,35,51,.12),0 0 0 1px rgba(226,189,88,.14)}
/* Existing v5.2.9.7 native calculator dropdown is the canonical dropdown; style it to same icon standard. */
.site-header nav details.ri-calc-global-v5297{flex:0 0 auto!important}
.site-header nav details.ri-calc-global-v5297>summary{font-family:'Poppins','Segoe UI',Arial,sans-serif!important;font-weight:600!important}
.site-header nav .ri-calc-global-icon-v5297{width:30px!important;height:30px!important;flex:0 0 30px!important;border-radius:10px!important;background:linear-gradient(145deg,#fffdf7,#fff3d5)!important;border-color:rgba(222,174,67,.65)!important;box-shadow:0 5px 14px rgba(101,35,51,.08),inset 0 1px 0 rgba(255,255,255,.92)!important}
/* ID | EN: restore the previously PASS pill. */
.site-header nav .ri-lang-switch,.rb5298-lang-switch{display:inline-flex!important;align-items:center!important;gap:2px!important;padding:3px!important;border:1px solid rgba(217,174,88,.55)!important;border-radius:999px!important;background:#fff9ec!important;vertical-align:middle!important;white-space:nowrap!important}
.site-header nav .ri-lang-switch a,.rb5298-lang-switch a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:30px!important;padding:5px 8px!important;border:0!important;border-radius:999px!important;background:transparent!important;color:#7b5c63!important;font-family:'Poppins','Segoe UI',Arial,sans-serif!important;font-size:10px!important;font-weight:900!important;text-decoration:none!important;box-shadow:none!important}
.site-header nav .ri-lang-switch a.active,.rb5298-lang-switch a.active{background:#8a1838!important;color:#fff!important;box-shadow:0 4px 12px rgba(138,24,56,.18)!important}

/* Popup recipe card: use the empty dark media tail for ResepiBunda identity + tagline asset. */
.ri-u-media{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;background:#2f2023!important;overflow:hidden!important}
.ri-u-media>img{flex:0 0 auto!important;width:100%!important;max-width:100%!important}
.rb5298-popup-brand{flex:1 1 auto;min-height:112px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:14px 18px 16px;text-align:center;background:radial-gradient(circle at 50% 0,rgba(168,93,53,.18),transparent 54%),linear-gradient(180deg,#342326,#2f2023);border-top:1px solid rgba(228,187,93,.26)}
.rb5298-popup-brand-main{display:flex;align-items:center;justify-content:center;gap:10px;min-width:0}
.rb5298-popup-brand-main>img{width:48px!important;height:48px!important;flex:0 0 48px!important;object-fit:contain!important;aspect-ratio:1!important;background:transparent!important}
.rb5298-popup-brand-main strong{font:700 24px/1.05 Georgia,'Times New Roman',serif;color:#f1cf79;letter-spacing:.01em;white-space:nowrap}
.rb5298-popup-tagline-image{display:block!important;width:min(260px,82%)!important;height:34px!important;object-fit:contain!important;object-position:center!important;aspect-ratio:auto!important;background:transparent!important}
.rb5298-popup-tagline-fallback{display:block;color:#f4e3bd;font:500 11px/1.4 'Poppins','Segoe UI',Arial,sans-serif;letter-spacing:.05em}
/* Legacy catalog modal receives the same identity without changing its content side. */
.recipe-modal-media.rb5298-brand-host{display:flex!important;flex-direction:column!important;background:#2f2023!important}
.recipe-modal-media.rb5298-brand-host>img{flex:0 0 auto!important}
.recipe-modal-media.rb5298-brand-host>.rb5298-popup-brand{width:100%}

/* Dapur Komunitas: restore the polished PASS visual globally on full recipe pages. */
.recipe-page .ri-engagement,.ri-engagement{margin:4px 0 34px!important;padding:24px!important;border:1px solid var(--line,var(--rb5298-line))!important;border-radius:20px!important;background:linear-gradient(135deg,#fffdf8,#fff6e5)!important;box-shadow:0 9px 28px rgba(60,20,32,.06)!important;color:var(--ink,var(--rb5298-ink))!important}
.ri-engagement-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;margin-bottom:17px!important}
.ri-engagement-head h2{margin:0!important;color:var(--maroon,var(--rb5298-maroon))!important;font:700 25px/1.2 Georgia,'Times New Roman',serif!important}
.ri-engagement-head p{margin:3px 0 0!important;color:var(--muted,var(--rb5298-muted))!important;font:500 12px/1.55 'Poppins','Segoe UI',Arial,sans-serif!important}
.ri-kitchen-badge{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:7px 10px!important;border:1px solid #c9dfcb!important;border-radius:999px!important;background:#edf5ee!important;color:#37633d!important;font:800 10px/1.2 'Poppins','Segoe UI',Arial,sans-serif!important;white-space:nowrap!important}
.ri-engagement-actions{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
.ri-action{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-width:0!important;min-height:44px!important;padding:9px 12px!important;border:1px solid var(--line,var(--rb5298-line))!important;border-radius:12px!important;background:#fff!important;color:var(--maroon,var(--rb5298-maroon))!important;font:800 12px/1.3 'Poppins','Segoe UI',Arial,sans-serif!important;cursor:pointer!important;box-shadow:none!important}
.ri-action:hover{background:#fff8e9!important;border-color:#d7b365!important;transform:translateY(-1px)}
.ri-action span{font-size:16px!important}.ri-action b,.ri-action em{font-style:normal!important;font-weight:800!important}
.ri-comments{margin-top:19px!important;padding-top:18px!important;border-top:1px solid var(--line,var(--rb5298-line))!important}
.ri-comments h3{margin:0 0 13px!important;color:var(--maroon,var(--rb5298-maroon))!important;font:700 20px/1.25 Georgia,'Times New Roman',serif!important}
.ri-comment-list{display:grid!important;gap:9px!important;margin-bottom:13px!important}
.ri-comment{padding:12px 14px!important;border:1px solid var(--line,var(--rb5298-line))!important;border-radius:12px!important;background:#fff!important}
.ri-comment-form{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important}
.ri-comment-form textarea{grid-column:1/-1!important;min-height:86px!important;resize:vertical!important}
.ri-comment-form input,.ri-comment-form textarea{width:100%!important;min-width:0!important;border:1px solid var(--line,var(--rb5298-line))!important;border-radius:10px!important;background:#fff!important;padding:10px 12px!important;color:var(--ink,var(--rb5298-ink))!important;font:500 13px/1.45 'Poppins','Segoe UI',Arial,sans-serif!important;outline:none!important;box-sizing:border-box!important}
.ri-comment-form input:focus,.ri-comment-form textarea:focus{border-color:var(--gold,var(--rb5298-gold))!important;box-shadow:0 0 0 3px rgba(217,174,88,.14)!important}
.ri-comment-form .button{justify-self:start!important;padding:10px 16px!important;border-radius:11px!important}
.ri-form-note{grid-column:1/-1!important;margin:0!important;color:var(--muted,var(--rb5298-muted))!important;font:500 10px/1.5 'Poppins','Segoe UI',Arial,sans-serif!important}

/* Related recipes: exactly three compact cards inside one content area on desktop, never bleeding horizontally. */
.recipe-page .related,.related{width:min(1120px,92vw)!important;max-width:1120px!important;margin-left:auto!important;margin-right:auto!important;padding-top:54px!important;padding-bottom:66px!important;overflow:hidden!important;box-sizing:border-box!important}
.related .section-head{margin-bottom:20px!important}
.related .recipe-grid,.related .recipe-grid.three{width:100%!important;max-width:100%!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;overflow:visible!important;box-sizing:border-box!important}
.related .recipe-card{min-width:0!important;max-width:100%!important;width:100%!important;overflow:hidden!important;box-sizing:border-box!important}
.related .recipe-card .card-image{display:block!important;width:100%!important;aspect-ratio:4/3!important;overflow:hidden!important}
.related .recipe-card .card-image img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
.related .recipe-card .card-body{padding:14px!important;min-width:0!important}
.related .recipe-card h3{font-size:18px!important;line-height:1.25!important;margin:4px 0 7px!important}
.related .recipe-card p{font-size:11px!important;line-height:1.5!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;margin-bottom:8px!important}
.related .recipe-card .meta{gap:9px!important;padding-top:9px!important;font-size:9px!important;flex-wrap:wrap!important}
.related .recipe-card .eyebrow{font-size:9px!important}

/* HPP: only supply fallback styling if its own native calculator dropdown is missing and v5298 creates one. */
.rbhpp-sitebar .rb5298-hpp-calc{position:relative;display:inline-flex;align-items:center}
.rbhpp-sitebar .rb5298-hpp-calc>summary{list-style:none;display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:8px 13px;border:1px solid #e4b96b;border-radius:999px;background:#fffaf1;color:#8a1838;font:700 12px/1.2 'Poppins','Segoe UI',Arial,sans-serif;cursor:pointer;white-space:nowrap}
.rbhpp-sitebar .rb5298-hpp-calc>summary::-webkit-details-marker{display:none}
.rbhpp-sitebar .rb5298-hpp-panel{position:absolute;left:0;top:calc(100% + 8px);z-index:9999;width:280px;padding:8px;border:1px solid #ead2ad;border-radius:15px;background:#fffdf9;box-shadow:0 18px 50px rgba(71,25,39,.18)}
.rbhpp-sitebar .rb5298-hpp-panel a{display:block!important;padding:10px 12px!important;border-radius:10px!important;color:#8a1838!important;text-decoration:none!important;font-weight:700!important}.rbhpp-sitebar .rb5298-hpp-panel a:hover{background:#fff4dc!important}

@media(max-width:900px){
  .related .recipe-grid,.related .recipe-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .site-header nav .rb5298-nav-item{gap:6px!important}.site-header nav .rb5298-nav-icon{width:27px;height:27px;flex-basis:27px}
}
@media(max-width:760px){
  .ri-engagement{padding:18px!important}.ri-engagement-head{display:block!important}.ri-kitchen-badge{margin-top:10px!important}.ri-engagement-actions{grid-template-columns:1fr 1fr!important}.ri-comment-form{grid-template-columns:1fr!important}.ri-comment-form textarea,.ri-form-note{grid-column:1!important}
  .rb5298-popup-brand{min-height:94px;padding:12px}.rb5298-popup-brand-main>img{width:42px!important;height:42px!important;flex-basis:42px!important}.rb5298-popup-brand-main strong{font-size:21px}.rb5298-popup-tagline-image{height:30px!important}
}
@media(max-width:640px){
  .related{width:min(94vw,560px)!important;padding-top:42px!important}.related .recipe-grid,.related .recipe-grid.three{grid-template-columns:1fr!important}.related .recipe-card h3{font-size:19px!important}
  .site-header nav .ri-lang-switch,.rb5298-lang-switch{width:max-content!important}
}