:root {
  /* 🔥 MAIN BRAND (ROYAL PURPLE) */
  --brand: #0A66C2;
  --brand-2: #084B8A;

  /* 🔥 ACCENT */
  --accent: #FF7A00;
  --accent-2: #FFA94D;

  /* 🔥 BACKGROUND */
  --bg: #f8f7ff;

  /* 🔥 TEXT */
  --text: #1f1f2e;
  --muted: #6b6b8a;

  /* 🔥 UI */
  --card: #ffffff;
  --line: #e5e7eb;

  /* 🔥 STATES */
  --success: #12b76a;
  --danger: #e11d48;

  /* UI */
  --radius: 14px;
  --shadow-1: 0 2px 10px rgba(10,102,194,0.08);
  --shadow-2: 0 8px 24px rgba(10,102,194,0.12);
}

/* 🔥 GLOBAL RESET */
body {
  background: var(--bg);
  color: var(--text);
}

/* 🔥 HEADER */
header,
.header {
  background: linear-gradient(180deg, var(--brand), var(--brand-2)) !important;
  color: #fff !important;
}

/* 🔥 LOGO */
.brand .name {
  color: #fff !important;
}
.brand .accent {
  color: var(--accent-2) !important;
}

/* 🔥 BUTTONS */
button,
.btn,
.btn-edit,
.btn-add,
.btn-clear {
  background: var(--accent) !important;
  color: #fff !important;
  border: none;
}

button:hover {
  background: var(--accent-2) !important;
}

/* 🔥 LINKS */
a {
  color: var(--accent);
}

/* 🔥 CARDS */
.card,
.section,
.notification {
  border-radius: var(--radius);
  box-shadow: var(--shadow-1);
  border: 1px solid var(--line);
  background: var(--card);
  transition: 0.2s;
}

.card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-2);
}

/* 🔥 PRODUCT CARD BORDER */
.card {
  border: 1px solid rgba(10,102,194,0.15);
}

/* 🔥 CATEGORY CARDS */
.cat {
  border: 1px solid rgba(10,102,194,0.15);
}

.cat:hover {
  background: var(--brand);
  color: #fff;
}

/* 🔥 CHAT SYSTEM */
.chat .top,
.chat-header,
#chatHeader {
  background: var(--brand) !important;
  color: #fff !important;
}

/* Chat bubbles */
.msg.me {
  background: var(--brand) !important;
  color: #fff !important;
}

.msg.them {
  background: #EAF3FF !important;
  color: var(--text) !important;
}

/* Chat input */
.chat .bottom input {
  border: 1px solid rgba(10,102,194,0.3) !important;
}

.chat .bottom button {
  background: var(--accent) !important;
  color: #fff !important;
}

/* 🔥 NOTIFICATIONS */
.notification.unread {
  border-left: 5px solid var(--brand) !important;
}

/* 🔥 INPUTS */
input, textarea, select {
  border: 1px solid rgba(10,102,194,0.2);
  outline: none;
}

input:focus, textarea:focus {
  border-color: var(--accent);
  box-shadow: 0 0 6px rgba(255,122,0,0.2);
}

/* 🔥 REMOVE ALL OLD BLUE / RED */
[style*="#3b6cb3"],
[style*="#1877f2"],
[style*="#003366"],
[style*="#800020"] {
  background: var(--brand) !important;
  color: #fff !important;
}

/* 🔥 FOOTER */
.footer {
  background: linear-gradient(180deg, var(--brand-2), var(--brand));
  color: #fff;
}

.footer,
.footer * {
  color: #fff !important;
}

.footer a {
  opacity: 0.9;
}

.footer a:hover {
  opacity: 1;
}

/* 🔥 BADGES */
.badge {
  background: var(--accent);
}

/* 🔥 WISHLIST BUTTON */
.wishlist {
  color: var(--accent);
}

/* 🔥 BOTTOM NAV */
.bottom-nav {
  background: linear-gradient(180deg, var(--brand), var(--brand-2));
}

/* 🔥 SHADOW TUNE */
.card,
.cat {
  box-shadow: 0 4px 12px rgba(10,102,194,0.08);
}
/* 🔥 ALL NIGERIA PANEL TEXT FIX */
#allNigeriaPanel,
#allNigeriaPanel * {
  color: #fff !important;
}

/* 🔥 Modal background (make it match brand) */
.all-nigeria-content {
  background: linear-gradient(180deg, var(--brand), var(--brand-2)) !important;
}

/* 🔥 State buttons */
.states-grid button {
  background: rgba(255,255,255,0.1) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,0.2) !important;
}

.states-grid button span {
  color: rgba(255,255,255,0.7) !important;
}

