/* BEZ HLASU 7.0.4 – vizuální jazyk existující mobilní aplikace na desktopovém webu.
   Izolováno na desktop >=1100px. Nepoužívat v /app ani na veřejné úvodní stránce.
   Barvy vycházejí z bh-app-v607.css, font-family se záměrně nemění.
   Všechny reakce, navigace, přihlášení a formuláře zůstávají původní PHP funkcí. */
.bh-v704-topic-chips,.bh-v704-anon{display:none}
@media(min-width:1100px){
  body.bh-stories{
    --bh704-bg:#090709;
    --bh704-card:#190d12;
    --bh704-card2:#241119;
    --bh704-line:rgba(197,112,147,.27);
    --bh704-pink:#dc7b9c;
    --bh704-quiet:#b8a8af;
    --bh704-text:#f7edf1;
    background:#090709;
    color:var(--bh704-text);
  }
  body.bh-stories .stage.bh-portal-stage{
    background:radial-gradient(ellipse 65% 360px at 50% 200px,rgba(85,28,53,.09),transparent),#090709;
  }
  /* App top bar: glow-free iconography, fine rose active underline. */
  body.bh-stories .bh-topbar{
    background:linear-gradient(180deg,rgba(9,7,9,.98),rgba(9,7,9,.95))!important;
    border-bottom:1px solid rgba(206,122,155,.18)!important;
    backdrop-filter:blur(16px);
    box-shadow:none;
  }
  body.bh-stories .bh-topbar .bh-desktop-primary-nav .bh-desktop-nav-link{
    background:transparent!important;
    color:#c4b7bd;letter-spacing:.11em;font-weight:500;
    border-radius:0;
  }
  body.bh-stories .bh-topbar .bh-desktop-primary-nav .bh-desktop-nav-link:is(.is-current,:hover,:focus-visible){color:#fff}
  body.bh-stories .bh-topbar .bh-desktop-primary-nav .bh-desktop-nav-link.is-current::after{
    height:2px;inset:auto 16px 0;
    background:linear-gradient(90deg,#e68ba9,#9c365e);
    box-shadow:0 0 15px rgba(210,86,132,.55);
  }
  body.bh-stories .bh-topbar-logo-text{letter-spacing:.25em}
  /* Important: existing hero particles / moving background layers stay intact. */
  body.bh-stories .bh-desktop-hero{
    min-height:175px;
    padding:25px 5% 27px;
    background:radial-gradient(ellipse 44% 70% at 50% 38%,rgba(93,27,58,.12),transparent 84%),
               linear-gradient(90deg,#0b070a,rgba(28,10,20,.68) 50%,#0b070a);
    border-bottom-color:rgba(199,100,142,.12);
  }
  body.bh-stories .bh-desktop-hero::before{opacity:.70}
  body.bh-stories .bh-desktop-hero-glow{opacity:.52}
  body.bh-stories .bh-desktop-hero-copy .bh-desktop-hero-brand{font-size:clamp(27px,2.35vw,36px);letter-spacing:.27em;font-weight:300}
  body.bh-stories .bh-desktop-hero-caption{font-size:12px;color:#c1b4bc}
  body.bh-stories .bh-desktop-hero-words span{color:rgba(206,127,167,.19)}
  /* Wide center, stronger left. Right column is contextual, never equal weight. */
  body.bh-stories.bh-home-v46 .bh-story-shell,
  body.bh-stories.bh-v50-subpage .bh-story-shell{
    width:100%;max-width:1900px;
    grid-template-columns:252px minmax(0,1fr);
    gap:clamp(15px,1.7vw,28px);
    padding:23px clamp(18px,2.4vw,52px) 75px;
  }
  body.bh-stories.bh-home-v46 .bh-story-sidebar,
  body.bh-stories.bh-v50-subpage .bh-story-sidebar{
    padding:17px 14px 18px;
    border:1px solid var(--bh704-line);
    border-radius:17px;
    background:radial-gradient(ellipse 120% 30% at 90% -12%,rgba(110,37,69,.18),transparent),
               linear-gradient(155deg,#1b1016,#100b0f 88%);
    box-shadow:0 14px 38px rgba(0,0,0,.20);
  }
  body.bh-stories .bh-story-sidebar .bh-sidebar-tabs {gap:7px}
  body.bh-stories .bh-story-sidebar .bh-sidebar-tab{
    min-height:40px;border-radius:10px;border:1px solid rgba(213,141,168,.16);
    background:#140c11;color:#d2bec8;
  }
  body.bh-stories .bh-story-sidebar .bh-sidebar-tab.is-active{
    color:#fff;background:linear-gradient(120deg,#512035,#291119);
    border-color:#b75075;box-shadow:0 5px 18px rgba(140,50,84,.2);
  }
  body.bh-stories .bh-category-list .bh-category-link{
    margin:2px 0;min-height:38px;padding:8px 11px;border-radius:10px;
    color:#d7c9d0;border:1px solid transparent;
    transition:background-color .15s ease,border-color .15s ease;
  }
  body.bh-stories .bh-category-list .bh-category-link.is-active{
    background:linear-gradient(105deg,rgba(102,38,62,.82),rgba(51,22,35,.60));
    border-color:rgba(216,103,143,.59);color:#fff;
    box-shadow:0 3px 15px rgba(139,40,83,.14);
  }
  body.bh-stories .bh-category-list .bh-category-link:is(:hover,:focus-visible){border-color:rgba(216,103,143,.48)}
  body.bh-stories .bh-category-list .bh-v46-category-icon {color:#e6a3bd}
  body.bh-stories .bh-story-sidebar .bh-sidebar-actions a{
    min-height:40px;border-radius:10px;
    background:#160c12;border-color:rgba(196,113,151,.24);
    color:#eadbe2;
  }
  body.bh-stories .bh-story-sidebar .bh-sidebar-actions a:first-child{
    color:#fff;font-weight:600;border-color:#a94b6b;
    background:linear-gradient(120deg,#893456,#552038);
  }
  body.bh-stories .bh-v703-account-card{
    background:linear-gradient(140deg,#26121c,#160e13);
    border:1px solid var(--bh704-line);border-radius:13px;
  }
  body.bh-stories .bh-v703-account-card strong{color:var(--bh704-pink)}
  body.bh-stories .bh-v703-account-card span{color:#f8edf2}
  body.bh-stories .bh-story-main{min-width:0}
  body.bh-stories .bh-story-main .bh-desktop-pagebar{border-color:rgba(213,141,168,.14);margin-bottom:14px}
  body.bh-stories .bh-desktop-pagebar-overline,body.bh-stories .bh-desktop-pagebar-current{color:#ba9da9}
  /* App's horizontally scrollable topic chips, responsive to real PHP category rows. */
  body.bh-stories .bh-story-main .bh-v704-topic-chips{
    display:block;margin:0 0 18px;
    padding:12px 0 0;border:0;
  }
  body.bh-stories .bh-v704-chips-kicker{
    display:block;margin:0 0 10px;padding-left:3px;
    font-size:10px;font-weight:600;letter-spacing:.20em;color:#cfbec7;
  }
  body.bh-stories .bh-v704-topic-scroll{
    display:flex;align-items:center;gap:9px;
    padding:2px 2px 2px;overflow-x:auto;overflow-y:hidden;
    scrollbar-width:none; /* Firefox: bez vodorovné linky, posouvání zůstává */
    -ms-overflow-style:none; /* starší prohlížeče */
    scroll-snap-type:x proximity;
  }
  body.bh-stories .bh-v704-topic-scroll::-webkit-scrollbar{
    display:none;width:0;height:0; /* Chromium / Safari */
  }
  body.bh-stories .bh-v704-chip{
    display:inline-flex;align-items:center;justify-content:center;
    flex:none;scroll-snap-align:start;
    min-height:37px;padding:9px 16px;border:1px solid rgba(213,141,168,.30);
    border-radius:11px;color:#e2d2da;background:#110c10;
    font-size:12px;text-decoration:none;white-space:nowrap;
    transition:border-color .15s ease,background-color .15s ease;
  }
  body.bh-stories .bh-v704-chip.is-selected{
    background:linear-gradient(115deg,#512035,#291119);
    border-color:#b75075;color:#fff;
    box-shadow:0 5px 18px rgba(140,50,84,.20);
  }
  body.bh-stories .bh-v704-chip:is(:hover,:focus-visible){border-color:#d76c95}
  /* Highlighted cards – exact gradient/border scale of the PWA, adapted to grid. */
  body.bh-stories .bh-story-main .bh-desktop-featured{
    display:block!important;
    margin-bottom:18px;padding:0;
    background:none;border:0;box-shadow:none;
  }
  body.bh-stories .bh-desktop-featured-head{padding:0 4px 13px}
  body.bh-stories .bh-desktop-featured-head h2{
    font-size:12px;letter-spacing:.19em;font-weight:600;color:#e9dce3;
  }
  body.bh-stories .bh-desktop-featured-head a{color:var(--bh704-pink)}
  body.bh-stories .bh-story-main .bh-desktop-featured-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;
  }
  body.bh-stories .bh-desktop-featured-card{
    min-height:250px;padding:17px 17px 14px;
    border:1px solid var(--bh704-line);border-radius:16px;
    background:radial-gradient(ellipse 190px 175px at 110% -10%,rgba(170,66,107,.16),transparent),
      linear-gradient(155deg,rgba(44,20,30,.95),rgba(17,11,15,.98));
    box-shadow:0 12px 28px rgba(0,0,0,.26);
  }
  body.bh-stories .bh-desktop-featured-card:first-child{
    background:radial-gradient(ellipse 230px 180px at 125% 70%,rgba(155,58,92,.30),transparent 75%),
      linear-gradient(155deg,#28131d,#150c11);
  }
  body.bh-stories .bh-desktop-featured-card::after{display:none}
  body.bh-stories .bh-v704-anon{
    display:inline-flex;align-items:center;align-self:flex-start;gap:8px;
    margin:0 0 12px;color:#e9dbe1;font-size:11px;letter-spacing:0;
  }
  body.bh-stories .bh-v704-avatar{
    width:25px;height:25px;flex:none;display:grid;place-items:center;
    font-size:14px;border-radius:50%;color:#f8c4d8;
    background:linear-gradient(155deg,#5e263a,#2d1520);
  }
  body.bh-stories .bh-desktop-featured-card .bh-desktop-featured-category{
    padding:4px 10px;margin-bottom:9px;
    background:rgba(107,36,65,.31);border:1px solid rgba(213,141,168,.28);
    border-radius:99px;color:#e8bdcd;
  }
  body.bh-stories .bh-desktop-featured-card h3{
    font-size:clamp(17px,1.34vw,21px);font-weight:600;
    line-height:1.32;letter-spacing:-.015em;margin-bottom:10px;color:#f9f0f4;
  }
  body.bh-stories .bh-desktop-featured-card p{
    color:#e0d3da;font-size:12px;line-height:1.62;
  }
  body.bh-stories .bh-desktop-featured-card footer{
    margin-top:auto;padding-top:14px;color:#cebec7;
    border-color:rgba(203,134,164,.13);
  }
  /* Modern PWA feed cards instead of the old table-like list. */
  body.bh-stories .bh-story-main .bh-stream-header{
    margin:12px 0 0;padding:18px 19px 14px;
    border:1px solid var(--bh704-line);border-radius:16px 16px 0 0;
    border-bottom:0;background:linear-gradient(145deg,#211119,#180e14);
  }
  body.bh-stories .bh-story-main .bh-stream-header h1{
    color:#f7edf1;font-weight:600;font-size:19px;letter-spacing:.045em;
  }
  body.bh-stories .bh-stream-header .bh-stream-compose{
    border:1px solid #bc6786;border-radius:12px;
    color:#fff;background:linear-gradient(120deg,#8d3759,#60213e);
    font-size:11px;font-weight:600;box-shadow:none;
  }
  body.bh-stories .bh-story-main .bh-stream-header a.bh-primary-link.bh-stream-compose{
    color:#fff!important;
    background:linear-gradient(120deg,#8d3759,#60213e)!important;
    border-color:#bc6786!important;
    box-shadow:none!important;
  }
  body.bh-stories .bh-story-main .bh-community-feed,
  body.bh-stories .bh-story-main .bh-stream-bar,
  body.bh-stories .bh-v703-tools{
    background:#180e14;border-color:var(--bh704-line);
  }
  body.bh-stories .bh-story-main .bh-community-feed{color:#c4b5bd;padding-top:8px}
  body.bh-stories .bh-story-main .bh-stream-bar{padding-top:12px;color:#c7b5be;letter-spacing:.16em}
  body.bh-stories .bh-v703-tools{border-bottom:1px solid var(--bh704-line);padding:10px 18px 18px}
  body.bh-stories .bh-v703-tools input,
  body.bh-stories .bh-v703-tools select{
    min-height:40px;height:40px;border-radius:11px;
    background:#110a10;border-color:rgba(213,141,168,.29);
    color:#ebdde5;font-size:12px;
  }
  body.bh-stories .bh-v703-tools input:focus-visible,
  body.bh-stories .bh-v703-tools select:focus-visible{border-color:#d76c95}
  body.bh-stories .bh-story-main .bh-stream-list{
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
    gap:13px;padding:17px 0 0;
    border:0;border-radius:0;background:transparent;
    min-width:0;
  }
  body.bh-stories .bh-story-main .bh-stream-list .bh-stream-item,
  body.bh-stories .bh-story-main .bh-desktop-with-featured-list .bh-stream-item:nth-child(-n+3){
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-rows:auto auto auto minmax(55px,1fr) auto;
    align-content:start;gap:5px 11px;
    min-height:260px;min-width:0;
    padding:17px 18px 14px;margin:0;
    border:1px solid var(--bh704-line)!important;
    border-radius:16px;
    background:radial-gradient(ellipse 175px 180px at 110% -10%,rgba(170,66,107,.15),transparent),
               linear-gradient(155deg,#28151e,#130c11);
    box-shadow:0 12px 28px rgba(0,0,0,.24);
    overflow:visible;
    transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
  }
  body.bh-stories .bh-story-main .bh-stream-list .bh-stream-item:nth-child(4n+2){
    background:radial-gradient(ellipse 200px 160px at 110% 75%,rgba(142,52,84,.20),transparent),
               linear-gradient(155deg,#25121c,#140d12);
  }
  body.bh-stories .bh-story-main .bh-stream-list .bh-stream-item:hover,
  body.bh-stories .bh-story-main .bh-stream-list .bh-stream-item:focus-within{
    transform:translateY(-2px);border-color:rgba(222,127,163,.61)!important;
    box-shadow:0 15px 30px rgba(0,0,0,.32);
  }
  body.bh-stories .bh-story-main .bh-stream-list .bh-stream-item .bh-v704-anon{
    display:flex;grid-column:1;grid-row:1;align-self:center;margin-bottom:5px;
  }
  body.bh-stories .bh-story-main .bh-stream-list .bh-stream-item .bh-desktop-story-meta{display:contents}
  body.bh-stories .bh-story-main .bh-stream-list .bh-stream-item time{
    grid-column:2;grid-row:1;align-self:center;
    font-size:10px;color:#baa9b2;
  }
  body.bh-stories .bh-story-main .bh-stream-list .bh-stream-item .bh-desktop-story-category{
    grid-column:1/-1;grid-row:2;justify-self:start;
    padding:4px 10px;min-height:0;margin:0 0 2px;
    color:#ecb9cd;background:rgba(99,37,63,.29);
    border:1px solid rgba(213,141,168,.27);border-radius:99px;
    font-size:10px;letter-spacing:.07em;text-transform:uppercase;
  }
  body.bh-stories .bh-story-main .bh-stream-list .bh-stream-item .bh-stream-title{
    grid-column:1/-1;grid-row:3;
    margin:4px 0 2px;font-size:19px;font-weight:600;line-height:1.35;
    letter-spacing:-.015em;
  }
  body.bh-stories .bh-story-main .bh-stream-list .bh-stream-item .bh-stream-title a{color:#f8f0f3}
  body.bh-stories .bh-story-main .bh-stream-list .bh-stream-item .bh-desktop-story-excerpt{
    display:-webkit-box;grid-column:1/-1;grid-row:4;
    -webkit-line-clamp:3;-webkit-box-orient:vertical;
    color:#d9ccd3;font-size:13px;line-height:1.67;
    min-width:0;overflow:hidden;
  }
  body.bh-stories .bh-story-main .bh-stream-list .bh-stream-item .bh-v629-reactions-wrap{
    grid-column:1;grid-row:5;justify-self:start;align-self:center;
    gap:7px;max-width:100%;min-width:0;margin:0;
  }
  body.bh-stories .bh-stream-list .bh-reaction,
  body.bh-stories .bh-stream-list .bh-v629-reply-count{
    height:34px;min-height:34px;border-radius:10px;
    padding:5px 8px;background:rgba(15,8,13,.28);
    border:1px solid rgba(205,132,163,.19);font-size:12px;
  }
  body.bh-stories .bh-stream-list .bh-reaction:is(.is-selected,:hover,:focus-visible),
  body.bh-stories .bh-stream-list .bh-v629-reply-count:is(:hover,:focus-visible){
    color:#efb3ce;background:rgba(123,49,82,.27);
    border-color:rgba(218,119,156,.50);
  }
  body.bh-stories .bh-story-main .bh-stream-list .bh-stream-item .bh-desktop-story-open{
    display:inline-flex;grid-column:2;grid-row:5;align-items:center;align-self:center;
    justify-self:end;margin:0;
    color:#e5a2be;text-decoration:none;font-size:10px;white-space:nowrap;
  }
  body.bh-stories .bh-story-main .bh-stream-list .bh-stream-item .bh-desktop-story-open:hover{color:#fff}
  body.bh-stories .bh-v703-search-none{border-color:var(--bh704-line);background:#1b1017;border-radius:12px}
  body.bh-stories .bh-feed-pagination a{
    border-radius:11px;border-color:rgba(213,141,168,.35);
    background:linear-gradient(120deg,#4b1f33,#2b131e);color:#f5e9ef;
  }
  /* Dilemma, compose, replies and account sections use the same app surfaces. */
  body.bh-stories .bh-story-main :is(.bh-story-heading,.bh-dilemma-intro,.bh-full-story,.bh-replies,.bh-dilemma-poll,.bh-story-form,.bh-dilemma-feed-item,.bh-story-card,.bh-notify-item,.bh-reply-admin-card){
    border:1px solid var(--bh704-line);
    border-radius:16px;
    background:radial-gradient(ellipse 260px 200px at 100% 0%,rgba(115,44,72,.11),transparent),
      linear-gradient(150deg,#24121b,#130c11);
    box-shadow:0 12px 28px rgba(0,0,0,.22);
  }
  body.bh-stories .bh-story-main .bh-story-heading h1,
  body.bh-stories .bh-story-main .bh-dilemma-intro h1{font-weight:600;letter-spacing:.015em;color:#f7edf1}
  body.bh-stories .bh-story-main .bh-full-story{color:#eee3e7;line-height:1.85}
  body.bh-stories .bh-story-main .bh-reply,
  body.bh-stories .bh-story-main .bh-replies-items article{
    border-radius:13px;border:1px solid rgba(197,112,147,.21);
    background:linear-gradient(145deg,rgba(48,23,35,.79),rgba(23,13,19,.90));
    box-shadow:none;
  }
  body.bh-stories .bh-story-main :is(input,textarea,select){
    border-radius:11px;background:#21121a;
    border-color:#573045;color:#f7edf1;
  }
  body.bh-stories .bh-story-main :is(input,textarea,select):focus-visible{
    outline:2px solid rgba(227,141,175,.74);outline-offset:2px;
  }
  body.bh-stories .bh-story-main :is(.bh-primary-link,.bh-reply-submit,button[type="submit"]):not(.bh-reaction):not(.bh-v629-reply-count){
    border-radius:11px;
  }
  body.bh-stories .bh-dilemma-poll :is(button,.bh-dilemma-choice){border-radius:12px}
  /* Right rail = subdued version of an app widget; compact to prioritize reading. */
  body.bh-stories .bh-desktop-rail-inner{gap:13px}
  body.bh-stories .bh-desktop-rail-panel{
    padding:19px 15px;border:1px solid var(--bh704-line);
    border-radius:15px;
    background:linear-gradient(145deg,#23121c,#120b10);
    box-shadow:0 12px 24px rgba(0,0,0,.15);
  }
  body.bh-stories .bh-desktop-rail-first{
    background:radial-gradient(ellipse at 100% 10%,rgba(121,43,75,.22),transparent 80%),
      linear-gradient(145deg,#2a1420,#150c13);
  }
  body.bh-stories .bh-desktop-rail .bh-desktop-rail-kicker{
    color:#e6a2ba;font-size:10px;letter-spacing:.13em;
  }
  body.bh-stories .bh-desktop-rail h2{font-size:17px;font-weight:600;line-height:1.4}
  body.bh-stories .bh-desktop-rail .bh-desktop-rail-primary{
    min-height:40px;display:flex;align-items:center;justify-content:center;
    background:linear-gradient(120deg,#8d3759,#60213e);
    border:1px solid #b75e7e;border-radius:11px;color:#fff;
  }
  body.bh-stories .bh-desktop-rail .bh-desktop-rail-outline{
    min-height:39px;border-radius:11px;border-color:rgba(183,94,126,.55);
    color:#efdce5;
  }
  body.bh-stories .bh-desktop-safe-list li::before{color:#e39ab8}
  /* Auth/registration and public informational pages share app gradients too. */
  body.registration:not(.bh-public-home) .stage,
  body.registration.auth-page .stage{
    background:radial-gradient(ellipse 80% 520px at 50% 0,rgba(97,33,61,.20),transparent 78%),#090709;
  }
  body.registration:not(.bh-public-home) .hero .reg-panel,
  body.registration:not(.bh-public-home) :is(.reg-panel,.auth-panel,.login-panel){
    background:linear-gradient(150deg,#25131c,#120b10);
    border:1px solid rgba(197,112,147,.32);border-radius:17px;
    box-shadow:0 15px 42px rgba(0,0,0,.30);
  }
  body.registration:not(.bh-public-home) :is(input,select,textarea){
    border-color:#573045;border-radius:11px;background:#21121a;
  }
  body.bh-rules-page{background:#090709}
  body.bh-rules-page .bh-rules-header{background:#100b0f;border-color:rgba(206,122,155,.22)}
  body.bh-rules-page .bh-rules-section{
    background:linear-gradient(155deg,#23131c,#120b10);
    border:1px solid rgba(197,112,147,.26);border-radius:16px;
    box-shadow:0 10px 26px rgba(0,0,0,.15);
  }
  body.bh-rules-page .bh-rules-index a{border-radius:11px}
  body.legal-page{background:#090709}
  body.legal-page main#obsah > section{
    background:linear-gradient(145deg,#23131b,#120b10);
    border:1px solid rgba(197,112,147,.26);border-radius:16px;
  }
  body.bh-stories a:focus-visible,body.bh-stories button:focus-visible,
  body.bh-stories select:focus-visible,body.bh-stories input:focus-visible{outline:2px solid #e38daf;outline-offset:3px}
}
@media(min-width:1100px) and (max-width:1450px){
  body.bh-stories .bh-story-main .bh-desktop-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.bh-stories .bh-desktop-featured-card:nth-child(3){display:none}
}
@media(min-width:1100px) and (max-width:1199px){
  body.bh-stories.bh-home-v46 .bh-story-shell,
  body.bh-stories.bh-v50-subpage .bh-story-shell{grid-template-columns:218px minmax(0,1fr);gap:15px}
  body.bh-stories .bh-story-main .bh-stream-list{grid-template-columns:1fr}
}
@media(min-width:1540px){
  body.bh-stories.bh-home-v46 .bh-story-shell,
  body.bh-stories.bh-v50-subpage .bh-story-shell{
    grid-template-columns:252px minmax(0,1fr) minmax(174px,196px);
    column-gap:clamp(17px,1.7vw,28px)
  }
  body.bh-stories .bh-desktop-rail{display:block}
}
@media(prefers-reduced-motion:reduce){
  body.bh-stories .bh-desktop-featured-card:hover,
  body.bh-stories .bh-story-main .bh-stream-list .bh-stream-item:hover{transform:none}
}
/* Hidden state must defeat card grid, including the featured first-three selector. */
@media(min-width:1100px){
  body.bh-stories .bh-story-main .bh-stream-list .bh-stream-item[hidden],
  body.bh-stories .bh-story-main .bh-desktop-with-featured-list .bh-stream-item:nth-child(-n+3)[hidden]{display:none!important}
}