/* ==========================================================================
   VHV SPEED — Support page (ke-stazeni-a-pomoc) redesign
   ========================================================================== */

/* Sections */
.vhv-support-section{
  padding:3.5rem 1.5rem;
  scroll-margin-top:100px;
}
.vhv-support-section.vhv-support-alt{background:#f1f7ff}
.vhv-support-inner{max-width:1100px;margin:0 auto}
.vhv-support-head{text-align:center;margin-bottom:2.25rem}
.vhv-support-head .eyebrow{
  display:inline-block;
  color:#0061a5;
  font-size:.85rem;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  margin-bottom:.5rem
}
.vhv-support-head h2{
  color:#03274b;
  font-size:clamp(1.5rem,1.2rem+1vw,2.1rem);
  margin:0 0 .6rem;
  line-height:1.25
}
.vhv-support-head p{
  color:#4a5568;
  font-size:1.02rem;
  max-width:640px;
  margin:0 auto;
  line-height:1.55
}

/* ----- FAQ accordion ----- */
.vhv-faq{max-width:860px;margin:0 auto}
.vhv-faq-item{
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:12px;
  margin-bottom:.75rem;
  transition:border-color .2s,box-shadow .2s;
  overflow:hidden;
}
.vhv-faq-item:hover{border-color:#c4daea}
.vhv-faq-item.open{
  border-color:#0061a5;
  box-shadow:0 6px 22px rgba(0,97,165,.1);
}
.vhv-faq-q{
  width:100%;
  background:none;
  border:0;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:1rem;
  padding:1.1rem 1.4rem;
  text-align:left;
  font-family:inherit;
  font-weight:600;
  font-size:1.05rem;
  color:#03274b;
  cursor:pointer;
  transition:background-color .2s;
}
.vhv-faq-q:hover{background:#f9fcff}
.vhv-faq-q:focus-visible{outline:2px solid #0061a5;outline-offset:-2px}
.vhv-faq-q .chevron{
  width:22px;height:22px;
  flex-shrink:0;
  stroke:#0061a5;fill:none;stroke-width:2.4;
  transition:transform .25s;
}
.vhv-faq-item.open .vhv-faq-q .chevron{transform:rotate(180deg)}
.vhv-faq-a{
  padding:0 1.4rem 1.3rem;
  color:#2d3748;
  line-height:1.65;
  font-size:.98rem;
}
.vhv-faq-a p{margin:0 0 .6rem}
.vhv-faq-a ul,.vhv-faq-a ol{margin:.5rem 0 .75rem 1.5rem;padding:0}
.vhv-faq-a li{margin-bottom:.35rem}
.vhv-faq-a a{color:#0061a5;font-weight:600}

/* ----- Tipy cards ----- */
.vhv-tips-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:1.5rem;
  max-width:1050px;
  margin:0 auto;
}
@media(max-width:740px){.vhv-tips-grid{grid-template-columns:1fr}}
.vhv-tip{
  background:#fff;
  border-radius:16px;
  padding:1.75rem;
  box-shadow:0 4px 18px rgba(3,39,75,.06);
  border:1px solid #e2e8f0;
  transition:transform .2s,box-shadow .2s;
}
.vhv-tip:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(3,39,75,.1)}
.vhv-tip-head{display:flex;align-items:center;gap:.85rem;margin-bottom:.9rem}
.vhv-tip-icon{
  width:48px;height:48px;
  background:linear-gradient(135deg,#0061a5,#067fd3);
  border-radius:12px;
  display:flex;align-items:center;justify-content:center;
  font-size:1.5rem;
  flex-shrink:0;
}
.vhv-tip-head h3{color:#03274b;margin:0;font-size:1.12rem;line-height:1.25}
.vhv-tip-sub{color:#718096;font-size:.88rem;margin-top:.15rem}
.vhv-tip ol,.vhv-tip ul{margin:0;padding-left:1.25rem;color:#2d3748;line-height:1.65;font-size:.97rem}
.vhv-tip li{margin-bottom:.3rem}
.vhv-tip li strong{color:#03274b}
.vhv-tip a{color:#0061a5;font-weight:600;text-decoration:none}
.vhv-tip a:hover{text-decoration:underline}

/* ----- SMTP info card ----- */
.vhv-smtp-card{
  background:#fff;
  border-radius:16px;
  padding:1.75rem;
  max-width:720px;
  margin:0 auto;
  box-shadow:0 4px 18px rgba(3,39,75,.06);
  border:1px solid #e2e8f0;
}
.vhv-smtp-server{
  display:flex;align-items:center;gap:.75rem;
  background:linear-gradient(135deg,#03274b,#0061a5);
  color:#fff;
  padding:1rem 1.25rem;
  border-radius:12px;
  margin-bottom:1.5rem;
  font-family:"Ubuntu",sans-serif;
}
.vhv-smtp-server svg{width:28px;height:28px;stroke:#f6ad0f;fill:none;stroke-width:2}
.vhv-smtp-server .label{font-size:.78rem;color:rgba(255,255,255,.75);text-transform:uppercase;letter-spacing:.08em;display:block}
.vhv-smtp-server .value{font-size:1.15rem;font-weight:700;color:#fff}
.vhv-smtp-group{
  display:flex;align-items:center;gap:.5rem;
  color:#0061a5;
  font-weight:700;
  font-size:.98rem;
  text-transform:uppercase;letter-spacing:.08em;
  margin:1rem 0 .5rem;
  padding-bottom:.4rem;
  border-bottom:2px solid #c4daea;
}
.vhv-smtp-group svg{width:18px;height:18px;stroke:#0061a5;fill:none;stroke-width:2.2}
.vhv-smtp-rows{display:grid;grid-template-columns:max-content 1fr;gap:.4rem 1.25rem;margin-bottom:.5rem}
.vhv-smtp-rows dt{color:#718096;font-size:.92rem;font-weight:500;padding:.35rem 0}
.vhv-smtp-rows dd{color:#03274b;font-weight:600;margin:0;padding:.35rem 0;font-family:ui-monospace,monospace;font-size:.97rem}
.vhv-smtp-note{
  margin-top:1rem;
  padding:.9rem 1rem;
  background:#fff4e0;
  border-left:4px solid #f6ad0f;
  border-radius:8px;
  font-size:.92rem;
  color:#4a5568;
  line-height:1.55;
}

/* ----- Dokumenty — wrap existing Kadence table ----- */
.vhv-docs-wrapper{max-width:900px;margin:0 auto}
.vhv-docs-wrapper h3{
  color:#03274b;
  font-size:1.35rem;
  margin:2rem 0 1rem;
  padding-bottom:.5rem;
  border-bottom:2px solid #c4daea;
}
.vhv-docs-wrapper h3:first-child{margin-top:0}
/* Override original Kadence table look */
.vhv-docs-wrapper .kb-table-container{margin:0 0 1rem !important}
.vhv-docs-wrapper table{border-collapse:collapse;width:100%}
.vhv-docs-wrapper td{
  padding:.75rem 1rem !important;
  border-bottom:1px solid #e2e8f0;
  vertical-align:middle;
}
.vhv-docs-wrapper tr:hover td{background:#f9fcff}
.vhv-docs-wrapper .wp-block-button__link{
  background:#0061a5 !important;
  border-radius:50px !important;
  padding:.5em 1.25em !important;
  font-size:.9rem !important;
}
.vhv-docs-wrapper .wp-block-button__link:hover{background:#03274b !important}