/* #NEDLUHŮM V5.4 — mobile UX polish + Poradna #NEDLUHŮM */

/* Slim post-Hero entry to the knowledge base. Hero itself is untouched. */
.nedv54-hero-poradna{background:var(--ned-black);color:#fff;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.nedv54-hero-poradna-inner{min-height:58px;display:flex;align-items:center;justify-content:center;gap:14px;font-size:14px}
.nedv54-hero-poradna-inner>span{color:var(--ned-on-dark)}
.nedv54-hero-poradna-inner a{display:inline-flex;align-items:center;gap:10px;font-weight:850;color:#fff;border-bottom:1px solid rgba(255,255,255,.38);padding:7px 0 5px}
.nedv54-hero-poradna-inner a:hover{color:#fff;border-color:var(--red)}
.nedv54-hero-poradna-inner a b{color:var(--red);font-size:17px}

/* Homepage Poradna: router first, only a handful of answers below. */
.nedv54-advice-home{padding:clamp(72px,7vw,116px) 0;background:#f7f5f1;overflow:hidden}
.nedv54-advice-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.65fr);gap:clamp(32px,7vw,110px);align-items:end;margin-bottom:38px}
.nedv54-advice-head h2{margin:0;font-size:clamp(52px,5.2vw,88px);line-height:.94;letter-spacing:-.06em}
.nedv54-advice-head p{margin:0;color:var(--ned-muted);font-size:clamp(17px,1.25vw,20px);line-height:1.55}
.nedv54-problem-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid #d9d6d0;border-bottom:1px solid #d9d6d0}
.nedv54-problem-grid a{position:relative;min-height:178px;padding:25px 22px 22px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;gap:18px;border-right:1px solid #d9d6d0;transition:background .18s ease,color .18s ease}
.nedv54-problem-grid a:last-child{border-right:0}
.nedv54-problem-grid a:before{content:"";position:absolute;left:22px;top:-1px;width:0;height:3px;background:var(--red);transition:width .2s ease}
.nedv54-problem-grid a:hover{background:#fff}
.nedv54-problem-grid a:hover:before{width:46px}
.nedv54-problem-grid small{grid-column:1/-1;color:var(--red);font-size:11px;font-weight:900;letter-spacing:.12em}
.nedv54-problem-grid span{align-self:end;font-size:clamp(18px,1.35vw,23px);line-height:1.08;font-weight:850;letter-spacing:-.025em}
.nedv54-problem-grid b{align-self:end;color:var(--red);font-size:22px}
.nedv54-advice-bottom{display:grid;grid-template-columns:minmax(260px,.62fr) minmax(0,1.38fr);gap:clamp(44px,8vw,130px);align-items:start;margin-top:56px}
.nedv54-advice-copy{position:sticky;top:110px}
.nedv54-advice-copy h3{font-size:clamp(34px,3.1vw,52px);line-height:1;letter-spacing:-.045em;margin:0 0 17px}
.nedv54-advice-copy p{color:var(--ned-muted);max-width:520px}
.nedv54-advice-copy .nedv5-faq-all{margin-top:26px}
.nedv54-advice-faq{min-width:0}
.nedv54-advice-faq .nedv4-faq-item:first-child{border-top:1px solid #d7d5d0}

/* Empty discussion should not feel like a full empty chapter. */
.nedv54-discussion-empty{padding-top:clamp(48px,5vw,74px)!important;padding-bottom:clamp(48px,5vw,74px)!important}
.nedv54-discussion-empty .nedv4-section-head{margin-bottom:20px}
.nedv54-discussion-empty .nedv4-discussion-list a{padding:22px 0;font-size:17px}

/* FPPP sharing: integrated, dark utility strip directly under the FPPP Hero. */
.nedv54-fppp-sharebar{background:var(--ned-black);color:#fff;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.12)}
.nedv54-fppp-sharebar-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.nedv54-fppp-sharebar-inner>div:first-child{display:flex;align-items:baseline;gap:14px;min-width:0}
.nedv54-fppp-sharebar-inner small{font-size:10px;letter-spacing:.16em;font-weight:900;color:var(--ned-muted);white-space:nowrap}
.nedv54-fppp-sharebar-inner strong{font-size:14px;color:var(--ned-line);font-weight:720}
.nedv54-fppp-sharebar .nedv52-share{margin:0;padding:0;border:0;flex-wrap:nowrap}
.nedv54-fppp-sharebar .nedv52-share a,.nedv54-fppp-sharebar .nedv52-share button{color:var(--ned-line);border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.025)}
.nedv54-fppp-sharebar .nedv52-share a:hover,.nedv54-fppp-sharebar .nedv52-share button:hover{color:#fff;border-color:rgba(255,255,255,.62);background:rgba(255,255,255,.06)}

/* Keep floating contact clear of footer/odometer. */
.nedv4-whatsapp.nedv5-whatsapp{bottom:38px!important;right:22px!important}
.nedv4-footer{padding-bottom:86px!important}
.nedv52-footer-extra{width:min(980px,100%)}
.nedv52-odometer{flex:0 0 auto}

/* Public Poradna naming/spacing. */
.nedv5-faq-page-hero h1,.nedv5-faq-topic-hero h1{max-width:15ch}
.nedv5-faq-page-hero p,.nedv5-faq-topic-hero p{max-width:880px}

@media(max-width:1100px){
  .nedv54-problem-grid{grid-template-columns:repeat(3,1fr)}
  .nedv54-problem-grid a:nth-child(3){border-right:0}
  .nedv54-problem-grid a:nth-child(n+4){border-top:1px solid #d9d6d0}
}

@media(max-width:760px){
  /* One consistent mobile safe area. Existing full-bleed artwork stays full bleed. */
  .nedv4-shell{width:calc(100% - 40px)!important;margin-inline:auto!important;max-width:none}

  /* Mobile type scale: still bold, less cramped on narrow screens. */
  .nedv4-results-head h2,.nedv4-section-head h2,.nedv4-statement-grid h2,.nedv4-contact-slide h2,.nedv5-hours-head h2,.nedv54-advice-head h2,.nedv53-fppp-balance-grid h2,.nedv53-fppp-not h2{font-size:clamp(36px,10.2vw,48px)!important;letter-spacing:-.05em}
  .nedv54-advice-copy h3{font-size:clamp(31px,9vw,42px)}

  .nedv54-hero-poradna-inner{min-height:70px;justify-content:flex-start;align-items:flex-start;flex-direction:column;gap:3px;padding-block:14px;font-size:13px}
  .nedv54-hero-poradna-inner a{font-size:14px}

  .nedv54-advice-home{padding:62px 0}
  .nedv54-advice-head{grid-template-columns:1fr;gap:17px;margin-bottom:27px}
  .nedv54-advice-head p{font-size:16px}
  .nedv54-problem-grid{grid-template-columns:1fr;border-bottom:0}
  .nedv54-problem-grid a,.nedv54-problem-grid a:nth-child(3),.nedv54-problem-grid a:nth-child(n+4){min-height:0;border-right:0;border-top:0;border-bottom:1px solid #d9d6d0;padding:20px 4px;grid-template-columns:44px 1fr auto;grid-template-rows:1fr;align-items:center;gap:10px}
  .nedv54-problem-grid a:before{display:none}
  .nedv54-problem-grid small{grid-column:auto;font-size:10px}
  .nedv54-problem-grid span{align-self:center;font-size:19px}
  .nedv54-problem-grid b{align-self:center}
  .nedv54-advice-bottom{grid-template-columns:1fr;gap:26px;margin-top:44px}
  .nedv54-advice-copy{position:static}
  .nedv54-advice-copy p{font-size:15px}
  .nedv54-advice-faq .nedv4-faq-item>button{padding:21px 0!important;gap:18px!important}
  .nedv54-advice-faq .nedv4-faq-item>button span{font-size:17px;line-height:1.3}
  .nedv54-advice-faq .nedv4-faq-item>button b{flex:0 0 auto;margin-left:auto}

  /* Mobile sections get a little more breathing room without becoming taller. */
  .nedv4-results-slide,.nedv4-services-slide,.nedv4-process-slide,.nedv4-content-slide,.nedv4-metrics-slide,.nedv4-contact-slide{padding-left:0!important;padding-right:0!important}
  .nedv48-results-viewport{margin-left:0}
  .nedv48-results-track{padding-left:0;padding-right:20px}
  .nedv48-result-card{min-width:0}

  /* FPPP mobile safe widths. */
  .nedv53-home-fppp-shell{width:calc(100% - 40px)!important;margin-inline:auto!important;padding-left:20px!important;padding-right:20px!important}
  .nedv53-qr-modal,.nedv53-other-modal{padding:20px}
  .nedv53-qr-dialog{width:100%;max-width:560px;border-radius:18px;padding:34px 22px 28px}
  .nedv53-qr-dialog img{width:min(330px,100%);max-height:52svh;object-fit:contain}

  /* FPPP share is a compact, embedded utility — not another large white band. */
  .nedv54-fppp-sharebar-inner{min-height:0;padding-block:18px;align-items:flex-start;flex-direction:column;gap:12px}
  .nedv54-fppp-sharebar-inner>div:first-child{display:block}
  .nedv54-fppp-sharebar-inner strong{display:block;margin-top:4px;font-size:13px}
  .nedv54-fppp-sharebar .nedv52-share{display:flex!important;width:100%;overflow-x:auto;gap:7px;padding-bottom:2px;scrollbar-width:none}
  .nedv54-fppp-sharebar .nedv52-share::-webkit-scrollbar{display:none}
  .nedv54-fppp-sharebar .nedv52-share a,.nedv54-fppp-sharebar .nedv52-share button{flex:0 0 auto;width:auto!important;white-space:nowrap;padding:8px 10px;font-size:11px}

  /* WhatsApp stays useful but no longer sits on top of footer content. */
  .nedv4-whatsapp.nedv5-whatsapp{right:14px!important;bottom:max(84px,calc(env(safe-area-inset-bottom) + 72px))!important;max-width:min(214px,calc(100vw - 28px))!important;min-height:44px!important;padding:7px 10px 7px 8px!important;gap:7px!important}
  .nedv5-whatsapp .nedv4-wa-icon{width:26px!important;height:26px!important;flex-basis:26px!important}
  .nedv5-whatsapp strong{font-size:11px!important}
  .nedv5-whatsapp small{font-size:8px!important;max-width:145px!important}

  /* Footer has a dedicated safe bottom zone; topic links are denser and easier to scan. */
  .nedv4-footer{padding:34px 0 max(132px,calc(env(safe-area-inset-bottom) + 118px))!important}
  .nedv5-footer-topics{width:100%;max-width:620px;margin-top:18px!important;padding-top:18px;border-top:1px solid rgba(255,255,255,.08)}
  .nedv5-footer-topics>strong{display:block;margin-bottom:12px}
  .nedv5-footer-topics>div{display:grid!important;grid-template-columns:1fr 1fr;gap:9px 14px!important;text-align:left}
  .nedv5-footer-topics a{font-size:11px;line-height:1.35}
  .nedv4-footer-links{width:100%;gap:10px 16px!important}
  .nedv52-footer-extra{width:100%;padding-top:20px;margin-top:20px;align-items:center!important}
  .nedv52-footer-share{justify-content:center;width:100%}
  .nedv52-odometer{margin-inline:auto;align-self:center!important}

  /* Poradna pages and FAQ accordion spacing on phones. */
  .nedv5-faq-page-hero,.nedv5-faq-topic-hero{padding:66px 0 52px!important}
  .nedv5-faq-page-hero h1,.nedv5-faq-topic-hero h1{font-size:clamp(38px,11vw,52px)!important;max-width:none}
  .nedv5-faq-topic-content .nedv4-faq-item>button{gap:18px;padding:21px 0}
  .nedv5-faq-topic-content .nedv4-faq-item>button b{margin-left:auto;flex:0 0 auto}

  .nedv54-discussion-empty{padding-top:46px!important;padding-bottom:46px!important}
  .nedv54-discussion-empty .nedv4-discussion-list a{display:grid;gap:7px;font-size:16px;padding:19px 0}
}

@media(max-width:430px){
  .nedv4-shell{width:calc(100% - 40px)!important}
  .nedv5-footer-topics>div{grid-template-columns:1fr 1fr;gap:10px 12px!important}
  .nedv54-problem-grid span{font-size:18px}
}