/* V42 · cabecera limpia de albaranes, reservas móviles y menús por permisos */

/* El detalle del albarán forma parte del documento, no es una cabecera azul
   de módulo. Se mantiene una separación discreta y sin logotipo decorativo. */
.delivery-print-wrap .delivery-doc-head{
  background:transparent!important;
  background-image:none!important;
  color:inherit!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:0 0 18px!important;
}
.delivery-print-wrap .delivery-doc-title h1{
  color:var(--gtic-primary,#17324a)!important;
}
html[data-theme="dark"] .delivery-print-wrap .delivery-doc-head{
  background:transparent!important;
  border-color:#30475b!important;
}
html[data-theme="dark"] .delivery-print-wrap .delivery-doc-title h1{
  color:#edf4fb!important;
}
.delivery-doc-logo{display:none!important}

/* El selector duplicado solo sirve para ordenar mejor el flujo en móvil. */
.reservation-mobile-mode-v42{display:none}
.reservation-mobile-step-number-v42{display:none}
.reservation-select-shell-v42{position:relative;display:block;min-width:0}
.reservation-select-shell-v42 select{
  width:100%!important;
  padding-right:42px!important;
  appearance:none;
  -webkit-appearance:none;
}
.reservation-select-arrow-v42{
  position:absolute;
  right:14px;
  top:50%;
  transform:translateY(-54%);
  pointer-events:none;
  font-size:1.2rem;
  line-height:1;
  font-weight:900;
  color:#176f82;
}
html[data-theme="dark"] .reservation-select-arrow-v42{color:#75d7df}

@media(max-width:700px){
  .reservation-mobile-mode-v42{
    display:grid;
    gap:8px;
    margin-bottom:14px;
    padding-bottom:14px;
    border-bottom:1px solid #e1e9ee;
  }
  html[data-theme="dark"] .reservation-mobile-mode-v42{border-color:#2d4254}
  .reservation-mobile-step-v42,
  .reservation-resource-label-v42{
    display:block;
    font-size:.78rem;
    line-height:1.25;
    font-weight:900;
    color:#314f63;
  }
  html[data-theme="dark"] .reservation-mobile-step-v42,
  html[data-theme="dark"] .reservation-resource-label-v42{color:#c9d8e5}
  .reservation-mobile-step-number-v42{display:inline}
  .reservation-desktop-mode-v42{display:none!important}
  .reservation-mobile-mode-v42 .reservation-mode-selector-v27{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
    margin:0!important;
  }
  .reservation-mobile-mode-v42 .reservation-mode-selector-v27 button{
    min-width:0!important;
    padding:9px 5px!important;
    border-radius:11px!important;
  }
  .reservation-mobile-mode-v42 .reservation-mode-selector-v27 strong{
    font-size:.72rem!important;
    line-height:1.15!important;
  }
  .reservation-mobile-mode-v42 .reservation-mode-selector-v27 small{
    display:none!important;
  }
  .reservation-resource-selector-v26{gap:9px!important}
  .reservation-resource-field-v42{width:100%!important}
  .reservation-select-shell-v42 select{min-height:44px!important}

  /* En siete columnas no se usan píldoras redondas con frases largas. El
     estado ocupa todo el ancho y emplea una etiqueta corta solo en móvil. */
  .reservation-day-v26{
    min-height:72px!important;
    padding:5px 4px!important;
    border-radius:9px!important;
    gap:4px!important;
    overflow:hidden!important;
  }
  .reservation-day-v26>strong{font-size:.78rem!important}
  .reservation-day-v26.is-today>strong{padding:2px 5px!important;border-radius:5px!important}
  .reservation-day-state-v26{
    display:block!important;
    width:100%!important;
    min-height:20px!important;
    margin-top:auto!important;
    padding:4px 2px!important;
    border-radius:5px!important;
    box-sizing:border-box!important;
    text-align:center!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    font-size:0!important;
    line-height:1!important;
  }
  .reservation-day-state-v26::after{
    content:attr(data-mobile-label);
    font-size:.55rem!important;
    line-height:1.1!important;
    font-weight:900!important;
  }
  .reservation-calendar-head-v26 small{display:none!important}
}

@media(max-width:390px){
  .reservation-mobile-mode-v42 .reservation-mode-selector-v27 strong{font-size:.66rem!important}
  .reservation-weekdays-v26,.reservation-calendar-v26{gap:2px!important}
  .reservation-day-v26{min-height:68px!important;padding-inline:3px!important}
  .reservation-day-state-v26::after{font-size:.51rem!important}
}

/* Submenu movil: los botones son flotantes y no deben compartir una
   superficie de fondo en el tema claro ni en el oscuro. Esta regla se
   mantiene en la ultima capa CSS para evitar que estilos anteriores vuelvan
   a mostrar el recuadro azul claro. */
@media(max-width:920px){
  .gtic-section-actions-card{
    background:transparent!important;
    background-image:none!important;
    border:0!important;
    border-left:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    filter:none!important;
    padding:0!important;
  }
}

@media print{
  .delivery-print-wrap .delivery-doc-head{
    background:#fff!important;
    color:#111827!important;
  }
  .delivery-print-wrap .delivery-doc-title h1{color:#111827!important}
}
