/*!
 * © 2025 diaspora.ro — Toate drepturile rezervate.
 * PROTECTIE COPYRIGHT — COD PROPRIETAR CONFIDENTIAL
 * Utilizarea, copierea sau distributia fara acord scris este INTERZISA.
 * NO-AI-TRAINING: Not licensed for AI training datasets.
 * NO-AI-SCRAPING: Automated collection strictly prohibited.
 */
/* ============================================================
   Diaspora.ro — brand.css v242
   Integrat: stiluri din fisierul unified-logo (eliminat separat).
   Fara important — specificitate prin selector body .cls.
   ============================================================ */

:root {
  /* ── ANIMA palette ── */
  --d-brand-blue:       #7c3aed;
  --d-brand-blue-deep:  #6d28d9;
  --d-brand-ink-light:  #ffffff;
  --d-brand-pink:       #ec4899;
  --d-brand-amber:      #f59e0b;
  --d-brand-violet2:    #a855f7;

  /* Variabile auxiliare */
  --dia-radius:      16px;
  --dia-radius-sm:   8px;
  --dia-radius-full: 999px;
}

/* ── 1. Logo textual „diaspora.ro" ─────────────────────────────
   Specificitate (0,1,1): body .cls depaseste .cls (0,0,1).
   Valori canonice: Orbitron · #002a83 (integrat din unified-logo v242).
   ──────────────────────────────────────────────────────────── */
body .diaspora-logo,
body .brand-text,
body .d-brand-fixed .brand-text,
body .d-brand-fixed .diaspora-logo,
body .tb-logo .name,
body .mp-logo .mp-brand,
body .mp-brand,
body header .logo .name,
body header .logo .brand-text,
body .logo .brand-text,
body [class*="logo"] .brand-text {
  font-family: 'Orbitron', 'Audiowide', 'Inter', system-ui, -apple-system, sans-serif;
  font-weight: 800;
  font-style: normal;
  letter-spacing: .02em;
  text-transform: lowercase;
  line-height: 1;
  color: #002a83;
  -webkit-text-fill-color: #002a83;
  background: none;
  -webkit-background-clip: initial;
          background-clip: initial;
  text-shadow: none;
  filter: none;
  animation: none;
  transition: filter .25s ease, transform .25s ease, color .2s ease;
}

/* Fragmente interne (.d / .ro / .mid / .rdot / .mp-dot / .dot) */
body .diaspora-logo .d,
body .diaspora-logo .ro,
body .diaspora-logo .mid,
body .brand-text .d,
body .brand-text .ro,
body .brand-text .mid,
body .tb-logo .name .rdot,
body .mp-logo .mp-brand .mp-dot,
body .mp-brand .mp-dot {
  font-family: inherit;
  font-weight: inherit;
  font-size: 1em;
  letter-spacing: inherit;
  color: #002a83;
  -webkit-text-fill-color: #002a83;
  background: none;
  -webkit-background-clip: initial;
          background-clip: initial;
  text-shadow: none;
  filter: none;
  animation: none;
  transform: none;
  margin: 0;
  display: inline;
  text-transform: lowercase;
}

/* Favicon SVG în locul textului „ro" */
body .diaspora-logo .ro-favicon,
body .brand-text .ro-favicon {
  display: inline-block;
  width: 1.15em;
  height: 1.15em;
  vertical-align: middle;
  margin-left: .04em;
  margin-bottom: .08em;
  object-fit: contain;
  filter: none;
  animation: none;
}

/* Punctul central (.) */
body .diaspora-logo .dot,
body .brand-text .dot {
  display: inline-block;
  width: .18em;
  height: .18em;
  border-radius: 50%;
  background: #002a83;
  margin: 0 .04em;
  vertical-align: middle;
  animation: none;
  filter: none;
}

