/*
 * Register and transfer a domain (templates/orderforms/dabbleam/domainregister.tpl and domaintransfer.tpl): what
 * css/cesta.css does not have. Same language as the cart; no fine print: prices, renewals and conditions in ink and
 * at normal size (style guide, section 7).
 */

/* the image captcha: picture and field side by side, the field as wide as the picture */
.cesta-captcha { margin-top: 1.2em; }
.cesta-captcha .fila { display: flex; flex-wrap: wrap; align-items: center; gap: .8em; }
.cesta-captcha img { display: block; width: 150px; height: 36px; image-rendering: pixelated; border-radius: .45em; border: 1px solid var(--linea); }
.cesta .cesta-captcha input[type=text] { width: 10em; flex: 0 1 10em; letter-spacing: .1em; }
.cesta-seccion > .cesta-error:last-child { margin: 1.2em 0 0; }

/* conditions and notes that count: ink, normal size */
.cesta-condicion { margin: 0 0 1em; color: var(--tinta); line-height: 1.55; }
.cesta-seccion > .cesta-condicion:last-child { margin-bottom: 0; }
.cesta-campo + .cesta-es { margin: 1em 0 0; }
.cesta-seccion > h2 + .cesta-condicion { margin-top: .4em; }

/* results: one line per extension, the state under the name, price and "Añadir" on the right */
.cesta-resultados, .cesta-tarifas { margin-top: 1.5em; }
.cesta-resultado { grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; }
.cesta-resultado .que { overflow-wrap: anywhere; }
.cesta-resultado .detalle { grid-column: 1; color: var(--tinta); font-size: 1em; }
.cesta-resultado.ocupado .que { color: var(--gris); }
.cesta-resultado .cuanto { grid-column: 2; grid-row: 1 / span 2; text-align: right; white-space: nowrap; }
.cesta-resultado .cuanto b { display: block; font-size: 1.25em; color: var(--dark-primary-color); }
.cesta-resultado .cuanto .ciclo { color: var(--tinta); }
.cesta-resultado .acciones { grid-column: 3; grid-row: 1 / span 2; margin: 0; }
.cesta-resultado .cesta-boton-sec:disabled { opacity: .7; cursor: default; }
.cesta-resultados .cesta-acciones { flex-wrap: wrap; }
.cesta-en-cesta { color: var(--tinta); font-weight: bold; }

/* prices per extension */
table.cesta-precios { width: 100%; border-collapse: collapse; margin: .2em 0 1.2em; }
.cesta-precios th, .cesta-precios td { padding: .65em .6em; border-bottom: 1px solid var(--linea); text-align: right; color: var(--tinta); white-space: nowrap; }
.cesta-precios thead th { font-size: .85em; color: var(--tinta); background: var(--fondo); }
.cesta-precios th:first-child { text-align: left; }
.cesta-precios tbody th { font-weight: bold; }

/* transfer: the steps before asking for it */
.cesta-pasos-previos { margin: 0 0 1.2em 1.3em; padding: 0; color: var(--tinta); line-height: 1.55; }
.cesta .cesta-pasos-previos li { list-style: decimal; margin: 0 0 .45em; }
.cesta-tarjeta .cesta-campo + .cesta-campo { margin-top: 1.2em; }

@media (max-width: 560px) {
  .cesta-resultado { grid-template-columns: minmax(0, 1fr) auto; }
  .cesta-resultado .acciones { grid-column: 1 / -1; grid-row: auto; }
  .cesta-resultado .acciones .cesta-boton-sec { width: 100%; }
  .cesta-precios th, .cesta-precios td { padding: .6em .35em; font-size: .95em; }
  .cesta-precios thead th { font-size: .8em; }
  .cesta-resultados .cesta-acciones { align-items: stretch; }
}