/* tender-tabs.css — fixed tender-page tab template (ja-pages-spec §26).
   Shared across languages; loaded via <link href="/common/tender-tabs.css">.
   JS lives in /common/tender-tabs.js. !important + .tender-tabs scoping so the
   theme's section rules can't override the panel hide/show. */
.tender-tabs { margin-top: 1.5rem; }
.tender-tabs .tender-tab-buttons { display: flex; flex-wrap: wrap; gap: .45rem; border-bottom: 1px solid #e2e2e2; margin-bottom: 1.2rem; }
.tender-tabs .tender-tab-button { appearance: none; border: 1px solid #ddd; border-bottom: none; background: #f7f7f7; color: #333; padding: .65rem .9rem; border-radius: 8px 8px 0 0; font-weight: 700; cursor: pointer; }
.tender-tabs .tender-tab-button.active { background: #fff; color: #b51f2b; border-color: #b51f2b; }
.tender-tabs .tender-tab-panel { display: none !important; }
.tender-tabs .tender-tab-panel.active { display: block !important; }
.tender-tabs .service-box { border-left: 4px solid #b51f2b; }
@media (max-width: 768px) {
  .tender-tabs .tender-tab-buttons { display: block; border-bottom: none; }
  .tender-tabs .tender-tab-button { display: block; width: 100%; margin-bottom: .4rem; border: 1px solid #ddd; border-radius: 8px; text-align: left; }
  html[dir="rtl"] .tender-tabs .tender-tab-button { text-align: right; }
}