/* INFLU:ON ceník: karty tarifů a srovnávací tabulky */
/* --- Karty tarifů --- */
@media (min-width:901px){#tarify .plans{grid-template-columns:repeat(2,1fr);max-width:820px;margin-left:auto;margin-right:auto;}}
.plan__features{flex:none !important;display:block !important;width:100%;margin-bottom:14px !important;}
.plan__features li{min-height:48px;line-height:1.4;margin-top:0 !important;margin-bottom:0 !important;}
.plan__features li.is-hidden{display:none !important;}
.plan__more{-webkit-appearance:none;appearance:none;background:none;border:0;padding:2px 0;margin:-6px 0 14px;
  font-family:inherit;font-size:13px;font-weight:700;color:inherit;opacity:.7;cursor:pointer;
  text-decoration:underline;text-underline-offset:3px;}
.plan__more:hover{opacity:1;}
.plan__more-ico{display:none;}
.plan__features li[data-extra]{display:none !important;}
#porovnani,#ai-infrastruktura{scroll-margin-top:96px;}

/* --- Doplněk AI v kartě --- */
.plan__addon{width:100%;text-align:left;margin:4px 0 16px;padding:16px 18px;border-radius:var(--radius-sm);
  background:var(--card-bg);color:var(--header-color);}
.plan--featured .plan__addon{background:rgba(255,255,255,.08);color:#fff;}
.plan__addon-switch{display:flex;align-items:center;gap:14px;cursor:pointer;min-height:48px;}
.plan__addon-text{flex:1;display:flex;flex-direction:column;gap:3px;line-height:1.35;}
.plan__addon-text strong{font-size:15px;font-weight:700;}
.plan__addon-text span{font-size:13px;opacity:.7;}
.plan__addon-check{order:2;-webkit-appearance:none;appearance:none;flex:none;width:46px;height:26px;margin:0;
  border-radius:26px;background:#cfcfcf;position:relative;cursor:pointer;transition:background .2s;}
.plan__addon-check::before{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;
  background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .2s;}
.plan__addon-check:checked{background:var(--primary);}
.plan--featured .plan__addon-check{background:rgba(255,255,255,.28);}
.plan--featured .plan__addon-check:checked{background:var(--primary);}
.plan__addon-check:checked::before{transform:translateX(20px);}
.plan__addon-check:focus-visible{outline:2px solid currentColor;outline-offset:3px;}
.plan__addon-body{margin-top:12px;display:flex;flex-direction:column;gap:10px;}
.plan__addon-body[hidden]{display:none;}
.plan__select{-webkit-appearance:none;appearance:none;display:block;width:100%;padding:12px 40px 12px 14px;
  font-family:inherit;font-size:14px;font-weight:600;color:var(--header-color);background-color:#fff;
  border:1px solid #dcdcdc;border-radius:var(--radius-sm);cursor:pointer;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23232323' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 13px center;background-size:15px;}
.plan--featured .plan__select{border-color:transparent;}
.plan__addon-total{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:14px;}
.plan__addon-total strong{font-size:24px;font-weight:800;letter-spacing:-.02em;}
.plan--featured .plan__addon-total strong{color:var(--primary);}
.plan__addon-link{font-size:13px;font-weight:600;color:inherit;text-decoration:underline;text-underline-offset:3px;opacity:.85;}
.plan__addon-link:hover{opacity:1;}

/* --- Srovnávací tabulky --- */
#porovnani .compare-wrap{max-width:860px;margin:0 auto;}
#porovnani .compare{overflow:visible;border-radius:var(--radius-md);}
#compare-scroll .compare{--cols:1.6fr 1fr 1fr;--cols-m:1fr 1fr;}
#compare-scroll-ai .compare{--cols:1.6fr 1fr 1fr 1fr;--cols-m:1fr 1fr 1fr;}
#porovnani .compare__head,
#porovnani .compare__row,
#porovnani .compare__cta-row{display:grid;grid-template-columns:var(--cols);}
#porovnani .compare__head{border-radius:var(--radius-md) var(--radius-md) 0 0;}

/* úzká lišta s názvy tarifů, která při scrollování nahradí hlavičku */
.slim-bar{position:fixed;top:0;left:0;z-index:90;display:grid;height:44px;
  background:var(--header-color);color:#fff;box-shadow:0 8px 20px rgba(0,0,0,.14);
  opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s ease,transform .18s ease,visibility .18s;}
.slim-bar.is-visible{opacity:1;visibility:visible;transform:none;}
.slim-bar > div{display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;letter-spacing:-.01em;white-space:nowrap;}
.slim-bar > div:first-child{justify-content:flex-start;padding-left:24px;font-size:12px;font-weight:600;
  letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.55);}
.slim-bar .is-popular{background:rgba(194,241,94,.12);}
.slim-bar .is-selected{color:var(--primary);box-shadow:inset 0 -3px 0 var(--primary);}
#porovnani .compare__head > div{padding:18px 16px;border-right:0;}
#porovnani .compare__head > div:first-child{font-size:12px;font-weight:600;letter-spacing:.08em;
  text-transform:uppercase;color:rgba(255,255,255,.55);padding-left:24px;}
#porovnani .compare__head .plan-name{font-size:17px;}
#porovnani .compare__head .plan-price{font-size:22px;margin-top:4px;}
#porovnani .compare__head .plan-price small{font-size:12px;margin-top:2px;}
#porovnani .compare__head .is-selected{box-shadow:inset 0 -4px 0 var(--primary);}
#porovnani .compare__head .is-selected .plan-name{color:var(--primary);}

#porovnani .compare__group{display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:16px 24px;background:#f6f6f6;color:var(--header-color);border-top:1px solid #ececec;
  cursor:pointer;user-select:none;}
#porovnani .compare__group:hover{background:#efefef;}
#porovnani .compare__group:focus-visible{outline:2px solid var(--header-color);outline-offset:-2px;}
.compare__group-hint{font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;
  color:var(--content-color);text-decoration:underline;text-underline-offset:3px;white-space:nowrap;}
#porovnani .compare__row.is-collapsed{display:none;}
#porovnani .compare__row > div{padding:16px 16px;border-right:0;}
#porovnani .compare__row > .feat{padding-left:24px;}
#porovnani .compare__row .is-selected{background:rgba(194,241,94,.14);}
#porovnani .feat-text small{display:block;font-size:11px;font-weight:500;opacity:.65;margin-top:2px;}
#porovnani .compare__cta-row > div{padding:24px 12px;}
#porovnani .compare__cta-row{background:#f9f9f9;}
#porovnani .compare__cta-row > div:first-child{visibility:hidden;}
#porovnani .compare__cta-row .btn{width:100%;justify-content:center;padding:15px 12px;font-size:13px;}
#porovnani .compare__cta-row .is-selected{background:rgba(194,241,94,.14);}
#porovnani .compare__cta-row .col-popular .btn,
#porovnani .compare__cta-row [data-ai-col="AI-MAX20"] .btn{background:var(--primary);color:var(--header-color);}
#porovnani .compare__cta-row .col-popular .btn:hover,
#porovnani .compare__cta-row [data-ai-col="AI-MAX20"] .btn:hover{background:#b3e34a;color:var(--header-color);}
.feat-star{text-decoration:none;font-weight:800;color:inherit;opacity:.55;}
.compare__footnote{max-width:860px;margin:16px auto 0;font-size:13px;opacity:.7;line-height:1.6;}
.compare-expand{display:flex;justify-content:center;margin:24px 0 0;}
.compare-expand__link{-webkit-appearance:none;appearance:none;background:none;border:0;padding:4px 0;cursor:pointer;
  font-family:inherit;font-size:14px;font-weight:600;color:var(--header-color);text-decoration:underline;text-underline-offset:3px;}
.compare-expand__link:hover{opacity:.7;}

/* --- Mobil: tabulka zůstává tabulkou, název funkce nad hodnotami --- */
@media (max-width:900px){
  #porovnani .compare__head{display:grid;}
  #porovnani .compare__group{display:flex;padding:14px 16px;}
  #porovnani .compare__row,#porovnani .compare__cta-row{display:grid;padding:0;}
  #porovnani .compare__row > div:not(.feat)::before{content:none;}
  #porovnani .compare__row > div:not(.feat),#porovnani .compare__cta-row > div{justify-content:center;text-align:center;}
  #porovnani .compare__row .feat{width:auto;border-bottom:0;margin:0;font-weight:500;}
  #porovnani .compare__cta-row > div:first-child{display:block;}
}
@media (max-width:640px){
  #porovnani .compare__head,#porovnani .compare__row,#porovnani .compare__cta-row{grid-template-columns:var(--cols-m);}
  #porovnani .compare__head > div:first-child,#porovnani .compare__cta-row > div:first-child{display:none;}
  #porovnani .compare__head > div{padding:12px 6px;}
  .slim-bar{height:40px;}
  .slim-bar > div:first-child{display:none;}
  .slim-bar > div{font-size:13px;}
  #porovnani .compare__head .plan-name{font-size:14px;}
  #porovnani .compare__head .plan-price{font-size:16px;}
  #porovnani .compare__head .plan-price small{font-size:10px;}
  #porovnani .compare__row > .feat{grid-column:1 / -1;padding:14px 16px 4px;text-align:center;align-items:center;justify-content:center;}
  #porovnani .compare__row > .feat .hint{text-align:center;}
  #porovnani .compare__row > div:not(.feat){padding:6px 6px 14px;}
  #porovnani .feat-text{font-size:13px;}
  #porovnani .compare__cta-row > div{padding:16px 6px;}
  #porovnani .compare__cta-row .btn{padding:14px 10px;font-size:12px;white-space:normal;text-align:center;justify-content:center;}
  .compare__group-hint{font-size:12px;}
  .compare-expand__link{font-size:13px;text-align:center;}
}