/* základ (ponecháno) */
#cc-mini{margin:16px 0;padding:14px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;font:14px/1.45 system-ui}
#cc-mini .row{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}
#cc-mini label{flex:1 1 240px;display:block}
#cc-mini .lbl{font-weight:600;margin:0 0 6px}
#cc-mini select{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;outline:0}
#cc-mini .err{border-color:#ef4444!important}

/* Nadpis – střed + 36px */
#cc-mini .title{margin:0 0 14px;font-weight:700;font-size:36px;line-height:1.2;text-align:center}

/* Tlačítko – oranžová, invert na hover + jemný grow */
#cc-mini button{
  padding:10px 16px;border:1px solid #f07e00;border-radius:10px;
  background:#f07e00;color:#fff;font-weight:700;cursor:pointer;
  transition:transform .12s ease,background-color .15s,color .15s,border-color .15s
}
#cc-mini button:hover{background:#fff;color:#f07e00;transform:scale(1.03)}
#cc-mini button:focus-visible{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(240,126,0,.45)}

/* MOBIL: prvky pod sebou + menší mezery (~12px) */
@media (max-width:768px){
  #cc-mini{padding:10px}
  /* místo flex použijeme grid pro přesný row-gap */
  #cc-mini .row{
    display:grid;grid-template-columns:1fr;
    row-gap:12px;column-gap:0;align-items:start;justify-items:center
  }
  #cc-mini .row>*{margin:0!important;padding:0!important;max-width:420px;width:100%}
  #cc-mini label{text-align:center}
  #cc-mini .lbl{margin:0 0 6px!important;text-align:center}
  #cc-mini select{margin:0 auto!important}
  #cc-mini button{margin-top:4px!important}
  /* nulování theme marginů u formulářů */
  #cc-mini .form-group,#cc-mini .shp-form-group,
  #cc-mini .form-control,#cc-mini .shp-form-control,#cc-mini .shp-select{margin:0!important;padding:0!important}
}
@media (max-width:768px){
  #cc-mini button{ padding:14px 20px !important; }
}