/* BySel Storefront — unified gateway theme (green / navy)
   Loaded after style.css and landing.css; aligns the public site with the admin design language. */

:root {
    --primary: #18a957;
    --primary-dark: #108645;
    --success: #18a957;
    --accent: #18a957;
    --border-color: #e4e8ee;
    --card-radius: 10px;
    --shadow: 0 1px 3px rgba(20, 34, 56, .08);
    --shadow-hover: 0 8px 24px rgba(20, 34, 56, .12);
}

body { font-family: Inter, 'Nunito', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; }

a:hover { color: var(--primary); }

/* ---- Buttons ---- */
.btn-primary {
    --bs-btn-bg: #18a957; --bs-btn-border-color: #18a957;
    --bs-btn-hover-bg: #108645; --bs-btn-hover-border-color: #108645;
    --bs-btn-active-bg: #108645; --bs-btn-active-border-color: #108645;
    --bs-btn-disabled-bg: #18a957; --bs-btn-disabled-border-color: #18a957;
}
.btn-outline-primary {
    --bs-btn-color: #18a957; --bs-btn-border-color: #bfe7ce;
    --bs-btn-hover-bg: #18a957; --bs-btn-hover-border-color: #18a957;
    --bs-btn-active-bg: #18a957; --bs-btn-active-border-color: #18a957;
}
.link-primary, a.text-primary { color: var(--primary) !important; }

/* ---- Cards ---- */
.card, .product-card, .product, .seller-card, .category-row, .benefits, .campaign, .app-banner { border-radius: 10px; }
.card { border: 1px solid var(--border-color); }

/* ---- Forms ---- */
.form-control, .form-select { border-radius: 8px; border-color: #dce2e9; }
.form-control:focus, .form-select:focus {
    border-color: #61bd88;
    box-shadow: 0 0 0 3px rgba(24, 169, 87, .1);
}

/* ---- Tables ---- */
.table thead th {
    background: #f8fafb; color: #7a8697; font-size: 10px; font-weight: 600;
    text-transform: uppercase; letter-spacing: .04em; padding: 12px; border-bottom: 1px solid var(--border-color);
}
.table tbody td { padding: 13px 12px; border-bottom: 1px solid #eef1f4; color: #536074; }

/* ---- Badges / pills ---- */
.badge.bg-primary { background: #e9f8ef !important; color: #118249 !important; }

/* ---- Storefront CTAs + rating stars ---- */
.product-card .btn-add-cart { border: 1px solid #18a957; background: #18a957; color: #fff; }
.product-card .btn-add-cart:hover { background: #108645; border-color: #108645; color: #fff; }
.stars,
.product-card .product-rating .stars .rating-stars,
.product-rating .stars .text-warning,
.product-rating .stars i { color: #e7a400 !important; }