/* 0.8: vlastní implementace vizuálního členění České pojištění. */
:root{
  --section-accent:#c92334;
  --section-rule:#f42434;
  --section-rule-width:88px;
}

/* Drobné označení nad hlavním titulkem, stejná hierarchie na všech šířkách. */
body.v2.combined .screen-heading>.brand-kicker,
body.combined .accident-guide .eyebrow{
  color:var(--section-accent);
  font-size:12px;
  font-weight:700;
  line-height:1.6;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin:0 0 10px;
}
body.combined .screen-heading h1::after{
  content:"";
  display:block;
  width:var(--section-rule-width);
  height:1px;
  background:var(--section-rule);
  margin-top:18px;
}

/* 0.8.2: sekční nadpisy bez linek, červená linka patří pouze hlavnímu h1. */
body.combined :is(.profile-form-panel,.ferda-phase,.product-documents,.product-chosen,.provider-addons)>h2{
  color:var(--navy);
  font-size:14px;
  font-weight:700;
  line-height:1.6;
  letter-spacing:.015em;
  border-bottom:0;
  padding-bottom:0;
  margin:0 0 20px;
}
body.combined .profile-form-panel>h2 .profile-pictogram{color:var(--navy)}
body.combined .desktop-section-toolbar{
  padding-bottom:0;
  border-bottom:0;
}
body.combined .desktop-section-toolbar>h2,
body.combined .edit-section>.section-heading>h2{
  color:var(--navy);
  font-size:14px;
  font-weight:700;
  line-height:1.6;
  letter-spacing:.015em;
}
body.combined .edit-section>.section-heading{
  padding-bottom:0;
  margin-bottom:18px;
  border-bottom:0;
}
body.combined .offer-sidebar .product-documents>h2{
  font-size:12px;
  padding-bottom:0;
  margin-bottom:10px;
}
body.combined .provider-addons>.scope-label{
  font-size:11px;
  margin-bottom:6px;
}
@media(max-width:1023px){
  body.combined .screen-heading h1::after{margin-top:14px}
  body.combined .desktop-section-toolbar>h2{margin-bottom:12px}
  body.combined :is(.profile-form-panel,.ferda-phase,.product-chosen,.provider-addons)>h2{
    padding-bottom:0;
    margin-bottom:18px;
  }
}
@media print{
  body.combined .screen-heading h1::after{background:transparent;border-bottom:1px solid var(--section-rule)}
}
