/* Court Dark: store pills (.cd-buy) and the release-alert card (.cd-alert with the Gravity Forms form), used by the
   shoe page and the signature-line page. Enqueued by templates/shoe.php and templates/line.php. */

/* ------------------------------------------------------------ store pills (shoe hero, line buy card) */
.cd-buy { display: flex; flex-direction: column; gap: 14px; }
.cd-buy__item { display: flex; flex-direction: column; gap: 8px; }
.cd .cd-buy__btn { display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 56px; padding: 0 24px; border-radius: 999px; font-size: 17px; font-weight: 700; line-height: 1.2; text-align: center; border: var(--cd-line) solid var(--cd-border-strong); color: var(--cd-text); }
.cd .cd-buy__btn:hover { border-color: var(--cd-text-2); color: var(--cd-text); }
.cd .cd-buy__btn.is-primary { background: var(--cd-accent); border-color: var(--cd-accent); color: var(--cd-on-accent); }
.cd .cd-buy__btn.is-primary:hover { background: var(--cd-accent-hover); border-color: var(--cd-text); }
.cd .cd-buy .bsd-price { margin: 0; max-width: none; text-align: center; font-size: 15px; line-height: 1.45; }
.cd .cd-buy .bsd-price-d { color: var(--cd-text-2); text-underline-offset: 3px; }
.cd .cd-buy .bsd-price-tip { background: var(--cd-text) !important; color: var(--cd-ground) !important; border: 0; font-size: 13px; line-height: 1.5; padding: 12px 14px; border-radius: 12px; font-weight: 500; }

