/* ==========================================================================
   REVOnet Theme — revonet-v2-twitter.css   v2.0.0 «Καθαρό Twitter»
   © Newdeal Deluxe IKE 2026
   --------------------------------------------------------------------------
   V2 LAYER πάνω στο revonet-theme.css (v1 base). Φορτώνει ΜΕΤΑ από αυτό.

   Στόχος (εγκεκριμένο mockup «Παραλλαγή 1»):
     ✓ Μία κεντρική στήλη feed, καθαρή κι ευάερη
     ✓ Compose box πάνω-πάνω, φιλόξενο, με ΜΕΓΑΛΟ μπλε κουμπί «Φωτογραφία»
     ✓ Λιτό λευκό topbar με pill navigation
     ✓ Login page: καθαρή κάρτα, ΧΩΡΙΣ language dropdown, χωρίς bounce
     ✗ ΚΑΜΙΑ DOM αλλαγή, ΚΑΝΕΝΑ JS (μάθημα v4.0.0)

   Selectors επιβεβαιωμένα στο live (16/7/2026):
     Clean theme layout: body.clean-theme > #topbar (.topbar-brand,
       #top-menu-nav, #search-menu-nav, .notifications, .topbar-actions)
     Compose: .content-form-body, .contentForm_options, .btn_container,
       .fileinput-button (UploadButton), #post_submit_button
     Login (guest): body.hh-ct-is-guest, #language-chooser, .powered,
       .panel.animated
   ========================================================================== */


/* ╔══════════════════════════════════════════════════════════════════════╗
   ║ V2.0 TOKENS (συμπλήρωμα των --rn-* του v1)                            ║
   ╚══════════════════════════════════════════════════════════════════════╝ */
:root {
  --rn2-feed-max: 1120px;      /* συνολικό πλάτος περιεχομένου */
  --rn2-r-card: 16px;          /* Twitter-ish κάρτες */
  --rn2-canvas: #F8FAFC;
}


/* ╔══════════════════════════════════════════════════════════════════════╗
   ║ V2.1 TOPBAR — λιτό λευκό, pill nav (Clean theme #topbar)              ║
   ╚══════════════════════════════════════════════════════════════════════╝ */

body.clean-theme #topbar {
  background: #FFFFFF !important;
  border-bottom: 1px solid var(--rn-border) !important;
  box-shadow: none !important;
}

/* Nav items ως pills */
body.clean-theme #top-menu-nav > li > a,
body.clean-theme #top-menu-nav .nav-link {
  border-radius: var(--rn-r-full) !important;
  font-weight: 600 !important;
  color: var(--rn-text-2) !important;
  transition: background var(--rn-t) var(--rn-ease), color var(--rn-t) var(--rn-ease) !important;
}
body.clean-theme #top-menu-nav > li > a:hover,
body.clean-theme #top-menu-nav .nav-link:hover {
  background: var(--rn-surface-2) !important;
  color: var(--rn-text-1) !important;
}
body.clean-theme #top-menu-nav > li.active > a,
body.clean-theme #top-menu-nav .nav-link.active,
body.clean-theme #top-menu-nav li.active .nav-link {
  background: var(--rn-brand-50) !important;
  color: var(--rn-brand-darker) !important;
}

/* Δεξιά: αναζήτηση/ειδοποιήσεις/avatar — καθαρά κουμπιά */
body.clean-theme #search-menu-nav .nav-link,
body.clean-theme .notifications .nav-link,
body.clean-theme .topbar-actions .nav-link {
  border-radius: var(--rn-r-full) !important;
}

/* Badge ειδοποιήσεων σε brand κόκκινο-πορτοκαλί για αντίθεση */
body.clean-theme .notifications .badge,
body.clean-theme #badge-notifications {
  background: var(--rn-danger) !important;
  color: #fff !important;
  border-radius: var(--rn-r-full) !important;
}


/* ╔══════════════════════════════════════════════════════════════════════╗
   ║ V2.2 ΚΕΝΤΡΙΚΗ ΣΤΗΛΗ — στενότερο container, ήρεμο φόντο               ║
   ╚══════════════════════════════════════════════════════════════════════╝ */

body.clean-theme {
  background-color: var(--rn2-canvas) !important;   /* color-only: μη σβήνει τυχόν background-image */
}

/* Το bootstrap .container παντού (topbar + περιεχόμενο) πιο μαζεμένο —
   δίνει την αίσθηση κεντραρισμένης ροής αντί για full-width dashboard. */
body.clean-theme .container {
  max-width: var(--rn2-feed-max) !important;
}

/* Οι κάρτες του feed πιο «Twitter»: μεγαλύτερη καμπύλη + αέρας */
body.clean-theme .panel,
body.clean-theme .stream-entry,
body.clean-theme .wall-entry {
  border-radius: var(--rn2-r-card) !important;
}

/* Wall entries: καθαρό λευκό, διακριτικό διαχωριστικό */
body.clean-theme [data-stream-entry],
body.clean-theme .stream-entry {
  background: var(--rn-surface) !important;
  border: 1px solid var(--rn-border) !important;
  box-shadow: var(--rn-shadow-xs) !important;
  margin-bottom: 14px !important;
  padding: 4px 6px !important;
}
body.clean-theme [data-stream-entry] .panel,
body.clean-theme .stream-entry .panel {
  border: none !important;
  box-shadow: none !important;
  margin-bottom: 0 !important;
}


/* ╔══════════════════════════════════════════════════════════════════════╗
   ║ V2.3 COMPOSE — «Τι νέο στην αγορά;» με μεγάλο κουμπί Φωτογραφία       ║
   ╚══════════════════════════════════════════════════════════════════════╝ */

/* Η κάρτα του compose ξεχωρίζει ελαφρά από τις υπόλοιπες */
body.clean-theme .content-form-body {
  border-radius: var(--rn2-r-card) !important;
  padding: 16px 18px 12px !important;
}

/* Το πεδίο κειμένου (ProseMirror) — μεγάλο, φιλόξενο, χωρίς κουτί
   [v2.0.1: verified selectors από live DOM 16/7] */
body.clean-theme .content-form-body .ProseMirror {
  font-size: 17px !important;
  min-height: 60px !important;
  border: none !important;
  box-shadow: none !important;
}

/* v2.0.1 FIX — ΤΟ ΓΚΡΙ SLAB: το placeholder widget του ProseMirror έχει
   κλάση .placeholder που στο Bootstrap 5 = skeleton loader με
   background: currentColor → το «Τι νέο στην αγορά;» γινόταν γκρι μπάρα.
   Επαναφορά σε κανονικό κείμενο. */
