/* Sdílené programové přepínače Adifit.
   Jediný zdroj pravdy pro jídelníček (menu.html) i zákaznický účet
   (account.html), aby se tlačítka programů na obou místech nerozcházela.
   Barvy jednotlivých programů se nemění: standard, individual, office. */

.prog-tab{
  --tab-color:#e7ae34;
  --tab-rgb:231,174,52;
  --tab-light:rgba(255,190,28,.95);
  --tab-mid:rgba(120,80,16,.72);
  --tab-deep:#130501;
  --tab-border:rgba(255,172,0,.65);
  --tab-shadow:rgba(255,178,0,.22);
  flex:1 1 0;
  min-width:0;
  min-height:58px;
  padding:0 24px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:11px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:16px;
  background:linear-gradient(180deg,rgba(0,0,0,.46),rgba(0,0,0,.28));
  color:#cfcfcf;
  cursor:pointer;
  font-size:15px;
  font-weight:700;
  white-space:nowrap;
  transition:border-color .2s ease,color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease;
}
.prog-tab[data-prog="individual"]{--tab-color:#c03050;--tab-rgb:192,48,80;--tab-light:rgba(255,60,90,.95);--tab-mid:rgba(120,20,40,.72);--tab-deep:#130105;--tab-border:rgba(255,40,70,.65);--tab-shadow:rgba(255,40,70,.22);}
.prog-tab[data-prog="office"]{--tab-color:#34aee7;--tab-rgb:52,174,231;--tab-light:rgba(60,180,255,.95);--tab-mid:rgba(20,70,120,.72);--tab-deep:#010813;--tab-border:rgba(40,150,255,.65);--tab-shadow:rgba(40,150,255,.22);}
.prog-tab svg{width:22px;height:22px;flex:0 0 22px;stroke:currentColor;}
.prog-tab:hover{border-color:rgba(255,255,255,.22);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 12px 24px rgba(0,0,0,.34);transform:translateY(-2px);}
.prog-tab.on{
  color:#fff;
  border-color:var(--tab-border);
  background:radial-gradient(circle at 28% 8%,rgba(255,255,255,.2),transparent 30%),linear-gradient(90deg,var(--tab-light),var(--tab-mid) 58%,var(--tab-deep));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -10px 20px rgba(0,0,0,.34),0 0 18px var(--tab-shadow),0 10px 22px rgba(0,0,0,.45);
}

/* Odkaz ve tvaru tlačítka (účet) sdílí přesně stejný vzhled. */
a.prog-tab{text-decoration:none}
.prog-tab:focus-visible{outline:2px solid var(--tab-border);outline-offset:3px}

@media(max-width:900px){
  .prog-tab{min-height:54px;padding:0 10px;gap:7px;font-size:13px}
}
@media(max-width:620px){
  .prog-tab{min-height:50px;font-size:14px}
}