/* ------------------------------------------------------------ release alert card (shoe hero, line page) */
.cd-alert { background: var(--cd-raised); border: var(--cd-line) solid var(--cd-border); border-radius: var(--cd-radius); padding: 32px; display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.cd-alert__head { display: flex; align-items: center; gap: 16px; }
.cd-alert__icon { width: 52px; height: 52px; border-radius: 999px; background: var(--cd-accent); color: var(--cd-on-accent); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.cd-alert .cd-eyebrow { font-size: 12px; }
.cd-alert__title { font-family: var(--cd-display); font-weight: 400; font-size: 34px; line-height: 1; text-transform: uppercase; margin-top: 4px !important; }
.cd-alert__date { font-size: 16px; line-height: 1.5; color: var(--cd-text-2); }
.cd-alert__date strong { color: var(--cd-text); }
.cd-alert__text { font-size: 17px; line-height: 1.5; color: var(--cd-text-2); }

/* Gravity Forms release-alert form, restyled to the Court Dark field and button */
.cd-gform .gform_wrapper, .cd-gform form { margin: 0 !important; max-width: none !important; }
.cd-gform .gform_heading, .cd-gform .gform_required_legend, .cd-gform .gfield_required, .cd-gform .gform_validation_errors > h2 .gform-icon { display: none !important; }
.cd-gform .gform_body, .cd-gform .gform_fields { display: block !important; margin: 0 !important; padding: 0 !important; list-style: none; }
.cd-gform .gform_fields { grid-template-columns: none !important; }
.cd-gform .gfield { margin: 0 0 8px !important; padding: 0 !important; border: 0; }
.cd-gform .gfield.gform_hidden, .cd-gform .gfield--type-hidden, .cd-gform .gform_validation_container { display: none !important; }
.cd-gform .gfield_label, .cd-gform label { display: block; font-size: 14px !important; font-weight: 700 !important; color: var(--cd-text) !important; margin: 0 0 8px !important; padding: 0 !important; }
.cd-gform input[type="email"], .cd-gform input[type="text"] { width: 100% !important; min-height: 52px !important; background: var(--cd-ground) !important; border: var(--cd-line) solid var(--cd-border-strong) !important; border-radius: 999px !important; color: var(--cd-text) !important; font: inherit !important; font-size: 16px !important; padding: 0 22px !important; outline: none; box-shadow: none !important; }
.cd-gform input[type="email"]:focus, .cd-gform input[type="text"]:focus { border-color: var(--cd-text-2) !important; }
.cd-gform .gform_footer, .cd-gform .gform-footer { margin: 4px 0 0 !important; padding: 0 !important; display: flex !important; }
.cd-gform .gform_button, .cd-gform input[type="submit"], .cd-gform button[type="submit"] { min-height: 52px !important; padding: 0 26px !important; border: 0 !important; border-radius: 999px !important; background: var(--cd-accent) !important; color: var(--cd-on-accent) !important; font: inherit !important; font-size: 16px !important; font-weight: 700 !important; cursor: pointer; width: auto !important; line-height: 1.2 !important; box-shadow: none !important; }
.cd-gform .gform_button:hover { background: var(--cd-accent-hover) !important; }
.cd-gform .gform_confirmation_message, .cd-gform .gform_validation_errors, .cd-gform .validation_message, .cd-gform .gfield_description { font-size: 15px; color: var(--cd-text-2); background: none !important; border: 0 !important; padding: 0 !important; margin: 6px 0 0 !important; box-shadow: none !important; }
.cd-gform .validation_message, .cd-gform .gform_validation_errors { color: #FF8A73 !important; }
.cd-gform .gform_ajax_spinner { display: none; }
.cd-gform iframe { display: none; }

/* Section heads with a count on the right, and the centred "Show all" button (shoe page, line page). */
.cd-shoe-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 28px; }
.cd-shoe-head__titles { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.cd-shoe-head__eyebrow { font-size: 13px; }
.cd-shoe-head__meta { font-size: 16px; font-weight: 700; color: var(--cd-muted); padding-bottom: 6px; white-space: nowrap; }
.cd-shoe-showall { min-height: 52px; padding: 0 26px; font-size: 16px; font-weight: 700 !important; }
.cd-showall:has(.cd-shoe-showall) { display: flex; justify-content: center; }
@media (min-width: 768px) { .cd-shoe-phone-only { display: none !important; } }

@media (max-width: 767px) {
  .cd-shoe-head { margin-bottom: 16px; }
  .cd-shoe-head .cd-shoe-head__meta { font-size: 14px; }
  .cd-showall .cd-shoe-showall { width: 100%; }
  .cd .cd-buy__btn { min-height: 52px; font-size: 16px; }
  .cd .cd-buy .bsd-price { font-size: 14px; }
  .cd-alert { padding: 22px; }
  .cd-alert__title { font-size: 28px; }
}
/* Zack, 2026-10-08: more room between the email field and the Notify me button. */
.cd-gform .gform_footer, .cd-gform .gform-footer { margin-top: 18px !important; }

/* The lime release alert that sits between panels (design B2, Zack 2026-10-18): dark type and icon, a pale field and a
   dark button, like the site's top bar. */
.cd .cd-alert--lime { background: var(--cd-accent); border-color: var(--cd-accent); color: var(--cd-on-accent); }
.cd .cd-alert--lime .cd-eyebrow, .cd .cd-alert--lime .cd-alert__title, .cd .cd-alert--lime .cd-alert__text { color: var(--cd-on-accent); }
.cd .cd-alert--lime .cd-alert__text { font-weight: 500; }
.cd .cd-alert--lime a { color: var(--cd-on-accent); text-decoration: underline; text-underline-offset: 3px; }
.cd .cd-alert--lime a:hover { color: #23262B; }
.cd .cd-alert--lime .cd-alert__icon { background: var(--cd-on-accent); color: var(--cd-accent); }
.cd .cd-alert--lime .cd-gform .gfield_label, .cd .cd-alert--lime .cd-gform label { color: var(--cd-on-accent) !important; }
.cd .cd-alert--lime .cd-gform input[type="email"], .cd .cd-alert--lime .cd-gform input[type="text"] {
  background: #F7FFD6 !important; border: 1.5px solid var(--cd-on-accent) !important; color: var(--cd-on-accent) !important; }
.cd .cd-alert--lime .cd-gform input::placeholder { color: #4A5320; }
.cd .cd-alert--lime .cd-gform .gform_button, .cd .cd-alert--lime .cd-gform input[type="submit"], .cd .cd-alert--lime .cd-gform button[type="submit"] {
  background: var(--cd-on-accent) !important; color: var(--cd-accent) !important; }
.cd .cd-alert--lime .cd-gform .gform_button:hover { background: #23262B !important; }
.cd .cd-alert--lime .cd-gform .gform_confirmation_message, .cd .cd-alert--lime .cd-gform .gfield_description { color: var(--cd-on-accent); }
.cd .cd-alert--lime .cd-gform .validation_message, .cd .cd-alert--lime .cd-gform .gform_validation_errors { color: #7A0F00 !important; }
