/* ═══════════════════════════════════════════════════════════════════
   diaspora.ro — Unified Design System v1 — Faza 1
   Autorul: redesign desktop profesional
   Aplicat DOAR pe desktop (≥ 769px) via media queries
   NU modifică paginile mobile (< 769px)
═══════════════════════════════════════════════════════════════════ */

/* ── 1. VARIABILE UNIFIED (suprascrie global.css cu paleta mobile-pro) ── */
:root {
  --brand:    #7c3aed;
  --brand-2:  #a855f7;
  --accent:   #ec4899;
  --grad:     linear-gradient(135deg,#7c3aed,#a855f7 60%,#ec4899);
  --bg:       #f5f3ff;
  --bg-2:     #ede9fe;
  --card:     #ffffff;
  --card-2:   #f5f3ff;
  --border:   #e4e0f7;
  --ink:      #1a0a2e;
  --muted:    #6b7280;
  --radius:   14px;
  --shadow:   0 2px 8px rgba(124,58,237,.08), 0 1px 3px rgba(0,0,0,.06);
  --shadow-md:0 4px 18px rgba(124,58,237,.14), 0 2px 6px rgba(0,0,0,.08);
  --font:     -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --hdr-bg:   rgba(255,255,255,.97);
  --hdr-border: rgba(124,58,237,.12);
}

/* ── 2. TIPOGRAFIE globală ── */
html, body {
  font-family: var(--font) !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: var(--bg);
  color: var(--ink);
}
a { color: var(--brand); }

/* ══════════════════════════════════════════════════════════════════
   DESKTOP OVERRIDES (≥ 769px) — total redesign profesional
══════════════════════════════════════════════════════════════════ */
@media (min-width: 769px) {

  /* ── ASCUNDE navigație mobilă ── */
  .bottom-nav,
  .m-bottomnav,
  [class*="bottom-nav"],
  [class*="bottomnav"] {
    display: none !important;
  }

  /* ── Elimină padding-bottom de bottom-nav ── */
  body {
    padding-bottom: 0 !important;
  }
  .scroll {
    padding-bottom: 32px !important;
    overflow-y: visible !important;
  }

  /* ── ASCUNDE TOATE butoanele flotante EXCEPTÂND Melissa ── */
  .fab:not([class*="melissa"]):not([id*="melissa"]),
  .hub-fab-compose,
  .create-post-fab,
  .fab-btn:not([class*="melissa"]):not([id*="melissa"]),
  .float-btn:not([class*="melissa"]):not([id*="melissa"]),
  .back-to-top,
  .scroll-top-btn,
  .scroll-top,
  .help-fab,
  .ai-fab,
  [class*="-fab"]:not([class*="melissa"]):not([id*="melissa"]) {
    display: none !important;
  }

  /* ── TOP-BAR → header desktop profesional ── */
  .top-bar {
    position: sticky !important;
    top: 0 !important;
    z-index: 200 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 32px !important;
    height: 68px !important;
    background: var(--hdr-bg) !important;
    backdrop-filter: saturate(180%) blur(12px) !important;
    -webkit-backdrop-filter: saturate(180%) blur(12px) !important;
    border-bottom: 1px solid var(--hdr-border) !important;
    box-shadow: 0 1px 0 var(--hdr-border), 0 4px 20px rgba(124,58,237,.06) !important;
  }

  /* ── Logo ── */
  .tb-logo {
    font-size: 26px !important;
    font-weight: 900 !important;
    letter-spacing: -.04em !important;
    background: var(--grad) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
  }

  /* ── Ascunde hamburger pe desktop ── */
  .tb-hamburger {
    display: none !important;
  }

  /* ── Acțiunile din header ── */
  .tb-actions {
    display: flex !important;
    gap: 10px !important;
    align-items: center !important;
  }
  .tb-btn {
    width: 40px !important;
    height: 40px !important;
    border-radius: 10px !important;
    background: var(--bg-2) !important;
    border: 1px solid var(--border) !important;
    color: var(--ink) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 18px !important;
    cursor: pointer !important;
    transition: all .15s !important;
  }
  .tb-btn:hover {
    background: var(--border) !important;
    transform: translateY(-1px) !important;
  }

  /* ── Left side of top-bar ── */
  .tb-left {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
  }

  /* ── HERO BANNER pe pagini ── */
  .page-hero {
    background: var(--grad) !important;
    padding: 36px 40px !important;
    border-radius: 0 !important;
    margin-bottom: 0 !important;
  }
  .page-hero-title {
    font-size: 32px !important;
    font-weight: 900 !important;
    letter-spacing: -.03em !important;
    line-height: 1.15 !important;
  }
  .page-hero-sub {
    font-size: 15px !important;
    margin-top: 6px !important;
    opacity: .9 !important;
  }

  /* ── CARDURI globale ── */
  .card,
  .content-card,
  .post-card,
  .job-card,
  .group-card,
  .consul-card,
  .topic-card,
  .forum-topic,
  .review-card,
  .recipe-card,
  [class*="-card"]:not(.menu-card):not(.nav-card):not(.quick-card) {
    background: var(--card) !important;
    border: 1px solid var(--border) !important;
    border-radius: var(--radius) !important;
    box-shadow: var(--shadow) !important;
    transition: transform .18s, box-shadow .18s, border-color .18s !important;
  }
  .card:hover,
  .post-card:hover,
  .job-card:hover,
  [class*="-card"]:not(.menu-card):hover {
    transform: translateY(-2px) !important;
    box-shadow: var(--shadow-md) !important;
    border-color: rgba(124,58,237,.3) !important;
  }

  /* ── BUTOANE primare ── */
  .btn-primary,
  .btn-brand,
  .btn-submit,
  [class*="btn-primary"],
  [class*="btn-brand"] {
    background: var(--grad) !important;
    border: none !important;
    color: #fff !important;
    border-radius: 12px !important;
    font-weight: 800 !important;
    padding: 11px 22px !important;
    font-size: 14px !important;
    box-shadow: 0 4px 16px rgba(124,58,237,.3) !important;
    transition: all .18s !important;
    cursor: pointer !important;
  }
  .btn-primary:hover,
  .btn-brand:hover {
    box-shadow: 0 6px 24px rgba(124,58,237,.45) !important;
    transform: translateY(-1px) !important;
    opacity: .95 !important;
  }
  .btn-primary-m {
    background: var(--grad) !important;
    border-radius: 12px !important;
    font-weight: 800 !important;
    box-shadow: 0 4px 16px rgba(124,58,237,.3) !important;
  }

  /* ── BUTOANE secundare / ghost ── */
  .btn-ghost,
  .btn-secondary,
  .btn-outline {
    border: 1.5px solid var(--border) !important;
    background: transparent !important;
    color: var(--ink) !important;
    border-radius: 12px !important;
    font-weight: 700 !important;
    transition: all .15s !important;
  }
  .btn-ghost:hover,
  .btn-secondary:hover {
    background: var(--bg-2) !important;
    border-color: var(--brand) !important;
    color: var(--brand) !important;
  }

  /* ── INPUTS ── */
  input[type="text"],
  input[type="email"],
  input[type="password"],
  input[type="search"],
  input[type="tel"],
  input[type="url"],
  input[type="number"],
  textarea,
  select,
  .form-input,
  .search-inp {
    border-radius: 12px !important;
    border: 1.5px solid var(--border) !important;
    background: var(--card) !important;
    color: var(--ink) !important;
    font-family: var(--font) !important;
    font-size: 14px !important;
    padding: 10px 16px !important;
    transition: border-color .15s, box-shadow .15s !important;
  }
  input:focus,
  textarea:focus,
  select:focus,
  .form-input:focus {
    outline: none !important;
    border-color: var(--brand) !important;
    box-shadow: 0 0 0 3px rgba(124,58,237,.12) !important;
  }

  /* ── TABS ── */
  .tabs,
  .tab-bar,
  [class*="tab-list"],
  [class*="tabs-wrap"] {
    border-bottom: 2px solid var(--border) !important;
    gap: 0 !important;
    padding: 0 !important;
    display: flex !important;
  }
  .tab,
  .tab-btn,
  [class*="tab-item"],
  [class*="nav-tab"] {
    padding: 12px 20px !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    border-radius: 0 !important;
    border-bottom: 2px solid transparent !important;
    margin-bottom: -2px !important;
    color: var(--muted) !important;
    background: transparent !important;
    cursor: pointer !important;
    transition: color .15s, border-color .15s !important;
  }
  .tab.active,
  .tab-btn.active,
  [class*="tab-item"].active {
    color: var(--brand) !important;
    border-bottom-color: var(--brand) !important;
  }
  .tab:hover,
  .tab-btn:hover {
    color: var(--ink) !important;
  }

  /* ── BADGES / TAG-URI ── */
  .badge,
  .tag,
  .chip,
  .label,
  [class*="-badge"]:not(.nav-badge):not(.notif-badge) {
    border-radius: 20px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    padding: 3px 10px !important;
  }

  /* ── AVATARE ── */
  .avatar,
  [class*="-av"]:not(.menu-top),
  [class*="avatar-"] {
    border-radius: 50% !important;
  }

  /* ── SECȚIUNI / Container ── */
  .page-body > *,
  .feed-wrap > *,
  main > *,
  .main-content > * {
    max-width: 1200px;
  }

  /* ── PAGE HERO gradient corect ── */
  [class*="hero"],
  [class*="-hero"]:not(.hdr) {
    background: var(--grad) !important;
  }

  /* ── LISTA de elemente (forum topics, joburi, etc.) ── */
  .topic-row,
  .job-row,
  .listing-row,
  .consul-row,
  [class*="-row"]:not(.react-row):not(.reddit-vote):not(.post-hd):not(.form-row) {
    border-radius: 12px !important;
    background: var(--card) !important;
    border: 1px solid var(--border) !important;
    padding: 16px 20px !important;
    margin-bottom: 8px !important;
    transition: transform .15s, box-shadow .15s !important;
  }
  .topic-row:hover,
  .job-row:hover,
  [class*="-row"]:not(.react-row):not(.post-hd):hover {
    transform: translateX(4px) !important;
    box-shadow: var(--shadow) !important;
    border-color: rgba(124,58,237,.3) !important;
  }

  /* ── SIDEBAR ── */
  .sidebar,
  .aside,
  aside,
  .aside-card {
    background: var(--card) !important;
    border: 1px solid var(--border) !important;
    border-radius: var(--radius) !important;
    box-shadow: var(--shadow) !important;
  }
  .aside-card {
    padding: 20px !important;
    margin-bottom: 12px !important;
  }

  /* ── QUICK CARDS (scroll horizontal) ── */
  .qcard {
    border-radius: 16px !important;
    box-shadow: var(--shadow-md) !important;
    transition: transform .15s, box-shadow .15s !important;
  }
  .qcard:hover {
    transform: translateY(-3px) scale(1.03) !important;
    box-shadow: 0 8px 24px rgba(124,58,237,.2) !important;
  }

  /* ── MENU PANEL (slide-in) rămâne pentru modal-uri dar arată mai bine ── */
  .menu-top {
    background: var(--grad) !important;
  }
  .menu-panel {
    box-shadow: 4px 0 32px rgba(0,0,0,.18) !important;
  }
  .menu-item:hover {
    background: var(--bg-2) !important;
  }

  /* ── MODAL ── */
  .modal-sheet,
  .modal-content,
  [class*="modal-body"],
  [class*="dialog-body"] {
    border-radius: 20px !important;
    box-shadow: 0 24px 64px rgba(0,0,0,.25) !important;
  }

  /* ── FOOTER stamp ── */
  .diaspora-footer-stamp {
    border-top: 1px solid var(--border) !important;
    padding: 28px 24px !important;
    background: var(--bg-2) !important;
  }
  .diaspora-footer-stamp .dfs-brand {
    color: var(--muted) !important;
  }

  /* ── TRENDING banner ── */
  .trending {
    background: var(--grad) !important;
    border-radius: 12px !important;
    padding: 16px 20px !important;
  }

  /* ── POST cards ── */
  .post {
    border-radius: 12px !important;
    border: 1px solid var(--border) !important;
    overflow: hidden !important;
    margin-bottom: 12px !important;
    background: var(--card) !important;
    box-shadow: var(--shadow) !important;
  }
  .post:hover {
    border-color: rgba(124,58,237,.25) !important;
    box-shadow: var(--shadow-md) !important;
  }

  /* ── REACTION button ── */
  .p-act:hover {
    background: var(--bg-2) !important;
    color: var(--brand) !important;
  }
  .p-act.liked {
    color: var(--brand) !important;
  }

  /* ── AUTH BANNER gradient ── */
  .auth-banner {
    background: var(--grad) !important;
    border-radius: 14px !important;
    margin: 16px 16px !important;
  }
  .btn-register {
    color: var(--brand) !important;
    font-weight: 800 !important;
  }

  /* ── SEARCH bar ── */
  .search-bar,
  .search-wrap,
  [class*="search-box"] {
    background: var(--card) !important;
    border: 1.5px solid var(--border) !important;
    border-radius: 12px !important;
    box-shadow: var(--shadow) !important;
  }
  .search-bar:focus-within,
  .search-wrap:focus-within {
    border-color: var(--brand) !important;
    box-shadow: 0 0 0 3px rgba(124,58,237,.12) !important;
  }

  /* ── TABLE / grid de date ── */
  table thead th {
    background: var(--bg-2) !important;
    color: var(--ink) !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: .06em !important;
  }
  table tbody tr:hover td {
    background: var(--bg-2) !important;
  }

  /* ── HEADINGS ── */
  h1, h2, h3, h4 {
    font-weight: 900;
    letter-spacing: -.02em;
    color: var(--ink);
    line-height: 1.2;
  }

  /* ── Culori specifice BRAND ── */
  .brand-color,
  .text-brand,
  [class*="brand-text"],
  .color-brand {
    color: var(--brand) !important;
  }

  .bg-brand,
  [class*="brand-bg"] {
    background: var(--brand) !important;
    color: #fff !important;
  }

  .bg-grad,
  [class*="grad-bg"] {
    background: var(--grad) !important;
    color: #fff !important;
  }

  /* ── CTA SECTION ── */
  .cta-band,
  .cta-section,
  [class*="cta-wrap"],
  [class*="-cta"] {
    background: var(--grad) !important;
    border-radius: 16px !important;
    color: #fff !important;
  }

  /* ── Links ── */
  a {
    color: var(--brand);
    transition: opacity .15s;
  }
  a:hover {
    opacity: .8;
  }

  /* ── NOTIFICARI badge ── */
  .badge,
  .notif-count,
  [class*="notif-badge"] {
    background: #e41e3f !important;
    color: #fff !important;
  }

  /* ── SCROLLBAR styling ── */
  ::-webkit-scrollbar {
    width: 6px;
    height: 6px;
  }
  ::-webkit-scrollbar-track {
    background: var(--bg);
  }
  ::-webkit-scrollbar-thumb {
    background: rgba(124,58,237,.3);
    border-radius: 3px;
  }
  ::-webkit-scrollbar-thumb:hover {
    background: var(--brand);
  }

  /* ── SELECTION color ── */
  ::selection {
    background: rgba(124,58,237,.18);
    color: var(--ink);
  }

  /* ── FOCUS visible ── */
  :focus-visible {
    outline: 2px solid var(--brand);
    outline-offset: 2px;
  }

  /* ── MAIN LAYOUT: content cu sidebar ── */
  .hub-layout,
  .page-layout,
  [class*="layout-main"],
  .with-sidebar {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) 320px !important;
    gap: 20px !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 20px 24px !important;
  }

  /* ── FORUM: topics grid ── */
  .forum-categories,
  .forum-list,
  [class*="forum-grid"] {
    display: grid !important;
    gap: 10px !important;
  }

  /* ── JOBS grid ── */
  .jobs-list,
  .joburi-list,
  .listings-list,
  [class*="jobs-grid"] {
    display: grid !important;
    gap: 12px !important;
  }

  /* ── RETETE grid ── */
  .recipes-grid,
  .retete-grid,
  [class*="recipe-grid"] {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important;
    gap: 18px !important;
  }

  /* ── PROFIL page ── */
  .profile-header,
  [class*="profile-hero"],
  .profil-hero {
    background: var(--grad) !important;
    border-radius: 16px !important;
    padding: 32px !important;
    color: #fff !important;
    margin-bottom: 20px !important;
  }

  /* ── CONSULATE grid ── */
  .consul-grid,
  .consulate-list,
  [class*="consul-list"] {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 16px !important;
  }

  /* ── PAGE CONTAINER for single-column pages ── */
  .page-container,
  .page-inner,
  .inner-wrap,
  .content-container {
    max-width: 900px !important;
    margin: 0 auto !important;
    padding: 24px !important;
  }

} /* END @media desktop */