body.clean-theme .content-form-body .atwho-placeholder,
body.clean-theme .content-form-body .placeholder.ProseMirror-widget {
  background: transparent !important;
  opacity: 1 !important;
  color: var(--rn-text-muted) !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  cursor: text;
  animation: none !important;
}

/* Toolbar off στο dashboard compose — απλότητα Twitter (το markdown δουλεύει) */
body.clean-theme #contentFormBody .ProseMirror-menubar { display: none !important; }
body.clean-theme #contentFormBody .field-post-message { margin-bottom: 6px !important; }

/* Γραμμή ενεργειών του compose */
body.clean-theme .contentForm_options hr {
  border-color: var(--rn-border-soft) !important;
  margin: 10px 0 !important;
}
body.clean-theme .contentForm_options .btn_container {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

/* ΤΟ ΜΕΓΑΛΟ ΚΟΥΜΠΙ «Φωτογραφία»: το UploadButton (fileinput-button) από
   μικρό γκρι συνδετηράκι → εμφανές μπλε κουμπί με ετικέτα.
   (Ετικέτα μέσω ::after — σελίδα ελληνική μόνο, βλ. allowedLanguages) */
body.clean-theme .contentForm_options .fileinput-button,
body.clean-theme .contentForm_options .btn-light {
  background: var(--rn-brand-50) !important;
  color: var(--rn-brand-dark) !important;
  border: 1px solid var(--rn-brand-200) !important;
  border-radius: var(--rn-r-full) !important;
  font-weight: 600 !important;
  padding: 8px 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}
body.clean-theme .contentForm_options .fileinput-button:hover,
body.clean-theme .contentForm_options .btn-light:hover {
  background: var(--rn-brand-100) !important;
  color: var(--rn-brand-darker) !important;
}
body.clean-theme .contentForm_options .fileinput-button::after {
  content: "Φωτογραφία / Αρχείο";
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.005em;
}

/* Κουμπί Δημοσίευση: γεμάτο μπλε pill, δεξιά */
body.clean-theme #post_submit_button,
body.clean-theme .contentForm_options .btn-accent,
body.clean-theme .contentForm_options button[type=submit] {
  background: var(--rn-brand) !important;
  border-color: var(--rn-brand) !important;
  color: #fff !important;
  border-radius: var(--rn-r-full) !important;
  font-weight: 700 !important;
  padding: 8px 22px !important;
  order: 99;
  margin-left: 10px !important;
}

/* v2.0.1 FIX — το badge «ΔΗΜΟΣΙΟ» (float-end) πατούσε ΠΑΝΩ στο submit:
   float μέσα σε flex container = overlap. Flex-ification + απόκρυψη badge
   (η ορατότητα παραμένει διαθέσιμη από το γρανάζι). */
body.clean-theme .contentForm_options .badge-container { display: none !important; }
body.clean-theme .contentForm_options .float-end {
  float: none !important;
  display: inline-flex !important;
  align-items: center !important;
  order: 98;
  margin-left: auto !important;
}
body.clean-theme #post_submit_button:hover {
  background: var(--rn-brand-dark) !important;
  box-shadow: 0 4px 10px rgba(59, 130, 246, .25) !important;
}

/* Τα tabs πάνω από το compose (Post/Ερώτηση/Gallery) πιο διακριτικά */
body.clean-theme .content-create-menu .nav-tabs,
body.clean-theme .nav-tabs[role=tablist] {
  border-bottom: none !important;
}

/* Drop zone hint όταν σέρνεις αρχείο */
body.clean-theme .content-form-body.fileinput-dragover {
  outline: 2px dashed var(--rn-brand) !important;
  outline-offset: -6px;
  background: var(--rn-brand-50) !important;
}


/* ╔══════════════════════════════════════════════════════════════════════╗
   ║ V2.4 STREAM ACTIONS — καρδιά/σχόλιο σε ήρεμα pills                    ║
   ╚══════════════════════════════════════════════════════════════════════╝ */

/* [v2.0.1: το .wall-entry-controls ΔΕΝ υπάρχει στο 1.18 markup —
   το σωστό είναι .stream-entry-addons (verified live 16/7)]
   [v2.3.2 ROOT-FIX: το a:not([data-ui-gallery]) εξαιρεί τα links των
   φωτογραφιών (gallery anchors) — το pill padding 7/14 τους έβαζε λευκό
   πλαίσιο μέσα στο FB-style πλέγμα («περίεργα κενά», Chris 17/7)] */
body.clean-theme .stream-entry-addons { padding-top: 6px !important; }
body.clean-theme .stream-entry-addons a:not([data-ui-gallery]) {
  border-radius: var(--rn-r-full) !important;
  padding: 7px 14px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--rn-text-3) !important;
}
body.clean-theme .stream-entry-addons a:not([data-ui-gallery]):hover {
  background: var(--rn-brand-50) !important;
  color: var(--rn-brand-dark) !important;
  text-decoration: none !important;
}


/* ╔══════════════════════════════════════════════════════════════════════╗
   ║ V2.5 LOGIN PAGE — καθαρή κάρτα, ΧΩΡΙΣ 49 γλώσσες, χωρίς bounce        ║
   ╚══════════════════════════════════════════════════════════════════════╝ */

/* Το dropdown των 49 γλωσσών ΚΡΥΒΕΤΑΙ (το allowedLanguages=['el'] στο
   config το καθιστά και λειτουργικά περιττό) */
body.hh-ct-is-guest #language-chooser,
#language-chooser {
  display: none !important;
}

/* «Powered by» στοιχείο του login — server-rendered στο guest layout */
.powered {
  display: none !important;
}

