/* Aöra theme - the optional birthday field (inc/birthday.php, aora_birthday_fields()).
   Used in the home newsletter, the Academia newsletter, the test result page
   and Mi cuenta > Detalles de la cuenta. Two selects (day, month), no year. */

.bday { border: 0; margin: 0; padding: 0; min-width: 0; }
.bday legend { padding: 0; margin: 0 0 var(--s-2); }
.bday-opt { font-weight: 400; color: var(--text-2); }
.band-beige .bday-opt { color: var(--muted-on-beige); }
.band-brand .bday-opt { color: inherit; }
.bday-row { display: grid; grid-template-columns: minmax(0, 6rem) minmax(0, 12rem); gap: var(--s-3); }
.bday .hint { margin: var(--s-2) 0 0; }
/* On the beige and brand bands base.css resets `background` with a shorthand,
   which also drops the select's chevron: put it back (0,3,0 beats 0,2,0). */
.bday .select.bday-day, .bday .select.bday-month {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%231A222C' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right var(--s-3) center;
  padding-right: var(--s-10);
}

/* Test result page: the form is a wrapping row (e-mail + button); the field takes its own line. */
.aora-resultado .save-form .bday-full { flex: 1 1 100%; }

/* Mi cuenta: the legend reads like WooCommerce's labels next to it. */
.bday-account .bday legend.label { font-size: var(--fs-base); font-weight: 400; line-height: 2; margin-bottom: 0; }
.bday-account .hint { margin-top: var(--s-2); }