/* 🔥 Hover effect */
.states-grid button:hover {
  background: var(--accent) !important;
  color: #fff !important;
}

/* 🔥 Search input inside panel */
.all-nigeria-top input {
  background: rgba(255,255,255,0.15) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,0.3) !important;
}

/* Placeholder */
.all-nigeria-top input::placeholder {
  color: rgba(255,255,255,0.6);
}

/* 🔥 Close button */
.all-nigeria-top .btn-close {
  background: var(--danger) !important;
  color: #fff !important;
}
/* 🔥 BLACK PRODUCT CARDS INSIDE ALL NIGERIA */
#allNigeriaPanel .card {
  background: #0f0f14 !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
}

/* Product title */
#allNigeriaPanel .card .title {
  color: #fff !important;
}

/* Meta text */
#allNigeriaPanel .card .meta {
  color: rgba(255,255,255,0.7) !important;
}

/* Price tag stays strong */
#allNigeriaPanel .price-tag {
  background: rgba(0,0,0,0.7) !important;
  color: #fff !important;
}

/* Wishlist button */
#allNigeriaPanel .wishlist {
  background: #1a1a22 !important;
  color: #fff !important;
}

/* Seller + location */
#allNigeriaPanel .seller {
  color: rgba(255,255,255,0.8) !important;
}
.products,.product-grid,.grid,.cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important;gap:22px!important}.card,.product-card,.product{transform:scale(1.03)!important;padding:18px!important;border-radius:16px!important}.card img,.product-card img,.product img{height:240px!important;object-fit:cover!important}.card .title,.product-card .title{font-size:18px!important;font-weight:700!important}.card .price,.product-card .price{font-size:20px!important;font-weight:800!important}

.products,.product-grid,.grid,.cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}.card,.product-card,.product{padding:14px!important;border-radius:14px!important}.card img,.product-card img,.product img{height:190px!important;object-fit:cover!important}.card .title,.product-card .title{font-size:16px!important;font-weight:700!important}.card .price,.product-card .price{font-size:18px!important;font-weight:800!important}@media(min-width:900px){.products,.product-grid,.grid,.cards{grid-template-columns:repeat(4,minmax(0,1fr))!important}}

.products,.product-grid,.grid,.cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}.card,.product-card,.product{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:18px!important;overflow:hidden!important;box-shadow:0 6px 18px rgba(0,0,0,.08)!important;padding:0!important}.card img,.product-card img,.product img{width:100
.products,.product-grid,.grid,.cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}@media(min-width:768px){.products,.product-grid,.grid,.cards{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}}@media(min-width:1200px){.products,.product-grid,.grid,.cards{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:20px!important}}.card,.product-card,.product{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:18px!important;overflow:hidden!important;box-shadow:0 6px 18px rgba(0,0,0,.08)!important;padding:0!important;height:100
@media(min-width:1200px){.products,.product-grid,.grid,.cards{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:16px!important}.card img,.product-card img,.product img{height:170px!important}.card .title,.product-card .title{font-size:14px!important;min-height:36px!important}.card .price,.product-card .price{font-size:16px!important}.card .body,.product-card .body,.product .body,.card .info,.product-card .info{padding:10px!important}}

@media(min-width:1200px){.products,.product-grid,.grid,.cards{grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:12px!important}.card,.product-card,.product{border-radius:12px!important}.card img,.product-card img,.product img{height:130px!important}.card .title,.product-card .title{font-size:12px!important;min-height:30px!important;line-height:1.2!important}.card .price,.product-card .price{font-size:14px!important}.card .meta,.product-card .meta{font-size:11px!important}.card .body,.product-card .body,.product .body,.card .info,.product-card .info{padding:8px!important}}

@media(min-width:1200px){.products,.product-grid,.grid,.cards{grid-template-columns:repeat(10,minmax(0,1fr))!important;gap:10px!important}.card,.product-card,.product{border-radius:10px!important}.card img,.product-card img,.product img{height:105px!important}.card .title,.product-card .title{font-size:11px!important;min-height:24px!important;line-height:1.15!important}.card .price,.product-card .price{font-size:12px!important}.card .meta,.product-card .meta{font-size:10px!important}.card .body,.product-card .body,.product .body,.card .info,.product-card .info{padding:6px!important}}

@media(min-width:992px){.products,.product-grid,.grid,.cards{grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:8px!important}.card,.product-card,.product{border-radius:8px!important}.card img,.product-card img,.product img{height:82px!important}.card .title,.product-card .title{font-size:10px!important;min-height:20px!important;line-height:1.1!important}.card .price,.product-card .price{font-size:11px!important}.card .meta,.product-card .meta{font-size:9px!important}.card .body,.product-card .body,.product .body,.card .info,.product-card .info{padding:5px!important}}