/* Όχι cartoon bounce στα panels του login — απλό, στιβαρό fade */
body.hh-ct-is-guest .animated {
  animation-duration: .25s !important;
  animation-name: rn2-fade !important;
}
@keyframes rn2-fade {
  from { opacity: 0; transform: translateY(4px); }
  to   { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  body.hh-ct-is-guest .animated { animation: none !important; }
}

/* Κάρτες login/register πιο απαλές */
body.hh-ct-is-guest .panel {
  border-radius: var(--rn2-r-card) !important;
  box-shadow: var(--rn-shadow-md) !important;
  border: 1px solid var(--rn-border) !important;
}

/* v2.3.1 — LOGIN BACKGROUND IMAGE: το HumHub βάζει inline
   `.login-container { background-image: url(...) }`. Εδώ διασφαλίζουμε ότι
   εμφανίζεται σωστά (cover, κεντραρισμένη, σταθερή). Το χρώμα φόντου το
   έχουμε ήδη αλλάξει σε background-COLOR ώστε να μη σβήνει το image. */
body.login-container {
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
}
/* Απαλό σκούρο overlay κάτω από την κάρτα ώστε το κείμενο να διαβάζεται
   πάνω σε φωτεινές εικόνες (χωρίς να κρύβει την εικόνα). */
body.login-container::before {
  content: "";
  position: fixed;
  inset: 0;
  background: linear-gradient(180deg, rgba(15,23,42,.28), rgba(15,23,42,.42));
  z-index: 0;
  pointer-events: none;
}
/* Το περιεχόμενο (κάρτες login) πάνω από το overlay */
body.login-container > *,
body.login-container .container,
body.login-container .row {
  position: relative;
  z-index: 1;
}


/* ╔══════════════════════════════════════════════════════════════════════╗
   ║ V2.6 ΔΙΑΦΟΡΑ — μικρο-διορθώσεις συνέπειας                             ║
   ╚══════════════════════════════════════════════════════════════════════╝ */

/* Ενιαίο μπλε: ό,τι ξέφυγε από το Clean theme (#2B4AE0) ή το παλιό
   primary (#1a84d5) εναρμονίζεται μέσω των HumHub CSS variables */
body.clean-theme {
  --hh-primary: var(--rn-brand);
  --hh-link-color: var(--rn-brand);
  --bs-primary: var(--rn-brand);
  --bs-link-color: var(--rn-brand);
  --bs-link-hover-color: var(--rn-brand-dark);
}

/* Comment input πιο «chat» */
body.clean-theme .comment-container .form-control,
body.clean-theme .comment_create .form-control {
  border-radius: var(--rn-r-full) !important;
  background: var(--rn-surface-2) !important;
  border-color: transparent !important;
}

/* Επιλεγμένο κείμενο σε brand απόχρωση */
::selection { background: var(--rn-brand-100); }


/* ╔══════════════════════════════════════════════════════════════════════╗
   ║ V2.7 (v2.1.0) — 3ΣΤΗΛΗ ΑΡΧΙΚΗ: αριστερό μενού + δεξιά στήλη          ║
   ╚══════════════════════════════════════════════════════════════════════╝ */

/* Αριστερό κάθετο μενού (LeftNavCard) */
body.clean-theme .rn2-leftrail .rn2-nav-card {
  position: sticky;
  top: 66px;
}
body.clean-theme .rn2-nav-body { padding: 10px !important; }
body.clean-theme .rn2-nav-item {
  display: flex !important;
  align-items: center !important;
  gap: 13px !important;
  padding: 11px 15px !important;
  border-radius: var(--rn-r-full) !important;
  color: var(--rn-text-2) !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  margin-bottom: 2px;
  transition: background var(--rn-t) var(--rn-ease), color var(--rn-t) var(--rn-ease);
}
body.clean-theme .rn2-nav-item:hover {
  background: var(--rn-surface-2) !important;
  color: var(--rn-text-1) !important;
  text-decoration: none !important;
}
body.clean-theme .rn2-nav-item.active {
  background: var(--rn-brand-50) !important;
  color: var(--rn-brand-darker) !important;
}
body.clean-theme .rn2-nav-item svg { flex: none; }

/* Δεξιά στήλη: κάρτες rail */
body.clean-theme .rn2-rail-card { margin-bottom: 14px !important; }
body.clean-theme .rn2-rail-title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--rn-text-3) !important;
  margin-bottom: 8px;
}
body.clean-theme .rn2-rail-title svg { color: var(--rn-brand); flex: none; }
body.clean-theme .rn2-rail-empty { font-size: 13px; color: var(--rn-text-muted); padding: 6px 0; }

