/* Modalità aula per la LIM e il proiettore (P2-12): html.dlim, accesa da ?aula=1 (app/dc-lim.js). Solo CSS e comandi diversi. */

/* via le barre del sito, della piattaforma e del corso: sullo schermo grande resta il contenuto */
html.dlim .site-head,html.dlim .site-foot,html.dlim .sg-bapp,html.dlim #dc-nav,html.dlim .dc-anteprima,html.dlim .dc-aula-riga,
html.dlim .dc-piede-corso,html.dlim .dcf-piede,html.dlim .bg-fx{display:none!important}
html.dlim body{background:var(--dc-sup-2)!important}
html.dlim body::before,html.dlim body::after{display:none!important}
html.dlim main.dc-shell{max-width:none!important;padding-top:8px!important}
/* sul computer la barretta è fissa in alto a destra: il contenuto parte sotto, così non copre le briciole */
@media(min-width:701px){html.dlim main.dc-shell{padding-top:72px!important}}
/* testo grande: si ingrandisce il contenuto (le finestre un po' meno, per restare dentro lo schermo) */
html.dlim #dc-corpo{zoom:var(--dlim-zoom,1.3)}
html.dlim .dc-modale-box{zoom:min(var(--dlim-zoom,1.3),1.3)}
/* contrasto più deciso per il proiettore (i proiettori schiariscono i grigi) */
html.dlim{--dc-tenue:#465069;--dc-testo-2:#2C354D}
html.dlim[data-theme=dark]{--dc-tenue:#C3CCDB;--dc-testo-2:#E1E7F0}

/* la barretta dell'aula: piccola, in alto a destra (testi sempre a pieno contrasto: niente trasparenze) */
.dlim-barra{position:fixed;top:8px;right:8px;z-index:440;display:flex;flex-wrap:wrap;align-items:center;gap:6px;max-width:calc(100vw - 16px);padding:6px 8px;border-radius:14px;
  background:var(--dc-sup);border:1px solid var(--dc-bordo-2);box-shadow:var(--dc-ombra);font:700 13.5px/1.2 var(--dc-sans);color:var(--dc-testo)}
.dlim-nome{display:inline-flex;align-items:center;gap:6px;padding:0 6px;color:var(--dc-testo-2)}
.dlim-nome .dc-ico{width:18px;height:18px;color:var(--dc-acc)}
.dlim-gruppo{display:inline-flex;align-items:center;gap:4px}
.dlim-val{min-width:44px;text-align:center;font-variant-numeric:tabular-nums;color:var(--dc-testo-2)}
.dlim-b{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:40px;min-height:40px;padding:6px 10px;border-radius:10px;border:1px solid var(--dc-bordo-2);
  background:var(--dc-sup);color:var(--dc-testo);font:800 14px/1 var(--dc-sans);cursor:pointer}
.dlim-b:hover{border-color:var(--dc-acc)}
.dlim-b:disabled{opacity:.45;cursor:default}
.dlim-b .dc-ico{width:17px;height:17px}
.dlim-b[aria-pressed="true"]{background:color-mix(in srgb,var(--dc-acc) 12%,var(--dc-sup));border-color:var(--dc-acc)}
.dlim-esci{border-color:transparent;background:#22678F;color:#fff}
html[data-theme=dark] .dlim-esci{background:#8CC6EE;color:#0C1018}
.dlim-tasti kbd{display:inline-block;padding:2px 7px;border-radius:6px;border:1px solid var(--dc-bordo-2);background:var(--dc-sup-2);font:700 13px/1.4 var(--dc-sans);white-space:nowrap}
.dlim-nota{margin-top:12px;font-size:14px;line-height:1.5;color:var(--dc-testo-2)}
/* sul telefono la barretta sta in cima alla pagina, nel flusso (niente barre fisse in più) */
@media(max-width:700px){
  .dlim-barra{position:static;opacity:1;margin:8px 12px 0;max-width:none;border-radius:12px}
  .dlim-b--testo span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}
@media print{.dlim-barra{display:none!important}html.dlim #dc-corpo{zoom:1}}