/* CIWLAND 20.1 – single wallpaper/theme selector shared across all pages that include header.php.
   No image file or account content is uploaded to the server by this component. */
:root{--ciw-theme-dim:.16;--ciw-theme-wallpaper:none;--ciw-theme-edge:rgba(160,192,238,.16);--ciw-theme-glass:rgba(9,19,34,.78)}
html[data-ciw-backdrop="light"]{--ciw-theme-glass:rgba(250,252,255,.88);--ciw-theme-edge:rgba(43,70,105,.14)}
html[data-ciw-backdrop="galaxy"] body::before{background:radial-gradient(circle at 12% 28%,#6637a9,transparent 37%),radial-gradient(circle at 82% 8%,#294fba,transparent 38%),radial-gradient(circle at 69% 83%,#a83c9f,transparent 38%),linear-gradient(145deg,#06091b,#171033 64%,#060914)!important;filter:none!important;transform:none!important;opacity:1!important}
html[data-ciw-backdrop="cyber"] body::before{background:linear-gradient(rgba(61,183,219,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(61,183,219,.11) 1px,transparent 1px),radial-gradient(circle at 75% 28%,#12396d,transparent 57%),#050e1d!important;background-size:55px 55px,55px 55px,cover!important;filter:none!important;transform:none!important;opacity:1!important}
html[data-ciw-backdrop="sunset"] body::before{background:radial-gradient(circle at 64% 28%,#f89864,transparent 30%),radial-gradient(circle at 10% 65%,#973d80,transparent 49%),linear-gradient(145deg,#39113d,#8a3b45 55%,#20112c)!important;filter:none!important;transform:none!important;opacity:1!important}
html[data-ciw-backdrop="ocean"] body::before{background:radial-gradient(circle at 71% 11%,#237e9b,transparent 43%),radial-gradient(circle at 23% 78%,#0b537e,transparent 43%),linear-gradient(140deg,#031b32,#08617a 58%,#04172b)!important;filter:none!important;transform:none!important;opacity:1!important}
html[data-ciw-backdrop="forest"] body::before{background:radial-gradient(circle at 23% 23%,#2a7c62,transparent 42%),radial-gradient(circle at 82% 77%,#4f7b39,transparent 44%),linear-gradient(145deg,#071d19,#183d30 60%,#071511)!important;filter:none!important;transform:none!important;opacity:1!important}
html[data-ciw-backdrop="sakura"] body::before{background:radial-gradient(circle at 68% 15%,#e891b3,transparent 38%),radial-gradient(circle at 13% 70%,#8f5eac,transparent 46%),linear-gradient(145deg,#331a46,#6d426e 58%,#241530)!important;filter:none!important;transform:none!important;opacity:1!important}
html[data-ciw-backdrop="ember"] body::before{background:radial-gradient(circle at 86% 21%,#a45526,transparent 42%),radial-gradient(circle at 14% 75%,#8e302b,transparent 44%),linear-gradient(135deg,#1d100c,#4b241d 66%,#171013)!important;filter:none!important;transform:none!important;opacity:1!important}
html[data-ciw-backdrop="custom"] body::before{background-image:var(--ciw-theme-wallpaper)!important;background-position:center center!important;background-size:cover!important;background-repeat:no-repeat!important;filter:none!important;transform:none!important;opacity:1!important;inset:0!important}
html[data-ciw-backdrop]:not([data-ciw-backdrop="dark"]):not([data-ciw-backdrop="light"]) body::after{background:rgba(3,8,18,var(--ciw-theme-dim))!important;inset:0!important;opacity:1!important}
html[data-ciw-backdrop="light"] body::before{filter:none!important;transform:none!important;opacity:0!important}
html[data-ciw-backdrop="light"] body::after{background:none!important;opacity:0!important}
/* Keep wallpapers visible through the app panels, but text legible. */
html[data-ciw-backdrop]:not([data-ciw-backdrop="dark"]):not([data-ciw-backdrop="light"]) body.ciw-social-v19 :is(.forum-v18-post,.forum-v182-profile-mini,.forum-v182-side-card,.forum-v185-contacts,.forum-v1814-friend-requests,.forum-v185-composer-mini,.forum-v182-sections-menu,.ciw-social-searchbar,.profile-card,.profile-side-card,.social-group-v184-card,.social-inbox-shell),
html[data-ciw-backdrop]:not([data-ciw-backdrop="dark"]):not([data-ciw-backdrop="light"]) :is(.home-v5-hero-card,.home-v5-mode-card,.home-v5-news-card,.ciw-panel,.profile-server-card){background:var(--ciw-theme-glass)!important;border-color:var(--ciw-theme-edge)!important;backdrop-filter:blur(15px)}
html[data-ciw-backdrop]:not([data-ciw-backdrop="dark"]):not([data-ciw-backdrop="light"]) .site-header{background:rgba(5,12,23,.82)!important;backdrop-filter:blur(18px)!important}
html[data-ciw-backdrop]:not([data-ciw-backdrop="dark"]):not([data-ciw-backdrop="light"]) .site-header,
html[data-ciw-backdrop]:not([data-ciw-backdrop="dark"]):not([data-ciw-backdrop="light"]) .forum-v18-post{box-shadow:0 16px 45px rgba(0,0,0,.2)}
.ciw-palette-open{flex-shrink:0;font-size:1.1rem!important;cursor:pointer}
.ciw-palette-open:hover{background:rgba(127,147,240,.18)!important}
.ciw-theme-studio-dialog{width:min(510px,calc(100vw - 22px));max-height:min(88dvh,760px);padding:0;color:#f1f6ff;background:#101928;border:1px solid rgba(153,186,233,.2);border-radius:22px;box-shadow:0 32px 110px rgba(0,0,0,.6);overflow:auto}
.ciw-theme-studio-dialog::backdrop{background:rgba(1,5,12,.68);backdrop-filter:blur(6px)}
.ciw-theme-studio-dialog>header{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 21px;background:#111e30;border-bottom:1px solid rgba(168,195,236,.12)}
.ciw-theme-studio-dialog>header h2{margin:0;font-size:1.12rem;line-height:1.3;color:#f8fbff}.ciw-theme-studio-dialog>header p{font-size:.72rem;color:#9cb0c8;margin:3px 0 0}
.ciw-theme-studio-dialog>header button{width:34px;height:34px;border:0;border-radius:11px;background:rgba(255,255,255,.09);color:#fff;font-size:1.3rem;cursor:pointer}
.ciw-theme-studio-body{padding:18px 21px 21px}.ciw-theme-studio-label{display:block;font-size:.76rem;font-weight:850;color:#d7e5f8;margin:0 0 10px}
.ciw-theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 20px}
.ciw-theme-swatch{display:grid;gap:7px;min-width:0;cursor:pointer;border:1px solid rgba(169,195,230,.14);border-radius:15px;padding:7px;background:rgba(255,255,255,.035);color:#d4e1f0;text-align:left;font:inherit;font-size:.7rem;font-weight:750}
.ciw-theme-swatch b{font-size:.71rem;font-weight:800;padding:0 4px 2px}.ciw-theme-swatch span{display:block;height:65px;border-radius:10px;border:1px solid rgba(255,255,255,.08)}
.ciw-theme-swatch[aria-pressed="true"]{border-color:#ffb968;background:rgba(255,185,104,.11);color:#fff6e6;box-shadow:0 0 0 1px rgba(255,184,90,.15)}.ciw-theme-swatch:hover{transform:translateY(-1px);border-color:rgba(255,185,104,.47)}
.ciw-theme-studio-upload{border:1px dashed rgba(160,199,242,.27);padding:13px;border-radius:15px;background:rgba(255,255,255,.025)}.ciw-theme-studio-upload input[type="file"]{width:100%;font-size:.74rem;color:#b6cce4}.ciw-theme-studio-upload small{display:block;font-size:.64rem;margin-top:8px;color:#91a9c3;line-height:1.45}
.ciw-theme-studio-row{display:flex;align-items:center;gap:12px;margin:18px 0 4px;font-size:.75rem}.ciw-theme-studio-row label{flex:1;color:#cbdcf0}.ciw-theme-studio-row output{color:#ffc47b;min-width:36px;text-align:right;font-variant-numeric:tabular-nums}.ciw-theme-studio-row input[type="range"]{max-width:150px;accent-color:#ffb453}.ciw-theme-studio-row input[type="checkbox"]{width:17px;height:17px;accent-color:#ffb453}
.ciw-theme-studio-actions{display:flex;gap:9px;align-items:center;justify-content:space-between;margin-top:18px}.ciw-theme-studio-actions button{border:1px solid rgba(153,186,233,.24);border-radius:12px;padding:10px 13px;background:rgba(255,255,255,.07);color:#e6f2ff;font:inherit;font-size:.75rem;cursor:pointer}
.ciw-theme-studio-status{min-height:1.4em;font-size:.66rem;color:#9bd8ad;margin-top:9px}.ciw-theme-studio-status.error{color:#ffadad}
/* Comment: separate identity from GIF, and keep the clickable reaction chip on the bubble itself. */
.ciw-social-comments{gap:15px!important}.ciw-comment{grid-template-columns:38px minmax(0,1fr)!important;gap:10px!important;align-items:start;min-width:0}
.ciw-comment-avatar{display:inline-flex!important;align-items:flex-start;justify-content:center;width:38px!important;height:38px;flex:none;text-decoration:none;border-radius:50%;overflow:visible;cursor:pointer}
.ciw-comment-avatar :is(img,.avatar-wrap,.avatar-image,.avatar-fallback){max-width:38px!important;max-height:38px!important}
.ciw-comment-main{display:flex;flex-direction:column;align-items:flex-start;min-width:0!important;max-width:100%}
.ciw-comment-name-outside{display:inline-flex!important;align-items:center;gap:5px;margin:0 0 5px!important;padding:1px 2px;color:#f2f8ff!important;font-size:.76rem!important;line-height:1.25;max-width:100%;overflow-wrap:anywhere}
.ciw-comment-name-outside:hover{text-decoration:underline}.ciw-comment-content-wrap{position:relative;max-width:100%;min-width:0;display:inline-flex;align-items:flex-start;padding-bottom:4px}
.ciw-comment-bubble{display:inline-flex!important;flex-direction:column;min-width:0;max-width:min(100%,510px)!important;padding:8px 10px!important;border-radius:15px!important;overflow:visible!important;border:1px solid rgba(165,197,236,.105)!important;background:rgba(27,40,59,.85)!important}
.ciw-comment-bubble p{margin:0!important;font-size:.79rem!important;line-height:1.52!important;white-space:normal;overflow-wrap:anywhere}
.ciw-comment-media{margin-top:5px!important;max-width:min(440px,100%);border-radius:11px!important;overflow:hidden!important}.ciw-comment-media img{display:block;max-width:100%;max-height:320px;object-fit:contain}
.ciw-comment-content-wrap>.ciw-comment-reaction-count{position:absolute;bottom:-10px;right:-9px;z-index:2;display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:25px;padding:2px 7px;border-radius:999px;border:1px solid rgba(168,195,229,.17);background:#142337;color:#f7fafe;box-shadow:0 5px 15px rgba(0,0,0,.25);font-size:.7rem;cursor:pointer;white-space:nowrap;max-width:145px}
.ciw-comment-reaction-count[hidden]{display:none!important}.ciw-comment-content-wrap>.ciw-comment-reaction-count:hover{border-color:rgba(253,189,110,.65);background:#283449;transform:translateY(-1px)}
.ciw-comment-reaction-count .ciw-reaction-summary-emojis span{width:19px;height:19px;font-size:.8rem;background:transparent;border:0}.ciw-comment-reaction-count b{font-size:.69rem}
.ciw-comment-meta{justify-content:flex-start!important;gap:10px!important;padding:9px 4px 0!important;min-height:24px!important;flex-wrap:wrap}.ciw-comment-meta button{font-size:.65rem!important}.ciw-comment-reaction-row{width:auto!important;min-width:112px}.ciw-comment-reaction-row .ciw-react-wrap{min-width:112px}.ciw-comment-reaction-row .forum-v18-action{min-height:24px!important}
.ciw-comment-highlight{border-radius:13px;outline:2px solid rgba(255,190,109,.8);outline-offset:5px;transition:outline-color .3s;scroll-margin:70px}
.ciw-comment-children{max-width:100%!important}.ciw-comment-children .ciw-comment{max-width:100%!important}
@media(max-width:680px){.ciw-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ciw-theme-studio-body{padding:13px}.ciw-theme-studio-dialog>header{padding:15px}.ciw-theme-studio-row{flex-wrap:wrap}.ciw-theme-studio-row label{min-width:145px}.ciw-comment{grid-template-columns:34px minmax(0,1fr)!important;gap:7px!important}.ciw-comment-avatar{width:34px!important;height:34px}.ciw-comment-avatar :is(img,.avatar-wrap,.avatar-image,.avatar-fallback){max-width:34px!important;max-height:34px!important}.ciw-comment-bubble{max-width:100%!important}.ciw-comment-children{padding-left:6px!important}.ciw-comment-reaction-count{right:-3px!important}}

/* Wider, balanced desktop proportions: readable content remains the dominant column. */
@media(min-width:1241px){body.ciw-social-v19 .forum-v182-shell{grid-template-columns:minmax(205px,238px) minmax(0,810px) minmax(230px,280px)!important;gap:clamp(12px,1.45vw,22px)!important;max-width:1580px!important;width:min(calc(100% - 32px),1580px)!important;justify-content:center}}
@media(min-width:761px) and (max-width:1240px){body.ciw-social-v19 .forum-v182-shell{gap:14px!important;max-width:1080px!important}}
@media(max-width:760px){body.ciw-social-v19 .forum-v182-shell{width:100%!important}}
/* Remove the solid page paint so wallpaper pseudo-layers remain visible. */
html[data-ciw-backdrop]:not([data-ciw-backdrop="dark"]):not([data-ciw-backdrop="light"]){background-color:#050b16}
html[data-ciw-backdrop]:not([data-ciw-backdrop="dark"]):not([data-ciw-backdrop="light"]) body{background-color:transparent!important;background-image:none!important}
/* Readable proportions of post detail on desktop; preserve existing mobile full-screen dialog. */
@media(min-width:761px){body.ciw-social-v19 .ciw-social-post-dialog:not(.watch-mode){width:min(810px,calc(100vw - 34px))!important;border-radius:22px!important}body.ciw-social-v19 .ciw-post-modal-comments{padding:18px 22px!important}body.ciw-social-v19 .ciw-post-modal-head{padding:18px 56px 15px 22px!important}}
/* Dedicated light-mode contrast for the redesigned comment unit. */
html[data-ciw-theme="light"] .ciw-comment-name-outside{color:#17283b!important}
html[data-ciw-theme="light"] .ciw-comment-bubble{background:#edf3f9!important;border-color:#ccd9e6!important;color:#1e3248!important}
html[data-ciw-theme="light"] .ciw-comment-bubble p{color:#2d455a!important}
html[data-ciw-theme="light"] .ciw-comment-content-wrap>.ciw-comment-reaction-count{background:#fff!important;color:#19334a!important;border-color:#c9d8e7!important;box-shadow:0 4px 15px rgba(36,58,80,.16)}
html[data-ciw-theme="light"] .ciw-comment-content-wrap>.ciw-comment-reaction-count:hover{background:#f3f7fc!important;border-color:#9ab8d6!important}

/* ===== CIWLAND Web 20.3 – barvy, průhlednost a proporce bublin ===== */
:root{--ciw-bubble-bg:rgba(16,32,51,.91);--ciw-bubble-line:transparent;--ciw-bubble-radius:20px;--ciw-bubble-shadow:0 15px 39px rgba(0,5,17,.2);--ciw-bubble-text:#edf5ff;--ciw-bubble-muted:#a5b9cb}
/* Dekorativní bílé border/outline jsou pryč; :focus-visible ovládacích prvků zůstává zachován. */
html[data-ciw-backdrop] body :is(
  .forum-v18-post.post-style-default,.ciw-post-modal-card.post-style-default,
  .profile-v1810-hero,.profile-side-card,.profile-edit-card,.profile-section-card,.profile-v1815-panel-card,
  .forum-v182-side-card,.forum-v185-contacts,.forum-v185-composer-mini,.forum-v182-profile-mini,
  .social-group-v184-card,.home-v5-hero-card,.home-v5-mode-card,.home-v5-news-card,.ciw-panel,
  .social-inbox-thread,.ciw-comment-bubble
){
  background:var(--ciw-bubble-bg)!important;
  border-color:var(--ciw-bubble-line)!important;
  border-radius:var(--ciw-bubble-radius)!important;
  box-shadow:var(--ciw-bubble-shadow)!important;
  color:var(--ciw-bubble-text)!important;
  backdrop-filter:blur(13px);
}
html[data-ciw-backdrop] body :is(.forum-v18-post.post-style-default,.ciw-post-modal-card.post-style-default,.profile-side-card,.profile-section-card,.social-group-v184-card,.ciw-comment-bubble) :is(h2,h3,.forum-v18-post-text,.ciw-post-modal-copy,.forum-v18-author strong){color:var(--ciw-bubble-text)!important}
html[data-ciw-backdrop] body :is(.forum-v18-post.post-style-default,.ciw-post-modal-card.post-style-default,.profile-side-card,.profile-section-card,.social-group-v184-card) :is(small,.forum-v18-post-stats,.forum-v18-author small){color:var(--ciw-bubble-muted)!important}
/* Nenastavujeme barvu médiím, tlačítkům, bannerům ani ručně barveným post-style-* příspěvkům. */
html[data-ciw-backdrop] body .ciw-comment-bubble{border:1px solid var(--ciw-bubble-line)!important}
html[data-ciw-backdrop] body .ciw-profile-feed-203 #profile-feed{background:transparent!important;box-shadow:none!important;border:0!important}
.ciw-bubble-studio{margin:19px -4px 6px;padding:17px 14px 14px;border:1px solid rgba(151,190,239,.13);border-radius:18px;background:rgba(255,255,255,.025)}
.ciw-bubble-studio h3{margin:0 0 4px;font-size:.96rem;color:#e9f4ff}
.ciw-bubble-studio>p{font-size:.68rem;line-height:1.45;margin:0 0 13px;color:#9cacc2}
.ciw-bubble-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ciw-bubble-preset{display:flex;align-items:center;gap:7px;padding:8px 6px;min-width:0;border-radius:11px;border:1px solid rgba(145,184,229,.11);background:rgba(255,255,255,.05);color:#c9d8e8;cursor:pointer;font-size:.68rem;text-align:left}
.ciw-bubble-preset span{display:block;flex:0 0 24px;height:24px;border-radius:9px;border:1px solid rgba(220,235,255,.12)}
.ciw-bubble-preset b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.66rem}
.ciw-bubble-preset[aria-pressed="true"]{border-color:#ffb974;background:rgba(255,178,100,.11);color:#fff}
.ciw-bubble-preset:hover{border-color:rgba(255,185,116,.5)}
.ciw-bubble-color-row{display:flex;align-items:center;gap:10px;margin:15px 0 7px;font-size:.75rem;color:#cbdcf0;flex-wrap:wrap}
.ciw-bubble-color-row label{flex:1;min-width:80px}
.ciw-bubble-color-row input{width:53px;height:35px;padding:3px;border-radius:9px;border:1px solid rgba(175,205,240,.23);background:rgba(255,255,255,.09);cursor:pointer}
.ciw-bubble-color-row small{width:100%;font-size:.62rem;color:#8da9c2}
.ciw-bubble-studio .ciw-theme-studio-row{margin:13px 0 2px}
.ciw-bubble-studio select{color:#e8f1ff;border:1px solid rgba(155,190,235,.18);background:#182b42;border-radius:8px;padding:7px;font-size:.72rem;max-width:180px}
.ciw-bubble-reset{margin-top:13px;padding:9px 12px;border:1px solid rgba(148,180,225,.2);border-radius:11px;background:rgba(255,255,255,.065);color:#b7d8f5;font-size:.72rem;cursor:pointer}
.ciw-bubble-reset:hover{background:rgba(255,255,255,.11)}
@media(max-width:520px){.ciw-bubble-presets{grid-template-columns:repeat(2,minmax(0,1fr))}}

html[data-ciw-backdrop] body .ciw-comment-bubble p{color:var(--ciw-bubble-text)!important}