/*
 * Cycle 4 — Storefront-specific overrides.
 *
 * Consumes Agent A's foundations (cycle4-foundations.css) and adds
 * storefront-only rules for the findings F-001, F-002, F-006.
 *
 * F-004 (dark footer contrast) is handled in cycle4-foundations.css.
 * F-003 (mobile inline search) is template-only — no CSS needed.
 * F-005 (sparse footer) is template-only — no CSS needed.
 */

/* F-001 — Mobile lang chip near-invisible in dark mode (especially +AR).
   Pre-fix, the active-language <select> rendered with a dark-on-dark fill.
   Zinc-700 background + white text reaches >=7:1 contrast. */
[data-bs-theme="dark"] .lang-chip {
    background-color: #3f3f46;
    color: #fff;
    border-color: #52525b;
}

/* F-006 — Storefront product-card "View details" link low contrast on dark.
   Bootstrap blue-200 (#74c0fc) measures ~7:1 against the dark card body. */
[data-bs-theme="dark"] .storefront-card-link {
    color: #74c0fc;
    border-color: #74c0fc;
}

[data-bs-theme="dark"] .storefront-card-link:hover,
[data-bs-theme="dark"] .storefront-card-link:focus {
    background-color: #74c0fc;
    color: #0b1320;
    border-color: #74c0fc;
}

/* F-002 backstop — At <=575.98px, prevent a long store-name from
   pushing the chip row out of the navbar. Header chip labels are
   already collapsed via Bootstrap's d-none/d-md-inline classes;
   this rule guards against overflow when the brand text alone is
   long enough to consume the chip slot. */
@media (max-width: 575.98px) {
    .brand-navbar .navbar-brand span {
        max-width: 8rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}