/* =====================================================================
   Care Ur Baby - Phase 6 / Requirement #9
   Two-color brand pass: BLACK (#000000) + CUB RED (#E30613),
   matching the CUB-Final-Logo brand colors.

   The theme is variable-driven, so overriding the :root palette here
   (loaded last) re-skins buttons, links, accents and section headers
   site-wide. Offer/discount elements were already brand-red from
   Phase 3 and stay untouched.
   ===================================================================== */

:root {
    --primary-color: #E30613 !important;      /* was teal/green #046a58 */
    --tertiary-color: #E30613 !important;
    --quaternary-color: #c00511 !important;   /* darker red for hovers */
    --secondary-color: #000000 !important;    /* deep sections -> black */
    --quinary-color: #0a0a0a !important;
    --septenary-color: #0c0c0c !important;
    --hover-color: #000000 !important;
    --template-color: #4a4a4a !important;     /* body text: neutral grey */
}

/* A few high-visibility elements hard-code the old green instead of
   using the variables - repaint them explicitly. */

.btn--primary,
.btn--primary:focus {
    background-color: #E30613 !important;
    border-color: #E30613 !important;
    color: #ffffff !important;
}

.btn--primary:hover {
    background-color: #000000 !important;
    border-color: #000000 !important;
    color: #ffffff !important;
}

a:hover,
.menu-link:hover,
.title-animation a:hover {
    color: #E30613 !important;
}

.sub-title-main,
.sub-title-main i {
    color: #E30613 !important;
}

.title-animation span,
.section__header span {
    color: #E30613 !important;
}

/* Header/footer accents */
.qb-bg-primary,
.bg-primary {
    background-color: #E30613 !important;
}

.text-primary {
    color: #E30613 !important;
}

/* Wholesale panel (Phase 6 #22) */
.phase6-b2b-panel {
    border: 2px solid #E30613;
    border-radius: 10px;
    padding: 10px 14px;
    background: rgba(227, 6, 19, 0.04);
}

.phase6-b2b-title {
    font-weight: 800;
    color: #E30613;
    font-size: 14px;
    margin-bottom: 4px;
}

.phase6-b2b-flat {
    font-size: 18px;
    font-weight: 800;
    color: #000000;
}

.phase6-b2b-flat span {
    font-size: 12px;
    font-weight: 600;
    color: #4a4a4a;
}

.phase6-b2b-tiers {
    list-style: none;
    padding: 0;
    margin: 4px 0 2px;
    font-size: 13px;
    font-weight: 600;
    color: #000000;
}

.phase6-b2b-tiers li::before {
    content: "▸ ";
    color: #E30613;
}

.phase6-b2b-panel small {
    color: #6a6a6a;
    font-size: 11px;
}

.b2b-card-price{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:5px;padding:6px 8px;border:1px solid #b7e4c7;border-radius:8px;background:#f0fff4;color:#176b3a;font-size:12px;line-height:1.2}.b2b-card-label{display:inline-flex;align-items:center;gap:3px;padding:2px 5px;border-radius:5px;background:#198754;color:#fff;font-size:10px;font-weight:700}.b2b-card-price strong{font-size:14px}.b2b-card-price small{color:#497b5c;font-size:10px}
@media(max-width:575.98px){.phase6-b2b-panel{padding:10px;border-radius:10px}.phase6-b2b-tiers{display:grid;grid-template-columns:1fr;gap:4px;margin-top:6px}.phase6-b2b-flat{font-size:18px}.b2b-card-price{gap:4px;padding:5px 6px}.b2b-card-price strong{font-size:12px}.b2b-card-price small{width:100%;margin-left:0}}

/* --------------------------------------------------------------------------
   B2B price visibility on storefront product cards
   Approved signed-in customers see this directly below the normal retail/
   offer price. Guests and retail accounts receive no markup at all.
   -------------------------------------------------------------------------- */
.b2b-list-price{
    display:inline-flex;
    align-items:center;
    flex-wrap:wrap;
    gap:5px;
    max-width:100%;
    margin-top:6px;
    padding:5px 7px;
    border:1px solid #b9dfc9;
    border-radius:8px;
    background:linear-gradient(135deg,#f5fff8 0%,#ecfaf2 100%);
    color:#176b3a;
    line-height:1.1;
    vertical-align:middle;
}
.b2b-list-price__label{
    display:inline-flex;
    align-items:center;
    gap:3px;
    flex:0 0 auto;
    padding:3px 5px;
    border-radius:5px;
    background:#16794a;
    color:#fff;
    font-size:10px;
    font-weight:800;
    letter-spacing:.02em;
}
.b2b-list-price__value{
    color:#12683d !important;
    font-size:13px;
    font-weight:800;
    white-space:nowrap;
}
.b2b-list-price__note{
    color:#557565;
    font-size:9px;
    font-weight:600;
    white-space:nowrap;
}
.pdf2-product-info .b2b-list-price,
.pdf3-product-info .b2b-list-price{
    align-self:flex-start;
}
.b2b-list-price--quick-view{
    margin-top:8px;
    padding:7px 9px;
}
.b2b-list-price--quick-view .b2b-list-price__value{font-size:15px}
.b2b-list-price--quick-view .b2b-list-price__note{font-size:10px}

@media (max-width:575.98px){
    .b2b-list-price{
        gap:3px;
        margin-top:4px;
        padding:4px 5px;
        border-radius:7px;
    }
    .b2b-list-price__label{padding:2px 4px;font-size:8px}
    .b2b-list-price__value{font-size:11px}
    .b2b-list-price__note{font-size:8px}
    .b2b-list-price--compact .b2b-list-price__note{display:none}
    .b2b-list-price--quick-view{padding:6px 8px}
    .b2b-list-price--quick-view .b2b-list-price__value{font-size:14px}
    .b2b-list-price--quick-view .b2b-list-price__note{display:inline;font-size:9px}
}