/* =====================================================================
   Ordine.Studio — videz pomočnika. Barve se berejo iz slog.css.
   ===================================================================== */

.as-gumb{
  position:fixed; right:clamp(1rem,3vw,2rem); bottom:clamp(1rem,3vw,2rem); z-index:60;
  display:inline-flex; align-items:center; gap:.6rem;
  font-family:var(--f-display); font-weight:600; font-size:.9rem;
  color:var(--zlato-svetlo); background:var(--antracit);
  border:1px solid rgba(201,163,78,.45); border-radius:999px;
  padding:.7rem 1.15rem .7rem .85rem; cursor:pointer;
  box-shadow:0 10px 30px -12px rgba(0,0,0,.55);
}
.as-gumb:hover{border-color:var(--zlato-svetlo);}
.as-gumb.as-skrit{display:none;}
.as-znak{width:22px;height:22px;flex:none;}
.as-znak svg{width:100%;height:100%;display:block;}

.as-okno{
  position:fixed; right:clamp(1rem,3vw,2rem); bottom:clamp(1rem,3vw,2rem); z-index:61;
  width:min(24rem, calc(100vw - 2rem));
  max-height:min(34rem, calc(100vh - 2rem));
  max-height:min(34rem, calc(100dvh - 2rem));
  display:flex; flex-direction:column;
  background:var(--antracit); color:#F1F2F2;
  border:1px solid rgba(201,163,78,.35); border-radius:8px;
  box-shadow:0 26px 60px -22px rgba(0,0,0,.7); overflow:hidden;
}
.as-okno[hidden]{display:none !important;}

.as-glava{
  position:sticky; top:0; z-index:2;
  display:flex; align-items:flex-start; justify-content:space-between; gap:.75rem;
  padding:.95rem 1rem; border-bottom:1px solid rgba(255,255,255,.10);
  background:var(--antracit-2);
}
.as-glava b{font-family:var(--f-display); font-size:.95rem; display:block;}
.as-glava span{font-family:var(--f-ui); font-size:.74rem; color:rgba(241,242,242,.55); display:block; margin-top:.1rem;}
.as-zapri{
  background:none; border:0; color:rgba(241,242,242,.6); font-size:1.4rem;
  line-height:1; cursor:pointer; padding:0 .1rem;
}
.as-zapri:hover{color:var(--zlato-svetlo);}

.as-telo{
  padding:1rem; overflow-y:auto; display:flex; flex-direction:column; gap:.85rem;
  font-family:var(--f-body); font-size:.92rem; line-height:1.55;
}
.as-od-nas{
  background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.08);
  border-left:3px solid var(--zlato); border-radius:4px; padding:.8rem .9rem;
}
.as-od-nas b{font-family:var(--f-display); font-size:.93rem; display:block; margin-bottom:.3rem;}
.as-od-nas p{margin:0 0 .55rem; color:rgba(241,242,242,.85);}
.as-od-nas p:last-child{margin-bottom:0;}
.as-tema{
  font-family:var(--f-ui); font-size:.65rem; font-weight:600; letter-spacing:.12em;
  text-transform:uppercase; color:var(--zlato); display:block; margin-bottom:.3rem;
}
.as-od-vas{
  align-self:flex-end; max-width:85%;
  background:var(--zlato); color:#26292C; border-radius:4px; padding:.5rem .75rem;
}
.as-od-vas p{margin:0; font-size:.9rem;}

.as-naslovek{
  display:block; margin:.7rem 0 .45rem;
  font-family:var(--f-ui); font-size:.68rem; font-weight:600; letter-spacing:.1em;
  text-transform:uppercase; color:rgba(241,242,242,.45);
}
.as-cipi{display:flex; flex-wrap:wrap; gap:.4rem;}
.as-cip{
  font-family:var(--f-ui); font-size:.78rem; text-align:left;
  color:rgba(241,242,242,.85); background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.14); border-radius:999px;
  padding:.32rem .7rem; cursor:pointer;
}
.as-cip:hover{border-color:var(--zlato); color:var(--zlato-svetlo);}
.as-povezava{color:var(--zlato-svetlo); font-weight:600;}

.as-vnos{display:flex; gap:.5rem; padding:.8rem 1rem 1rem; border-top:1px solid rgba(255,255,255,.10);}
.as-vnos input{
  flex:1; font-family:var(--f-ui); font-size:.88rem; padding:.6rem .75rem;
  color:#FCFBF9; background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.18); border-radius:3px;
}
.as-vnos input::placeholder{color:rgba(241,242,242,.4);}
.as-vnos button{
  font-family:var(--f-display); font-size:1rem; font-weight:600;
  color:#26292C; background:var(--zlato); border:0; border-radius:3px;
  padding:0 .95rem; cursor:pointer;
}
.as-vnos button:hover{background:var(--zlato-svetlo);}

@media (max-width:560px){
  .as-okno{
    right:.5rem; left:.5rem; bottom:.5rem; width:auto;
    max-height:calc(100vh - 5rem);
    max-height:calc(100dvh - 4rem);
  }
  .as-gumb{right:.75rem; bottom:.75rem; font-size:.86rem; padding:.62rem 1rem .62rem .75rem;}
  .as-glava b{font-size:.9rem;}
  .as-telo{font-size:.9rem;}
}

/* zastor pod oknom: dotik ob strani okno zapre */
.as-zastor{
  position:fixed; inset:0; z-index:60; background:rgba(0,0,0,.35);
  -webkit-backdrop-filter:blur(1px); backdrop-filter:blur(1px);
}
.as-zastor[hidden]{display:none !important;}