/*
 * Bàner de galetes (webServices/views/lms/cookies.php).
 *
 * Fitxer a part i no dins de lms.css perquè el .css i el .scss de l'aula estan
 * parcialment desincronitzats i no es recompilen: un component nou que s'hi
 * afegís només quedaria al compilat.
 *
 * El bàner neix amagat (`hidden`) i el JS el mostra només a qui encara no l'ha
 * acceptat, de manera que qui ja l'ha vist no en veu ni el parpelleig.
 */

.lms-cookies {
    position: fixed;
    z-index: 1040;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
    justify-content: center;
    padding: 12px 16px;
    background: #1a1a1a;
    color: #fff;
    font-size: 14px;
    line-height: 1.4;
    box-shadow: 0 -2px 12px rgba(0, 0, 0, .25);
}

.lms-cookies[hidden] {
    display: none;
}

.lms-cookies__text {
    max-width: 900px;
    text-align: center;
}

/* Els enllaços del text els escriu qui configura l'aula: han de ser llegibles
   sobre el fons fosc sense dependre del tema. */
.lms-cookies__text a,
.lms-cookies__link {
    color: #fff;
    text-decoration: underline;
}

.lms-cookies__link {
    margin-left: 4px;
    white-space: nowrap;
}

.lms-cookies__ok {
    flex: none;
}

/* Bàner amb consentiment: «Accepta» i «Rebutja».
   ⚠️ Els dos botons han de ser IGUALS —mateixa amplada mínima, mateix color, mateix
   pes—. La classe és una de sola i no n'hi ha cap variant «primària»: donar més pes
   visual a l'acceptació és el patró que fa que tothom accepti sense mirar-s'ho, i
   llavors el consentiment no val. El `min-width` és el que evita que «Rebutja»
   surti més estret que «Accepta» només perquè el text és més curt. */
.lms-cookies__botons {
    display: flex;
    flex: none;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
}

.lms-cookies__boto {
    flex: none;
    min-width: 112px;
}