/* Εκπαίδευση items */
body.clean-theme .rn2-edu-item {
  display: flex !important;
  gap: 10px !important;
  padding: 9px 0 !important;
  border-top: 1px solid var(--rn-border-soft);
  color: inherit !important;
  text-decoration: none !important;
  align-items: flex-start;
}
body.clean-theme .rn2-edu-item:first-of-type { border-top: none; }
body.clean-theme .rn2-edu-item:hover .rn2-edu-name { color: var(--rn-brand-dark) !important; }
body.clean-theme .rn2-edu-thumb {
  width: 40px; height: 40px; border-radius: 10px; flex: none;
  display: flex; align-items: center; justify-content: center; color: #fff;
}
body.clean-theme .rn2-edu-thumb.t1 { background: linear-gradient(135deg, #1E3A8A, #3B82F6); }
body.clean-theme .rn2-edu-thumb.t2 { background: linear-gradient(135deg, #7C3AED, #A78BFA); }
body.clean-theme .rn2-edu-thumb.t3 { background: linear-gradient(135deg, #0D9488, #2DD4BF); }
body.clean-theme .rn2-edu-meta { min-width: 0; display: flex; flex-direction: column; }
body.clean-theme .rn2-edu-name { font-size: 13.5px; font-weight: 600; line-height: 1.35; color: var(--rn-text-1); }
body.clean-theme .rn2-edu-when { font-size: 12px; color: var(--rn-text-muted); margin-top: 2px; }

/* Κοινότητες items */
body.clean-theme .rn2-comm-item {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 8px 0 !important;
  border-top: 1px solid var(--rn-border-soft);
  color: inherit !important;
  text-decoration: none !important;
}
body.clean-theme .rn2-comm-item:first-of-type { border-top: none; }
body.clean-theme .rn2-comm-item:hover .rn2-comm-name { color: var(--rn-brand-dark) !important; }
body.clean-theme .rn2-comm-ic {
  width: 34px; height: 34px; border-radius: 9px; flex: none; color: #fff;
  display: flex; align-items: center; justify-content: center;
  font-weight: 700; font-size: 14px;
}
body.clean-theme .rn2-comm-meta { min-width: 0; display: flex; flex-direction: column; }
body.clean-theme .rn2-comm-name { font-size: 13.5px; font-weight: 600; color: var(--rn-text-1); }
body.clean-theme .rn2-comm-members { font-size: 12px; color: var(--rn-text-muted); }

body.clean-theme .rn2-rail-link {
  display: block;
  text-align: center;
  margin-top: 10px;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--rn-brand) !important;
  padding: 7px;
  border-radius: var(--rn-r-sm);
  text-decoration: none !important;
}
body.clean-theme .rn2-rail-link:hover { background: var(--rn-brand-50); color: var(--rn-brand-darker) !important; }

/* Compose με avatar */
body.clean-theme .rn2-compose-flex { display: flex; gap: 12px; }
body.clean-theme .rn2-compose-avatar { flex: none; padding-top: 2px; }
body.clean-theme .rn2-compose-avatar img,
body.clean-theme .rn2-compose-avatar .rn-initials-avatar { border-radius: 50% !important; }
body.clean-theme .rn2-compose-main { flex: 1; min-width: 0; }


/* ╔══════════════════════════════════════════════════════════════════════╗
   ║ V2.8 (v2.2.0) — GLOBAL SHELL: rail παντού, search bar, tab bar        ║
   ╚══════════════════════════════════════════════════════════════════════╝ */

/* ---- Το πάνω μενού φεύγει για συνδεδεμένους (πλεονασμός με το rail) ---- */
body.rn2-app #top-menu-nav { display: none !important; }

/* ---- SHELL: αριστερό rail + περιεχόμενο ---- */
body.rn2-app .rn2-shell { padding: 18px 16px 0; }
body.rn2-app .rn2-shell-inner {
  max-width: 1240px;
  margin: 0 auto;
  display: flex;
  gap: 24px;
  align-items: flex-start;
}
body.rn2-app .rn2-shell-rail {
  width: 250px;
  flex: none;
  position: sticky;
  top: 66px;
}
body.rn2-app .rn2-shell-rail .rn2-nav-card { position: static; }
body.rn2-app .rn2-shell-main { flex: 1; min-width: 0; }

/* Τα containers ΜΕΣΑ στο shell απλώνουν στο διαθέσιμο πλάτος */
body.rn2-app .rn2-shell-main .container {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
/* Ευθυγράμμιση topbar με το shell */
body.rn2-app #topbar .container { max-width: 1240px !important; }

/* ---- SEARCH BAR (desktop): το #search-menu από icon → μπάρα ----
   Πατώντας την ανοίγει το NATIVE dropdown αναζήτησης του HumHub. */
@media (min-width: 992px) {
  body.rn2-app #search-menu-nav {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    min-width: 0;
    margin: 0 18px;
  }
  body.rn2-app #search-menu-nav > li { width: 100%; max-width: 430px; position: relative; }
  body.rn2-app #search-menu {
    display: flex !important;
    align-items: center;
    gap: 10px;
    width: 100%;
    background: #F1F5F9 !important;
    border: 1px solid transparent !important;
    border-radius: var(--rn-r-full) !important;
    padding: 8px 18px !important;
    color: var(--rn-text-3) !important;
    cursor: text;
  }
  body.rn2-app #search-menu:hover,
  body.rn2-app #search-menu[aria-expanded="true"] {
    background: #fff !important;
    border-color: var(--rn-brand) !important;
  }
  body.rn2-app #search-menu::after {
    content: "Αναζήτηση συναδέλφων, υλικού, συζητήσεων…";
    font-size: 13.5px;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  /* το dropdown panel της αναζήτησης κάτω από τη μπάρα, ίδιο πλάτος */
  body.rn2-app #search-menu-nav #dropdown-search {
    width: 100%;
    min-width: 360px;
  }
}

/* ---- MOBILE TAB BAR (mockup) ---- */
.rn2-tabbar {
  position: fixed;
  left: 0; right: 0; bottom: 0;
  z-index: 1040;
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 60px;
  background: #fff;
  border-top: 1px solid var(--rn-border);
  padding-bottom: env(safe-area-inset-bottom);
}
.rn2-tab {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  color: var(--rn-text-3) !important;
  font-size: 10.5px;
  font-weight: 600;
  text-decoration: none !important;
  padding: 6px 10px;
  border-radius: 10px;
}
.rn2-tab.active { color: var(--rn-brand-dark) !important; }
.rn2-tab-plus {
  width: 46px; height: 46px;
  border-radius: 50%;
  background: var(--rn-brand);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -18px;
  box-shadow: 0 4px 12px rgba(37, 99, 235, .4);
}
.rn2-tab-post:hover .rn2-tab-plus { background: var(--rn-brand-dark); }

/* Χώρος για το tab bar στο κινητό + πιο ήρεμο topbar */
@media (max-width: 991.98px) {
  body.rn2-app { padding-bottom: 74px !important; }
  body.rn2-app .rn2-shell { padding: 12px 10px 0; }
  body.rn2-app .rn2-shell-inner { gap: 0; }
  /* το search icon μένει ως icon στο κινητό — καμία αλλαγή */
}

/* v2.2.1 FIX — search bar: (α) το #search-menu είναι BS5 dropdown-toggle,
   το ::after του (caret: width/height 0 + borders) έπνιγε το placeholder
   κείμενο· (β) το nav-link του Clean είναι flex-column + uppercase. */
@media (min-width: 992px) {
  body.rn2-app #search-menu {
    justify-content: flex-start !important;
    flex-direction: row !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    line-height: 1.4 !important;
  }
  body.rn2-app #search-menu::after {
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    border: 0 !important;
    vertical-align: baseline !important;
    margin-left: 0 !important;
    font-size: 13.5px !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
  }
  body.rn2-app #search-menu .icon,
  body.rn2-app #search-menu i { font-size: 15px !important; }
}


/* ╔══════════════════════════════════════════════════════════════════════╗
   ║ V2.9 (v2.3.0) — INSTALL BANNER (PWA, mobile only)                    ║
   ╚══════════════════════════════════════════════════════════════════════╝ */

