/* ================================================================
   THEME: social feed (Facebook style)
   ================================================================ */
:root {
  --ab-plum: #1877f2;
  --ab-plum-dark: #1b74e4;
  --ab-plum-soft: #e7f3ff;
  --ab-gold: #42b72a;
  --ab-gold-dark: #36a420;
  --ab-cream: #f0f2f5;
  --ab-bone: #ffffff;
  --ab-ink: #050505;
  --ab-mute: #65676b;
  --ab-line: #ced0d4;
  --ab-danger: #e0245e;
  --ab-success: #2e9b4f;
  --font-display: 'Inter', 'Segoe UI', Arial, sans-serif;
  --radius: 8px;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.1);
}
h1, h2, h3, h4, .brand-logo { font-family: var(--font-body); }
body { background: #f0f2f5; color: #050505; }
a { color: var(--ab-plum); }
a:hover { color: #166fe5; }

/* ---------- top header ---------- */
.tm-fb-top { background: #fff; box-shadow: var(--shadow-sm); position: sticky; top: 0; z-index: 1030; }
.tm-fb-logo { font-weight: 800; color: var(--ab-plum); font-size: 1.25rem; text-decoration: none; display: inline-flex; align-items: center; }
.tm-fb-logo:hover { color: #166fe5; text-decoration: none; }
.tm-fb-logo-ico { display: inline-flex; width: 34px; height: 34px; align-items: center; justify-content: center; border-radius: 8px; color: #fff; font-size: 1.2rem; margin-right: 4px; background: var(--ab-plum); }
.tm-fb-search { background: var(--ab-cream); border-radius: 50px; position: relative; flex: 0 1 420px; }
.tm-fb-search input { background: transparent; border: 0; padding: 9px 14px 9px 40px; width: 100%; border-radius: 50px; outline: none; font-size: 14px; }
.tm-fb-search button { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); border: 0; background: transparent; color: var(--ab-mute); }
.tm-fb-icon { position: relative; display: inline-flex; width: 40px; height: 40px; align-items: center; justify-content: center; border-radius: 50%; background: #e4e6eb; color: #050505; }
.tm-fb-icon:hover { background: #d8dadf; color: #050505; }
.tm-fb-count { position: absolute; top: -4px; right: -6px; background: var(--ab-danger); color: #fff; font-size: 10px; font-weight: 700; min-width: 17px; height: 17px; padding: 0 4px; border-radius: 50px; display: inline-flex; align-items: center; justify-content: center; }
.tm-fb-toggler { color: #050505; background: #e4e6eb; border: 0; border-radius: 50%; width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; }
.tm-fb-toggler:hover { background: #d8dadf; color: #050505; }
.tm-fb-avatar { width: 40px; height: 40px; border-radius: 50%; background: #e4e6eb; color: var(--ab-plum); display: inline-flex; align-items: center; justify-content: center; font-weight: 700; border: 1px solid var(--ab-line); }
.tm-fb-avatar svg { width: 22px; height: 22px; }

/* ---------- category strip ---------- */
.tm-fb-cats { background: #fff; border-bottom: 1px solid var(--ab-line); }
.tm-fb-cats-label { color: var(--ab-mute); font-size: 13px; font-weight: 600; }
.tm-fb-cat { color: #333; text-decoration: none; padding: 8px 10px; font-size: 13px; border: 1px solid transparent; border-radius: 8px; white-space: nowrap; }
.tm-fb-cat:hover { background: var(--ab-cream); color: #050505; }

/* ---------- card = facebook "post" ---------- */
.product-card, .card { background: #fff; border: 1px solid var(--ab-line); border-radius: 8px; overflow: hidden; }
.product-card:hover { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); transform: none; }
.product-card .product-name { font-weight: 600; color: var(--ab-ink); }
.product-card .product-brand { color: var(--ab-mute); font-size: 12px; }
.sale-tag { background: var(--ab-danger); color: #fff; }
.btn-gold { background: var(--ab-gold); border-color: var(--ab-gold); color: #fff; font-weight: 600; }
.btn-gold:hover { background: var(--ab-gold-dark); border-color: var(--ab-gold-dark); color: #fff; }
.btn-dark { background: var(--ab-ink); border-color: var(--ab-ink); }
.btn-dark:hover { background: #3a3b3c; border-color: #3a3b3c; }
.btn-outline-dark { border-color: var(--ab-line); color: var(--ab-ink); }
.btn-outline-dark:hover { background: var(--ab-cream); color: var(--ab-ink); border-color: var(--ab-line); }
.section-title { color: #050505; font-weight: 700; }

/* ---------- search overlay ---------- */
.search-overlay { position: fixed; inset: 0; background: rgba(0, 0, 0, 0.85); z-index: 2000; display: flex; align-items: flex-start; justify-content: center; padding-top: 12vh; }
.search-overlay[hidden] { display: none; }
.search-close { position: absolute; top: 18px; right: 24px; background: transparent; border: 0; color: #fff; font-size: 2.2rem; line-height: 1; }
.search-form { width: min(680px, 92vw); }
.search-input { border-radius: 50px 0 0 50px !important; border: 0 !important; }
.search-form .btn { border-radius: 0 50px 50px 0 !important; }

/* ---------- footer ---------- */
.tm-fb.site-footer { background: #fff; border-top: 1px solid var(--ab-line); }
.tm-fb.site-footer h6 { color: #050505; font-weight: 700; font-size: 14px; }
.tm-fb.site-footer a { color: var(--ab-mute); text-decoration: none; }
.tm-fb.site-footer a:hover { color: var(--ab-plum); text-decoration: underline; }
.tm-fb-newsletter { max-width: 420px; }
.tm-fb-newsletter .form-control { border-radius: 50px; border: 1px solid var(--ab-line); }