/* =====================================================
   2LOOVE – GLOBAL DARK THEME  v1.0
   -------------------------------------------------------
   Načíst POSLEDNÍ v každém HTML (za ostatními styly).
   Jen barvy — layout a funkce se nemění.
   ===================================================== */

/* ══════════════════════════════════════════════════════
   DESIGN TOKENS  —  přepíše proměnné všech stránek
   ══════════════════════════════════════════════════════ */
:root {
  /* Pozadí */
  --bg:              #0f0f12;
  --box:             #1a1a1e;
  --box-soft:        #222228;
  --box-hover:       #26262e;
  --input-bg:        rgba(255,255,255,0.06);

  /* Text */
  --text:            #f0f0f2;
  --text-soft:       rgba(255,255,255,0.70);
  --text-muted:      rgba(255,255,255,0.40);

  /* Akcent – 2Loove pink */
  --pink:            #ff2d8c;
  --pink-dark:       #d6005a;
  --pink-glow:       rgba(255, 45, 140, 0.38);

  /* Rámečky */
  --border:          rgba(255,255,255,0.08);
  --border-soft:     rgba(255,255,255,0.05);
  --border-pink:     rgba(255, 45, 140, 0.75);

  /* ── Přepis starých proměnných z seznam.css / prispevky.css ── */
  --card:            #1a1a1e;
  --purple1:         #ff3b7a;
  --purple2:         #d6005a;
  --title:           #f0f0f2;
  --shadow:          0 12px 30px rgba(0,0,0,0.55);
  --shadow-hover:    0 20px 40px rgba(255, 45, 140, 0.24);
  --line:            rgba(255,255,255,0.08);
  --line-strong:     rgba(255, 45, 140, 0.30);

  /* ── Přepis starých proměnných z studio.css ── */
  --purple-main:     #ff3b7a;
  --purple-dark:     #d6005a;
  --purple-soft:     rgba(255, 45, 140, 0.10);
  --purple-border:   rgba(255, 45, 140, 0.55);
  --text-dark:       #f0f0f2;
  --page-bg:         #0f0f12;

  /* ── Přepis starých proměnných z live-chat.css ── */
  --panel:           #1a1a1e;
  --panel-soft:      #222228;
  --muted:           rgba(255,255,255,0.50);

  /* ── Přepis z login.css ── */
  --purple:          #ff3b7a;
  --purple-hover:    #d6005a;
}

/* ── Live-chat: přepis světlého i tmavého režimu na unified dark ── */
body.chat-theme-light,
body.chat-theme-dark {
  --bg:          #0f0f12 !important;
  --panel:       #1a1a1e !important;
  --panel-soft:  #222228 !important;
  --text:        #f0f0f2 !important;
  --muted:       rgba(255,255,255,0.50) !important;
  --line:        rgba(255,255,255,0.08) !important;
  --line-strong: rgba(255, 45, 140, 0.30) !important;
}


/* ══════════════════════════════════════════════════════
   BASE
   ══════════════════════════════════════════════════════ */
html,
body {
  background: #0f0f12 !important;
  color: #f0f0f2 !important;
}


/* ══════════════════════════════════════════════════════
   NAVBAR  (seznam, style, inzeraty, prispevky, …)
   ══════════════════════════════════════════════════════ */
.navbar {
  background: #0f0f12 !important;
  border-bottom: 1px solid rgba(255,59,122,0.18) !important;
  box-shadow: none !important;
}

.nav-links a {
  color: rgba(255,255,255,0.80) !important;
}

.nav-links a:hover,
.nav-links a.active {
  color: #ff3b7a !important;
  opacity: 1 !important;
}

/* Podtržení aktivního odkazu — růžové místo bílého */
.nav-links a::after {
  background: #ff3b7a !important;
}

/* Ikony vpravo v navbaru */
.icon-circle {
  background: rgba(255,255,255,0.07) !important;
  border-color: rgba(255,255,255,0.12) !important;
  color: #ffffff !important;
}

.icon-circle:hover {
  background: rgba(255,59,122,0.18) !important;
  color: #ff3b7a !important;
}


/* ══════════════════════════════════════════════════════
   CARDS / BOXY
   ══════════════════════════════════════════════════════ */
.card,
.composer,
.post,
.ad-card,
.profile-card,
.card.soft,
.sidebar-inner > .ad-card {
  background: #1a1a1e !important;
  border-color: rgba(255,255,255,0.07) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.45) !important;
  color: #f0f0f2 !important;
}

/* Profil stránka */
.profile-right,
.profile-left,
.about-box,
.extra-gallery,
.profile-links {
  background: #1a1a1e !important;
  border-color: rgba(255,255,255,0.07) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.40) !important;
}

.profile-user-box {
  background: rgba(255,255,255,0.05) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
}

.profile-user-box h2,
.profile-user-box p {
  color: #f0f0f2 !important;
}

/* Galerie */
.gallery-item,
.extra-preview img,
.extra-hidden img {
  border-color: rgba(255,255,255,0.08) !important;
}


/* ══════════════════════════════════════════════════════
   TEXT
   ══════════════════════════════════════════════════════ */
h1, h2, h3, h4, h5, h6 {
  color: #f0f0f2 !important;
}

.profile-info h3,
.card-title b,
.mini-user-name,
.dating-title {
  color: #f0f0f2 !important;
}

.profile-info p,
.mini-user-age,
.mini-user-country,
.small-note,
.ad-author,
.ad-detail-author {
  color: rgba(255,255,255,0.55) !important;
}

.dot {
  background: #ff3b7a !important;
}


/* ══════════════════════════════════════════════════════
   INPUTY / SELECTY / TEXTAREAS
   ══════════════════════════════════════════════════════ */
input:not([type="file"]):not([type="submit"]):not([type="button"]):not([type="range"]),
select,
textarea {
  background: rgba(255,255,255,0.06) !important;
  color: #f0f0f2 !important;
  border-color: rgba(255,255,255,0.12) !important;
}

input::placeholder,
textarea::placeholder {
  color: rgba(255,255,255,0.35) !important;
}

select option {
  background: #1a1a1e !important;
  color: #e8e8e8 !important;
}

select option:checked {
  background: #2e2e38 !important;
  color: #ffffff !important;
}