.rn2-install {
  position: fixed;
  left: 8px;
  right: 8px;
  bottom: calc(68px + env(safe-area-inset-bottom));  /* πάνω από το tab bar */
  z-index: 1050;
  background: #fff;
  border: 1px solid var(--rn-border);
  border-radius: 14px;
  box-shadow: 0 8px 28px rgba(15, 23, 42, .16);
  animation: rn2-install-in 260ms cubic-bezier(.16, 1, .3, 1);
}
@keyframes rn2-install-in {
  from { opacity: 0; transform: translateY(12px); }
  to   { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  .rn2-install { animation: none; }
}

.rn2-install-inner {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 12px 12px 14px;
}

.rn2-install-icon {
  width: 44px; height: 44px;
  border-radius: 11px;
  background: linear-gradient(135deg, var(--rn-brand), var(--rn-brand-darker));
  display: flex; align-items: center; justify-content: center;
  flex: none;
}
.rn2-install-glyph {
  color: #fff;
  font-weight: 800;
  font-size: 22px;
  line-height: 1;
}

.rn2-install-body { flex: 1; min-width: 0; }
.rn2-install-title {
  font-size: 14.5px;
  font-weight: 700;
  color: var(--rn-text-1);
  margin-bottom: 2px;
}
.rn2-install-text {
  font-size: 12.5px;
  color: var(--rn-text-3);
  line-height: 1.45;
}
.rn2-install-text strong { color: var(--rn-text-2); font-weight: 700; }
.rn2-install-ios-icon {
  display: inline-block;
  vertical-align: -3px;
  color: var(--rn-brand);
}

.rn2-install-actions {
  display: flex;
  align-items: center;
  gap: 4px;
  flex: none;
}
.rn2-install-btn {
  background: var(--rn-brand);
  color: #fff;
  border: 0;
  border-radius: var(--rn-r-full);
  font-weight: 700;
  font-size: 13.5px;
  padding: 9px 16px;
  cursor: pointer;
  white-space: nowrap;
}
.rn2-install-btn:hover { background: var(--rn-brand-dark); }
.rn2-install-btn:disabled { opacity: .6; cursor: default; }

.rn2-install-close {
  background: transparent;
  border: 0;
  color: var(--rn-text-muted);
  padding: 8px;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  flex: none;
}
.rn2-install-close:hover { background: var(--rn-surface-2); color: var(--rn-text-1); }

/* Desktop: ποτέ (το JS το ελέγχει ήδη, αυτό είναι δεύτερο δίχτυ) */
@media (min-width: 992px) {
  .rn2-install { display: none !important; }
}

/* ╔══════════════════════════════════════════════════════════════════════╗
   ║ V2.10 FB-STYLE PHOTOS (v2.3.2) — επισυναπτόμενες φωτο σαν Facebook    ║
   ║ Full-bleed πλέγμα, «+N» overlay, native lightbox (data-ui-gallery)    ║
   ║ Μετρημένο από το πραγματικό FB: gap 2px, text→photo 0, portrait ψηλό  ║
   ╚══════════════════════════════════════════════════════════════════════╝ */

/* Σφίξιμο πάνω από τις φωτο (το addons pt:6 + pf mt:10 έδινε 21px κενό) */
body.clean-theme .stream-entry-addons:has(.post-files) { padding-top: 0 !important; }

body.clean-theme .post-files.d-flex {
  display: grid !important;
  gap: 2px !important;
  /* full bleed: ακύρωσε 50px avatar indent (.wall-entry-body) + 18px .panel-body */
  margin: 4px -68px 4px -68px !important;
  width: calc(100% + 136px) !important;
  border-radius: 0 !important;
  overflow: hidden !important;
}
body.clean-theme .post-files .col-media {
  width: 100% !important; max-width: 100% !important;
  flex: none !important; padding: 0 !important; margin: 0 !important;
  line-height: 0 !important;
}
/* Δεύτερο δίχτυ πάνω από το pill-fix: μηδέν εσωτερικό πλαίσιο στα photo links */
body.clean-theme .stream-entry-addons .post-files .col-media a {
  display: block !important; width: 100% !important; height: 100% !important;
  padding: 0 !important; margin: 0 !important;
  border-radius: 0 !important; background: transparent !important;
}
body.clean-theme .stream-entry-addons .post-files .col-media img {
  width: 100% !important; height: 100% !important;
  object-fit: cover !important; object-position: center 25% !important;
  border-radius: 0 !important; display: block !important;
  max-width: none !important; max-height: none !important;
  padding: 0 !important; margin: 0 !important;
  background: #f0f2f5 !important;
}
/* 1 φωτο — φυσική αναλογία, ψηλή σαν FB */
body.clean-theme .post-files .col-media:only-child img {
  height: auto !important; max-height: 850px !important;
}
/* 2 φωτο — 50/50 */
body.clean-theme .post-files:has(> .col-media:nth-child(2):last-child) { grid-template-columns: 1fr 1fr; }
body.clean-theme .post-files:has(> .col-media:nth-child(2):last-child) .col-media { height: 380px !important; }
/* 3 φωτο — 1 μεγάλη πάνω + 2 κάτω */
body.clean-theme .post-files:has(> .col-media:nth-child(3):last-child) { grid-template-columns: 1fr 1fr; }
body.clean-theme .post-files:has(> .col-media:nth-child(3):last-child) .col-media:first-child { grid-column: 1 / -1; height: 420px !important; }
body.clean-theme .post-files:has(> .col-media:nth-child(3):last-child) .col-media:not(:first-child) { height: 265px !important; }
/* 4+ φωτο — 2x2 */
body.clean-theme .post-files:has(> .col-media:nth-child(4)) { grid-template-columns: 1fr 1fr; }
body.clean-theme .post-files:has(> .col-media:nth-child(4)) .col-media { height: 285px !important; }
body.clean-theme .post-files .col-media a:hover img { filter: brightness(0.97); }

/* «+N» overlay (το revonet-photos.js μετράει και βάζει data-more) */
body.clean-theme .post-files .col-media.rn-hidden-photo { display: none !important; }
body.clean-theme .post-files .col-media.rn-more-photos { position: relative !important; }
body.clean-theme .post-files .col-media.rn-more-photos::after {
  content: attr(data-more);
  position: absolute; inset: 0;
  background: rgba(6, 10, 20, 0.55);
  color: #fff;
  display: flex; align-items: center; justify-content: center;
  font-size: 34px; font-weight: 700; letter-spacing: 1px;
  pointer-events: none; line-height: 1;
}
.post-files .col-media.rn-more-photos a:hover img { filter: brightness(1.15); }

/* Κινητό: μικρότερο indent — ΜΕΤΡΗΜΕΝΟ live σε 375px viewport:
   .wall-entry-body pl:0 (χωρίς avatar indent) + .panel-body 10px + stream-entry 6px + 2 = 18px */
@media (max-width: 767px) {
  body.clean-theme .post-files.d-flex {
    margin-left: -18px !important; margin-right: -18px !important;
    width: calc(100% + 36px) !important;
  }
  body.clean-theme .post-files .col-media:only-child img { max-height: 480px !important; }
  body.clean-theme .post-files:has(> .col-media:nth-child(2):last-child) .col-media { height: 200px !important; }
  body.clean-theme .post-files:has(> .col-media:nth-child(3):last-child) .col-media:first-child { height: 240px !important; }
  body.clean-theme .post-files:has(> .col-media:nth-child(3):last-child) .col-media:not(:first-child) { height: 150px !important; }
  body.clean-theme .post-files:has(> .col-media:nth-child(4)) .col-media { height: 160px !important; }
}

/* ╔══════════════════════════════════════════════════════════════════════╗
   ║ V2.11 TOPBAR ΑΠΛΟΠΟΙΗΣΗ (v2.3.3) — φεύγουν καμπανάκι+φάκελος         ║
   ║ (το sidebar/tab bar τα καλύπτει)· ΜΕΝΕΙ το avatar = μενού λογαριασμού ║
   ║ Τα κρυμμένα badges συνεχίζουν να ενημερώνονται → revonet-badges.js    ║
   ╚══════════════════════════════════════════════════════════════════════╝ */
body.clean-theme #topbar #notification_widget,
body.clean-theme #topbar div:has(> #icon-notifications),
body.clean-theme #topbar div:has(> #icon-messages),
body.clean-theme #topbar #icon-messages {
  display: none !important;
}

