/* IDD QR Album — items injectes
 * - Dans le menu principal (desactive par defaut, via idd_qa_inject_in_main_menu)
 * - Dans le dashboard /mon-compte/ (.wpz-account__tools)
 * Charte WeddingPart : hérite des variables --wp-*.
 */

/* === Cards injectees dans le dashboard /mon-compte/ === */
.wpz-tool-card.idd-qa-account-card .wpz-tool-card__icon {
  background: var(--wp-brand-soft, rgba(181,99,122,.09));
  color: var(--wp-brand, #B5637A);
}
.wpz-tool-card.idd-qa-account-card--capture {
  /* Met en avant la card "Ajouter une photo" — CTA principal */
  background: linear-gradient(135deg,
    color-mix(in srgb, var(--wp-brand, #B5637A) 10%, var(--wp-surface, #FFFFFF)),
    var(--wp-surface, #FFFFFF));
  border: 1px solid var(--wp-brand-border, color-mix(in srgb, var(--wp-brand, #B5637A) 30%, transparent));
}
.wpz-tool-card.idd-qa-account-card--capture .wpz-tool-card__icon {
  background: var(--wp-brand, #B5637A);
  color: #fff;
}

/* Items de menu injectes : icones + style different pour les distinguer */
.idd-qa-menu-item > a {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
}
.idd-qa-menu-item__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 6px;
  background: var(--wp-brand-soft, rgba(181,99,122,.09));
  color: var(--wp-brand, #B5637A);
  flex-shrink: 0;
}
.idd-qa-menu-item__icon svg { display: block; }

/* === Desktop menu === */
@media (min-width: 1025px) {
  .menu--desktop > li.idd-qa-menu-item > a {
    /* Garde le style des items desktop existants */
  }
  /* Mise en avant du bouton "Ajouter une photo" desktop */
  .menu--desktop > li.idd-qa-menu-item--capture > a {
    background: var(--wp-brand, #B5637A);
    color: #fff !important;
    border-radius: 999px;
    padding: .5rem 1rem !important;
  }
  .menu--desktop > li.idd-qa-menu-item--capture > a:hover {
    background: var(--wp-brand-dark, #9A4F65);
  }
  .menu--desktop > li.idd-qa-menu-item--capture .idd-qa-menu-item__icon {
    background: rgba(255,255,255,.18);
    color: #fff;
  }
}

/* === Mobile (offcanvas) === */
.menu--mobile > li.idd-qa-menu-item {
  /* Met les 2 items en haut avec un fond plus marque */
  background: linear-gradient(135deg,
    color-mix(in srgb, var(--wp-brand, #B5637A) 6%, var(--wp-surface, #FFFFFF)),
    var(--wp-surface, #FFFFFF));
}
.menu--mobile > li.idd-qa-menu-item > a {
  font-weight: 700;
  color: var(--wp-ink, #1D1819);
}
.menu--mobile > li.idd-qa-menu-item--capture {
  background: var(--wp-brand, #B5637A) !important;
  border-color: var(--wp-brand-dark, #9A4F65) !important;
}
.menu--mobile > li.idd-qa-menu-item--capture > a {
  color: #fff !important;
}
.menu--mobile > li.idd-qa-menu-item--capture .idd-qa-menu-item__icon {
  background: rgba(255,255,255,.2);
  color: #fff;
}