/* ===========================
   Wicked South America - FX / Layout helpers
   =========================== */

/* 3.1 – Widget de conversiones: inline, apilado y sin cortes */
.wsa-amount{
    display: inline-flex;
    flex-direction: column;
    align-items: flex-end;
    vertical-align: top;
  }
  .wsa-amount__fx{
    display: block;
    white-space: nowrap;        /* evita que se parta CLP grande */
    font-size: 0.85em;
    color: #777;
    line-height: 1.2;
    margin-top: 2px;
  }
  
  /* columna derecha de filas tipo "texto | monto" */
  .p-totals span:last-child{
    display: inline-flex;
    flex-direction: column;
    align-items: flex-end;
    overflow: visible !important;  /* evita recortes del monto */
    min-width: 8ch;                /* pequeño ancho mínimo por si el wrapper colapsa */
  }
  .p-totals{
    align-items: flex-start;
  }
  
  /* 3.2 – Separador entre fees */
  .fee-sep{
    border: 0;
    border-top: 1px dotted #bfc5cc;
    margin: 10px 0;
  }
  
  /* 3.3 – Panel izquierdo "Cost Details" crece con el contenido */
  #booking-details,
  .booking-details,
  .order-summary{
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
  
  /* Si tu panel es sticky, que no fije alturas */
  .sticky, .is-sticky{
    max-height: none;
    overflow: visible;
  }
  
  /* 3.4 – Acordeones
     CERRADO: que no “sangre” contenido (Category)
     ABIERTO: aplica padding normal y permite overflow
  */
  .accordeon .accordeon-container{
    max-height: 0;
    overflow: hidden;         /* <- clave: oculto cuando está cerrado */
    padding: 0;               /* <- sin padding cerrado para que no asome nada */
    transition: max-height .25s ease;
  }
  .accordeon.open .accordeon-container{
    padding: 16px 20px;       /* padding solo cuando abre */
    overflow: visible;        /* ya abierto, que crezca sin cortes */
  }
  
  /* Evita márgenes que empujen el contenido dentro del acordeón */
  .accordeon .accordeon-container .container-inner > *:first-child{ margin-top: 0; }
  .accordeon .accordeon-container .container-inner > *:last-child{  margin-bottom: 0; }