/* Chips μετρητών στο αριστερό μενού */
.rn2-nav-item { position: relative; }
.rn-nav-badge {
  margin-left: auto;
  background: var(--rn-danger, #dc2626);
  color: #fff;
  font-size: 11px; font-weight: 700; line-height: 1;
  padding: 3px 7px;
  border-radius: 999px;
  min-width: 20px; text-align: center;
}
/* Badge πάνω στο καμπανάκι του mobile tab bar */
.rn2-tab-icon-wrap { position: relative; display: inline-flex; }
.rn-tab-badge {
  position: absolute; top: -6px; right: -10px;
  margin-left: 0;
  font-size: 10px; padding: 2px 5px; min-width: 16px;
}

/* ╔══════════════════════════════════════════════════════════════════════╗
   ║ V2.12 PROFILE HEADER (v2.3.3) — mobile fix + γενικό polish            ║
   ║ Bug: rn-user-acronym 140px inline μέσα σε 100x100 container (κοβόταν) ║
   ║ + banner λωρίδα 65px στο κινητό με το όνομα να ξεχειλίζει             ║
   ╚══════════════════════════════════════════════════════════════════════╝ */

/* Ο κύκλος-αρχικά ΠΑΝΤΑ γεμίζει το container του (νικά το inline width) */
body.clean-theme .profile-user-photo-container .rn-user-acronym-wrapper,
body.clean-theme .profile-user-photo-container .rn-user-acronym-link {
  display: block !important; width: 100% !important; height: 100% !important;
}
body.clean-theme .profile-user-photo-container .rn-user-acronym {
  width: 100% !important; height: 100% !important;
  font-size: 38px !important;   /* ~40% του 100px container (το inline 56px ήταν για 140px) */
}

/* Avatar: λευκό δαχτυλίδι + σκιά (και σε φωτο και σε αρχικά) */
body.clean-theme .profile-user-photo-container {
  border: 4px solid #fff !important;
  border-radius: 50% !important;
  box-shadow: var(--rn-shadow-md, 0 4px 14px rgba(15,23,42,.12)) !important;
  background: #fff !important;
}
body.clean-theme .profile-user-photo-container img,
body.clean-theme .profile-user-photo-container .rn-user-acronym {
  border-radius: 50% !important;
}

/* Banner: πάντα cover, ποτέ παραμορφωμένο */
body.clean-theme .profile-banner-image-container { border-radius: var(--rn2-r-card) var(--rn2-r-card) 0 0 !important; }
body.clean-theme .img-profile-header-background {
  width: 100% !important; object-fit: cover !important;
}

/* Όνομα πάνω στο banner: διακριτικό scrim για αναγνωσιμότητα */
body.clean-theme .img-profile-data {
  background: linear-gradient(180deg, transparent, rgba(6,10,20,.45)) !important;
  padding: 18px 20px 10px !important;
}
body.clean-theme .img-profile-data h1 { text-shadow: 0 1px 8px rgba(6,10,20,.5); }

/* Κινητό: κανονικό ύψος banner ώστε να χωρά το όνομα, μικρότερο avatar */
@media (max-width: 767px) {
  body.clean-theme .profile-banner-image-container,
  body.clean-theme .profile-banner-image-container .img-profile-header-background { height: 150px !important; }
  body.clean-theme .profile-user-photo-container {
    width: 96px !important; height: 96px !important;
  }
  body.clean-theme .img-profile-data h1 { font-size: 19px !important; }
  body.clean-theme .panel-profile-controls .container { padding: 0 !important; }
}

/* ╔══════════════════════════════════════════════════════════════════════╗
   ║ V2.13 PROFILE DESKTOP (v2.3.4) — banner ύψος, όνομα χωρίς κόψιμο,     ║
   ║ online dot χωρίς clip                                                  ║
   ╚══════════════════════════════════════════════════════════════════════╝ */

/* Banner: αξιοπρεπές ύψος στο desktop (ήταν λωρίδα 100px) */
@media (min-width: 768px) {
  body.clean-theme .profile-banner-image-container,
  body.clean-theme .profile-banner-image-container .img-profile-header-background { height: 220px !important; }
}

/* Το μπλοκ ονόματος: αγκυρωμένο ΚΑΤΩ, auto ύψος (ήταν top:0+height:100px) */
body.clean-theme .img-profile-data {
  top: auto !important;
  bottom: 0 !important;
  height: auto !important;
  width: 100% !important;
}
/* Μεγάλα ονόματα: αναδίπλωση αντί για κόψιμο (ήταν nowrap μέσα σε overflow
   hidden banner) */
body.clean-theme .img-profile-data h1 {
  white-space: normal !important;
  overflow-wrap: anywhere;
  line-height: 1.25 !important;
}
body.clean-theme .img-profile-data h2 {
  color: rgba(255,255,255,.85) !important;
  text-shadow: 0 1px 6px rgba(6,10,20,.5);
}

/* Το online dot (και ό,τι άλλο κάθεται στη γωνία του avatar) να ΜΗΝ
   κόβεται από το κυκλικό clip — η εικόνα είναι ήδη στρογγυλή μόνη της */
body.clean-theme .profile-user-photo-container { overflow: visible !important; }
/* v2.4.3: το space-avatar inner φέρει ΚΑΙ την κλάση img-profile-header-background
   (class overlap!) — μέσα στο photo container γεμίζει ΠΑΝΤΑ ακριβώς 100% */
body.clean-theme .profile-user-photo-container .img-profile-header-background,
body.clean-theme .profile-user-photo-container .profile-user-photo {
  width: 100% !important; height: 100% !important;
  border-radius: 50% !important;
}
body.clean-theme .profile-user-photo-container img {
  width: 100% !important; height: 100% !important; object-fit: cover !important;
}
/* Λίγο μεγαλύτερο dot στο μεγάλο avatar του προφίλ */
body.clean-theme .profile-user-photo-container .user-online-status {
  width: 16px !important; height: 16px !important;
  bottom: 6px !important; right: 6px !important;
  border: 2.5px solid #fff !important;
}

/* ╔══════════════════════════════════════════════════════════════════════╗
   ║ V2.14 PROFILE REDESIGN (v2.3.5) — όνομα ΔΙΠΛΑ στο avatar, brand       ║
   ║ banner αντί για default γκρι, ενιαία pill κουμπιά                     ║
   ║ (Το v2.3.4 bottom-anchor έκρυβε το όνομα ΠΙΣΩ από το avatar — fix)    ║
   ╚══════════════════════════════════════════════════════════════════════╝ */

/* Default banner (1134x110 γκρι) → ΚΡΥΒΕΤΑΙ, μπαίνει REVOnet gradient.
   Τα ανεβασμένα banners (custom src) δεν επηρεάζονται. */
body.clean-theme .profile-banner-image-container:has(img[src*="default_banner"]) {
  background: linear-gradient(135deg, #060A14 0%, #16295E 45%, #2456C4 100%) !important;
}
body.clean-theme .profile-banner-image-container img[src*="default_banner"] {
  display: none !important;
}

/* Όνομα: ΛΕΥΚΟ, αγκυρωμένο κάτω-ΔΕΞΙΑ από το avatar (ποτέ από πίσω του) */
body.clean-theme .img-profile-data {
  left: 190px !important;      /* avatar left 15 + width 150 + 25 αέρας */
  right: 0 !important;
  width: auto !important;
  padding: 14px 20px 12px !important;
  background: linear-gradient(180deg, transparent, rgba(6,10,20,.35)) !important;
}
body.clean-theme .img-profile-data h1,
body.clean-theme .img-profile-data h1 a {
  color: #fff !important;
  text-shadow: 0 1px 8px rgba(6,10,20,.55);
}
@media (max-width: 767px) {
  body.clean-theme .img-profile-data {
    left: 122px !important;    /* mobile avatar 96 + 15 + αέρας */
    padding: 10px 14px 8px !important;
  }
  body.clean-theme .img-profile-data h1 { font-size: 18px !important; }
}

/* Counters row (Φίλοι/Followers/…): καθαρή ευθυγράμμιση δίπλα στο avatar */
body.clean-theme .panel-profile-controls .container { padding-left: 0 !important; }
body.clean-theme .panel-profile-controls {
  padding-left: 175px !important;   /* καθαρίζει το avatar που κρέμεται -60px */
  min-height: 64px;
  display: flex; align-items: center;
}
body.clean-theme .panel-profile-controls > * { flex: 1; }
@media (max-width: 767px) {
  body.clean-theme .panel-profile-controls { padding-left: 118px !important; min-height: 46px; }
}

/* ── ΕΝΙΑΙΑ ΚΟΥΜΠΙΑ (το «ατσούμπαλο» γενικό fix) ─────────────────────── */
body.clean-theme .btn {
  border-radius: var(--rn-r-full) !important;
  font-weight: 600 !important;
  letter-spacing: -0.005em;
  box-shadow: none !important;
}
body.clean-theme .btn-accent,
body.clean-theme .btn-primary {
  background: var(--rn-brand) !important;
  border-color: var(--rn-brand) !important;
  color: #fff !important;
}
body.clean-theme .btn-accent:hover,
body.clean-theme .btn-primary:hover {
  background: var(--rn-brand-dark) !important;
  border-color: var(--rn-brand-dark) !important;
}
body.clean-theme .btn-light,
body.clean-theme .btn-default {
  background: #fff !important;
  border: 1px solid var(--rn-border) !important;
  color: var(--rn-text-2) !important;
}
body.clean-theme .btn-light:hover,
body.clean-theme .btn-default:hover {
  background: var(--rn-surface-2) !important;
  color: var(--rn-text-1) !important;
}
/* Ζευγάρια κουμπιών (π.χ. Φίλοι + γρανάζι): ίδιο ύψος, μικρό κενό */
body.clean-theme .panel-profile-controls .btn { padding: 8px 16px !important; }
body.clean-theme .panel-profile-controls .btn + .btn,
body.clean-theme .panel-profile-controls .btn-group { margin-left: 6px; }

/* Profile menu (Stream/Σχετικά): pills όπως το αριστερό μενού, όχι μπλε
   συμπαγές μπλοκ */
body.clean-theme .left-navigation li > a,
body.clean-theme .left-navigation .nav-link {
  border-radius: 10px !important;
  font-weight: 600 !important;
  color: var(--rn-text-2) !important;
  margin: 2px 6px !important;
}
body.clean-theme .left-navigation li.active > a,
body.clean-theme .left-navigation .nav-link.active,
body.clean-theme .left-navigation li > a.active {
  background: var(--rn-brand-50) !important;
  color: var(--rn-brand-darker) !important;
}
/* (το πραγματικό markup 1.18: a.list-group-item μέσα σε .left-navigation) */
body.clean-theme .left-navigation .list-group-item {
  border: none !important;
  border-radius: 10px !important;
  font-weight: 600 !important;
  color: var(--rn-text-2) !important;
  margin: 2px 6px !important;
  background: transparent !important;
}
body.clean-theme .left-navigation .list-group-item:hover {
  background: var(--rn-surface-2) !important;
  color: var(--rn-text-1) !important;
}
body.clean-theme .left-navigation .list-group-item.active {
  background: var(--rn-brand-50) !important;
  color: var(--rn-brand-darker) !important;
}

/* ╔══════════════════════════════════════════════════════════════════════╗
   ║ V2.15 SPACE CARDS (v2.4.0) — «Κοινότητες» directory σαν προϊόν        ║
   ║ (γκρι λωρίδες → brand gradient, ενιαίες κάρτες, καθαρό footer)        ║
   ╚══════════════════════════════════════════════════════════════════════╝ */

body.clean-theme .rn-space-card {
  border-radius: var(--rn2-r-card) !important;
  border: 1px solid var(--rn-border) !important;
  background: #fff !important;
  overflow: hidden !important;
  box-shadow: var(--rn-shadow-xs) !important;
  transition: transform .16s ease, box-shadow .16s ease !important;
}
body.clean-theme .rn-space-card:hover {
  transform: translateY(-3px);
  box-shadow: var(--rn-shadow-md, 0 8px 24px rgba(15,23,42,.10)) !important;
}

/* Η λωρίδα: default = REVOnet gradient (custom banner: το inline style νικά) */
body.clean-theme .rn-space-card .card-bg-image {
  height: 88px !important;
  background: linear-gradient(135deg, #060A14 0%, #16295E 55%, #2456C4 130%) !important;
  background-size: cover !important;
  background-position: center !important;
}

/* Ο κύκλος-λογότυπο: λευκό δαχτυλίδι όπως στο προφίλ */
body.clean-theme .rn-space-card .space-acronym,
body.clean-theme .rn-space-card img[class*="space-profile-image"] {
  border: 3px solid #fff !important;
  box-shadow: 0 2px 10px rgba(15,23,42,.14) !important;
}

/* Πλήθος μελών: λευκό chip πάνω στη λωρίδα */
body.clean-theme .rn-space-card .card-icons {
  background: rgba(255,255,255,.94) !important;
  border-radius: var(--rn-r-full) !important;
  padding: 3px 10px !important;
  box-shadow: 0 1px 4px rgba(15,23,42,.12);
}
body.clean-theme .rn-space-card .card-icons a,
body.clean-theme .rn-space-card .card-icons .link {
  color: var(--rn-text-2) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

/* Τίτλος + περιγραφή */
body.clean-theme .rn-space-card .card-title {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--rn-text-1) !important;
  letter-spacing: -0.01em;
}
body.clean-theme .rn-space-card .card-space-link:hover .card-title { color: var(--rn-brand) !important; }
body.clean-theme .rn-space-card .card-details {
  color: var(--rn-text-2) !important;
  font-size: 13.5px !important;
  line-height: 1.5 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden !important;
}
body.clean-theme .rn-space-card .rn-space-activity {
  color: var(--rn-text-muted) !important;
  font-size: 12px !important;
}

/* Footer: κουμπιά σε σειρά, ισομοιρασμένα pills */
body.clean-theme .rn-space-card .card-footer {
  display: flex !important;
  gap: 6px !important;
  align-items: center !important;
  border-top: 1px solid var(--rn-border-soft) !important;
  padding: 10px 12px !important;
  background: #fff !important;
}
body.clean-theme .rn-space-card .card-footer .btn {
  flex: 1 1 auto !important;
  margin: 0 !important;
  padding: 7px 8px !important;
  font-size: 12.5px !important;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ╔══════════════════════════════════════════════════════════════════════╗
   ║ V2.16 «ΔΗΜΟΣΙΕΥΣΗ ΣΕ:» chips (v2.4.2) — οδηγούν στη σωστή κοινότητα  ║
   ╚══════════════════════════════════════════════════════════════════════╝ */
.rn2-post-to {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin: -8px 2px 14px;
  font-size: 12.5px;
}
.rn2-post-to-label {
  color: var(--rn-text-muted);
  font-weight: 600;
}
.rn2-post-to-chip {
  background: #fff;
  border: 1px solid var(--rn-border);
  border-radius: var(--rn-r-full);
  padding: 4px 12px;
  color: var(--rn-text-2);
  font-weight: 600;
  text-decoration: none !important;
  transition: all .14s ease;
}
.rn2-post-to-chip:hover {
  background: var(--rn-brand-50);
  border-color: var(--rn-brand-200);
  color: var(--rn-brand-darker);
}

/* ╔══════════════════════════════════════════════════════════════════════╗
   ║ V2.17 MOBILE OVERFLOW GUARD (v2.4.4) — τέλος το πέρα-δώθε             ║
   ║ Chris report: το PWA «κουνιέται» δεξιά-αριστερά στο κινητό.           ║
   ║ Αιτία: στοιχεία (πιθανά τα full-bleed photos σε context με άλλο       ║
   ║ padding) ξεφεύγουν λίγα px από το viewport → οριζόντιο pan.           ║
   ║ Guard: ό,τι ξεφεύγει ΚΟΒΕΤΑΙ — η σελίδα δεν κουνιέται ΠΟΤΕ.           ║
   ╚══════════════════════════════════════════════════════════════════════╝ */
@media (max-width: 991px) {
  html, body {
    overflow-x: hidden !important;
    max-width: 100% !important;
  }
  /* Δίχτυ: τα full-bleed photos ποτέ φαρδύτερα από το viewport */
  body.clean-theme .post-files.d-flex {
    max-width: calc(100vw - 2px) !important;
  }
  /* Long URLs/λέξεις σε posts να διπλώνουν, όχι να σπρώχνουν */
  body.clean-theme [data-stream-entry] .wall-entry-content {
    overflow-wrap: anywhere;
    word-break: break-word;
  }
}

/* v2.8.1 — 6 στοιχεία στο mobile tab bar (προστέθηκαν τα «Μηνύματα»).
   Οι ετικέτες ΔΕΝ επιτρέπεται να ξεχειλίσουν: ellipsis αντί για σπάσιμο
   layout (η «Ειδοποιήσεις» είναι η μακρύτερη). */
@media (max-width: 767px) {
  body.clean-theme .rn2-tabbar .rn2-tab {
    min-width: 0 !important;
    flex: 1 1 0 !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
    /* ΠΟΤΕ overflow:hidden εδώ — το «+» ανεβαίνει -18px πάνω από τη μπάρα
       και κοβόταν (v2.8.1 bug). Το clipping μπαίνει ΜΟΝΟ στην ετικέτα. */
    overflow: visible !important;
  }
  body.clean-theme .rn2-tabbar .rn2-tab > span:not(.rn2-tab-plus):not(.rn2-tab-icon-wrap) {
    font-size: 10px !important;
    letter-spacing: -0.03em;
    line-height: 1.2;
    display: block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  body.clean-theme .rn2-tabbar .rn-tab-badge {
    font-size: 9px; padding: 1px 4px; min-width: 14px; top: -5px; right: -8px;
  }
}
@media (max-width: 360px) {
  body.clean-theme .rn2-tabbar .rn2-tab > span:not(.rn2-tab-plus):not(.rn2-tab-icon-wrap) {
    font-size: 9px !important;
  }
}

/* v2.8.2 — το κεντρικό «+» να ΜΗΝ κόβεται ποτέ (ανεβαίνει πάνω από τη μπάρα) */
.rn2-tabbar { overflow: visible !important; }
.rn2-tab-post { overflow: visible !important; }
.rn2-tab-plus { flex: none; }

/* ═══════════════════════════════════════════════════════════════════
   v2.9.0 — Απλοποίηση κοινωνικών ενεργειών
   #4: Το REVOnet δεν είναι δίκτυο «φίλων/follow». Η Αρχική είναι εταιρική
       (all-see-all μέσω κοινοτήτων + αμοιβαίου follow). Κρύβουμε τα κουμπιά
       follow/unfollow παντού (προφίλ, κοινότητες, directory) ώστε να μην
       μπερδεύουν — ο μηχανισμός παραμένει, απλώς αόρατος.
   #5: Οι κοινότητες είναι διαχειριζόμενες. Το «Γίνε μέλος» δεν εμφανίζεται
       πλέον (join_policy=0 → native, κανένα κουμπί). Κρύβουμε και την
       «Αποχώρηση», ώστε να μη βγει κανείς κατά λάθος από κοινότητα που τον
       τοποθέτησε ο διαχειριστής.
   ═══════════════════════════════════════════════════════════════════ */

/* #4 — follow / unfollow (προφίλ + κοινότητες + directory cards) */
.followButton,
.unfollowButton { display: none !important; }

/* v2.9.1 — «Followers / Following» στατιστικά στο profile header (πάντα 0
   πλέον, αφού κανείς δεν ακολουθεί κανέναν). Κρατάμε ΜΟΝΟ τα «Χώροι»
   (space-membership-list). Bulletproof match στο data-action-url. */
.statistics a[data-action-url*="follower-list"],
.statistics a[data-action-url*="followed-users-list"] { display: none !important; }

/* #5 — «Αποχώρηση» από κοινότητα (bulletproof: match στο action-url) */
a[data-action-url*="revoke-membership"] { display: none !important; }