/* Büchner Red 2.11.36: shared controls and special-page layouts.
 * Loaded after component styles. Technical drawing colors retain their meaning.
 */
:root {
  --br-control-radius:9px;
  --br-card-radius:18px;
  --br-control-height:48px;
  --br-field-border:#cfd4da;
  --br-focus-color:rgba(215,25,32,.18);
  --br-accent-soft:#fff0f0;
  --br-space-field:16px;
  --br-space-card:28px;
}

/* Links and native buttons use the same font, height and wrapping rules. */
.btn,.br-area-configurator .br-fl-btn {
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:var(--br-control-height);padding:11px 20px;
  border-radius:var(--br-control-radius);font:inherit;font-weight:800;
  line-height:1.35;text-align:center;white-space:normal;cursor:pointer;
}
.btn:focus-visible,.header-cta:focus-visible,.br-area-configurator .br-fl-btn:focus-visible {
  outline:3px solid var(--br-red);outline-offset:3px;
}
.btn:disabled,.btn[aria-disabled="true"],.br-area-configurator .br-fl-btn:disabled {
  opacity:.5;cursor:not-allowed;
}

/* Exclude hidden fields, spam traps' sizing, checkboxes, radios and range sliders. */
:is(.filter-grid,.product-inquiry-form,.corona-config-field,.corona-price-tools,.product-config-field,.price-gate-form,.br-wikiled-search,.br-nl-signup-row,.br-rsc-controls,.br-area-configurator,.br-product-request-config)
:is(input:not([type=hidden],[type=checkbox],[type=radio],[type=range],[type=file],[type=submit],[type=button],[name=website],[data-br-field=website]),select,textarea) {
  width:100%;min-width:0;min-height:var(--br-control-height);
  border:1px solid var(--br-field-border);border-radius:var(--br-control-radius);
  padding:12px 13px;background:var(--br-white);color:var(--br-text);
  font:inherit;line-height:1.4;
}
:is(.filter-grid,.product-inquiry-form,.corona-config-field,.corona-price-tools,.product-config-field,.price-gate-form,.br-wikiled-search,.br-nl-signup-row,.br-rsc-controls,.br-area-configurator,.br-product-request-config)
:is(input:not([type=hidden],[type=checkbox],[type=radio],[type=range],[type=file],[type=submit],[type=button],[name=website],[data-br-field=website]),select,textarea):focus {
  outline:3px solid var(--br-focus-color);outline-offset:1px;border-color:var(--br-red);
}
:is(.product-inquiry-form,.br-area-configurator) textarea {resize:vertical}
:is(.product-inquiry-form,.br-area-configurator,.br-nl-consent,.br-rsc-toggles) input:is([type=checkbox],[type=radio]),
.br-area-configurator input[type=range] {accent-color:var(--br-red)}
.br-area-configurator input[type=range] {border:0;padding:0;min-height:32px;background:transparent}
.product-inquiry-form input[type=file] {
  width:100%;min-width:0;border:1px dashed var(--br-field-border);
  border-radius:var(--br-control-radius);padding:12px;background:var(--br-bg);font:inherit;
}
.product-inquiry-form input[type=file]:focus-visible {
  outline:3px solid var(--br-focus-color);outline-offset:1px;border-color:var(--br-red);
}
.form-grid,.product-configurator .product-config-fields,.corona-config-fields {gap:var(--br-space-field)}
.form-grid {align-items:start}
.product-inquiry-form {gap:var(--br-space-field)}
.product-inquiry-form label>span,.product-configurator .product-config-field>span,
.br-rsc-controls label span,.br-area-configurator label {
  color:var(--br-text);font-size:.875rem;font-weight:700;line-height:1.45;
}
.product-inquiry-form .privacy-check>span {font-size:.875rem;font-weight:400}
.inquiry-card,.br-thankyou-card,.br-thankyou-contact {border-radius:var(--br-card-radius);padding:var(--br-space-card)}

/* Shared page headings and readable long-form content. */
.archive-hero h1 {overflow-wrap:anywhere}
.archive-hero p.eyebrow {font-size:.78rem;color:var(--br-red);margin:0 0 12px}
.archive-hero p:last-child {margin-bottom:0}
.br-page-content {color:var(--br-text);line-height:1.65;overflow-wrap:anywhere}
.br-page-content>:not(.alignwide):not(.alignfull) {max-width:900px}
.br-page-content>:first-child {margin-top:0}
.br-page-content>:last-child {margin-bottom:0}
.br-page-content :is(h2,h3,h4) {color:var(--br-text);line-height:1.2;letter-spacing:-.025em}
.br-page-content a:not(.btn):not(.wp-block-button__link) {color:var(--br-red);text-decoration:underline;text-underline-offset:3px}
.br-page-content img {max-width:100%}
.br-thankyou-contact a {color:var(--br-red);overflow-wrap:anywhere}

