/* =========================================================
   Filibeliler.com — персонализация на MH Magazine Lite
   Схема: черно / тъмносиньо + червено (по логото)
   Постави този код в: Appearance → Customize → Additional CSS
   ========================================================= */

/* ---------- Основни цветове ---------- */
:root {
  --fb-dark: #0d1b2a;      /* тъмносиньо-черно от логото */
  --fb-red: #d21f1f;       /* червено от лентата в логото */
  --fb-red-hover: #a81616;
  --fb-light: #f5f5f5;
  --fb-text: #222222;
}

/* ---------- Фон и общ текст ---------- */
body {
  background-color: #ffffff;
  color: var(--fb-text);
}

/* ---------- Header / лого зона ---------- */
#masthead,
.site-header {
  background-color: var(--fb-dark);
  border-bottom: 4px solid var(--fb-red);
}

.site-title a,
.site-description {
  color: #ffffff !important;
}

/* ---------- Главно меню ---------- */
#site-navigation-wrapper,
.main-navigation {
  background-color: var(--fb-dark);
}

.main-navigation a {
  color: #ffffff;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.main-navigation a:hover,
.main-navigation .current-menu-item > a {
  color: var(--fb-red);
}

/* ---------- Заглавия на статии ---------- */
.entry-title a {
  color: var(--fb-dark);
  font-weight: 700;
}

.entry-title a:hover {
  color: var(--fb-red);
}

/* ---------- Линкове ---------- */
a {
  color: var(--fb-red);
}

a:hover {
  color: var(--fb-red-hover);
}

/* ---------- Категории / етикети ---------- */
.mh-meta-category a,
.cat-links a {
  background-color: var(--fb-red);
  color: #ffffff !important;
  padding: 2px 8px;
  border-radius: 3px;
  text-transform: uppercase;
  font-size: 11px;
}

/* ---------- Бутони ---------- */
.button,
button,
input[type="submit"],
.more-link {
  background-color: var(--fb-red);
  color: #ffffff;
  border: none;
  border-radius: 4px;
  padding: 8px 16px;
  transition: background-color 0.2s ease;
}

.button:hover,
button:hover,
input[type="submit"]:hover,
.more-link:hover {
  background-color: var(--fb-red-hover);
}

/* ---------- Sidebar заглавия на модули ---------- */
.widget-title,
.widget-area h3 {
  color: var(--fb-dark);
  border-bottom: 2px solid var(--fb-red);
  padding-bottom: 6px;
  text-transform: uppercase;
  font-size: 15px;
}

/* ---------- Footer ---------- */
#colophon,
.site-footer {
  background-color: var(--fb-dark);
  color: #d9d9d9;
}

#colophon a {
  color: var(--fb-red);
}

/* ---------- Разделители на статии (карти) ---------- */
.mh-loop-thumb,
.entry-content img {
  border-radius: 4px;
}

.mh-loop-item,
article {
  border-bottom: 1px solid #e5e5e5;
}