/* Squele — poradca "živnosť alebo s.r.o.?" */

/* Výška od spodku okna. Je vyššia kvôli odznaku "Powered by Netlify" (bezplatný plán) v pravom dolnom rohu.
   Ak odznak neskôr zmizne (platený plán), stačí zmeniť na 24px. */
:root{--adv-bottom:92px;}

.adv-launcher{
  position:fixed; right:24px; bottom:var(--adv-bottom,92px); z-index:60;
  display:inline-flex; align-items:center; gap:10px;
  padding:13px 20px; border:none; border-radius:2px; cursor:pointer;
  background:var(--gold,#B08D57); color:var(--ink,#1C1B19);
  font-family:var(--sans,'Public Sans',sans-serif); font-weight:600; font-size:14.5px;
  box-shadow:0 10px 28px rgba(28,27,25,.22);
  transition:background .2s ease, color .2s ease;
}
.adv-launcher:hover{background:var(--gold-deep,#8A6D3F); color:var(--paper,#FBF9F5);}
.adv-launcher[hidden]{display:none;}
.adv-launcher .adv-ico{display:inline-flex; width:20px; height:20px;}
.adv-launcher .adv-ico svg{width:20px; height:20px;}

.adv-panel{
  position:fixed; right:24px; bottom:var(--adv-bottom,92px); z-index:70;
  width:390px; height:min(620px, calc(100vh - var(--adv-bottom,92px) - 24px));
  display:flex; flex-direction:column;
  background:var(--paper,#FBF9F5); color:var(--ink,#1C1B19);
  border:1px solid var(--hairline,#DED6C7); border-radius:2px;
  box-shadow:0 18px 50px rgba(28,27,25,.28);
  font-family:var(--sans,'Public Sans',sans-serif);
  outline:none;
}
.adv-panel[hidden]{display:none;}

.adv-head{
  display:flex; align-items:flex-start; justify-content:space-between; gap:12px;
  padding:16px 18px; background:var(--ink,#1C1B19); color:var(--paper,#FBF9F5);
}
.adv-title{font-family:var(--serif,'Fraunces',Georgia,serif); font-weight:500; font-size:18px; line-height:1.25;}
.adv-sub{font-size:12.5px; color:var(--stone-light,#B8B2A6); margin-top:3px;}
.adv-close{
  flex:none; width:32px; height:32px; border:none; background:transparent; cursor:pointer;
  color:var(--paper,#FBF9F5); font-size:24px; line-height:1; border-radius:2px;
}
.adv-close:hover{background:rgba(251,249,245,.12);}

.adv-track{height:3px; background:var(--hairline,#DED6C7);}
.adv-bar{display:block; height:100%; width:0; background:var(--gold,#B08D57); transition:width .3s ease;}

.adv-log{
  position:relative; flex:1; overflow-y:auto; padding:18px;
  display:flex; flex-direction:column; gap:12px;
}
.adv-msg{
  max-width:90%; padding:12px 14px; font-size:14.5px; line-height:1.5; border-radius:2px;
}
.adv-msg.bot{align-self:flex-start; background:var(--paper-alt,#F1ECE0); color:var(--ink,#1C1B19);}
.adv-msg.user{align-self:flex-end; background:var(--ink,#1C1B19); color:var(--paper,#FBF9F5);}

.adv-typing{display:flex; gap:5px; padding:15px 14px;}
.adv-typing span{
  width:6px; height:6px; border-radius:50%; background:var(--stone,#5B564E);
  animation:adv-blink 1s infinite ease-in-out;
}
.adv-typing span:nth-child(2){animation-delay:.15s;}
.adv-typing span:nth-child(3){animation-delay:.3s;}
@keyframes adv-blink{0%,80%,100%{opacity:.25;} 40%{opacity:1;}}

.adv-result{max-width:100%; width:100%; background:#FFFDF9; border:1px solid var(--gold,#B08D57);}
.adv-res-title{font-family:var(--serif,'Fraunces',Georgia,serif); font-weight:500; font-size:19px; margin-bottom:6px;}
.adv-p{margin:0 0 10px; color:var(--stone,#5B564E);}
.adv-label{font-size:12.5px; font-weight:600; color:var(--gold-deep,#8A6D3F); margin:12px 0 6px;}
.adv-list{margin:0 0 4px; padding-left:18px; color:var(--stone,#5B564E); font-size:14px;}
.adv-list li{margin-bottom:6px;}
.adv-fine{margin:14px 0 0; padding-top:10px; border-top:1px solid var(--hairline,#DED6C7); font-size:12.5px; color:var(--stone,#5B564E);}

.adv-opts{
  display:flex; flex-direction:column; gap:8px; padding:14px 18px;
  border-top:1px solid var(--hairline,#DED6C7); max-height:46%; overflow-y:auto;
}
.adv-opts:empty{display:none;}
.adv-opt{
  display:block; width:100%; text-align:left; text-decoration:none; cursor:pointer;
  padding:11px 14px; border:1px solid var(--ink,#1C1B19); border-radius:2px;
  background:transparent; color:var(--ink,#1C1B19);
  font-family:var(--sans,'Public Sans',sans-serif); font-weight:500; font-size:14px; line-height:1.35;
  transition:background .2s ease, color .2s ease, border-color .2s ease;
}
.adv-opt:hover{background:var(--ink,#1C1B19); color:var(--paper,#FBF9F5);}
.adv-opt.primary{background:var(--gold,#B08D57); border-color:var(--gold,#B08D57); font-weight:600; text-align:center;}
.adv-opt.primary:hover{background:var(--gold-deep,#8A6D3F); border-color:var(--gold-deep,#8A6D3F); color:var(--paper,#FBF9F5);}
.adv-opt:focus-visible, .adv-launcher:focus-visible, .adv-close:focus-visible{outline:2px solid var(--gold-deep,#8A6D3F); outline-offset:2px;}

/* tlačidlá "Spýtať sa poradcu" v obsahu stránky */
.startup-note-actions{display:flex; gap:12px; flex-wrap:wrap; align-items:center;}
button.btn{font-family:inherit;}

@media (max-width:520px){
  .adv-panel{right:10px; left:10px; bottom:var(--adv-bottom,92px); width:auto; height:min(640px, calc(100vh - var(--adv-bottom,92px) - 12px));}
  .adv-launcher{right:14px; padding:12px 16px;}
  .adv-msg{max-width:94%;}
}
@media (prefers-reduced-motion: reduce){
  .adv-typing span{animation:none; opacity:.6;}
  .adv-bar{transition:none;}
}