/* ── MELISSA floating — rămâne MEREU vizibil pe toate ecranele ── */
#melissa-flotant,
.melissa-flotant,
[id*="melissa-flotant"],
[class*="melissa-flotant"],
.melissa-bar,
.melissa-panel,
#melissa-bar,
#melissa-panel,
.aside-melissa,
.nav-melissa-btn {
  display: block !important;
}
#melissa-flotant { display: flex !important; }

/* ═══════════════════════════════════════════════════════════════════
   ELIMINARE LOGO-URI DUPLICATE + FLOTANTE — v2 (toate paginile)
   Singurul logo păstrat: .tb-logo din .top-bar (gradient purple)
═══════════════════════════════════════════════════════════════════ */
@media (min-width: 769px) {

  /* ── Ascunde ORICE element .logo care NU este .tb-logo ── */
  .logo:not(.tb-logo),
  header .logo:not(.tb-logo),
  .anh-logo,
  .ab-dlogo,
  .ab-dlogo-mark,
  .ab-dlogo-txt,
  .brand-link .brand-ceo,
  .dfs-brand,
  .dfs-team,
  .diaspora-footer-stamp,
  .anima-logo,
  .ce-lobby-logo,
  .menu-head-logo,
  [class*="site-logo"]:not(.tb-logo),
  [class*="brand-logo"]:not(.tb-logo),
  [class*="header-logo"]:not(.tb-logo) {
    display: none !important;
  }

  /* ── .tb-logo: stilul EXACT ca homepage mobile (gradient violet) ── */
  .tb-logo,
  .menu-logo {
    font-size: 24px !important;
    font-weight: 900 !important;
    letter-spacing: -.04em !important;
    background: linear-gradient(135deg,#7c3aed,#a855f7) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif !important;
    text-decoration: none !important;
  }

  /* ── Pe homepage desktop: brand-link → stilul mobile ── */
  .brand-link .diaspora-logo {
    font-size: 24px !important;
    font-weight: 900 !important;
    letter-spacing: -.04em !important;
    background: linear-gradient(135deg,#7c3aed,#a855f7) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
  }

  /* ── ELIMINARE COMPLETĂ butoane/elemente flotante pe desktop ── */

  /* Bottom bar / nav-uri fixate jos */
  [class*="bottom-bar"]:not([class*="melissa"]),
  [class*="bottombar"]:not([class*="melissa"]),
  [id*="bottom-bar"]:not([id*="melissa"]),
  .mob-tabs,
  .mobile-tabs,
  .anunt-mob-bar,
  [class*="mob-nav"],
  [class*="mobile-nav"],
  [class*="app-nav"]:not([class*="melissa"]) {
    display: none !important;
  }

  /* FAB-uri / butoane rotunde fixate ── */
  .fab:not([class*="melissa"]):not([id*="melissa"]),
  [class*="fab"]:not([class*="melissa"]):not([id*="melissa"]),
  [id*="fab"]:not([id*="melissa"]),
  .float-btn:not([class*="melissa"]),
  .floating-btn:not([class*="melissa"]),
  .fixed-btn:not([class*="melissa"]),
  .hub-fab-compose,
  .create-post-fab,
  .post-fab,
  .compose-fab,
  .help-fab,
  .back-top,
  .back-to-top,
  .scroll-top,
  .scroll-top-btn,
  [id="back-top"]:not([id*="melissa"]),
  [id="scroll-top"]:not([id*="melissa"]) {
    display: none !important;
  }

  /* CTA flotant (cookie banner, promo bar) ── */
  .cookie-bar,
  .cookie-banner,
  .promo-bar,
  .install-bar,
  .pwa-bar,
  [id*="cookie"]:not([id*="melissa"]),
  [class*="cookie"]:not([class*="melissa"]) {
    display: none !important;
  }

  /* Ascunde bar-uri fixate jos (anunturi, consulate etc.) ── */
  div[style*="position:fixed"][style*="bottom:0"]:not([class*="melissa"]):not([id*="melissa"]),
  div[style*="position: fixed"][style*="bottom: 0"]:not([class*="melissa"]):not([id*="melissa"]) {
    display: none !important;
  }

} /* end @media desktop */


/* ══════════════════════════════════════════════════════════════════
   NO-FLOATS v2 — GLOBAL, fără media query — aplicate pe TOATE paginile
   Elimina ORICE element flotant (position:fixed) din platform
   EXCEPȚIE: Melissa AI + cookie banner + country picker (.dccc-pop)
   ══════════════════════════════════════════════════════════════════ */

/* ── Kill all known floating docks, bubbles, sidecar-FABs ── */
#dpr-floating-dock, .dpr-floating-dock,
#floating-dock, .floating-dock,
#dpr-dock, .dpr-dock, .dpr-overlay-dock,
.anima-companion, #anima-companion,
[id^="anima-companion"], [class^="anima-companion"],
#dpr-magic-trigger, #dpr-left-circle-btn, #dpr-ux-trigger,
#dpr-ux-pill, .ux-pill, .ux-fab, .ux-trigger, .ux-badge,
.dpr-fab, #dpr-fab,
.live-indicator-float, .live-badge-float,
.account-float, .acc-float,
#dias-dock, .dias-dock,
.bottom-dock, #bottom-dock,
.floating-menu, #floating-menu,
.site-fab, #site-fab,
.support-bubble, .support-btn:not([class*="melissa"]),
.help-bubble, .help-btn:not([class*="melissa"]), #help-btn,
.chat-widget:not([class*="melissa"]):not([id*="melissa"]),
.intercom-launcher, [class*="intercom-"],
.crisp-client, [class*="crisp-"],
.drift-widget, [class*="drift-"],
.tawk-visitor-engaged, [id*="tawk-"],
.freshchat-widget, [class*="freshchat"],
#zsiqwidget, [class*="zsiq"],
.hubspot-messages-iframe-container,
.gps-sidecar-fab, .gps-fab, .dias-gps-btn,
.dias-promo-btn, .promo-bubble, .promo-float,
.notification-badge-float, .notif-float,
.back-to-top-v2, .btn-back-top,
[id*="floating"]:not([id*="melissa"]):not([id*="country"]),
[class*="floating"]:not([class*="melissa"]):not([class*="country"]) {
  display: none !important;
  pointer-events: none !important;
}

/* ── Kill ALL position:fixed bottom-docked elements (injected inline) ── */
/* Target inline-style position:fixed elements at bottom of screen */
div[style*="position:fixed"][style*="bottom"]:not([class*="melissa"]):not([id*="melissa"]):not([class*="Melissa"]):not([class*="cookie"]):not([id*="cookie"]):not([class*="dccc"]):not([id*="dccc"]),
div[style*="position: fixed"][style*="bottom"]:not([class*="melissa"]):not([id*="melissa"]):not([class*="Melissa"]):not([class*="cookie"]):not([id*="cookie"]):not([class*="dccc"]):not([id*="dccc"]) {
  display: none !important;
  pointer-events: none !important;
}

/* ── Excepții explicite: cookie banner și country picker ── */
.cookie-banner,
.dccc-pop,
[class*="melissa"],
[id*="melissa"],
[class*="Melissa"],
[id*="Melissa"] {
  display: revert !important;
  pointer-events: revert !important;
}


/* ══════════════════════════════════════════════════════════════════
   v401 — AUDIT DESKTOP FIX — bazat pe verificare vizuală completă
   ══════════════════════════════════════════════════════════════════ */
@media(min-width:769px){

  /* ── 1. BODY FLEX FIX ─────────────────────────────────────────
     Pagini "coming soon" (calculator-taxe, acte-consulare etc.)
     au body{display:flex} care dislocă header-ul injectat.
     Pe desktop: body trebuie să fie block. ── */
  body {
    display: block !important;
    align-items: initial !important;
    justify-content: initial !important;
    flex-direction: initial !important;
    background: #f5f3ff !important;
    min-height: 100vh;
    padding: 0 !important;
  }

  /* ── 2. COMING SOON .box ─────────────────────────────────────── */
  .box {
    max-width: 560px !important;
    margin: 80px auto 60px !important;
    background: #fff !important;
    border-radius: 24px !important;
    padding: 52px 36px !important;
    box-shadow: 0 8px 40px rgba(124,58,237,.12), 0 2px 8px rgba(0,0,0,.06) !important;
    border: 1.5px solid #e8e4f5 !important;
    text-align: center !important;
    color: #1a0a2e !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
  .box h1 {
    color: #1a0a2e !important;
    font-size: 30px !important;
    font-weight: 800 !important;
  }
  .box .sub { color: #4b5563 !important; font-size: 16px !important; }
  .box .note { color: #9ca3af !important; font-size: 14px !important; }
  .box .badge {
    background: #ede9fe !important;
    color: #7c3aed !important;
    border-color: #c4b5fd !important;
  }
  .box .btn.prim {
    background: linear-gradient(135deg,#7c3aed,#a855f7) !important;
    color: #fff !important;
    border: none !important;
    padding: 12px 24px !important;
    border-radius: 14px !important;
    font-weight: 800 !important;
  }
  .box .btn.sec {
    background: #f5f3ff !important;
    color: #7c3aed !important;
    border: 1.5px solid #c4b5fd !important;
    padding: 12px 24px !important;
    border-radius: 14px !important;
    font-weight: 700 !important;
  }

  /* ── 3. HUB — header mobil → sticky desktop ─────────────────── */
  .hub-header {
    position: sticky !important;
    top: 0 !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    z-index: 100 !important;
  }

  /* ── 4. HUB — ascunde toate panelele mobile ─────────────────── */
  .hub-nav,
  .radio-banner,
  .melissa-bar,
  .melissa-panel,
  .notif-panel,
  .composer-modal,
  .story-viewer,
  .media-lb,
  .media-lb-close,
  .media-lb-badge,
  .srch-panel,
  .search-panel,
  .hub-search-overlay,
  .overlay-panel,
  .side-panel {
    display: none !important;
    pointer-events: none !important;
  }

  /* ── 5. HUB — scroll area: elimina padding pentru bottom-nav ── */
  .hub-scroll,
  .hub-feed {
    padding-top: 0 !important;
    padding-bottom: 32px !important;
  }
  
  /* ── 6. CONSULATE — ascunde overlay mobil + alert bar ─────────── */
  .menu-overlay,
  .consul-alert-bar,
  .consul-top-bar,
  .page-alert-bar,
  [class*="alert-banner"]:not([class*="melissa"]),
  [class*="top-banner"]:not([class*="melissa"]),
  [class*="notice-bar"]:not([class*="melissa"]) {
    display: none !important;
  }
  
  /* ── 7. TOAST notifications — fixate, dispar pe desktop ─────── */
  .toast:not([class*="melissa"]):not([id*="melissa"]),
  .toast-container:not([class*="melissa"]),
  [class*="-toast"]:not([class*="melissa"]),
  [class*="toast-"]:not([class*="melissa"]) {
    display: none !important;
    pointer-events: none !important;
  }

  /* ── 8. MODALS — overlay-uri de confirmare ─────────────────── */
  .modal-overlay:not([class*="melissa"]):not([id*="melissa"]) {
    display: none !important;
  }

  /* ── 9. MEDIA LIGHTBOX ─────────────────────────────────────── */
  .media-lb:not([class*="melissa"]),
  .lightbox:not([class*="melissa"]),
  [class*="lb-"]:not([class*="melissa"]) {
    display: none !important;
  }

  /* ── 10. SCROLLBAR fix pe hub ─────────────────────────────── */
  .hub-scroll:not([class*="melissa"]) {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    height: auto !important;
    position: static !important;
  }

}/* end desktop */

/* ── EXCEPȚIE GLOBALĂ: melissa-flotant este ÎNTOTDEAUNA vizibil ── */
#melissa-flotant,
.melissa-flotant,
[id="melissa-flotant"],
[class*="melissa-flotant"] {
  display: flex !important;
  pointer-events: auto !important;
}