/* Shared LABBAYK giving components. Data attributes retain the same local
   integration hooks and analytics placement contract in every chapter. */
:root {
  --giving-cta-radius: 999px;
  --giving-cta-padding-x: 22px;
  --giving-cta-gap: 24px;
}
.giving-cta[data-donate][data-amount] {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--giving-cta-gap);
  width: fit-content;
  max-width: 100%;
  min-width: 0;
  min-height: 64px;
  margin: 0;
  padding: 12px var(--giving-cta-padding-x);
  border: 1px solid var(--hdf-blue);
  border-radius: var(--giving-cta-radius);
  background: var(--hdf-blue);
  color: var(--hdf-white);

  text-align: left;

  text-decoration: none;
  box-shadow: none;
  transform: none;
  cursor: pointer;
  pointer-events: auto;
  transition: background-color .16s, border-color .16s, color .16s;
}
.giving-cta[data-donate][data-amount]::before { display: none; }
.site-header:not(.light) .giving-cta[data-donate][data-amount],
.call-promise .giving-cta[data-donate][data-amount],
.makkah-conversion .giving-cta[data-donate][data-amount] {
  border-color: var(--campaign-muted-dark);
}
.giving-cta[data-donate][data-amount] .giving-cta__copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  gap: 3px;
  color: inherit;

  text-align: left;
}
.giving-cta[data-donate][data-amount] .giving-cta__title {
  display: block;

  color: inherit;
  text-align: left;
}
.giving-cta[data-donate][data-amount] .giving-cta__amount {
  display: block;

  color: inherit;
  text-align: left;
}
.giving-cta[data-donate][data-amount] .giving-cta__arrow {
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  color: inherit;
}
.giving-cta[data-donate][data-amount]:hover:not(:disabled) {
  background: var(--action-hover, #205893);
  border-color: var(--action-hover, #205893);
  color: var(--hdf-white);
  text-decoration: none;
  box-shadow: none;
  transform: none;
}
.giving-cta[data-donate][data-amount]:active:not(:disabled) {
  background: var(--action-active, #1C4E83);
  border-color: var(--action-active, #1C4E83);
}
.giving-cta[data-donate][data-amount]:focus-visible {
  outline: 2px solid var(--hdf-yellow);
  outline-offset: 5px;
}
.opportunity .giving-cta[data-donate][data-amount]:focus-visible,
.site-header.light .giving-cta[data-donate][data-amount]:focus-visible {
  outline-color: var(--hdf-blue);
}
.giving-cta[data-donate][data-amount].giving-cta--secondary {
  min-height: 48px;
  padding: 12px 20px;
  gap: 20px;
  color: var(--hdf-blue);
  background: transparent;
  border-color: var(--hdf-blue);
}
.giving-cta[data-donate][data-amount].giving-cta--secondary:hover:not(:disabled) {
  background: rgba(37,100,170,.06);
  color: var(--hdf-blue);
}
.giving-cta[data-donate][data-amount].giving-cta--secondary:active:not(:disabled) {
  background: rgba(37,100,170,.11);
}
.giving-cta[data-donate][data-amount].giving-cta--compact {
  min-height: 44px;
  padding: 10px 16px;
  gap: 12px;
  flex-shrink: 0;
  background: var(--hdf-blue);
  color: var(--hdf-white);
}
.giving-cta[data-donate][data-amount].giving-cta--compact .giving-cta__title {

  white-space: nowrap;
}
.giving-cta[data-donate][data-amount].giving-cta--compact .giving-cta__arrow {
  flex-basis: 16px;
  width: 16px;
  height: 16px;
}
.giving-cta[data-donate][data-amount].giving-cta--compact .sponsor-mobile { display: none; }
.giving-cta[data-donate][data-amount].giving-cta--compact:hover:not(:disabled) { background: var(--action-hover, #205893); }
.giving-cta[data-donate][data-amount].giving-cta--compact:active:not(:disabled) { background: var(--action-active, #1C4E83); }
.editorial-opportunity .giving-actions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 11px;
  width: fit-content;
  max-width: 100%;
}
.giving-cta-status {
  margin-top: 10px;
  max-width: 32ch;

  color: var(--campaign-muted-light, #555);
}
.call-promise .giving-cta-status {
  color: var(--campaign-muted-dark, #BDBDBD);

  margin-top: 10px;
}
.editorial-opportunity .giving-actions + .campaign-state {
  margin: 13px 0 7px;
}
.closing-giving { justify-self: start; }
.editorial-opportunity .editorial-closing .giving-cta-status {

  margin-top: 10px;
  color: var(--campaign-muted-light, #555);
}
@media (max-width: 1000px) {
  .editorial-closing .closing-giving { grid-column: 2; }
}
@media (max-width: 700px) {
  .giving-cta[data-donate][data-amount].giving-cta--compact { padding: 10px 14px; gap: 10px; }
  .giving-cta[data-donate][data-amount].giving-cta--compact .sponsor-desktop { display: none; }
  .giving-cta[data-donate][data-amount].giving-cta--compact .sponsor-mobile { display: block; }
  .editorial-closing .closing-giving { grid-column: 1 / -1; }
}
@media (max-width: 360px) {
  .giving-cta[data-donate][data-amount] { --giving-cta-padding-x: 18px; --giving-cta-gap: 18px; }
  .giving-cta[data-donate][data-amount].giving-cta--secondary { padding-inline: 16px; gap: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .giving-cta[data-donate][data-amount] { transition: none; }
}