/* =========================================================
   Mòduls: capçalera neta (sense fletxa de plegar) i edició de l'ordre amb un botó (mòbil)
   Va DESPRÉS d'ordre-moduls.css i plegar-tots.css.
   ========================================================= */

/* La fletxa de plegar/desplegar ja no es veu: tota la barra del títol plega i desplega el mòdul */
.mod-toggle { display: none !important; }
/* Un grup d'accions que només portava la fletxa queda buit: que no ocupi lloc */
.bloc-cap-accions.mod-accions-sol { display: none !important; }

/* Botó llapis: només al mòbil */
.nav-edita { display: none; align-items: center; gap: 6px; flex-shrink: 0; }
.nav-edita-flotant { position: fixed; top: 70px; right: 12px; z-index: 900; box-shadow: 0 2px 10px rgba(16,24,40,.18); }
.mod-edicio-avis { display: none; }

@media (max-width: 860px) {
  .nav-edita { display: inline-flex; margin-bottom: 10px; padding: 6px 12px; }
  .nav-edita-flotant { margin-bottom: 0; }
  .nav-edita.on { background: var(--tinta, #17211d); color: #fff; border-color: var(--tinta, #17211d); }

  /* Nanses i fletxes de moure: només dins del mode edició */
  html.edicio-ok main:not(.mod-editant) > section.blocs > .bloc-cap > .mod-handle,
  html.edicio-ok main:not(.mod-editant) > section.blocs > .bloc-cap > .mod-moure { display: none !important; }

  /* Mode edició: només es veuen les capçaleres (és visual: no toca l'estat de plegat desat) */
  main.mod-editant > section.blocs > *:not(.bloc-cap) { display: none !important; }
  main.mod-editant > section.blocs { margin-bottom: 8px; }
  main.mod-editant > section.blocs > .bloc-cap { border-bottom: none; cursor: default; }
  main.mod-editant .mod-fletxa { width: 36px; height: 36px; font-size: 14px; background: #f1f4f2; border-radius: 10px; }
  /* la capçalera es manté en una línia: nanses/fletxes, icona i títol (sense subtítol) */
  main.mod-editant > section.blocs > .bloc-cap { flex-wrap: nowrap; }
  main.mod-editant > section.blocs > .bloc-cap > div:not([class]) { min-width: 0; flex: 1 1 auto; }
  main.mod-editant > section.blocs > .bloc-cap h2 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  main.mod-editant > section.blocs > .bloc-cap .sub { display: none; }
  main.mod-editant > section.blocs > .bloc-cap > .mod-moure { order: 5; margin-left: auto; }
  main.mod-editant .mod-handle { font-size: 18px; padding: 8px 4px; }
  /* en edició, els botons d'acció de la capçalera (actualitzar...) no fan falta */
  main.mod-editant > section.blocs > .bloc-cap .bloc-cap-accions { display: none; }

  body .mod-edicio-avis:not([hidden]) {
    display: block;
    margin: 8px 0 12px;
    padding: 10px 14px;
    font-size: 12.5px;
    line-height: 1.4;
    color: var(--gris, #5e6f69);
    background: #f4f7f5;
    border-radius: 12px;
  }
}

/* Capçalera en UNA sola línia també amb el mòdul obert: el títol s'escurça amb punts suspensius i el botó
   d'actualitzar es queda a la dreta (abans baixava a una segona línia). Només per als mòduls on les accions
   són botons d'icona (actualitzar); els que porten botons de veritat conserven el seu disseny. */
@media (max-width: 640px) {
  main .bloc-cap:has(> .bloc-cap-accions:not(:has(button:not(.bt-refresc-modul):not(.mod-toggle)))) { flex-wrap: nowrap; }
  main .bloc-cap:has(> .bloc-cap-accions:not(:has(button:not(.bt-refresc-modul):not(.mod-toggle)))) > div:not([class]) { min-width: 0; flex: 1 1 auto; }
  main .bloc-cap:has(> .bloc-cap-accions:not(:has(button:not(.bt-refresc-modul):not(.mod-toggle)))) h2,
  main .bloc-cap:has(> .bloc-cap-accions:not(:has(button:not(.bt-refresc-modul):not(.mod-toggle)))) .sub {
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  }
  main .bloc-cap > .bloc-cap-accions:not(:has(button:not(.bt-refresc-modul):not(.mod-toggle))) {
    width: auto; margin-left: auto; flex-wrap: nowrap; flex-shrink: 0;
  }
}