/* The original quotation and cart elements still receive the modules' updates. */
#header, body#product #main {
  --dotare-doc-symbol: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h8l4 4v14H6zM14 3v5h4M9 12h6m-6 4h6'/%3E%3C/svg%3E");
  --dotare-cart-symbol: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 3h3l3 12h11l3-9H6'/%3E%3Ccircle cx='9' cy='20' r='1.3'/%3E%3Ccircle cx='18' cy='20' r='1.3'/%3E%3C/svg%3E");
}

#header .box-navh1 :is(#leo_block_top, .userinfo-selector) > a.popup-title,
#header .box-top #cart-block .header > a,
#header .box-top #cart-block .header:not(:has(> a)),
#header .box-top .col-info #cqw-header-block > a {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 42px;
  box-sizing: border-box;
  border: 1px solid #dbe8f2;
  border-radius: 11px;
  padding: 6px 10px !important;
  background: #f6fafd;
  color: #175e91 !important;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.25;
  text-decoration: none;
  white-space: nowrap;
}

#header .box-navh1 :is(#leo_block_top, .userinfo-selector) > a.popup-title {
  min-width: 42px;
  min-height: 38px;
}

#header .box-navh1 a.popup-title > .fa-angle-down { font-size: 11px; }
#header .box-navh1 a.popup-title:is(:hover, [aria-expanded="true"]),
#header .box-top #cart-block .header > a:hover,
#header .box-top .col-info #cqw-header-block > a:hover { background: #eaf4fb; border-color: #a5c9e1; }

#header .box-top #cart-block .header .fa-shopping-cart {
  display: inline-block;
  flex: 0 0 21px;
  width: 21px;
  height: 21px;
  background: currentColor;
  mask: var(--dotare-cart-symbol) center / contain no-repeat;
}
#header .box-top #cart-block .header .fa-shopping-cart::before { content: none; }

#header .box-top #cart-block .header .cart-products-count,
#header .box-top .col-info #cqw-header-block .count {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  float: none;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: auto !important;
  min-width: 21px !important;
  height: 20px !important;
  margin: 0 !important;
  padding: 0 5px !important;
  border: 0 !important;
  border-radius: 7px !important;
  background: #176ba5 !important;
  color: #fff !important;
  font: 700 11px/1 Arial, sans-serif !important;
}
#header .box-top #cart-block .header .cart-total { white-space: nowrap; }

#header .box-top .col-info #cqw-header-block > a::before,
body#product #main #add-to-quote #btn-cqw-add-to-quote::before,
body#product #main .dotare-attachment-download::before {
  content: "";
  display: inline-block;
  flex: 0 0 19px;
  width: 19px;
  height: 19px;
  background: currentColor;
  mask: var(--dotare-doc-symbol) center / contain no-repeat;
}

@media (min-width: 992px) {
  #header .box-top:has(.col-info > #_desktop_cqw) .col-center {
    flex: 1 1 0;
    width: auto;
    max-width: none;
    min-width: 0;
  }
  #header .box-top .col-info:has(> #_desktop_cqw) {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
    gap: 9px;
  }
  #header .box-top .col-info > #_desktop_cqw,
  #header .box-top .col-info #cqw-header-block {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  #header .box-top .col-info #cqw-header-block > a { background: #edf6fc; }
  #header .box-top .col-info #cqw-header-block img { display: none !important; }
  #header .box-top .col-info #cqw-header-block .title {
    display: inline !important;
    color: inherit;
    font-size: 11px;
    font-weight: 750;
  }
}

@media (max-width: 991px) {
  #header .box-navh1 .userinfo-selector > a.popup-title { min-height: 42px; }
  #header .box-top #cart-block .header > a,
  #header .box-top #cart-block .header:not(:has(> a)) {
    min-width: 42px;
    gap: 3px;
    padding-inline: 6px !important;
  }
  #header .box-top #cart-block .header .cart-products-count { min-width: 17px !important; padding-inline: 4px !important; }
}

body#product #main #add-to-quote #btn-cqw-add-to-quote {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

body#product #main :is(#leofeature-product-review, #attachments) {
  margin: 0 0 16px;
  padding: 14px clamp(12px, 2vw, 20px);
  border: 1px solid #dce8f1;
  border-radius: 14px;
  background: #f9fbfd;
}
body#product #main :is(#leofeature-product-review, #attachments) > .title-info-product,
body#product #main #product-extra > .title-info-product:has(+ div .dotare-variant-list) {
  margin: 0;
  padding: 0;
  color: #173e5b;
  font-size: clamp(17px, 2vw, 21px);
  font-weight: 750;
  line-height: 1.3;
  text-transform: none;
}
body#product #main :is(#leofeature-product-review, #attachments) > .title-info-product::after,
body#product #main #product-extra > .title-info-product:has(+ div .dotare-variant-list)::after { content: none; }
body#product #main #product-extra > .title-info-product:has(+ div .dotare-variant-list) { margin: 20px 0 12px; }
body#product #main .dotare-empty-reviews { margin: 6px 0 0; color: #45637a; }
body#product #main #attachments .product-attachments:has(.dotare-attachment-download) > h3 { display: none; }
body#product #main #attachments .attachment { margin: 10px 0 0; }
body#product #main .dotare-attachment-download {
  display: grid;
  grid-template-columns: 19px minmax(0, 1fr) auto;
  gap: 8px 10px;
  align-items: center;
  min-height: 44px;
  padding: 10px 12px;
  border: 1px solid #dce8f1;
  border-radius: 9px;
  background: #fff;
  color: #135c91;
  text-decoration: none;
}
body#product #main .dotare-attachment-download:hover { border-color: #a5c9e1; background: #f0f7fc; }
body#product #main .dotare-attachment-name { font-weight: 700; overflow-wrap: anywhere; }
body#product #main .dotare-attachment-detail { font-size: 12px; font-weight: 650; }
body#product #main #attachments .attachment > p { margin: 6px 0 0; }

@media (max-width: 420px) {
  body#product #main .dotare-attachment-download { grid-template-columns: 19px minmax(0, 1fr); }
  body#product #main .dotare-attachment-detail { grid-column: 2; }
}