/* ==========================================================================
   Cefi Formación · Descripción de variación colapsable (ficha de producto)
   Ubicación: {tema-hijo}/assets/css/cefi-variation-description.css

   El campo "Descripción" de cada variación se guarda como varios párrafos.
   Aquí dejamos SIEMPRE visible el primer párrafo (el aviso, en negrita) y
   plegamos el resto detrás de un botón "Leer más", que el JS
   (cefi-variation-description.js) añade solo cuando de verdad hay más de
   un párrafo.
   ========================================================================== */

/* El primer párrafo siempre en negrita y visible, escriban o no ellos mismos
   <strong> en el campo de descripción de la variación. */
.woocommerce-variation-description > :first-child {
  margin-top: 0;
  font-weight: 600;
}

/* Mientras está plegada, se oculta todo menos el primer párrafo y el botón */
.woocommerce-variation-description.cefi-vd-collapsed > :not(:first-child):not(.cefi-variation-toggle) {
  display: none;
}

.cefi-variation-toggle {
  display: inline-block;
  margin-top: 8px;
  padding: 0;
  border: 0;
  background: none;
  color: var(--cefi-accent-text, #0a7a75);
  font: inherit;
  font-size: 13.5px;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}

.cefi-variation-toggle:hover,
.cefi-variation-toggle:focus-visible {
  color: var(--cefi-btn-hover, #0a7a75);
}

.cefi-variation-toggle:focus-visible {
  outline: 2px solid var(--cefi-focus, #14a89f);
  outline-offset: 2px;
}