/**
 * AlterAppointment — advice-list CTA styles (CX-06a).
 *
 * Namespaced under .aap-advice so it stays inert outside the PDP/cart CTAs.
 * PDP polish 2026-06: the PDP toggle adopts the theme `.rea-btn .ico-calendar`
 * Big Button (defined in classic-child/assets/css/alter-reassurance.css) so it
 * matches the « Click & Collect » / « Réserver » tiles. This file only adds:
 * full-width inside the wrapper, the add/in-list label swap, the in-list
 * selected state, and the (empty-by-default on PDP) feedback / screen link.
 * The cart CTA (.aap-advice-cart-add) keeps its native .btn styling.
 */

.aap-advice {
  margin-top: 0.75rem;
}

/* PDP: the advice tile is the LAST item of the C&C / Réserver tile group.
   Match the 8px inter-tile gap above it and carry the 32px end-of-group
   separator below (the role the reserve tile played when it was last). */
.aap-advice--pdp {
  margin-top: 8px;
  margin-bottom: 32px;
}

/* When the advice tile follows the reserve tile, drop that tile's end-of-group
   bottom margin so the gap is the regular 8px inter-tile spacing (not 32px).
   Safe: advice-list.css only loads when the advice feature is ON, i.e. when
   this tile is actually rendered. */
.alterck-reserve-pdp:has(+ .aap-advice--pdp) {
  margin-bottom: 0;
}

/* PDP toggle reuses .rea-btn — fill the wrapper like .asa-clickcollect /
   .alterck-reserve-pdp do (alter-reassurance.css). */
.aap-advice .rea-btn {
  width: 100%;
}

/* add / in-list label swap inside .rea-btn-info. Default: show "add". */
.aap-advice-toggle__in {
  display: none;
}

.aap-advice-toggle.is-in-list .aap-advice-toggle__add {
  display: none;
}

.aap-advice-toggle.is-in-list .aap-advice-toggle__in {
  display: inline;
}

.aap-advice-toggle__in::before {
  content: "\2713\00a0"; /* ✓ + nbsp — signals the in-list state */
}

/* In-list = selected resting state: amaranth border. Hover still fills the
   whole tile (alter-reassurance.css .rea-btn:hover), so this is the at-rest
   "added" affordance. */
.aap-advice .rea-btn.is-in-list {
  border-color: var(--as-amaranth, #e62249);
}

/* Hint / feedback text. On the PDP this node is empty by default (the toggle is
   self-explanatory) and only fills when advice-list.js writes a transient
   message → hide it while empty. On the cart it carries a static hint, so the
   :empty rule is a no-op there. */
.aap-advice__hint {
  margin: 0.4rem 0 0;
  font-size: 0.8125rem;
  color: #6c757d;
}

.aap-advice__hint:empty {
  display: none;
}

.aap-advice__feedback {
  margin: 0.4rem 0 0;
  font-size: 0.8125rem;
  min-height: 1rem;
  color: #2f7a3f;
}

/* CX-06b — link to the dedicated advice screen. */
.aap-advice__screen-link {
  display: inline-block;
  margin-top: 0.4rem;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--as-amaranth, #e62249);
  text-decoration: none;
}

.aap-advice__screen-link:hover {
  text-decoration: underline;
}