/* The advisor now uses the same page header, form card and buttons as inquiries. */
.br-ai-layout {display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr);gap:32px;align-items:start}
.br-ai-workspace {min-width:0}
.br-ai-advisor #br-ai-form {margin:0}
.br-ai-advisor #br-ai-form label {margin:0}
.br-ai-advisor textarea {min-height:170px}
.br-ai-advisor #br-ai-form .btn {justify-self:start}
.br-ai-advisor .br-ai-trap {position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.br-ai-advisor #br-ai-status:not(:empty) {margin-top:24px;padding:16px;border-left:3px solid var(--br-red);background:#fff;color:var(--br-text);overflow-wrap:anywhere}
.br-ai-advisor #br-ai-result {margin-top:24px;padding:var(--br-space-card);border-radius:var(--br-card-radius)}
.br-ai-advisor #br-ai-result[hidden] {display:none}
.br-ai-advisor :is(#br-ai-result,.br-ai-help) h2 {font-size:clamp(1.4rem,2.5vw,1.9rem);line-height:1.2;letter-spacing:-.025em;color:var(--br-text);margin:0 0 16px}
.br-ai-advisor #br-ai-answer {white-space:pre-line;line-height:1.65;overflow-wrap:anywhere;color:var(--br-text)}
.br-ai-product-link {display:block;padding:14px 0;border-bottom:1px solid var(--br-line);color:var(--br-red);font-weight:700;overflow-wrap:anywhere}
.br-ai-product-link:hover {text-decoration:underline}
.br-ai-inquiry {margin-top:24px}
.br-ai-help {padding:var(--br-space-card)}
.br-ai-help p {line-height:1.65}
.br-ai-help .eyebrow {color:var(--br-red)}
.br-ai-help .br-ai-privacy {border-top:1px solid var(--br-line);padding-top:20px;margin-top:20px;margin-bottom:0;color:var(--br-muted);font-size:.875rem}

/* Keep the engineering workspace, harmonize its controls and card surfaces. */
.br-area-configurator .br-fl-app {border-radius:var(--br-card-radius);box-shadow:var(--br-shadow)}
.br-area-configurator .br-fl-canvas-wrap,.br-area-configurator .br-fl-modal {border-radius:var(--br-card-radius)}
.br-area-configurator .br-fl-stat,.br-area-configurator .br-fl-stage,
.br-area-configurator .br-fl-switch,.br-area-configurator .br-fl-config-summary {border-radius:var(--br-control-radius)}
.br-area-configurator .br-fl-title {font-size:1.35rem;line-height:1.25;letter-spacing:-.025em;color:var(--br-text)}
.br-area-configurator .br-fl-group h2 {font-size:1rem;color:var(--br-text)}
.br-area-configurator .br-fl-row,.br-area-configurator .br-fl-request-grid {gap:var(--br-space-field)}
.br-area-configurator .br-fl-btn {border:1px solid var(--br-red);background:var(--br-red);color:#fff;filter:none;padding:11px 13px}
.br-area-configurator .br-fl-btn:hover:not(:disabled) {background:var(--br-red-dark);border-color:var(--br-red-dark)}
.br-area-configurator .br-fl-btn-secondary {background:#fff;color:var(--br-text);border-color:var(--br-field-border)}
.br-area-configurator .br-fl-btn-secondary:hover:not(:disabled) {background:#fff;color:var(--br-red);border-color:var(--br-red)}
.br-area-configurator .br-fl-btn-danger {background:#fff2f3;color:#9f1018;border-color:#f1bec2}
.br-area-configurator .br-fl-btn-danger:hover:not(:disabled) {background:#ffe4e6;color:#9f1018;border-color:#9f1018}
.br-area-configurator .br-fl-hole-item.is-active {background:var(--br-accent-soft);border-color:var(--br-red)}
.br-area-configurator .br-fl-stat span,.br-area-configurator .br-fl-note,
.br-area-configurator .br-fl-sub,.br-area-configurator .br-fl-privacy-note {font-size:.875rem;line-height:1.5}
.br-area-configurator .br-fl-switch,.br-area-configurator .br-fl-config-summary,
.br-area-configurator .br-fl-bom-wrap th {background:var(--br-bg)}
.br-area-configurator .br-fl-stats {grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}
.br-area-configurator .br-fl-modal-head,.br-area-configurator .br-fl-send-row {flex-wrap:wrap}
.br-area-configurator .br-fl-modal {padding:var(--br-space-card)}
.br-area-configurator .br-fl-config-summary {overflow-wrap:anywhere}

@media(max-width:1050px) {
  .archive-hero {padding:60px 0}
}
@media(max-width:820px) {
  .br-ai-layout {grid-template-columns:minmax(0,1fr);gap:24px}
}
@media(max-width:760px) {
  :root {--br-card-radius:14px;--br-space-card:20px}
  .archive-hero {padding:48px 0}
  .archive-hero h1 {font-size:clamp(2rem,9vw,3.2rem);line-height:1.1}
  .br-fl-page>.section {padding-top:40px}
  .br-area-configurator .br-fl-stats {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:460px) {
  .br-ai-advisor #br-ai-form .btn,.br-ai-inquiry {width:100%}
  .br-area-configurator .br-fl-stats {grid-template-columns:minmax(0,1fr)}
  .br-area-configurator .br-fl-send-row .br-fl-btn {width:100%}
}
@media(prefers-reduced-motion:reduce) {
  html {scroll-behavior:auto}
  .btn,.br-area-configurator .br-fl-btn {transition:none}
}

/* 2.11.37: a common feature structure for the complete product catalogue. */
.product-info-tabs {scroll-margin-top:110px}
.br-product-empty h2 {margin:0 0 16px;font-size:clamp(1.5rem,2.5vw,2.15rem);line-height:1.2;color:var(--br-text)}
.br-product-empty p {color:var(--br-muted);line-height:1.65;max-width:680px}
.br-product-empty .btn {margin-top:12px}
.br-product-option-groups {display:grid;gap:28px;margin:24px 0}
.br-product-option-groups h3 {margin:0 0 12px;color:var(--br-text);font-size:1.1rem}
.br-product-data-actions {margin:28px 0 0}
.br-product-request-config {display:grid;gap:20px}
.br-product-request-config label {display:grid;gap:8px;font-weight:700}
.br-product-request-config textarea {resize:vertical}
.br-product-request-config>.btn {justify-self:start}
.product-tab-panel :is(td,dd,.br-product-empty,.tab-option-list li) {overflow-wrap:anywhere}
.product-tab-panel-configurator .corona-config-fields,
.product-tab-panel-configurator .product-config-fields {grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr))}
.product-config-list .table-scroll,.corona-price-list .table-scroll {max-height:520px;overflow:auto}
.br-config-more {margin-top:16px}
.br-config-more[hidden] {display:none}
.datasheet-option-group h3 {margin-bottom:10px}
.datasheet-option-group+.datasheet-option-group {margin-top:24px}
@media(max-width:480px) {
  .product-tab-panel .tab-download-cards {grid-template-columns:minmax(0,1fr)}
  .product-tab-panel-configurator .corona-configurator {padding:16px}
  .br-product-request-config>.btn {width:100%}
  .product-summary .btn {margin:6px 0}
}
@media print {
  body.datasheet-page {background:#fff;color:#000}
  .datasheet-page .datasheet-shell {width:100%;margin:0;border:0;box-shadow:none}
  .datasheet-page .datasheet-topbar,.datasheet-page .datasheet-price-section {display:none}
  .datasheet-page .datasheet-header,.datasheet-page .datasheet-body {padding:16px 0}
  .datasheet-page .datasheet-section {break-inside:avoid}
  .datasheet-page .datasheet-spec-grid {grid-template-columns:1fr 1fr}
  .datasheet-page .datasheet-source {background:#fff;color:#333}
}

/* 2.11.38: original drawings without datasheet heading bars. */
.br-bundled-drawings .br-product-drawing{margin:0}
.br-bundled-drawings .br-product-drawing+.br-product-drawing{margin-top:32px}
.br-bundled-drawings .dimension-svg-view{padding:0;border:0;border-radius:0;background:#fff}
.br-bundled-drawings .dimension-svg-view img{width:100%;height:auto;max-height:none;object-fit:contain}
.br-bundled-drawings figcaption{margin-top:12px;font-size:.875rem;line-height:1.5;color:var(--br-muted)}