/* ── 2. Hover discret ── */
body a:hover .diaspora-logo,
body a:hover .brand-text,
body .brand:hover .brand-text,
body .tb-logo:hover .name,
body .mp-logo:hover .mp-brand {
  color: #001f63;
  -webkit-text-fill-color: #001f63;
  filter: drop-shadow(0 0 8px rgba(0, 42, 131, .35));
  transform: translateY(-1px);
}

/* ── 3. Dark mode ── */
html[data-theme="dark"] body .diaspora-logo,
html[data-theme="dark"] body .brand-text,
html[data-theme="dark"] body .tb-logo .name,
html[data-theme="dark"] body .mp-logo .mp-brand,
html[data-theme="dark"] body .mp-brand,
body.dark .diaspora-logo,
body.dark .brand-text {
  color: #7aa3ff;
  -webkit-text-fill-color: #7aa3ff;
}

html[data-theme="dark"] body .diaspora-logo .d,
html[data-theme="dark"] body .diaspora-logo .ro,
html[data-theme="dark"] body .brand-text .d,
html[data-theme="dark"] body .brand-text .ro,
html[data-theme="dark"] body .tb-logo .name .rdot,
html[data-theme="dark"] body .mp-logo .mp-brand .mp-dot,
html[data-theme="dark"] body .mp-brand .mp-dot {
  color: #7aa3ff;
  -webkit-text-fill-color: #7aa3ff;
}

html[data-theme="dark"] body .diaspora-logo .dot,
html[data-theme="dark"] body .brand-text .dot {
  background: #7aa3ff;
}

html[data-theme="dark"] body a:hover .diaspora-logo,
html[data-theme="dark"] body a:hover .brand-text,
html[data-theme="dark"] body .tb-logo:hover .name,
html[data-theme="dark"] body .mp-logo:hover .mp-brand {
  color: #a8c4ff;
  -webkit-text-fill-color: #a8c4ff;
}

/* ── 4. Ascunde logouri legacy (imagini vechi tricolor / icon vechi) ── */
body img[src*="/logo-tricolor"],
body img[src*="/old-logo"],
body img[alt*="logo Diaspora vechi" i],
body .brand-tricolor-icon,
body .brand-old-icon,
body .legacy-logo {
  display: none;
}

/* ── 5. Bara fixă top-left (pe paginile fără header brand) ── */
.d-brand-fixed {
  position: fixed;
  top: 14px; left: 18px;
  z-index: 9998;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 14px;
  background: rgba(255, 255, 255, .92);
  backdrop-filter: blur(10px) saturate(140%);
  -webkit-backdrop-filter: blur(10px) saturate(140%);
  border: 1px solid rgba(124, 58, 237, .22);
  border-radius: 12px;
  text-decoration: none;
  font-size: 1rem;
  box-shadow: 0 2px 10px rgba(124, 58, 237, .12);
  transition: all .2s ease;
}
.d-brand-fixed:hover {
  border-color: rgba(124, 58, 237, .50);
  box-shadow: 0 4px 16px rgba(124, 58, 237, .28);
  transform: translateY(-1px);
}
@media (max-width: 640px) {
  .d-brand-fixed { top: 8px; left: 8px; padding: 6px 10px; font-size: .9rem; }
}

html[data-theme="dark"] .d-brand-fixed,
body.dark .d-brand-fixed {
  background: rgba(9, 9, 15, .88);
  border-color: rgba(168, 85, 247, .28);
  box-shadow: 0 2px 14px rgba(124, 58, 237, .20);
}
html[data-theme="dark"] .d-brand-fixed:hover,
body.dark .d-brand-fixed:hover {
  border-color: rgba(168, 85, 247, .55);
  box-shadow: 0 4px 18px rgba(168, 85, 247, .35);
}

/* Ascunde pictograma „d" veche în footer */
body .brand-footer .logo-icon { display: none; }

