/* Klub Světa v hledáčku – tmavý a zlatý styl eshopu */
.svh-klub { --gold:#c9a870; --gold-lt:#e2c98a; --panel:#151515; --line:rgba(255,255,255,.08); --txt:#e4e0d8; --mut:#8f8a80;
    max-width: 900px; margin: 0 auto 60px; color: var(--txt); }
.svh-klub h2 { color:#fff !important; font-size: 26px !important; margin: 0 !important; letter-spacing: .02em; }
.svh-klub a { color: var(--gold) !important; }
.svh-klub a:hover { color: var(--gold-lt) !important; }
.svh-klub .button, .svh-klub button.button { background: var(--gold) !important; color:#0d0d0d !important; border:none !important;
    border-radius:2px !important; padding: 10px 18px !important; font-weight:700; letter-spacing:.1em; text-transform:uppercase; font-size:12px; margin:0; }
.svh-klub .button:hover { background: var(--gold-lt) !important; color:#0d0d0d !important; }

.svh-klub__head { display:flex; align-items:center; justify-content:space-between; gap:16px; margin: 10px 0 14px; flex-wrap:wrap; }
.svh-klub__desc { color: var(--mut); margin: -4px 0 14px; }

.svh-klub__cats { display:flex; flex-wrap:wrap; gap:8px; margin: 0 0 18px; }
.svh-klub__cats a { padding:6px 12px; border:1px solid var(--line); border-radius:20px; font-size:13px; color: var(--txt) !important; }
.svh-klub__cats a.is-active, .svh-klub__cats a:hover { border-color: var(--gold); color: var(--gold) !important; }

.svh-klub__list { list-style:none !important; margin:0 !important; padding:0 !important; border-top:1px solid var(--line); }
.svh-klub__item { display:flex; align-items:center; gap:14px; padding:14px 6px; border-bottom:1px solid var(--line); margin:0 !important; }
.svh-klub__item.is-pinned { background: rgba(201,168,112,.05); }
.svh-klub__main { flex:1; min-width:0; }
.svh-klub__title { font-size:16px; font-weight:700; color:#fff !important; display:block; }
.svh-klub__title:hover { color: var(--gold) !important; }
.svh-klub__meta, .svh-klub__time { color: var(--mut); font-size:12.5px; margin-top:2px; }
.svh-klub__count { min-width:38px; text-align:center; padding:4px 8px; border-radius:12px; background:#1d1d1d; color: var(--gold); font-weight:700; font-size:13px; }
.svh-klub__pin { display:inline-block; font-size:10.5px; letter-spacing:.08em; text-transform:uppercase; color:#0d0d0d; background: var(--gold); padding:1px 6px; border-radius:2px; margin-right:4px; vertical-align:2px; }

.svh-klub__avatar { flex:0 0 38px; width:38px; height:38px; border-radius:50%; background:#222; border:1px solid rgba(201,168,112,.4);
    color: var(--gold); display:inline-flex; align-items:center; justify-content:center; font-weight:700; font-size:13px; }

.svh-klub__crumbs { color: var(--mut); font-size:13px; margin: 6px 0 14px; }
.svh-klub__post { background: var(--panel); border:1px solid var(--line); border-radius:3px; padding:18px 20px; margin: 0 0 12px; }
.svh-klub__post--topic { border-left:3px solid var(--gold); }
.svh-klub__topic-title { font-size:22px !important; margin: 0 0 12px !important; }
.svh-klub__post-head { display:flex; align-items:center; gap:10px; margin-bottom:10px; }
.svh-klub__author { font-weight:700; color:#fff; }
.svh-klub__badge { font-size:10.5px; letter-spacing:.06em; text-transform:uppercase; color: var(--gold); border:1px solid rgba(201,168,112,.5); padding:1px 6px; border-radius:2px; margin-left:6px; font-weight:600; }
.svh-klub__time { margin-left:auto; }
.svh-klub__body { color: var(--txt); line-height:1.65; word-wrap:break-word; }
.svh-klub__body p { margin: 0 0 .8em; color: var(--txt) !important; }
.svh-klub__actions { display:flex; gap:16px; margin-top:10px; font-size:12.5px; }
.svh-klub__replies-title { color:#fff !important; font-size:15px !important; letter-spacing:.06em; text-transform:uppercase; margin: 26px 0 12px !important; }

.svh-klub__video { position:relative; padding-top:56.25%; margin: 6px 0 14px; background:#000; }
.svh-klub__video iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }

.svh-klub__form { background: var(--panel); border:1px solid var(--line); border-radius:3px; padding:18px 20px; margin-top:16px; }
.svh-klub__form label { display:block; color: var(--mut); font-size:12px; letter-spacing:.06em; text-transform:uppercase; margin: 10px 0 6px; }
.svh-klub__form input[type=text], .svh-klub__form textarea, .svh-klub__form select {
    width:100%; background:#0f0f0f !important; color: var(--txt) !important; border:1px solid #2a2a2a !important; border-radius:3px; padding:10px 12px; font-size:15px; box-shadow:none !important; }
.svh-klub__form textarea { min-height:140px; resize:vertical; }
.svh-klub__form input:focus, .svh-klub__form textarea:focus, .svh-klub__form select:focus { border-color: var(--gold) !important; outline:none; }
.svh-klub__form .button { margin-top:14px; }

.svh-klub__notice { padding:10px 14px; border-radius:3px; margin: 8px 0 14px; font-size:14px; }
.svh-klub__notice--ok { background: rgba(111,176,126,.12); border:1px solid rgba(111,176,126,.4); color:#a8d8b2; }
.svh-klub__notice--err { background: rgba(208,83,74,.12); border:1px solid rgba(208,83,74,.4); color:#f0a39c; }

.svh-klub__empty { color: var(--mut); padding: 20px 0; }
.svh-klub__pages { display:flex; gap:6px; margin-top:18px; }
.svh-klub__pages a { padding:5px 10px; border:1px solid var(--line); border-radius:2px; }
.svh-klub__pages a.is-active { border-color: var(--gold); }

.svh-klub__gate { background: var(--panel); border:1px solid var(--line); border-left:3px solid var(--gold); padding:28px 30px; border-radius:3px; }
.svh-klub__gate p { color: var(--txt) !important; }

@media (max-width: 600px) {
    .svh-klub__item { gap:10px; }
    .svh-klub__avatar { flex-basis:32px; width:32px; height:32px; font-size:12px; }
    .svh-klub__post, .svh-klub__form { padding:14px; }
}

/* Vyhledávání */
.svh-klub__search { display:flex; gap:8px; align-items:center; margin: 0 0 18px; flex-wrap:wrap; }
.svh-klub__search input[type=search] { flex:1; min-width:220px; background:#0f0f0f !important; color: var(--txt) !important;
    border:1px solid #2a2a2a !important; border-radius:3px; padding:10px 12px; font-size:15px; box-shadow:none !important; margin:0 !important; height:auto; }
.svh-klub__search input[type=search]:focus { border-color: var(--gold) !important; outline:none; }
.svh-klub__search .button { margin:0 !important; }
.svh-klub__search-reset { font-size:13px; }

/* Obrázky (příspěvky admina) */
.svh-klub__img { margin: 6px 0 14px; }
.svh-klub__img img { max-width:100%; height:auto; border-radius:3px; display:block; }
.svh-klub__img-btn { display:inline-block; margin: 10px 12px 0 0; background:transparent !important; color: var(--gold) !important;
    border:1px solid rgba(201,168,112,.5) !important; border-radius:2px; padding:8px 14px; font-size:12px; letter-spacing:.06em;
    text-transform:uppercase; cursor:pointer; }
.svh-klub__img-btn:hover { border-color: var(--gold) !important; color: var(--gold-lt) !important; }

/* Oprava: Flatsome dává polím pevnou výšku – rozbalovací seznam
   kategorií se pak ořízne. Výšku necháme podle obsahu. */
.svh-klub__form input[type=text],
.svh-klub__form select,
.svh-klub__search input[type=search] {
    height: auto !important;
    min-height: 46px;
    line-height: 1.4 !important;
}
.svh-klub__form select {
    padding: 10px 40px 10px 12px !important;
    -webkit-appearance: none; -moz-appearance: none; appearance: none;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23c9a870' stroke-width='1.6'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 14px center !important;
    cursor: pointer;
}
.svh-klub__form select option { background:#0f0f0f; color:#e4e0d8; }

/* Tlačítka pod formulářem v jedné řadě a stejně vysoká */
.svh-klub__form .button,
.svh-klub__form .svh-klub__img-btn {
    display: inline-flex !important;
    align-items: center;
    min-height: 42px;
    margin: 14px 10px 0 0 !important;
    vertical-align: middle;
    line-height: 1.2 !important;
}

/* Editor (TinyMCE) v tmavém stylu */
.svh-klub .wp-editor-wrap { margin-top: 2px; }
.svh-klub .wp-editor-container { border: 1px solid #2a2a2a !important; border-radius: 3px; overflow: hidden; }
.svh-klub div.mce-panel, .svh-klub .mce-toolbar-grp { background: #1a1a1a !important; border-color: #2a2a2a !important; }
.svh-klub .mce-toolbar-grp { border-bottom: 1px solid #2a2a2a !important; padding: 4px !important; }
.svh-klub .mce-btn { background: transparent !important; border-color: transparent !important; box-shadow: none !important; }
.svh-klub .mce-btn:hover, .svh-klub .mce-btn:focus, .svh-klub .mce-btn.mce-active { background: #262626 !important; border-color: #3a3a3a !important; }
.svh-klub .mce-btn button { color: #e4e0d8 !important; padding: 4px 6px !important; }
.svh-klub .mce-ico { color: #c9a870 !important; }
.svh-klub .mce-btn.mce-active .mce-ico { color: #e2c98a !important; }
.svh-klub .mce-listbox button, .svh-klub .mce-listbox .mce-txt { color: #e4e0d8 !important; font-size: 13px !important; }
.svh-klub .mce-listbox { border: 1px solid #333 !important; }
.svh-klub .mce-edit-area iframe { background: #0f0f0f; }
.svh-klub .wp-editor-area { background: #0f0f0f !important; color: #e4e0d8 !important; border: 0 !important; }
/* rozbalovací nabídka formátů (vykresluje se mimo .svh-klub) */
.mce-menu.mce-floatpanel { background: #1a1a1a !important; border-color: #333 !important; }
.mce-menu .mce-menu-item .mce-text, .mce-menu .mce-menu-item { color: #e4e0d8 !important; }
.mce-menu .mce-menu-item:hover, .mce-menu .mce-menu-item.mce-selected { background: #2a2a2a !important; }

/* Formátovaný obsah příspěvků */
.svh-klub__body h3 { color: #fff !important; font-size: 20px !important; margin: 1em 0 .4em !important; }
.svh-klub__body h4 { color: #fff !important; font-size: 17px !important; margin: .9em 0 .35em !important; }
.svh-klub__body ul, .svh-klub__body ol { margin: 0 0 1em 1.4em !important; padding: 0 !important; }
.svh-klub__body li { color: var(--txt) !important; margin: .2em 0 !important; }
.svh-klub__body blockquote { border-left: 3px solid var(--gold) !important; margin: 0 0 1em !important; padding: 2px 0 2px 14px !important;
    color: #cfc8bb !important; font-style: italic; background: none !important; }
.svh-klub__body blockquote p { color: #cfc8bb !important; }
.svh-klub__body strong, .svh-klub__body b { color: #fff; }
.svh-klub__body code { background: #1d1d1d; padding: 1px 5px; border-radius: 2px; font-size: .92em; }

/* =============================================
   CHAT – pokec pod fórem
   ============================================= */
.svh-chat { margin-top: 40px; background: var(--panel); border: 1px solid var(--line); border-top: 3px solid var(--gold); border-radius: 3px; }
.svh-chat__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 18px; border-bottom: 1px solid var(--line); flex-wrap: wrap; }
.svh-chat__head h3 { margin: 0 !important; color: #fff !important; font-size: 16px !important; letter-spacing: .08em; text-transform: uppercase; display: flex; align-items: center; gap: 8px; }
.svh-chat__live { width: 8px; height: 8px; border-radius: 50%; background: #6fb07e; box-shadow: 0 0 0 0 rgba(111,176,126,.6); animation: svhPulse 2s infinite; }
@keyframes svhPulse { 0% { box-shadow: 0 0 0 0 rgba(111,176,126,.6); } 70% { box-shadow: 0 0 0 8px rgba(111,176,126,0); } 100% { box-shadow: 0 0 0 0 rgba(111,176,126,0); } }
.svh-chat__online { color: var(--mut); font-size: 12.5px; }
.svh-chat__log { height: 420px; overflow-y: auto; padding: 14px 18px; scroll-behavior: smooth; }
.svh-chat__empty { color: var(--mut); text-align: center; margin: 40px 0 !important; }
.svh-chat__msg { display: flex; gap: 10px; padding: 7px 0; }
.svh-chat__msg + .svh-chat__msg { border-top: 1px solid rgba(255,255,255,.03); }
.svh-chat__av { flex: 0 0 32px; width: 32px; height: 32px; border-radius: 50%; background: #222; border: 1px solid rgba(201,168,112,.4);
    color: var(--gold); display: inline-flex; align-items: center; justify-content: center; font-weight: 700; font-size: 12px; }
.svh-chat__msg.is-me .svh-chat__av { background: rgba(201,168,112,.15); }
.svh-chat__body { flex: 1; min-width: 0; }
.svh-chat__meta { display: flex; align-items: baseline; gap: 8px; font-size: 12.5px; }
.svh-chat__meta strong { color: #fff; font-weight: 700; }
.svh-chat__badge { font-size: 10px; letter-spacing: .06em; text-transform: uppercase; color: var(--gold); border: 1px solid rgba(201,168,112,.5); padding: 0 5px; border-radius: 2px; }
.svh-chat__time { color: var(--mut); font-size: 11.5px; }
.svh-chat__del { margin-left: auto; background: none !important; border: 0 !important; color: var(--mut) !important; cursor: pointer; font-size: 16px; line-height: 1; padding: 0 4px !important; min-height: 0 !important; }
.svh-chat__del:hover { color: var(--red, #d0534a) !important; }
.svh-chat__text { color: var(--txt); font-size: 14.5px; line-height: 1.5; white-space: pre-wrap; word-wrap: break-word; }
.svh-chat__form { display: flex; gap: 8px; align-items: flex-end; padding: 12px 18px; border-top: 1px solid var(--line); margin: 0; }
.svh-chat__form textarea { flex: 1; resize: none; min-height: 44px; max-height: 140px; background: #0f0f0f !important; color: var(--txt) !important;
    border: 1px solid #2a2a2a !important; border-radius: 3px; padding: 11px 12px; font-size: 15px; line-height: 1.4 !important; box-shadow: none !important; margin: 0 !important; height: auto; font-family: inherit; }
.svh-chat__form textarea:focus { border-color: var(--gold) !important; outline: none; }
.svh-chat__form .button { margin: 0 !important; min-height: 44px; }
.svh-chat__note { color: var(--mut); font-size: 11.5px; padding: 0 18px 12px; margin: 0 !important; }
@media (max-width: 600px) {
    .svh-chat__log { height: 340px; padding: 10px 12px; }
    .svh-chat__form { padding: 10px 12px; }
}