/* ══════════════════════════════════════════════════════
   TLAČÍTKA
   ══════════════════════════════════════════════════════ */

/* Primární – růžový gradient */
.post-btn,
.mp-publish-btn,
.start-broadcast-btn,
.confirm-start-btn,
.confirm-filter-btn,
.understand-btn,
.send-chat-btn,
.profile-save-btn,
.ad-open-btn {
  background: linear-gradient(135deg, #ff3b7a, #d6005a) !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: 0 6px 18px rgba(255,59,122,0.30) !important;
}

/* Sekundární – tmavé + růžový rámeček */
.save-ad-btn,
.cancel-ad-btn,
.filter-btn,
.profile-cancel-btn,
.back-to-list-btn,
.mp-media-btn,
.show-more-btn {
  background: rgba(255,255,255,0.06) !important;
  border: 1.5px solid rgba(255,59,122,0.60) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

.save-ad-btn:hover,
.cancel-ad-btn:hover,
.filter-btn:hover,
.profile-cancel-btn:hover,
.back-to-list-btn:hover,
.mp-media-btn:hover {
  background: rgba(255,255,255,0.11) !important;
  border-color: rgba(255,59,122,0.95) !important;
}

/* Danger – smazat / odhlásit */
.danger,
.danger-delete,
.delete-ad-btn {
  background: rgba(255,59,122,0.12) !important;
  border: 1.5px solid rgba(255,59,122,0.45) !important;
  color: #ff3b7a !important;
}

.danger:hover,
.danger-delete:hover,
.delete-ad-btn:hover {
  background: rgba(255,59,122,0.22) !important;
}

/* Edit tlačítko v detailu inzerátu */
#editAdBtn {
  background: rgba(255,255,255,0.06) !important;
  border: 1.5px solid rgba(255,59,122,0.60) !important;
  color: #ffffff !important;
}

/* Profile actions */
.profile-actions button {
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  color: #ffffff !important;
}

#editProfileBtn,
#addPhotoBtn {
  border-color: rgba(255,59,122,0.55) !important;
}


/* ══════════════════════════════════════════════════════
   FOOTER
   ══════════════════════════════════════════════════════ */
.footer,
footer {
  background: #0f0f12 !important;
  color: rgba(255,255,255,0.40) !important;
  border-top: 1px solid rgba(255,255,255,0.07) !important;
}


/* ══════════════════════════════════════════════════════
   MOBILNÍ SPODNÍ NAVIGACE
   ══════════════════════════════════════════════════════ */
.mobile-bottom-nav {
  background: #0f0f12 !important;
  border-top: 1px solid rgba(255,255,255,0.08) !important;
}

.mobile-bottom-nav a {
  color: rgba(255,255,255,0.45) !important;
}

.mobile-bottom-nav a.active,
.mobile-bottom-nav a:hover {
  color: #ff3b7a !important;
}


/* ══════════════════════════════════════════════════════
   NOTIFIKACE DROPDOWN
   ══════════════════════════════════════════════════════ */
.notification-dropdown {
  background: #1a1a1e !important;
  border-color: rgba(255,255,255,0.08) !important;
  box-shadow: 0 12px 32px rgba(0,0,0,0.60) !important;
}

.notification-group-title {
  color: rgba(255,255,255,0.45) !important;
}

.notification-links a {
  color: rgba(255,255,255,0.80) !important;
}


/* ══════════════════════════════════════════════════════
   INZERÁTY – přepis zbývajících světlých barev
   ══════════════════════════════════════════════════════ */
.ads-sidebar,
.ad-modal-card,
.ad-detail-card {
  background: #1a1a1e !important;
  border-color: rgba(255,255,255,0.07) !important;
  color: #f0f0f2 !important;
}

.ad-card-item {
  background: #1a1a1e !important;
  border-color: rgba(255,255,255,0.07) !important;
}

.ads-select,
.sort-select {
  background: rgba(255,255,255,0.06) !important;
  color: #f0f0f2 !important;
  border-color: rgba(255,255,255,0.12) !important;
}

.sidebar-category {
  color: rgba(255,255,255,0.65) !important;
  border-bottom-color: rgba(255,255,255,0.07) !important;
}

.sidebar-category.active,
.sidebar-category:hover {
  color: #ffffff !important;
}

