/**
 * DrugsGeneral Style Patch
 * Fixes cascading !important conflicts and compact_list layout breakage.
 * Load AFTER main.min.css (dependency: dg-style).
 */

/* ── Counter bar: resolve 6-way !important background conflict ─────────
   Final intent: white background, dark navy text (matches last rule set). */
.dg-counter-bar {
    background: #fff !important;
    background-image: none !important;
    color: var(--navy) !important;
    border-bottom: 1px solid var(--border) !important;
}
.dg-counter-bar .dg-counter-num,
.dg-counter-bar .dg-savings-live {
    -webkit-text-fill-color: #004D57 !important;
    color: #004D57 !important;
    font-size: 28px !important;
    font-weight: 900 !important;
}
.dg-counter-bar .dg-counter-sub  { color: var(--slate) !important; }
.dg-counter-bar .dg-stat-num     { color: var(--navy)  !important; }
.dg-counter-bar .dg-stat-label   { color: var(--slate) !important; }
.dg-counter-bar .dg-orders-label { color: var(--navy)  !important; }
.dg-counter-bar .dg-orders-sub   { color: var(--muted) !important; }
.dg-counter-bar .dg-live-badge,
.dg-counter-bar .dg-live-stats-label { color: var(--navy) !important; }
.dg-counter-bar .dg-counter-live      { color: var(--muted) !important; }
.dg-counter-bar .dg-counter-live-dot  { background: var(--green) !important; }
.dg-counter-bar .dg-digit-sep         { color: var(--navy) !important; }
.dg-counter-bar .dg-odometer .dg-digit,
.dg-counter-bar .dg-counter-hero-dollar {
    background: var(--teal-light) !important;
    color: var(--navy) !important;
}

/* ── compact_list A/B variant: fix position:absolute bleedthrough ──────
   main.min.css sets position:absolute!important on .dg-product-img a/img.
   Without overriding position here, the compact grid collapses. */
[data-layout="compact_list"] .dg-product-img {
    height: 100% !important;
    min-height: 100px !important;
    aspect-ratio: unset !important;
    border-radius: 0 !important;
}
[data-layout="compact_list"] .dg-product-img a {
    position: relative !important;
    inset: unset !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: inherit !important;
    overflow: hidden !important;
}
[data-layout="compact_list"] .dg-product-img img {
    position: relative !important;
    inset: unset !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
}
[data-layout="compact_list"] .dg-product-img svg {
    position: relative !important;
    top: unset !important;
    left: unset !important;
    transform: none !important;
    display: block !important;
    margin: auto !important;
    width: 60px !important;
    height: 60px !important;
    max-width: none !important;
}