/* ── 6. Meniu „⋮" brand (injectat de brand.js pe paginile fără meniu) ── */
.d-tm {
  position: fixed; top: 14px; right: 14px; z-index: 9999;
  font: 600 14px/1.2 'Inter', 'Segoe UI', system-ui, sans-serif;
}
.d-tm-btn {
  width: 46px; height: 46px; border-radius: 50%;
  background: linear-gradient(135deg, #7c3aed, #ec4899);
  color: #fff; border: 0; cursor: pointer;
  display: inline-flex; align-items: center; justify-content: center;
  box-shadow: 0 6px 22px rgba(124,58,237,.50),
              inset 0 0 0 1px rgba(255,255,255,.18);
  transition: transform .15s ease, box-shadow .15s ease;
}
.d-tm-btn:hover  { transform: translateY(-1px); box-shadow: 0 10px 28px rgba(236,72,153,.55); }
.d-tm-btn:active { transform: translateY(0); }
.d-tm-btn:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }

.d-tm-list {
  position: absolute; top: 54px; right: 0; min-width: 240px;
  background: #0f1d33; color: #e2e8f0;
  border: 1px solid rgba(36,50,72,.9); border-radius: 12px;
  padding: 6px;
  box-shadow: 0 18px 44px rgba(0,0,0,.55);
  opacity: 0; transform: translateY(-6px) scale(.96);
  pointer-events: none; transition: opacity .15s, transform .15s;
}
.d-tm.open .d-tm-list {
  opacity: 1; transform: translateY(0) scale(1); pointer-events: auto;
}
.d-tm-item {
  display: flex; align-items: center; gap: 10px;
  padding: 10px 12px; border-radius: 8px;
  text-decoration: none; color: inherit;
  background: transparent; border: 0; width: 100%;
  font: inherit; text-align: left; cursor: pointer;
}
.d-tm-item:hover,
.d-tm-item:focus-visible { background: rgba(0,212,255,.14); color: #fff; outline: none; }
.d-tm-item svg { flex-shrink: 0; opacity: .9; }
.d-tm-item .d-tm-emoji { font-size: 18px; width: 18px; text-align: center; }
.d-tm-item--btn[aria-pressed="true"] { background: rgba(252,209,22,.14); color: #fff7c2; }

@media (prefers-color-scheme: light) {
  html:not([data-theme="dark"]) .d-tm-list {
    background: #fff; color: #0f172a; border-color: #e5e7eb;
    box-shadow: 0 16px 40px rgba(15,23,42,.18);
  }
  html:not([data-theme="dark"]) .d-tm-item:hover,
  html:not([data-theme="dark"]) .d-tm-item:focus-visible {
    background: rgba(124,58,237,.12); color: #6d28d9;
  }
}
html[data-theme="light"] .d-tm-list,
html[data-theme="day"] .d-tm-list,
body.day .d-tm-list {
  background: #fff; color: #0f172a; border-color: #e5e7eb;
  box-shadow: 0 16px 40px rgba(15,23,42,.18);
}
html[data-theme="light"] .d-tm-item:hover,
html[data-theme="day"] .d-tm-item:hover,
body.day .d-tm-item:hover { background: rgba(124,58,237,.12); color: #6d28d9; }

@media (max-width: 600px) {
  .d-tm { top: 8px; right: 8px; }
  .d-tm-btn { width: 42px; height: 42px; }
  .d-tm-list { min-width: 220px; top: 50px; }
  .d-tm-item { padding: 11px 12px; }
}

@media print { .d-tm { display: none; } }

/* ── 7. Country / Ţară picker — z-index şi pointer-events ──────
   Integrat din picker-fix.css (eliminat fişier separat).
   ─────────────────────────────────────────────────────────── */
body .dccc-pop,
body .dt-pop { z-index: 60; }

body .dccc[aria-expanded="false"] + .dccc-pop,
body .dt-pop[hidden] { pointer-events: none; visibility: hidden; }

#dia-country-wrap { pointer-events: none; }
#dia-country-wrap .dccc,
#dia-country-wrap .dccc-pop { pointer-events: auto; }