/* DIPANI V8.64. Single scoped card refinement. Replaces v8.63 rules.
   The customer-dashboard WPCode snippet does not style the archive card content. */
:root{--dipani-card-action-blue:#0A58CA;--dipani-card-action-hover:#0846A5}

/* Primary CTA: reference blue, moderate Inter weight. Outline button stays white. */
html body :is(#listeo-listings-container[data-style="grid"],.dipani-v749-results,.dipani-projects-grid) article.dipani-exact-card .dipani-exact-actions{
  gap:7px!important;margin-top:9px!important;
}
html body :is(#listeo-listings-container[data-style="grid"],.dipani-v749-results,.dipani-projects-grid) article.dipani-exact-card .dipani-exact-btn{
  box-sizing:border-box!important;min-height:36px!important;height:36px!important;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
  font-size:11.5px!important;font-weight:650!important;line-height:1.2!important;
  letter-spacing:0!important;padding:7px 5px!important;white-space:nowrap!important;
}
html body :is(#listeo-listings-container[data-style="grid"],.dipani-v749-results,.dipani-projects-grid) article.dipani-exact-card .dipani-exact-btn-primary{
  background:var(--dipani-card-action-blue)!important;border-color:var(--dipani-card-action-blue)!important;color:#fff!important;
}
html body :is(#listeo-listings-container[data-style="grid"],.dipani-v749-results,.dipani-projects-grid) article.dipani-exact-card .dipani-exact-btn-primary:is(:hover,:focus-visible){
  background:var(--dipani-card-action-hover)!important;border-color:var(--dipani-card-action-hover)!important;
}
/* Right white/outline CTA remains visually unchanged from previous design. */
html body :is(#listeo-listings-container[data-style="grid"],.dipani-v749-results,.dipani-projects-grid) article.dipani-exact-card .dipani-exact-btn-outline{
  background:#fff!important;color:#022D94!important;border-color:#022D94!important;
}

/* Top-left category badge: same vivid blue; do not change icons or taxonomy. */
html body :is(#listeo-listings-container[data-style="grid"],.dipani-v749-results,.dipani-projects-grid) article.dipani-exact-card .dipani-exact-media .dipani-exact-badge{
  background:#0A58CA!important;border-color:#0A58CA!important;color:#fff!important;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
  font-weight:650!important;font-size:11px!important;
}

/* Generic price area: maintain existing height and avoid pushing actions off-card. */
html body .dipani-archive-grid:not(.dipani-v728-list) :is(#listeo-listings-container[data-style="grid"],.dipani-v749-results) > article.dipani-exact-card:not(.dipani-material-card) > .dipani-exact-body > .dipani-exact-price,
html body .dipani-projects-grid > article.dipani-exact-card:not(.dipani-material-card) > .dipani-exact-body > .dipani-exact-price{
  box-sizing:border-box!important;flex:0 0 56px!important;
  height:56px!important;min-height:56px!important;max-height:56px!important;
  padding:5px 8px!important;gap:2px!important;color:#0A58CA!important;
}
html body :is(#listeo-listings-container[data-style="grid"],.dipani-v749-results,.dipani-projects-grid) article.dipani-exact-card .dipani-exact-price::before{
  color:#587294!important;font-size:11px!important;font-weight:600!important;
}
html body :is(#listeo-listings-container[data-style="grid"],.dipani-v749-results,.dipani-projects-grid) article.dipani-exact-card .dipani-exact-price .dipani-v715-price-number,
html body :is(#listeo-listings-container[data-style="grid"],.dipani-v749-results,.dipani-projects-grid) article.dipani-exact-card .dipani-exact-price .dipani-exact-currency,
html body :is(#listeo-listings-container[data-style="grid"],.dipani-v749-results,.dipani-projects-grid) article.dipani-exact-card .dipani-exact-price .dipani-v715-price-fixed{
  color:#0A58CA!important;font-size:13.5px!important;font-weight:700!important;line-height:1.23!important;
}
html body :is(#listeo-listings-container[data-style="grid"],.dipani-v749-results,.dipani-projects-grid) article.dipani-exact-card .dipani-exact-price .dipani-v718-price-range,
html body :is(#listeo-listings-container[data-style="grid"],.dipani-v749-results,.dipani-projects-grid) article.dipani-exact-card .dipani-exact-price .dipani-v718-price-range .dipani-v718-bound{
  column-gap:3px!important;row-gap:0!important;
}
html body :is(#listeo-listings-container[data-style="grid"],.dipani-v749-results,.dipani-projects-grid) article.dipani-exact-card .dipani-exact-price :is(.dipani-v718-limit-label,.dipani-v715-price-label,.dipani-exact-price-hint){
  color:#4f6688!important;font-size:11px!important;font-weight:600!important;line-height:1.2!important;
}
html body :is(#listeo-listings-container[data-style="grid"],.dipani-v749-results,.dipani-projects-grid) article.dipani-exact-card .dipani-exact-price .dipani-v718-divider{
  color:#63728c!important;font-size:12px!important;
}

/* Supplier/material: compact row, 14px blue amount, smaller unit and labels.
   Restore V7.90's natural flow instead of V8.63 forcing the whole row to 17px. */
html body .dipani-archive-grid:not(.dipani-v728-list) :is(#listeo-listings-container[data-style="grid"],.dipani-v749-results) > article.dipani-exact-card.dipani-material-card > .dipani-exact-body > .dipani-exact-price.dipani-v790-price,
html body .dipani-projects-grid > article.dipani-exact-card.dipani-material-card > .dipani-exact-body > .dipani-exact-price.dipani-v790-price{
  display:flex!important;flex-direction:column!important;justify-content:center!important;
  gap:2px!important;flex:0 0 auto!important;
  min-height:74px!important;height:auto!important;max-height:none!important;
  padding:7px 9px!important;margin:1px 0 7px!important;
  color:#0A58CA!important;
}
html body :is(#listeo-listings-container[data-style="grid"],.dipani-v749-results,.dipani-projects-grid) article.dipani-exact-card.dipani-material-card .dipani-v790-price-row{
  display:flex!important;align-items:baseline!important;flex-wrap:wrap!important;
  justify-content:space-between!important;gap:2px 5px!important;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
  font-size:11.5px!important;font-weight:600!important;line-height:1.25!important;
}
html body :is(#listeo-listings-container[data-style="grid"],.dipani-v749-results,.dipani-projects-grid) article.dipani-exact-card.dipani-material-card .dipani-v790-label{
  color:#567090!important;font-size:11px!important;font-weight:600!important;
}
html body :is(#listeo-listings-container[data-style="grid"],.dipani-v749-results,.dipani-projects-grid) article.dipani-exact-card.dipani-material-card .dipani-v790-amount{
  color:#0A58CA!important;font-size:14px!important;font-weight:700!important;line-height:1.2!important;
}
html body :is(#listeo-listings-container[data-style="grid"],.dipani-v749-results,.dipani-projects-grid) article.dipani-exact-card.dipani-material-card .dipani-v790-amount span{
  color:#0A58CA!important;font-size:11.5px!important;font-weight:600!important;line-height:1.2!important;
}
html body :is(#listeo-listings-container[data-style="grid"],.dipani-v749-results,.dipani-projects-grid) article.dipani-exact-card.dipani-material-card :is(.dipani-v790-min,.dipani-v790-shipping,.dipani-v790-no-price){
  color:#526a8d!important;font-size:11px!important;font-weight:550!important;line-height:1.25!important;
}
html body :is(#listeo-listings-container[data-style="grid"],.dipani-v749-results,.dipani-projects-grid) article.dipani-exact-card.dipani-material-card .dipani-v790-shipping{
  padding-top:3px!important;margin-top:2px!important;
}
@media(max-width:420px){
 html body :is(#listeo-listings-container[data-style="grid"],.dipani-v749-results,.dipani-projects-grid) article.dipani-exact-card .dipani-exact-btn{font-size:11px!important}
}
