/* UniversalBlog — Footer Styles (8 вариантов) */

/* === 1. DARK — Тёмный 4 колонки (по умолчанию) === */
.ub-footer.style-dark { background:var(--color-dark);color:rgba(255,255,255,.75); }
.ub-footer.style-dark .ub-footer-top { padding:52px 0 36px; }
.ub-footer.style-dark .ub-footer-grid { display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:36px; }
.ub-footer.style-dark .ub-footer-widget-title { font-size:12px;font-weight:800;color:#fff;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid var(--color-primary);text-transform:uppercase;letter-spacing:.14em;display:inline-block; }
.ub-footer.style-dark .ub-footer-links { list-style:none;display:flex;flex-direction:column;gap:8px; }
.ub-footer.style-dark .ub-footer-links a { color:rgba(255,255,255,.6);font-size:13.5px;display:flex;align-items:flex-start;gap:6px;transition:color .2s,padding-left .15s; }
.ub-footer.style-dark .ub-footer-links a::before { content:'›';color:var(--color-primary);font-weight:700;flex-shrink:0; }
.ub-footer.style-dark .ub-footer-links a:hover { color:#fff;padding-left:3px; }
.ub-footer.style-dark .ub-footer-bottom { border-top:1px solid rgba(255,255,255,.08);padding:16px 0; }
.ub-footer.style-dark .ub-footer-bottom-inner { display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px; }
.ub-footer.style-dark .ub-footer-copy { font-size:13px;color:rgba(255,255,255,.4); }
.ub-footer.style-dark .ub-footer-bottom-links { display:flex;gap:18px; }
.ub-footer.style-dark .ub-footer-bottom-links a { font-size:13px;color:rgba(255,255,255,.4); }
.ub-footer.style-dark .ub-footer-bottom-links a:hover { color:var(--color-primary); }

/* === 2. LIGHT — Светлый === */
.ub-footer.style-light { background:var(--color-surface);border-top:3px solid var(--color-primary);color:var(--color-text-mid); }
.ub-footer.style-light .ub-footer-top { padding:40px 0 28px; }
.ub-footer.style-light .ub-footer-grid { display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px; }
.ub-footer.style-light .ub-footer-widget-title { font-size:14px;font-weight:700;color:var(--color-text);margin-bottom:14px;display:block; }
.ub-footer.style-light .ub-footer-links { list-style:none;display:flex;flex-direction:column;gap:7px; }
.ub-footer.style-light .ub-footer-links a { font-size:13.5px;color:var(--color-text-mid);transition:color .2s,padding-left .15s; }
.ub-footer.style-light .ub-footer-links a:hover { color:var(--color-primary);padding-left:4px; }
.ub-footer.style-light .ub-footer-bottom { background:var(--color-bg);border-top:1px solid var(--color-border);padding:14px 0; }
.ub-footer.style-light .ub-footer-bottom-inner { display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px; }
.ub-footer.style-light .ub-footer-copy { font-size:13px;color:var(--color-text-muted); }
.ub-footer.style-light .ub-footer-bottom-links { display:flex;gap:16px; }
.ub-footer.style-light .ub-footer-bottom-links a { font-size:13px;color:var(--color-text-muted); }
.ub-footer.style-light .ub-footer-bottom-links a:hover { color:var(--color-primary); }

/* === 3. MINIMAL — Одна строка === */
.ub-footer.style-minimal { background:var(--color-dark-mid);color:rgba(255,255,255,.6); }
.ub-footer.style-minimal .ub-footer-top { padding:30px 0; }
.ub-footer.style-minimal .ub-footer-grid { display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:24px; }
.ub-footer.style-minimal .ub-footer-widget-title { font-size:13px;font-weight:700;color:#fff;margin-bottom:12px;display:block; }
.ub-footer.style-minimal .ub-footer-links { list-style:none;display:flex;flex-direction:column;gap:6px; }
.ub-footer.style-minimal .ub-footer-links a { font-size:13px;color:rgba(255,255,255,.55);transition:color .2s; }
.ub-footer.style-minimal .ub-footer-links a:hover { color:var(--color-accent); }
.ub-footer.style-minimal .ub-footer-bottom { border-top:1px solid rgba(255,255,255,.08);padding:14px 0; }
.ub-footer.style-minimal .ub-footer-bottom-inner { display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px; }
.ub-footer.style-minimal .ub-footer-copy,.ub-footer.style-minimal .ub-footer-bottom-links a { font-size:13px;color:rgba(255,255,255,.35); }
.ub-footer.style-minimal .ub-footer-bottom-links { display:flex;gap:16px; }
.ub-footer.style-minimal .ub-footer-bottom-links a:hover { color:var(--color-accent); }

/* === 4. GRADIENT — Цветной градиент === */
.ub-footer.style-gradient { background:linear-gradient(135deg,var(--color-primary-dk) 0%,var(--color-primary) 60%,var(--color-accent) 100%);color:rgba(255,255,255,.88); }
.ub-footer.style-gradient .ub-footer-top { padding:52px 0 36px; }
.ub-footer.style-gradient .ub-footer-grid { display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:36px; }
.ub-footer.style-gradient .ub-footer-widget-title { font-size:12px;font-weight:800;color:#fff;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.3);text-transform:uppercase;letter-spacing:.14em;display:inline-block; }
.ub-footer.style-gradient .ub-footer-links { list-style:none;display:flex;flex-direction:column;gap:8px; }
.ub-footer.style-gradient .ub-footer-links a { color:rgba(255,255,255,.75);font-size:13.5px;transition:color .2s; }
.ub-footer.style-gradient .ub-footer-links a:hover { color:#fff; }
.ub-footer.style-gradient .ub-footer-bottom { border-top:1px solid rgba(255,255,255,.2);padding:16px 0; }
.ub-footer.style-gradient .ub-footer-bottom-inner { display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px; }
.ub-footer.style-gradient .ub-footer-copy { font-size:13px;color:rgba(255,255,255,.6); }
.ub-footer.style-gradient .ub-footer-bottom-links { display:flex;gap:18px; }
.ub-footer.style-gradient .ub-footer-bottom-links a { font-size:13px;color:rgba(255,255,255,.6); }
.ub-footer.style-gradient .ub-footer-bottom-links a:hover { color:#fff; }

/* === 5. MEGA — Мега-футер с большой верхней полосой === */
.ub-footer.style-mega { background:var(--color-dark);color:rgba(255,255,255,.8); }
.ub-footer.style-mega .ub-footer-top-accent { background:var(--color-primary);padding:28px 0; }
.ub-footer.style-mega .ub-footer-top-accent .ub-container { display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px; }
.ub-footer.style-mega .ub-footer-accent-text { font-size:20px;font-weight:800;color:#fff; }
.ub-footer.style-mega .ub-footer-accent-sub { font-size:14px;opacity:.85;margin-top:4px;color:rgba(255,255,255,.8); }
.ub-footer.style-mega .ub-footer-accent-btn { background:#fff;color:var(--color-primary);padding:11px 28px;border-radius:50px;font-size:14px;font-weight:700;white-space:nowrap;transition:all .2s;text-decoration:none; }
.ub-footer.style-mega .ub-footer-accent-btn:hover { background:var(--color-accent);color:#fff; }
.ub-footer.style-mega .ub-footer-top { padding:48px 0 32px; }
.ub-footer.style-mega .ub-footer-grid { display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:36px; }
.ub-footer.style-mega .ub-footer-widget-title { font-size:12px;font-weight:800;color:#fff;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid var(--color-primary);text-transform:uppercase;letter-spacing:.14em;display:inline-block; }
.ub-footer.style-mega .ub-footer-links { list-style:none;display:flex;flex-direction:column;gap:8px; }
.ub-footer.style-mega .ub-footer-links a { color:rgba(255,255,255,.6);font-size:13.5px;display:flex;align-items:flex-start;gap:6px;transition:color .2s; }
.ub-footer.style-mega .ub-footer-links a::before { content:'›';color:var(--color-primary);font-weight:700;flex-shrink:0; }
.ub-footer.style-mega .ub-footer-links a:hover { color:#fff; }
.ub-footer.style-mega .ub-footer-bottom { border-top:1px solid rgba(255,255,255,.08);padding:16px 0; }
.ub-footer.style-mega .ub-footer-bottom-inner { display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px; }
.ub-footer.style-mega .ub-footer-copy { font-size:13px;color:rgba(255,255,255,.4); }
.ub-footer.style-mega .ub-footer-bottom-links { display:flex;gap:18px; }
.ub-footer.style-mega .ub-footer-bottom-links a { font-size:13px;color:rgba(255,255,255,.4); }
.ub-footer.style-mega .ub-footer-bottom-links a:hover { color:var(--color-primary); }

/* === 6. CENTERED — Контент по центру === */
.ub-footer.style-centered { background:var(--color-dark);color:rgba(255,255,255,.75);text-align:center; }
.ub-footer.style-centered .ub-footer-top { padding:52px 0 32px; }
.ub-footer.style-centered .ub-footer-grid { display:flex;flex-direction:column;align-items:center;gap:32px; }
.ub-footer.style-centered .ub-footer-about { max-width:540px; }
.ub-footer.style-centered .ub-footer-logo { justify-content:center; }
.ub-footer.style-centered .ub-footer-social { justify-content:center; }
.ub-footer.style-centered .ub-footer-widget-title { font-size:12px;font-weight:800;color:var(--color-primary);margin-bottom:16px;text-transform:uppercase;letter-spacing:.14em;display:block; }
.ub-footer.style-centered .ub-footer-links { list-style:none;display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:center; }
.ub-footer.style-centered .ub-footer-links a { color:rgba(255,255,255,.65);font-size:14px;transition:color .2s; }
.ub-footer.style-centered .ub-footer-links a:hover { color:#fff; }
.ub-footer.style-centered .ub-footer-bottom { border-top:1px solid rgba(255,255,255,.08);padding:16px 0;text-align:center; }
.ub-footer.style-centered .ub-footer-bottom-inner { flex-direction:column;gap:10px;align-items:center; }
.ub-footer.style-centered .ub-footer-copy { font-size:13px;color:rgba(255,255,255,.4); }
.ub-footer.style-centered .ub-footer-bottom-links { display:flex;gap:18px;justify-content:center; }
.ub-footer.style-centered .ub-footer-bottom-links a { font-size:13px;color:rgba(255,255,255,.4); }
.ub-footer.style-centered .ub-footer-bottom-links a:hover { color:var(--color-primary); }

/* === 7. SPLIT — Тёмный низ + светлая панель === */
.ub-footer.style-split { }
.ub-footer.style-split .ub-footer-top { background:var(--color-surface);border-top:1px solid var(--color-border);padding:40px 0 28px; }
.ub-footer.style-split .ub-footer-grid { display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px; }
.ub-footer.style-split .ub-footer-widget-title { font-size:14px;font-weight:700;color:var(--color-text);margin-bottom:14px;display:block;padding-bottom:8px;border-bottom:2px solid var(--color-primary); }
.ub-footer.style-split .ub-footer-links { list-style:none;display:flex;flex-direction:column;gap:7px; }
.ub-footer.style-split .ub-footer-links a { font-size:13.5px;color:var(--color-text-mid);transition:color .2s; }
.ub-footer.style-split .ub-footer-links a:hover { color:var(--color-primary); }
.ub-footer.style-split .ub-footer-bottom { background:var(--color-dark);padding:20px 0; }
.ub-footer.style-split .ub-footer-bottom-inner { display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px; }
.ub-footer.style-split .ub-footer-copy { font-size:13px;color:rgba(255,255,255,.45); }
.ub-footer.style-split .ub-footer-bottom-links { display:flex;gap:18px; }
.ub-footer.style-split .ub-footer-bottom-links a { font-size:13px;color:rgba(255,255,255,.45); }
.ub-footer.style-split .ub-footer-bottom-links a:hover { color:var(--color-primary); }

/* === 8. NEWSPAPER — Газетный стиль с разделителями === */
.ub-footer.style-newspaper { background:#1a1a1a;color:rgba(255,255,255,.75);border-top:4px solid var(--color-primary); }
.ub-footer.style-newspaper .ub-footer-top { padding:44px 0 32px; }
.ub-footer.style-newspaper .ub-footer-grid { display:grid;grid-template-columns:2fr 1fr 1fr;gap:0; }
.ub-footer.style-newspaper .ub-footer-grid>div { padding:0 32px;border-right:1px solid rgba(255,255,255,.08); }
.ub-footer.style-newspaper .ub-footer-grid>div:first-child { padding-left:0; }
.ub-footer.style-newspaper .ub-footer-grid>div:last-child { border-right:none; }
.ub-footer.style-newspaper .ub-footer-widget-title { font-size:11px;font-weight:900;color:var(--color-primary);margin-bottom:16px;text-transform:uppercase;letter-spacing:.2em;display:block;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.12); }
.ub-footer.style-newspaper .ub-footer-links { list-style:none;display:flex;flex-direction:column;gap:8px; }
.ub-footer.style-newspaper .ub-footer-links a { color:rgba(255,255,255,.65);font-size:13.5px;transition:color .2s; }
.ub-footer.style-newspaper .ub-footer-links a:hover { color:var(--color-primary); }
.ub-footer.style-newspaper .ub-footer-bottom { border-top:1px solid rgba(255,255,255,.08);padding:14px 0; }
.ub-footer.style-newspaper .ub-footer-bottom-inner { display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px; }
.ub-footer.style-newspaper .ub-footer-copy { font-size:13px;color:rgba(255,255,255,.4);font-style:italic; }
.ub-footer.style-newspaper .ub-footer-bottom-links { display:flex;gap:18px; }
.ub-footer.style-newspaper .ub-footer-bottom-links a { font-size:13px;color:rgba(255,255,255,.4); }
.ub-footer.style-newspaper .ub-footer-bottom-links a:hover { color:var(--color-primary); }

/* Общие элементы футера */
.ub-footer-about p { font-size:14px;line-height:1.7;margin-bottom:16px; }
.ub-footer-logo { display:flex;align-items:center;gap:10px;margin-bottom:14px;text-decoration:none; }
.ub-footer-logo .ub-logo-icon { width:38px;height:38px; }
.ub-footer-logo .ub-logo-name { font-size:18px;font-weight:900; }
.ub-footer-social { display:flex;gap:8px;margin-top:14px; }
.ub-footer-social-btn { width:36px;height:36px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);color:rgba(255,255,255,.7);font-size:11px;font-weight:700;transition:background .2s,color .2s;text-decoration:none; }
.ub-footer-social-btn:hover { background:var(--color-primary);color:#fff; }
.ub-footer.style-light .ub-footer-social-btn,.ub-footer.style-split .ub-footer-social-btn { background:var(--color-bg);color:var(--color-text-mid);border:1px solid var(--color-border); }
.ub-footer.style-light .ub-footer-social-btn:hover,.ub-footer.style-split .ub-footer-social-btn:hover { background:var(--color-primary);color:#fff;border-color:var(--color-primary); }
.ub-footer-contact-item { display:flex;align-items:flex-start;gap:10px;font-size:14px;margin-bottom:10px; }
.ub-footer-contact-item svg { flex-shrink:0;opacity:.55;margin-top:2px; }

@media(max-width:992px) {
  .ub-footer.style-dark .ub-footer-grid,
  .ub-footer.style-light .ub-footer-grid,
  .ub-footer.style-gradient .ub-footer-grid,
  .ub-footer.style-mega .ub-footer-grid,
  .ub-footer.style-split .ub-footer-grid { grid-template-columns:1fr 1fr;gap:28px; }
  .ub-footer.style-newspaper .ub-footer-grid { grid-template-columns:1fr 1fr; }
  .ub-footer.style-newspaper .ub-footer-grid>div { padding:0 20px; }
}
@media(max-width:640px) {
  .ub-footer.style-dark .ub-footer-grid,
  .ub-footer.style-light .ub-footer-grid,
  .ub-footer.style-gradient .ub-footer-grid,
  .ub-footer.style-mega .ub-footer-grid,
  .ub-footer.style-split .ub-footer-grid,
  .ub-footer.style-newspaper .ub-footer-grid { grid-template-columns:1fr; }
  .ub-footer.style-newspaper .ub-footer-grid>div { border-right:none;border-bottom:1px solid rgba(255,255,255,.08);padding:0 0 20px;margin-bottom:20px; }
  .ub-footer.style-mega .ub-footer-top-accent .ub-container { flex-direction:column;text-align:center; }
}
