/*
 * Reassurance column of the cart and the order (module blockreassurance, hook displayReassurance).
 * The module floats a 35 px icon and gives the title a 40 px line: fine for one line of text, but the texts
 * Valérianne chose on 28/09 take two, and the second one slid under the icon. Icon and text sit side by
 * side, the text on a normal line. The file name carries its version: the Infomaniak cache ignores ?v=.
 *
 * 20261010a: a block with a description (delivery, decision of 05/10) renders its title as a span followed by a
 * p; in a flex row the two sat side by side. A two-column grid keeps the icon on the left, the title on the first
 * line and the description under it. A block without description keeps its look (the second row is empty).
 */
.blockreassurance_product > div:not(.clearfix) {
  display: grid;
  grid-template-columns: 35px 1fr;
  column-gap: 8px;
  align-items: center;
  min-height: 40px;
  margin-bottom: 10px;
}

.blockreassurance_product .item-product {
  float: none;
  grid-row: span 2;
  margin-right: 0;
}

.blockreassurance_product p.block-title,
.blockreassurance_product span.block-title {
  margin: 0;
  line-height: 1.35;
}

.blockreassurance_product span.block-title {
  font-size: 15px;
}

.blockreassurance_product > div > p:not(.block-title) {
  grid-column: 2;
  margin: 2px 0 0;
  font-size: 13px;
  line-height: 1.35;
}