.ad-price { color: #ff3b7a !important; }
.ad-detail-price { color: #ff3b7a !important; }

.ad-badge {
  background: rgba(255,59,122,0.15) !important;
  color: #ff3b7a !important;
}

.ad-upload-label { color: rgba(255,255,255,0.70) !important; }
.ad-upload-note  { color: rgba(255,255,255,0.40) !important; }


/* ══════════════════════════════════════════════════════
   PŘÍSPĚVKY – přepis světlých barev
   ══════════════════════════════════════════════════════ */
.feed-col .post {
  background: #1a1a1e !important;
}

.composer {
  background: #1a1a1e !important;
}

.composer-title { color: #f0f0f2 !important; }
.composer-sub   { color: rgba(255,255,255,0.50) !important; }

.post-author    { color: #f0f0f2 !important; }
.post-date      { color: rgba(255,255,255,0.40) !important; }
.post-text      { color: rgba(255,255,255,0.85) !important; }

.like-btn,
.comment-btn {
  background: rgba(255,255,255,0.06) !important;
  color: rgba(255,255,255,0.70) !important;
  border-color: rgba(255,255,255,0.10) !important;
}

.like-btn.liked {
  background: rgba(255,59,122,0.18) !important;
  color: #ff3b7a !important;
  border-color: rgba(255,59,122,0.40) !important;
}


/* ══════════════════════════════════════════════════════
   VYSÍLÁNÍ – přepis světlých barev
   ══════════════════════════════════════════════════════ */
.broadcast-card,
.broadcast-list-item,
.broadcast-viewer-box,
.broadcast-room {
  background: #1a1a1e !important;
  border-color: rgba(255,255,255,0.07) !important;
  color: #f0f0f2 !important;
}

.filter-btn {
  background: rgba(255,255,255,0.06) !important;
  color: #ffffff !important;
  border: 1.5px solid rgba(255,59,122,0.55) !important;
}

.filter-tag,
.broadcast-tag {
  background: rgba(255,59,122,0.12) !important;
  color: #ff3b7a !important;
}


/* ══════════════════════════════════════════════════════
   SEZNAM (Seznamka) – přepis světlých barev
   ══════════════════════════════════════════════════════ */
.dating-wrapper,
.dating-title { color: #f0f0f2 !important; }

.profile-card .profile-info {
  background: #1a1a1e !important;
}

/* Online tečka */
.online-dot,
.mini-online-dot {
  background: #39ff14 !important;
  box-shadow: 0 0 8px rgba(57,255,20,0.70) !important;
}

/* Online kroužek na avataru příspěvku – dark mode */
.post-avatar-link.post-avatar-online {
  border-color: #39ff14 !important;
  box-shadow: 0 0 0 2px #39ff14,
              0 0 12px rgba(57,255,20,0.70) !important;
}

/* Online karta – neonově zelený border */
.mini-user--vertical.online-card,
.left-card.online-card {
  border-color: #39ff14 !important;
  box-shadow: 0 0 0 2px #39ff14,
              0 0 18px rgba(57,255,20,0.70),
              0 0 40px rgba(57,255,20,0.30),
              0 8px 24px rgba(0,0,0,0.40) !important;
}


/* ══════════════════════════════════════════════════════
   MŮJ PROFIL – přepis světlých barev
   ══════════════════════════════════════════════════════ */
.about-box h3 i { color: #ff3b7a !important; }

.profile-main-photo {
  box-shadow: 0 12px 32px rgba(0,0,0,0.55) !important;
}

.mini-add-btn {
  background: linear-gradient(135deg, #ff3b7a, #d6005a) !important;
  color: #ffffff !important;
  border: none !important;
}

/* ══════════════════════════════════════════════════════
   LIVE CHAT – přepis zbývajících světlých barev
   ══════════════════════════════════════════════════════ */
.chat-sidebar,
.chat-panel,
.chat-room,
.chat-message-input-row,
.chat-header {
  background: #1a1a1e !important;
  border-color: rgba(255,255,255,0.08) !important;
}

.chat-message.mine .bubble {
  background: linear-gradient(135deg, #ff3b7a, #d6005a) !important;
  color: #ffffff !important;
}

.chat-message.other .bubble {
  background: #222228 !important;
  color: #f0f0f2 !important;
}

/* ══════════════════════════════════════════════════════
   MISC – různé zbytky světlých barev
   ══════════════════════════════════════════════════════ */

/* Scrollbar (Webkit) */
::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-track { background: #0f0f12; }
::-webkit-scrollbar-thumb { background: rgba(255,59,122,0.40); border-radius: 99px; }
::-webkit-scrollbar-thumb:hover { background: rgba(255,59,122,0.70); }

/* Lightbox */
.lightbox {
  background: rgba(0,0,0,0.92) !important;
}

/* Modal overlay */
.modal-overlay,
.profile-modal-overlay,
#adDetailOverlay {
  background: rgba(0,0,0,0.75) !important;
}


/* ╔══════════════════════════════════════════════════════╗
   ║   DESKTOP OPRAVY  v1.1                              ║
   ║   Specifické třídy, které theme v1.0 nepostihlo     ║
   ╚══════════════════════════════════════════════════════╝ */

/* ── INZERÁTY – bílý hlavní obsah ───────────────────── */
.ads-content {
  background: #1a1a1e !important;
  border-color: rgba(255,255,255,0.07) !important;
}

/* Vyhledat + sidebar search tlačítko */
.search-btn,
.sidebar-search-btn {
  background: linear-gradient(135deg, #ff3b7a, #d6005a) !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: 0 4px 16px rgba(255,59,122,0.30) !important;
}

/* Top search row inputy */
.ads-search-row input,
.ads-search-row select {
  background: rgba(255,255,255,0.06) !important;
  color: #f0f0f2 !important;
  border-color: rgba(255,255,255,0.12) !important;
}

/* Přidat inzerát button + Nejnovější select */
.add-ad-btn {
  background: rgba(255,255,255,0.06) !important;
  border: 1.5px solid rgba(255,59,122,0.60) !important;
  color: #ffffff !important;
}

.sort-select {
  background: rgba(255,255,255,0.06) !important;
  color: #f0f0f2 !important;
  border-color: rgba(255,255,255,0.12) !important;
}


/* ── VYSÍLÁNÍ – světlé kontejnery ────────────────────── */
.broadcast-list-section {
  background: #1a1a1e !important;
  border-color: rgba(255,255,255,0.07) !important;
  box-shadow: 0 16px 48px rgba(0,0,0,0.50) !important;
}

.broadcast-list-section h2,
.broadcast-list-section h3 {
  color: #f0f0f2 !important;
}

.broadcast-empty {
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(255,255,255,0.10) !important;
  color: rgba(255,255,255,0.55) !important;
}

/* Aktivní filtry (Lokalita: Česko, Pohlaví: Všichni, …) */
.active-filters span {
  background: rgba(255,255,255,0.07) !important;
  color: rgba(255,255,255,0.75) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
}

.active-filters strong {
  color: #ff3b7a !important;
}

/* ── VYSÍLÁNÍ – popup boxy (Rules, Filter, Setup) ───── */
.rules-card,
.filter-card,
.setup-card {
  background: #1a1a1e !important;
  border: 1px solid rgba(255,255,255,0.09) !important;
  box-shadow: 0 24px 60px rgba(0,0,0,0.70) !important;
  color: #f0f0f2 !important;
}

.rules-card h2,
.filter-card h2,
.setup-card h2 {
  color: #ffffff !important;
}

.rules-card p,
.filter-card p,
.setup-card p {
  color: rgba(255,255,255,0.65) !important;
}

.filter-card label,
.setup-card label {
  color: rgba(255,255,255,0.70) !important;
}

.filter-card select,
.filter-card input,
.setup-card select,
.setup-card input {
  background: rgba(255,255,255,0.06) !important;
  color: #f0f0f2 !important;
  border-color: rgba(255,255,255,0.12) !important;
}


/* ── PŘÍSPĚVKY – pink bordery na bočních panelech ───── */
.left-col .card {
  border: 1px solid rgba(255,59,122,0.30) !important;
  box-shadow: 0 0 0 1px rgba(255,59,122,0.10) !important;
}

.right-col .sidebar-inner .ad-card {
  border: 1px solid rgba(255,59,122,0.30) !important;
}

.ad-label {
  color: rgba(255,59,122,0.80) !important;
}

.ad-box {
  background: rgba(255,255,255,0.04) !important;
  border: 1px dashed rgba(255,255,255,0.12) !important;
  color: rgba(255,255,255,0.30) !important;
}

.ad-cta {
  background: linear-gradient(135deg, #ff3b7a, #d6005a) !important;
  color: #ffffff !important;
  border: none !important;
}


/* ── SEZNAMKA – „Zobrazeno" badge + filter-box border ── */
.shown {
  background: rgba(255,255,255,0.06) !important;
  border: 1.5px solid rgba(255,59,122,0.45) !important;
  color: rgba(255,255,255,0.75) !important;
  box-shadow: none !important;
  border-radius: 999px !important;
}

.shown b {
  color: #ff3b7a !important;
}

/* Filter box – přidej pink border */
.filter-box {
  background: #1a1a1e !important;
  border: 1px solid rgba(255,59,122,0.28) !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.45) !important;
}

.filter-box h2 { color: #f0f0f2 !important; }
.filter-box label { color: rgba(255,255,255,0.70) !important; }

.filter-box select,
.filter-box input {
  background: rgba(255,255,255,0.06) !important;
  color: #f0f0f2 !important;
  border-color: rgba(255,255,255,0.12) !important;
}

.filter-box select:focus,
.filter-box input:focus {
  border-color: rgba(255,59,122,0.60) !important;
  box-shadow: 0 0 0 3px rgba(255,59,122,0.12) !important;
}

/* Reset tlačítko – pink gradient */
.reset-btn {
  background: linear-gradient(135deg, #ff3b7a, #d6005a) !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: 0 4px 16px rgba(255,59,122,0.30) !important;
}

.reset-btn:hover {
  box-shadow: 0 8px 24px rgba(255,59,122,0.45) !important;
}


/* ── ICON CIRCLES – jednotné na všech stránkách ─────── */
.icon-circle {
  background: transparent !important;
  border: 1.5px solid rgba(255,255,255,0.50) !important;
  color: #ffffff !important;
}

.icon-circle:hover,
.icon-circle:focus {
  background: rgba(255,255,255,0.12) !important;
  border-color: #ffffff !important;
  color: #ffffff !important;
}

/* Aktivní ikona (aktuální stránka) */
.icon-circle.active {
  background: #ffffff !important;
  color: #0f0f12 !important;
  border-color: #ffffff !important;
}


/* ── OBECNÉ – zvýraznění focusu přes celý web ────────── */
input:focus,
select:focus,
textarea:focus {
  border-color: rgba(255,59,122,0.60) !important;
  box-shadow: 0 0 0 3px rgba(255,59,122,0.10) !important;
  outline: none !important;
}


/* ╔══════════════════════════════════════════════════════╗
   ║   DESKTOP OPRAVY  v1.2                              ║
   ╚══════════════════════════════════════════════════════╝ */

/* ── 1. VYSÍLÁNÍ – chat panel tmavý ─────────────────── */
/* DESKTOP – chat panel dark styl */
.stream-chat {
  background: #1a1a1e !important;
  border-color: rgba(255,255,255,0.08) !important;
  box-shadow: 0 16px 40px rgba(0,0,0,0.55) !important;
}

.stream-chat-head {
  background: linear-gradient(135deg, #ff3b7a, #d6005a) !important;
  color: #ffffff !important;
}

.stream-chat-messages {
  background: #131316 !important;
}

.stream-chat-input-row {
  background: #1a1a1e !important;
  border-top-color: rgba(255,255,255,0.08) !important;
}

.stream-chat-input-row input {
  background: rgba(255,255,255,0.06) !important;
  color: #ffffff !important;
  border-color: rgba(255,255,255,0.12) !important;
}

.stream-chat-input-row input::placeholder {
  color: rgba(255,255,255,0.35) !important;
}

/* MOBIL – chat musí být průhledný, jinak zakrývá video z kamery!
   vysilani.css @media(max-width:600px) správně nastavuje transparent,
   ale výše uvedené desktop pravidla (bez media query) to přebíjela.
   Tenhle blok to opravuje. Funkce se nemění – jen background. */
@media (max-width: 600px) {
  .stream-chat {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
  }

  .stream-chat-messages {
    background: transparent !important;
  }

  /* Mobilní chat bubliny – tmavý semi-průhledný box zachován */
  .chat-bubble {
    background: rgba(0, 0, 0, 0.42) !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.22) !important;
    border-radius: 16px !important;
    padding: 7px 10px !important;
    backdrop-filter: blur(8px) !important;
  }

  /* Input lišta – semi-průhledná, ne solid černá */
  .stream-chat-input-row {
    background: rgba(0, 0, 0, 0.38) !important;
    border-top-color: transparent !important;
    box-shadow: none !important;
  }

  .stream-chat-input-row input {
    background: rgba(255, 255, 255, 0.16) !important;
    border-color: rgba(255, 255, 255, 0.18) !important;
  }
}

/* Chat zprávy + výška panelu – DESKTOP (≥601px): bez tmavého boxu, čistý text, pevná výška */
@media (min-width: 601px) {
  /* Bublina bez boxu */
  .chat-bubble {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 2px 0 !important;
    color: #f0f0f2 !important;
  }

  /* Text zprávy – musí být explicitně bílý (dědičnost nestačí) */
  .chat-bubble .chat-text,
  .chat-text {
    color: #e8e8ea !important;
  }

  /* Pevná výška chat panelu – neroztahuje se s počtem zpráv */
  .stream-chat {
    height: 600px !important;
    min-height: unset !important;
    max-height: 600px !important;
    overflow: hidden !important;
  }

  /* Zprávy scrollují uvnitř panelu, input zůstává dole */
  .stream-chat-messages {
    flex: 1 !important;
    overflow-y: auto !important;
    min-height: 0 !important;
  }
}

.chat-name {
  color: #ff3b7a !important;
}

/* ══════════════════════════════════════════════════════
   VYSÍLÁNÍ – desktop layout  v1.3
   ══════════════════════════════════════════════════════ */

/* DESKTOP: 3-sloupcový grid + skrytí info panelu + větší video */
@media (min-width: 601px) {
  /* 3 sloupce: video | chat | stats */
  .room-layout {
    grid-template-columns: minmax(0, 1fr) 320px 130px !important;
  }

  /* Info panel pod videem – na desktopu schovat */
  .stream-info-panel {
    display: none !important;
  }

  /* Video sloupec vyplní výšku chatu (600 px) */
  .video-column {
    height: 600px !important;
  }

  /* Video box vyplní celou výšku sloupce – větší plocha kamery */
  .broadcast-room .video-box {
    height: 100% !important;
    aspect-ratio: unset !important;
  }

  /* Stats panel – tmavé boxíky napravo */
  .stream-side-stats {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    padding-top: 0 !important;
  }

  .side-stat-box {
    background: #1a1a1e !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 16px !important;
    padding: 14px 12px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
  }

  .side-stat-box > span {
    font-size: 11px !important;
    color: rgba(255,255,255,0.45) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    font-weight: 600 !important;
  }

  .side-stat-box > strong {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #f0f0f2 !important;
  }
}

/* MOBIL: stats panel skrýt – video a chat layout beze změny */
@media (max-width: 600px) {
  .stream-side-stats {
    display: none !important;
  }
}

/* Inzeráty – "Napsat zprávu" button – byl modrý/fialový */
.message-ad-btn {
  background: rgba(255,255,255,0.06) !important;
  border: 1.5px solid rgba(255,59,122,0.60) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

.message-ad-btn:hover {
  background: rgba(255,255,255,0.11) !important;
  border-color: rgba(255,59,122,0.95) !important;
}


/* ── 2. SEZNAMKA – Profil + Chat tlačítka na kartách – neonový pink ── */
.profile-btn,
.chat-btn,
.profile-actions .profile-btn,
.profile-actions .chat-btn {
  background: rgba(255,255,255,0.05) !important;
  color: #ffffff !important;
  border: 1.5px solid rgba(255, 59, 122, 0.85) !important;
  box-shadow:
    0 0 8px  rgba(255, 59, 122, 0.55),
    0 0 18px rgba(255, 59, 122, 0.28) !important;
  transition: box-shadow .22s ease, border-color .22s ease, background .22s ease !important;
}

.profile-btn:hover,
.chat-btn:hover,
.profile-actions .profile-btn:hover,
.profile-actions .chat-btn:hover {
  background: rgba(255, 59, 122, 0.12) !important;
  border-color: #ff3b7a !important;
  box-shadow:
    0 0 12px rgba(255, 59, 122, 0.80),
    0 0 28px rgba(255, 59, 122, 0.42) !important;
}


/* ── 3. MŮJ PROFIL – pravé boxy "O mně" + "Další foto" */
.about-box,
.extra-gallery {
  background: #242429 !important;          /* o 3 odstíny světlejší než #0f0f12 */
  border: 1px solid rgba(255,59,122,0.28) !important;
  box-shadow: 0 6px 24px rgba(0,0,0,0.40) !important;
  color: #f0f0f2 !important;
}

.about-box h3,
.extra-gallery h3 {
  color: #ffffff !important;
}

.about-box p {
  color: rgba(255,255,255,0.72) !important;
}

/* Side panel hover efekt – zachovat ale zmírnit */
.side-panel > *:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 28px rgba(255,59,122,0.12) !important;
}


/* ── 4. PROFIL – Odkazy (Přátelé / Příspěvky / Inzeráty) */
.profile-links {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.profile-links h3 {
  color: #ffffff !important;
}

.profile-links .links-row a,
.links-row a {
  background: rgba(255,255,255,0.05) !important;
  color: #ffffff !important;
  border: 1.5px solid rgba(255,59,122,0.50) !important;
  text-decoration: none !important;
}

.profile-links .links-row a:hover,
.links-row a:hover {
  background: rgba(255,59,122,0.12) !important;
  color: #ffffff !important;
  border-color: rgba(255,59,122,0.90) !important;
  box-shadow: 0 4px 16px rgba(255,59,122,0.20) !important;
  transform: translateY(-2px);
}


/* ── 5. Publikovat tlačítko – tenký tmavý rámeček ────── */
.mp-publish-btn {
  border: 1.5px solid rgba(0,0,0,0.30) !important;
}


/* ── 6. Ikonka „Můj profil" – aktivní stav ──────────── */
/* Stránka my-profile.html – ikona uživatele je aktivní */
#myProfileIcon.active,
a[href="my-profile.html"].icon-circle.active {
  background: #ffffff !important;
  color: #0f0f12 !important;
  border-color: #ffffff !important;
}


/* ── 7. button.icon-circle – odstranit browser default button styling ── */
/* Tlačítko zvonečku (notification-btn) musí vypadat stejně jako <a> ikony */
button.icon-circle {
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  border: 1.5px solid rgba(255,255,255,0.50) !important;
  color: #ffffff !important;
  padding: 0 !important;
  font-size: inherit !important;
}

button.icon-circle:hover,
button.icon-circle:focus {
  background: rgba(255,255,255,0.12) !important;
  border-color: #ffffff !important;
  color: #ffffff !important;
  outline: none !important;
}


/* ╔══════════════════════════════════════════════════════╗
   ║  LIVE CHAT VIDEO PAGE  –  glassmorphic UI            ║
   ║  Přebíjí solid #1a1a1e → průhledné matné sklo        ║
   ║  aby prosvítalo video pozadí                         ║
   ╚══════════════════════════════════════════════════════╝ */

/* Body: PRŮHLEDNÉ – jinak by body box zakryl video (z-index:-2)
   Tmavý fallback obstarává <html> canvas (#0f0f12 z theme.css).        */
body.live-chat-video-page {
  background: transparent !important;
  /* CSS var pro potomky co používají var(--panel) */
  --panel:      rgba(20, 14, 30, 0.55);
  --panel-soft: rgba(20, 14, 30, 0.40);
}

/* Hlavní chat area + sidebar – oba mají class „card" → */
/* výše specifičtější selector přebíjí .card { background: #1a1a1e } */
body.live-chat-video-page .card {
  background: rgba(20, 14, 30, 0.62) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
  border: 1px solid rgba(255, 255, 255, 0.09) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.50) !important;
}

/* Chat hlavní panel (explicitně) */
body.live-chat-video-page .chat-main {
  background: rgba(20, 14, 30, 0.62) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
  border: 1px solid rgba(255, 255, 255, 0.09) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.50) !important;
}

/* Oblast zpráv – trochu průhlednější */
body.live-chat-video-page .chat-area {
  background: rgba(20, 14, 30, 0.45) !important;
}

/* Input lišta dole */
body.live-chat-video-page .chat-inputbar {
  background: rgba(20, 14, 30, 0.62) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* Sidebar (pravý panel) */
/* ── SIDEBAR – VŽDY DARK + PINK BORDER ───────────────────────
   Sidebar se NESMÍ měnit podle přepínače témat (Bílý / Tmavý).
   Přepínač smí měnit pouze chatovací plochu vlevo.

   live-chat.css na řádku ~1407 má:
     body.chat-theme-light.live-chat-video-page .chat-sidebar {
       background: rgba(255,255,255,.84) !important;   ← specificity 031
     }
   Proto potřebujeme stejnou specifičnost 031 v theme.css (načte se LATER → wins).
   ─────────────────────────────────────────────────────────── */

/* Základ – všechny stavy bez !important konfliktu */
.chat-sidebar {
  background: #1a1a1e !important;
}

/* Video stránka – výchozí téma */
body.live-chat-video-page .chat-sidebar {
  background: rgba(20, 14, 30, 0.88) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
}

/* SVĚTLÉ TÉMA – přebití white bg (spec 031, wins) */
body.chat-theme-light.live-chat-video-page .chat-sidebar {
  background: rgba(20, 14, 30, 0.88) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
}

/* Světlé téma – NON-video stránka */
body.chat-theme-light .chat-sidebar {
  background: #1a1a1e !important;
}

/* ── PINK BORDER + GLOW – všechny stavy ── */
.chat-sidebar,
body.chat-theme-light .chat-sidebar,
body.chat-theme-dark .chat-sidebar,
body.live-chat-video-page .chat-sidebar,
body.chat-theme-light.live-chat-video-page .chat-sidebar,
body.chat-theme-dark.live-chat-video-page .chat-sidebar {
  border: 1px solid rgba(255, 59, 122, 0.55) !important;
  box-shadow: 0 0 28px rgba(255, 59, 122, 0.16), 0 16px 40px rgba(0,0,0,0.45) !important;
  border-radius: 18px !important;
}

/* ── TEXT BÍLÝ uvnitř dark sidebaru ─────────────────────────
   Světlé téma: --text=#202020 → texty by byly černé na dark bg → override na bílé.
   Cílíme přes .chat-sidebar jako parent → spec 030/031 → beats var(--text).
   ─────────────────────────────────────────────────────────── */
body.chat-theme-light .chat-sidebar .settings-box-title,
body.chat-theme-light.live-chat-video-page .chat-sidebar .settings-box-title {
  background: rgba(255,255,255,0.07) !important;
  color: #f0f0f2 !important;
}

body.chat-theme-light .chat-sidebar .sidebar-section-title,
body.chat-theme-light.live-chat-video-page .chat-sidebar .sidebar-section-title {
  background: rgba(255,255,255,0.07) !important;
  color: #f0f0f2 !important;
}

body.chat-theme-light .chat-sidebar .radio-row,
body.chat-theme-light .chat-sidebar .radio-row span,
body.chat-theme-light .chat-sidebar .check-row,
body.chat-theme-light .chat-sidebar .check-row span,
body.chat-theme-light.live-chat-video-page .chat-sidebar .radio-row,
body.chat-theme-light.live-chat-video-page .chat-sidebar .radio-row span {
  color: #f0f0f2 !important;
}

body.chat-theme-light .chat-sidebar .search,
body.chat-theme-light.live-chat-video-page .chat-sidebar .search {
  background: rgba(255,255,255,0.07) !important;
  border-color: rgba(255,59,122,0.35) !important;
  color: #f0f0f2 !important;
}

body.chat-theme-light .chat-sidebar .search::placeholder,
body.chat-theme-light.live-chat-video-page .chat-sidebar .search::placeholder {
  color: rgba(255,255,255,0.38) !important;
}

body.chat-theme-light .chat-sidebar .room-count,
body.chat-theme-light.live-chat-video-page .chat-sidebar .room-count {
  color: rgba(255,255,255,0.55) !important;
}

body.chat-theme-light .chat-sidebar .user-meta b,
body.chat-theme-light.live-chat-video-page .chat-sidebar .user-meta b {
  color: #f0f0f2 !important;
}

body.chat-theme-light .chat-sidebar .user-meta small,
body.chat-theme-light.live-chat-video-page .chat-sidebar .user-meta small {
  color: rgba(255,255,255,0.55) !important;
}

body.chat-theme-light .chat-sidebar .sidebar-users-wrap,
body.chat-theme-light.live-chat-video-page .chat-sidebar .sidebar-users-wrap {
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(255,59,122,0.20) !important;
}

body.chat-theme-light .chat-sidebar .users-list,
body.chat-theme-light.live-chat-video-page .chat-sidebar .users-list {
  border-top-color: rgba(255,255,255,0.08) !important;
}

body.chat-theme-light .chat-sidebar .user-row,
body.chat-theme-light.live-chat-video-page .chat-sidebar .user-row {
  border-bottom-color: rgba(255,255,255,0.08) !important;
}

/* ── Desktop sidebar – text settings panelu BÍLÝ (video page) ──
   Přebíjí .settings-panel * { color:#1a1a1e } výše v theme.css (spec 031 > 010). */
body.live-chat-video-page .chat-sidebar .settings-panel *,
body.live-chat-video-page .chat-sidebar .settings-box-title,
body.live-chat-video-page .chat-sidebar .sidebar-section-title,
body.live-chat-video-page .chat-sidebar .radio-row,
body.live-chat-video-page .chat-sidebar .radio-row span,
body.live-chat-video-page .chat-sidebar .check-row span {
  color: #f0f0f2 !important;
}

/* Entry box – glassmorphism (přebíjí background:#1a1a1a a backdrop-filter:none z live-chat.css) */
body.live-chat-video-page #roomEntryWrap .room-entry-card,
body.live-chat-video-page .room-entry-card,
body.live-chat-video-page .live-chat-lobby-card {
  background: rgba(15, 10, 25, 0.52) !important;
  backdrop-filter: blur(22px) !important;
  -webkit-backdrop-filter: blur(22px) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.45) !important;
  margin-left: auto !important;
  margin-right: 140px !important;
}

/* Mobil – entry box vycentrovaný */
@media (max-width: 768px) {
  body.live-chat-video-page #roomEntryWrap .room-entry-card,
  body.live-chat-video-page .room-entry-card,
  body.live-chat-video-page .live-chat-lobby-card {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}


/* ── Settings panel – tmavý text pro MOBILNÍ plovoucí panel (bílé pozadí) ──
   POUZE v mobilní verzi videa je panel bílý (fixed position overlay).
   Desktop sidebar (uvnitř .chat-sidebar) je dark → tam text BÍLÝ (viz pravidlo níže). */
@media (max-width: 611px) {
  body.live-chat-video-page .settings-panel,
  body.live-chat-video-page .settings-panel * {
    color: #1a1a1e !important;
  }

  body.live-chat-video-page .settings-panel .settings-box-title {
    color: #1a1a1e !important;
  }

  body.live-chat-video-page .settings-panel .radio-row,
  body.live-chat-video-page .settings-panel .radio-row span,
  body.live-chat-video-page .settings-panel label {
    color: #1a1a1e !important;
  }

  /* Bílý/světlý theme – přebít white-on-white problém na mobilu */
  body.chat-theme-light.live-chat-video-page .chat-sidebar .settings-panel *,
  body.chat-theme-light.live-chat-video-page .chat-sidebar .settings-box-title,
  body.chat-theme-light.live-chat-video-page .chat-sidebar .sidebar-section-title,
  body.chat-theme-light.live-chat-video-page .chat-sidebar .radio-row,
  body.chat-theme-light.live-chat-video-page .chat-sidebar .radio-row span,
  body.chat-theme-light.live-chat-video-page .chat-sidebar .check-row span,
  body.chat-theme-light.live-chat-video-page .chat-sidebar label {
    color: #1a1a1e !important;
  }
}

/* Desktop sidebar (dark bg) – settings panel text BÍLÝ – ALL stránky a témata */
.chat-sidebar .settings-panel *,
.chat-sidebar .settings-box-title,
.chat-sidebar .sidebar-section-title,
.chat-sidebar .radio-row,
.chat-sidebar .radio-row span,
.chat-sidebar .check-row,
.chat-sidebar .check-row span,
.chat-sidebar .room-count,
.chat-sidebar .user-meta b {
  color: #f0f0f2 !important;
}

.chat-sidebar .user-meta small,
.chat-sidebar .search::placeholder {
  color: rgba(255,255,255,0.55) !important;
}

.chat-sidebar .search {
  color: #f0f0f2 !important;
}

/* ── Navbar ikonky – aktivní stav ───────────────────────────
   Obálka: aktivní když je mini-messenger panel (#tlmPanel.open) otevřený
   Zvoneček: aktivní když je notification dropdown otevřený (bez .hidden)
   Čistě CSS :has() – žádná změna funkce.
   ────────────────────────────────────────────────────────── */

/* Obálka – aktivní při otevřeném messengeru */
body:has(#tlmPanel.open) #messagesIcon,
body:has(#tlmPanel.open) #mailIcon,
body:has(#tlmPanel.open) .tlm-envelope-anchor.icon-circle {
  background: #ffffff !important;
  color: #0f0f12 !important;
  border-color: #ffffff !important;
}

/* Zvoneček – aktivní při otevřeném dropdownu */
.notification-wrap:has(#notificationDropdown:not(.hidden)) #notificationsIcon,
.notification-wrap:has(#notificationDropdown:not(.hidden)) .notification-btn {
  background: #ffffff !important;
  color: #0f0f12 !important;
  border-color: #ffffff !important;
}

/* ── MOBILE: Settings panel – oprava pozice ─────────────────
   bottom:130px = panel níž, blíže k "Nastavení chatu" tlačítku.
   max-height:280px = panel nepřesahuje navbarem.
   ────────────────────────────────────────────────────────── */
@media (max-width: 611px) {
  body.live-chat-video-page .settings-panel {
    bottom: 130px !important;
    max-height: 280px !important;
    overflow-y: auto !important;
  }
}


/* ╔══════════════════════════════════════════════════════╗
   ║   GLOBÁLNÍ PINK BORDER  v2.0                        ║
   ║   Tenký růžový proužek viditelný na VŠECH prvcích.  ║
   ║   Layout / velikosti / funkce se nemění.            ║
   ╚══════════════════════════════════════════════════════╝ */

/* ── Boxy / karty / kontejnery / sekce ───────────────────
   Původní rgba(142,45,226,0.15) (fialová) → vibrantní pink  */
.card,
.card.soft,
.about-box,
.extra-gallery,
.profile-user-box,
.notification-dropdown,
.profile-edit-card,
.ad-detail-card,
.sidebar-inner > .ad-card,
.mini-user--vertical,
.broadcast-room,
.stream-info-panel,
.filter-box,
.chat-room,
.post-card,
.inzerat-card,
.ad-card,
.profile-card,
.room-layout,
.setup-card,
.rules-card,
.filter-card {
  border-color: rgba(255, 45, 140, 0.65) !important;
  box-shadow: 0 0 10px rgba(255, 45, 140, 0.20),
              0 8px 24px rgba(0, 0, 0, 0.40) !important;
}

.card:hover,
.mini-user--vertical:hover,
.ad-detail-card:hover,
.filter-box:hover,
.post-card:hover,
.inzerat-card:hover,
.ad-card:hover,
.profile-card:hover {
  border-color: rgba(255, 45, 140, 0.85) !important;
  box-shadow: 0 0 16px rgba(255, 45, 140, 0.32),
              0 12px 32px rgba(0, 0, 0, 0.45) !important;
}

/* ── Link pilulky (Přátelé / Příspěvky / Inzeráty) ── */
.profile-links .links-row a,
.links-row a {
  border-color: rgba(255, 45, 140, 0.55) !important;
  box-shadow: 0 0 6px rgba(255, 45, 140, 0.20) !important;
}

.profile-links .links-row a:hover,
.links-row a:hover {
  border-color: rgba(255, 45, 140, 0.85) !important;
  box-shadow: 0 0 10px rgba(255, 45, 140, 0.35) !important;
}

/* ── Vstupní pole – klidový stav ── */
input:not([type="file"]):not([type="submit"]):not([type="button"]):not([type="range"]),
select,
textarea {
  border-color: rgba(255, 45, 140, 0.38) !important;
}

/* ── Vstupní pole – focus pink ring ── */
input:not([type="file"]):not([type="submit"]):not([type="button"]):not([type="range"]):focus,
select:focus,
textarea:focus {
  border-color: rgba(255, 45, 140, 0.80) !important;
  box-shadow: 0 0 0 3px rgba(255, 45, 140, 0.16),
              0 0 12px rgba(255, 45, 140, 0.22) !important;
  outline: none !important;
}

/* ── Sekundární tlačítka – border + jemný glow ── */
.save-ad-btn,
.cancel-ad-btn,
.filter-btn,
.profile-cancel-btn,
.back-to-list-btn,
.mp-media-btn,
.show-more-btn,
#editAdBtn,
#editProfileBtn,
#addPhotoBtn {
  border-color: rgba(255, 45, 140, 0.75) !important;
  box-shadow: 0 0 7px rgba(255, 45, 140, 0.28) !important;
}

.save-ad-btn:hover,
.cancel-ad-btn:hover,
.filter-btn:hover,
.profile-cancel-btn:hover,
.back-to-list-btn:hover,
.mp-media-btn:hover,
#editAdBtn:hover,
#editProfileBtn:hover,
#addPhotoBtn:hover {
  border-color: rgba(255, 45, 140, 0.96) !important;
  box-shadow: 0 0 12px rgba(255, 45, 140, 0.50) !important;
}

/* ── Primární tlačítka – pink glow pod nimi ── */
.post-btn,
.mp-publish-btn,
.start-broadcast-btn,
.confirm-start-btn,
.confirm-filter-btn,
.understand-btn,
.send-chat-btn,
.profile-save-btn,
.ad-open-btn {
  box-shadow: 0 6px 18px rgba(255, 45, 140, 0.42),
              0 0 12px rgba(255, 45, 140, 0.24) !important;
}

/* ── Danger tlačítka ── */
.danger,
.danger-delete,
.delete-ad-btn {
  border-color: rgba(255, 45, 140, 0.55) !important;
  box-shadow: 0 0 7px rgba(255, 45, 140, 0.20) !important;
}

/* ── Navbar spodní linka – viditelná pink čára ── */
.navbar {
  border-bottom-color: rgba(255, 45, 140, 0.38) !important;
}

/* ── Seznamka – Profil / Chat tlačítka (mírný neon border) ── */
.profile-btn,
.chat-btn,
.profile-actions .profile-btn,
.profile-actions .chat-btn {
  border-color: rgba(255, 45, 140, 0.82) !important;
  box-shadow: 0 0 8px rgba(255, 45, 140, 0.40) !important;
}

.profile-btn:hover,
.chat-btn:hover,
.profile-actions .profile-btn:hover,
.profile-actions .chat-btn:hover {
  border-color: rgba(255, 45, 140, 1) !important;
  box-shadow: 0 0 14px rgba(255, 45, 140, 0.65) !important;
}

/* ── Cizí profil (profile.html) – sjednocení s my-profile ──
   #likeBtn / #messageBtn / #giftBtn dostávají stejný styl
   jako #editProfileBtn / #addPhotoBtn na my-profile.html    */
#likeBtn,
#messageBtn,
#giftBtn {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1.5px solid rgba(255, 45, 140, 0.75) !important;
  color: #ffffff !important;
  box-shadow: 0 0 7px rgba(255, 45, 140, 0.30) !important;
  border-radius: 40px !important;
  transition: box-shadow .22s ease, border-color .22s ease, background .22s ease !important;
}

#likeBtn:hover,
#messageBtn:hover,
#giftBtn:hover {
  background: rgba(255, 45, 140, 0.12) !important;
  border-color: rgba(255, 45, 140, 0.96) !important;
  box-shadow: 0 0 14px rgba(255, 45, 140, 0.52) !important;
}

/* likeBtn – hlavní CTA tlačítko, neonový růžový text */
#likeBtn {
  color: #ff0099 !important;
  font-weight: 800 !important;
}

/* ╔══════════════════════════════════════════════════════╗
   ║  LIVE CHAT – Bílý/Light téma: input lišta zůstane   ║
   ║  tmavá. Text zůstává bílý. Funkce se nemění.         ║
   ╚══════════════════════════════════════════════════════╝ */

/* Normální stránka (ne video) */
body.chat-theme-light .chat-inputbar {
  background: #1a1422 !important;
  border-top-color: rgba(255, 45, 140, 0.30) !important;
}

/* Input pole uvnitř lišty */
body.chat-theme-light .chat-inputbar input,
body.chat-theme-light .chat-inputbar textarea {
  background: rgba(255, 255, 255, 0.07) !important;
  color: #f0f0f2 !important;
  border-color: rgba(255, 45, 140, 0.40) !important;
}

body.chat-theme-light .chat-inputbar input::placeholder,
body.chat-theme-light .chat-inputbar textarea::placeholder {
  color: rgba(255, 255, 255, 0.40) !important;
}

/* Video stránka – přebíjí live-chat.css !important (spec 0,3,1) */
body.chat-theme-light.live-chat-video-page .chat-inputbar {
  background: #1a1422 !important;
  border-top-color: rgba(255, 45, 140, 0.30) !important;
}

/* Profil – odstranit rámeček z pravé části, levé části a bloku odkazů */
.profile-right {
  border: none !important;
  box-shadow: none !important;
  min-height: calc(100vh - 80px) !important;
}
.profile-left {
  border: none !important;
  box-shadow: none !important;
}
.profile-links {
  border: none !important;
  box-shadow: none !important;
}