/* 自動生成（07_実験/corporate-site-renewal/tools/i18n/make_lang_css.py）。手で直さない。
   英語ページだけに効く規則を lang="id" のページにも効かせ、content の英語を訳す。 */
html[lang="id"] .bl_globalHeaderLanguageNaviList_item__en{color:inherit;text-decoration:none;pointer-events:none}
@media screen and (max-width: 752px){html[lang="id"] .bl_globalHeaderLanguageNaviList_item__en{color:#767676}}
html[lang="id"] .bl_globalHeaderLanguageNaviList_item__en::after{bottom:0;opacity:1;pointer-events:none}
html[lang="id"] .bl_globalHeaderLanguageNaviList_item__en{color:#EF9C37}
.bl_globalHeaderNaviSnsLinkButton::before{content:"Unduh Aplikasi"}
@media screen and (max-width: 752px){.bl_globalHeaderNaviSnsLinkButton::before{content:"Unduh Aplikasi"}}
html[lang="id"] :is(h1, h2, h3, .bl_pageTopMainVisualMessage_title){letter-spacing:.04em !important}
html[lang="id"] [data-bind-form-validation-errors] .bl_inquiryForm_item_label::after, html[lang="id"] [data-bind-form-validation-errors] .bl_downloadForm_item_label::after{content:"Centang kotak ini"}
html[lang="id"] [data-bind-form-validation-errors~=email] .bl_inquiryForm_item_label::after, html[lang="id"] [data-bind-form-validation-errors~=email] .bl_downloadForm_item_label::after{content:"Masukkan alamat email yang valid"}
html[lang="id"] [data-bind-form-validation-errors~=require] .bl_inquiryForm_item_label::after, html[lang="id"] [data-bind-form-validation-errors~=require] .bl_downloadForm_item_label::after{content:"Kolom ini wajib diisi"}
html[lang="id"] [data-bind-form-validation-errors~=require][data-bind-form-validation=email] .bl_inquiryForm_item_label::after, html[lang="id"] [data-bind-form-validation-errors~=require][data-bind-form-validation=email] .bl_downloadForm_item_label::after{content:"Masukkan alamat email Anda"}
html[lang="id"] [data-bind-form-validation-errors~=require][data-bind-form-validation=organization] .bl_inquiryForm_item_label::after, html[lang="id"] [data-bind-form-validation-errors~=require][data-bind-form-validation=organization] .bl_downloadForm_item_label::after{content:"Masukkan nama organisasi, lembaga, atau perusahaan Anda"}
html[lang="id"] [data-bind-form-validation-errors~=require][data-bind-form-validation=company] .bl_inquiryForm_item_label::after, html[lang="id"] [data-bind-form-validation-errors~=require][data-bind-form-validation=company] .bl_downloadForm_item_label::after{content:"Masukkan nama organisasi, lembaga, atau perusahaan Anda"}
html[lang="id"] [data-bind-form-validation-errors~=require][data-bind-form-validation=name] .bl_inquiryForm_item_label::after, html[lang="id"] [data-bind-form-validation-errors~=require][data-bind-form-validation=name] .bl_downloadForm_item_label::after{content:"Masukkan nama Anda"}
html[lang="id"] [data-bind-form-validation-errors~=require][data-bind-form-validation=tel] .bl_inquiryForm_item_label::after, html[lang="id"] [data-bind-form-validation-errors~=require][data-bind-form-validation=tel] .bl_downloadForm_item_label::after{content:"Masukkan nomor telepon Anda"}
html[lang="id"] [data-bind-form-validation-errors~=require][data-bind-form-validation=phone] .bl_inquiryForm_item_label::after, html[lang="id"] [data-bind-form-validation-errors~=require][data-bind-form-validation=phone] .bl_downloadForm_item_label::after{content:"Masukkan nomor telepon Anda"}
html[lang="id"] [data-bind-form-validation-errors~=require][data-bind-form-validation=body] .bl_inquiryForm_item_label::after, html[lang="id"] [data-bind-form-validation-errors~=require][data-bind-form-validation=body] .bl_downloadForm_item_label::after{content:"Tuliskan pesan Anda"}
html[lang="id"] [data-bind-form-validation-errors~=require][data-bind-form-validation=overViewList] .bl_inquiryForm_item_label::after, html[lang="id"] [data-bind-form-validation-errors~=require][data-bind-form-validation=overViewList] .bl_downloadForm_item_label::after{content:"Beri tahu kami dari mana Anda mengetahui Pirika"}
html[lang="id"] [data-bind-form-validation-errors~=number][data-bind-form-validation=tel] .bl_inquiryForm_item_label::after, html[lang="id"] [data-bind-form-validation-errors~=number][data-bind-form-validation=tel] .bl_downloadForm_item_label::after{content:"Masukkan nomor telepon yang valid"}
html[lang="id"] [data-bind-form-validation-errors~=number][data-bind-form-validation=phone] .bl_inquiryForm_item_label::after, html[lang="id"] [data-bind-form-validation-errors~=number][data-bind-form-validation=phone] .bl_downloadForm_item_label::after{content:"Masukkan nomor telepon yang valid"}
@media screen and (max-width: 752px){html[lang="id"] .bl_cookiePageTable_body_row_cell:nth-child(1)::before{content:"Nama cookie"}}
@media screen and (max-width: 752px){html[lang="id"] .bl_cookiePageTable_body_row_cell:nth-child(2)::before{content:"Dikirim ke"}}
@media screen and (max-width: 752px){html[lang="id"] .bl_cookiePageTable_body_row_cell:nth-child(3)::before{content:"Informasi yang dikumpulkan"}}
@media screen and (max-width: 752px){html[lang="id"] .bl_cookiePageTable_body_row_cell:nth-child(4)::before{content:"Tujuan"}}
html[lang="id"] .bl_companyPage_companyInformation_overViewListItem_term{width:16rem;flex-shrink:0;padding-right:1.6rem}
@media screen and (max-width: 752px){html[lang="id"] .bl_pirikaStats_num{white-space:normal !important;flex-wrap:wrap;justify-content:center}}
@media screen and (max-width: 752px){html[lang="id"] .bl_pirikaStats_unit{display:block;width:100%;white-space:normal !important;margin-left:0;margin-top:.4rem}}
html[lang="id"] .bl_rcyTech_label{white-space:normal}
@media screen and (min-width: 1151px){html[lang="id"] .bl_rcyTech_row{grid-template-columns:12.5rem minmax(0,1fr) 22rem}}
@media screen and (min-width: 753px) and (max-width: 1150px){html[lang="id"] .bl_rcyTech_row{grid-template-columns:12.5rem minmax(0,1fr)}}
html[lang="id"]{font-family:"Noto Sans JP","Pirika Latin Fallback",sans-serif}
html[lang="id"] .bl_globalHeaderLanguageNaviList_item_en{color:#0c5aaa;background-color:#fff;pointer-events:none}
.bl_globalHeaderNaviSnsLinkButton::before{content:"Unduh Aplikasi";font-size:1.4rem;font-weight:700;white-space:nowrap}
@media screen and (max-width: 752px){.bl_globalHeaderNaviSnsLinkButton::before{font-size:1.6rem;line-height:2.4rem;color:#fff;font-weight:700;content:"Unduh Aplikasi"}}
@media screen and (max-width: 752px){.el_snsPirikaPageDownload_button_text::before{content:"Unduh Aplikasi";font-size:1.6rem;line-height:150%;padding:1.8rem 0}}
@media screen and (max-width: 752px){.el_guidePageDownload_button::before{content:"Unduh Aplikasi";font-size:1.6rem;line-height:150%;padding:1.8rem 0}}

/* インドネシア語だけの手直し（make_lang_css.py が lang-id.css の後ろに足す）。
   2026-11-07 作成。インドネシア語はラテン文字だけ（アクセント記号も無い）なので、スペイン語と同じく書体の追加は要らない。
   言語の名前 "Bahasa Indonesia" は長いので、ヘッダーの言語ボタンと言語メニューを 768〜1440px の試しビルドで確かめた（下の記録）。
   ヘッダー等で文字があふれたら、ここに html[lang="id"] で足す。 */

/* SNSピリカの詳しい使い方の目次（753px 以上。2026-11-06 のフランス語・ポルトガル語と同じ）: 高さ固定・縦に流して3列に折り返す作りで、列の幅は中の一番長い項目で決まる。
   長い訳だと3列目が画面の右へはみ出すので、各ブロックの幅を3列分の1までにし、長い項目はブロックの中で折り返す。
   SNSピリカのページは text-fit.css を読まないので、言語ごとの CSS に入れる */
@media screen and (min-width: 753px){
  html .bl_detailPageSection_tableOfContents__application > .bl_detailPageSection_tableOfContentsBlock{max-width:calc((100% - 4.4rem) / 3)}
}

/* フッターのリンク（2026-11-07）: 共通の CSS は1行に固定（white-space:nowrap）。"Blog Teknologi Pirika (dalam bahasa Jepang)" 等の長い訳が
   768px で右の列から画面の外へ約100px はみ出した（試しビルドで発見）。長い訳のある2列（規約・方針と、ブログ）だけ、列の幅の中で折り返す
   （1列目の "Tentang Kami" 等の短い項目まで折り返すと、狭い列で2行に割れるので対象にしない） */
html[lang="id"] .ly_rootFooter .bl_globalFooterNaviList__noSpBorder .bl_globalFooterNaviList_item,
html[lang="id"] .ly_rootFooter .bl_globalFooterNaviListAndSns .bl_globalFooterNaviList_item{white-space:normal;max-width:100%;line-height:1.4}
/* 同じフッター: 列の間（共通は 8.8rem〜12rem）が広く、1440px でも3列の長い訳が1行に収まらなかった。インドネシア語だけ列の間を画面幅の4%までにする
   （1440px で約58px。これで 1024px 以上は折り返さずに1行で収まる。それより狭い幅は上の規則で列の中で折り返す） */
@media screen and (min-width: 753px){
  html[lang="id"] .ly_globalFooterNavi_inner{column-gap:min(12rem, 4vw)}
}
/* ヘッダーのメニューが 753〜約800px と 900〜約910px で2段になり、ロゴに重なっていた（2026-11-07 画面幅を4pxおきに測って確認）。その幅だけ文字と間隔を少し詰めて1行に収める */
@media screen and (min-width:753px) and (max-width:819px){ html body .bl_globalHeaderNaviList, html body .bl_globalHeaderNaviList > li > a, html body .el_globalHeaderNaviListButton_label, html body .bl_globalHeaderLanguageNaviList, html body .bl_globalHeaderLanguageNaviList_item{font-size:1.3rem} html body .bl_globalHeaderNaviList{column-gap:1.2rem} }
@media screen and (min-width:900px) and (max-width:939px){ html body .bl_globalHeaderNaviList, html body .bl_globalHeaderNaviList > li > a, html body .el_globalHeaderNaviListButton_label, html body .bl_globalHeaderLanguageNaviList, html body .bl_globalHeaderLanguageNaviList_item{font-size:1.4rem} html body .bl_globalHeaderNaviList{column-gap:1.6rem} html body .bl_globalHeaderNaviList > li{flex:0 0 auto} }
@media screen and (min-width:753px) and (max-width:819px){ html[lang][lang] body:not([data-body-sns-pirika]) .bl_langSwitch_icon{position:relative;top:1px} }

/* 2026-11-07 重なりの点検（本番移行/tests/overlap_check.py）
   (a) SNSピリカのヘッダー: 列の幅が固定（7rem 95.3rem 8.9rem）で、言語名 "Bahasa Indonesia"（約147px）が右の列（89px）からはみ出し、
   オレンジの「Unduh Aplikasi」ボタンに重なっていた（768〜1920px。ボタンも押しつぶされて文字が切れていた）。
   右の列を言語名の幅にし、真ん中の列を残りの幅にする。ボタンは押しつぶさず、メニューの間を詰める。1279px 以下は文字も 14px に詰める */
@media screen and (min-width:753px){
  html[lang="id"] body[data-body-sns-pirika] .ly_rootHeader_inner{grid-template-columns:7rem minmax(0,1fr) max-content;column-gap:1.6rem;width:calc(100% - 3.6rem);max-width:120rem}
  html[lang="id"] body[data-body-sns-pirika] .ly_globalHeaderNavi{min-width:0}
  html[lang="id"] body[data-body-sns-pirika] .bl_globalHeaderNaviSnsLink{flex-shrink:0;width:auto;margin-left:1.6rem}
  html[lang="id"] body[data-body-sns-pirika] .bl_globalHeaderNaviSnsLinkButton{padding:0 1.4rem}
  html[lang="id"] body[data-body-sns-pirika] .bl_globalHeaderNaviList{column-gap:0}
  html[lang="id"] body[data-body-sns-pirika] .bl_globalHeaderNaviList>li~li{margin-left:1.8rem}
}
@media screen and (min-width:753px) and (max-width:1279px){
  html[lang="id"] body[data-body-sns-pirika] .bl_globalHeaderNaviList>li~li{margin-left:1rem}
  html[lang="id"] body[data-body-sns-pirika] .bl_globalHeaderNaviList,
  html[lang="id"] body[data-body-sns-pirika] .bl_globalHeaderNaviList>li>a{font-size:1.4rem}
  html[lang="id"] body[data-body-sns-pirika] .bl_globalHeaderNaviSnsLinkButton::before{font-size:1.3rem}
}
/* (b) ピリカのサービスページの図: 「Aplikasi Pirika」は1行固定（nowrap）で左の列（27cqw）より長く、右の「ごみを拾う」の絵（トングを持つ手）に
   重なっていた（全幅）。単語の間で2行に折り返す */
html[lang="id"] .bl_pirikaFlowGraphic_title{white-space:normal}