/*
Theme Name: MithilaTrade Marketplace
Author: MithilaTrade Engineering
Description: Custom B2B/B2C trade directory theme for MithilaTrade.com
Version: 1.0.0
*/
:root { --mt-primary:#0f3d3e; --mt-primary-dark:#092627; --mt-accent:#d97706; --mt-verified:#15803d; --mt-bg:#f8fafc; --mt-surface:#fff; --mt-border:#e2e8f0; --mt-text:#0f172a; --mt-muted:#64748b; }
* { box-sizing:border-box; margin:0; padding:0; }
body { font-family:'Inter',sans-serif; background:var(--mt-bg); color:var(--mt-text); line-height:1.6; padding-bottom:70px; }
a { color:var(--mt-primary); text-decoration:none; }
.mt-container { max-width:1200px; margin:0 auto; padding:0 16px; }
.mt-header { background:var(--mt-surface); border-bottom:1px solid var(--mt-border); position:sticky; top:0; z-index:100; }
.mt-header-inner { display:flex; align-items:center; justify-content:space-between; height:68px; }
.mt-logo { font-size:1.4rem; font-weight:800; color:var(--mt-primary); }
.mt-logo span { color:var(--mt-accent); }
.mt-nav { display:flex; gap:16px; align-items:center; }
.mt-btn { display:inline-flex; align-items:center; justify-content:center; padding:10px 18px; border-radius:8px; font-weight:600; font-size:0.92rem; border:none; cursor:pointer; }
.mt-btn-primary { background:var(--mt-primary); color:#fff; }
.mt-btn-accent { background:var(--mt-accent); color:#fff; }
.mt-btn-whatsapp { background:#16a34a; color:#fff; }
.mt-btn-outline { border:1px solid var(--mt-primary); color:var(--mt-primary); background:transparent; }
.mt-btn-sm { padding:6px 12px; font-size:0.82rem; }
.mt-badge { display:inline-block; padding:3px 9px; border-radius:99px; font-size:0.74rem; font-weight:700; text-transform:uppercase; }
.mt-badge-verified { background:#dcfce7; color:var(--mt-verified); }
.mt-badge-b2b { background:#dbeafe; color:#1d4ed8; }
.mt-badge-sponsored { background:#fef3c7; color:#b45309; }
.mt-badge-tier { background:#e2e8f0; color:#334155; }
.mt-hero { background:linear-gradient(135deg,var(--mt-primary),var(--mt-primary-dark)); color:#fff; padding:48px 0; text-align:center; }
.mt-search-bar { display:grid; grid-template-columns:2fr 1.2fr 1.2fr auto; gap:10px; background:#fff; padding:10px; border-radius:12px; max-width:960px; margin:20px auto 0; }
.mt-search-bar input, .mt-search-bar select { width:100%; padding:12px; border:1px solid var(--mt-border); border-radius:8px; }
.mt-main-layout { display:grid; grid-template-columns:1fr 300px; gap:24px; margin:32px auto; }
.mt-shop-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(290px,1fr)); gap:20px; }
.mt-card { background:var(--mt-surface); border:1px solid var(--mt-border); border-radius:12px; padding:20px; }
.mt-shop-card.is-featured { border:2px solid var(--mt-accent); background:#fffbeb; }
.mt-meta-line { font-size:0.86rem; color:var(--mt-muted); margin-bottom:8px; }
.mt-card-actions { display:flex; gap:8px; margin-top:14px; flex-wrap:wrap; }
.mt-shop-header { background:var(--mt-surface); border-bottom:1px solid var(--mt-border); padding:32px 0; }
.mt-gallery-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); gap:12px; margin-top:16px; }
.mt-gallery-grid img { width:100%; height:150px; object-fit:cover; border-radius:8px; }
.mt-bulk-table, .mt-leads-table { width:100%; border-collapse:collapse; margin-top:12px; }
.mt-bulk-table th, .mt-bulk-table td, .mt-leads-table th, .mt-leads-table td { border:1px solid var(--mt-border); padding:10px; text-align:left; font-size:0.9rem; }
.mt-blurred-text { filter:blur(4px); user-select:none; }
.mt-auth-grid, .mt-form-grid, .mt-monetization-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:20px; margin-top:20px; }
.mt-field { margin-bottom:14px; }
.mt-field label { display:block; font-weight:600; font-size:0.88rem; margin-bottom:5px; }
.mt-field input, .mt-field select, .mt-field textarea { width:100%; padding:10px; border:1px solid var(--mt-border); border-radius:8px; }
.mt-status-bar { display:flex; justify-content:space-between; align-items:center; background:var(--mt-surface); padding:16px 20px; border-radius:12px; border:1px solid var(--mt-border); }
.mt-ad-slot { background:#f1f5f9; border:1px dashed #cbd5e1; border-radius:10px; padding:14px; text-align:center; margin:18px 0; }
.mt-ad-label { display:block; font-size:0.7rem; text-transform:uppercase; color:var(--mt-muted); }
.mt-sticky-mobile-bar { display:none; position:fixed; bottom:0; left:0; right:0; background:var(--mt-surface); border-top:1px solid var(--mt-border); padding:10px; z-index:999; gap:8px; }
.mt-sticky-mobile-bar a { flex:1; text-align:center; }
.mt-footer { background:var(--mt-primary-dark); color:#cbd5e1; padding:40px 0; margin-top:60px; }
@media (max-width:768px) { .mt-search-bar, .mt-main-layout { grid-template-columns:1fr; } .mt-sticky-mobile-bar { display:flex; } }