/* ============================================================
   ChemSmog — UI adjustments (client batch 2026-09-25)
   Loaded last. Desktop: category titles, dropdown pills.
   Mobile: no bottom bar, two-column footer, spacing.
   ============================================================ */

/* homepage category cards: 22px on desktop */
body .cs-cat-card__title { font-size: 22px !important; line-height: 1.15 !important; }

/* dropdown pills (Sort by / Category on products & auctions): chevron says "this opens" */
body .cs-select-pill {
    background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E"), linear-gradient(90deg, var(--cs-btn-g1) 0%, var(--cs-btn-g2) 100%) !important;
    background-repeat: no-repeat, repeat !important;
    background-position: right 16px center, 0 0 !important;
    background-size: 14px 14px, auto !important;
    padding-right: 42px !important;
    font-weight: 600 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.22);
    cursor: pointer;
}
body .cs-pill-tabs a.is-active { text-shadow: 0 1px 2px rgba(0, 0, 0, 0.22); }

/* team / contact photos inside the round frames */
body .cs-team2-card__photo--img,
body .cs-person-card__avatar--img { padding: 0 !important; overflow: hidden; }
body .cs-team2-card__photo img,
body .cs-person-card__avatar img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; display: block; }

@media (max-width: 991px) {
    /* Farmart bottom bar (Home/Category/Cart/Wishlist/Account) not wanted */
    body .footer-mobile { display: none !important; }
    body { padding-bottom: 0 !important; }
}

@media (max-width: 767px) {
    body .cs-cat-card__title { font-size: 16px !important; }

    /* footer: link columns side by side, newsletter full width */
    body .cs-footer__container {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        column-gap: 18px !important;
        row-gap: 22px !important;
    }
    body .cs-footer__col { width: auto !important; margin-bottom: 0 !important; }
    body .cs-footer__col h3 { margin-bottom: 10px !important; }
    body .cs-footer__col li { margin-bottom: 6px !important; }
    body .cs-footer__newsletter { grid-column: 1 / -1 !important; }
    body .cs-footer__col:nth-child(3) { grid-column: 1 / -1 !important; }

    /* breathing room between stacked blocks */
    body .cs-list-toolbar__right { gap: 12px !important; }
    body .cs-section2-title { margin-top: 12px !important; }
}

/* product page: CO2e not available */
body .cs-badge--neutral { background: #eef1f4; color: #5b6572; }

/* products: typo-tolerant search note */
.cs-search-note { font-family: 'Fredoka', sans-serif; font-size: 15px; color: #5b6572; margin: -8px 0 20px; }
.cs-search-note a { color: var(--cs-blue); font-weight: 500; text-decoration: underline; }