/* Pacha Harvest Libro de Reclamaciones, con el plugin Diseño (ph-base + ph-libro).
   1) Reglas de styles.css que usa la sección del Libro pero que Diseño reparte en otros paquetes (JOURNEY → home,
      SHOP UI y ACCOUNT → shop, SINGLE PRODUCT → product, POLICY PAGES → content). Copiadas tal cual, con
      :where(.ph) para que no ganen a las de ph-base que en la web iban después.
   2) Lo que solo existe en WordPress: enlace para imprimir la hoja, estado "enviando" y campos del padre o madre. */

:where(.ph) .select { position: relative; }
:where(.ph) .select select { width: 100%; min-height: 50px; padding: 0 44px 0 16px; appearance: none; -webkit-appearance: none; border: 1.5px solid var(--ph-ink); border-radius: var(--ph-radius-ctl); background: #fff; font-weight: 600; }
:where(.ph) .select::after { content: ""; position: absolute; right: 18px; top: 50%; width: 8px; height: 8px; margin-top: -6px; border-right: 2px solid var(--ph-ink); border-bottom: 2px solid var(--ph-ink); transform: rotate(45deg); pointer-events: none; }
:where(.ph) .field__legend { margin-bottom: 4px; padding: 0; font-size: 0.9375rem; font-weight: 650; }
:where(.ph) .check + .check, :where(.ph) .field + .check { margin-top: 4px; }
:where(.ph) .order-done__icon { width: 56px; height: 56px; fill: none; stroke: var(--ph-green); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
:where(.ph) fieldset { margin: 0; padding: 0; border: 0; min-width: 0; }
:where(.ph) .auth-card { padding: clamp(22px, 2.6vw, 36px); border: 1px solid var(--ph-line); border-radius: var(--ph-radius-card); background: #fff; }
:where(.ph) .auth-card .btn { width: 100%; }
:where(.ph) .placeholder { padding: 0 4px; border-radius: 3px; background: #fdeec9; font-weight: 650; white-space: nowrap; }

/* WordPress */
.ph .claim-done__print { display: inline-block; margin: 0 0 0 18px; vertical-align: middle; }
.ph .claim-done__print[hidden] { display: none; }
.ph .claim-form[aria-busy="true"] .btn { opacity: 0.7; cursor: progress; }
.ph .claim-guardian .field__optional { font-size: 0.875rem; }
.ph .claim-form .form-status:empty { display: none; }
@media (max-width: 640px) {
  .ph .claim-done__print { display: block; margin: 16px 0 0; }
}

/* ph-shop (lo carga la cabecera de página pequeña) trae ".select select" detrás de ph-base; en la web estática
   ".field select" iba después y ganaba (borde gris y relleno 12px 14px). Se restablece ese resultado en el Libro. */
.ph .claim-form .field .select select { padding: 12px 14px; border-color: rgba(21, 37, 28, 0.35); }
.ph .claim-form .field .select select[aria-invalid="true"] { border-color: #b42318; }
.ph .claim-form .field .select select:hover, .ph .claim-form .field .select select:focus-visible { border-color: var(--ph-ink); }

/* RESPONSIVE de la web: Diseño deja la regla móvil de .form-row en ph-shop, que no siempre se carga. */
@media (max-width: 640px) {
  .ph .form-row { grid-template-columns: 1fr; }
}