/* =====================================================
   TRUST BAR CLEAN REBUILD
   شريط أيقونات جديد بالكامل من الصفر
===================================================== */
.trust-marquee {
  align-self: end;
  width: min(1280px, calc(100% - 260px));
  margin: 0 auto;
  padding-top: 6px;
  overflow: hidden;
  direction: ltr;
  mask-image: linear-gradient(to right, transparent 0, #000 4%, #000 96%, transparent 100%);
  -webkit-mask-image: linear-gradient(to right, transparent 0, #000 4%, #000 96%, transparent 100%);
}

.trust-marquee__track {
  display: flex;
  align-items: center;
  width: max-content;
  min-width: max-content;
  will-change: transform;
  animation: trust-marquee-loop 28s linear infinite;
}

.trust-marquee__set {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  gap: 30px;
  padding-inline: 15px;
}

.trust-marquee__item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex: 0 0 auto;
  white-space: nowrap;
  direction: rtl;
  color: #ffffff;
  font-size: 14px;
  font-weight: 800;
  line-height: 1;
}

.trust-marquee__icon {
  width: 19px;
  height: 19px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}

.trust-marquee__icon svg {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: #48A054;
  stroke-width: 2.1;
  stroke-linecap: round;
  stroke-linejoin: round;
}

@keyframes trust-marquee-loop {
  from { transform: translateX(-50%); }
  to { transform: translateX(0); }
}

@media (max-width: 1180px) {
  .trust-marquee {
    width: calc(100% - 76px);
  }
}

@media (max-width: 820px) {
  .trust-marquee {
    width: 100%;
    padding-top: 2px;
    mask-image: linear-gradient(to right, transparent 0, #000 2%, #000 98%, transparent 100%);
    -webkit-mask-image: linear-gradient(to right, transparent 0, #000 2%, #000 98%, transparent 100%);
  }

  .trust-marquee__track {
    animation-duration: 22s;
  }

  .trust-marquee__set {
    gap: 22px;
    padding-inline: 10px;
  }

  .trust-marquee__item {
    font-size: 12.5px;
    gap: 8px;
  }

  .trust-marquee__icon {
    width: 17px;
    height: 17px;
  }
}

@media (max-width: 430px) {
  .trust-marquee__track {
    animation-duration: 20s;
  }

  .trust-marquee__set {
    gap: 18px;
    padding-inline: 8px;
  }

  .trust-marquee__item {
    font-size: 12px;
    gap: 7px;
  }

  .trust-marquee__icon {
    width: 16px;
    height: 16px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .trust-marquee__track {
    animation: none;
    transform: translateX(0);
  }
}


/* Remove hero arrows and center dots */
.slider-controls{gap:0 !important;justify-content:center !important;}
.dots{margin:0 !important;}
.arrow{display:none !important;}


/* =====================================================
   DESKTOP TRUST BAR SIZE
   على الكمبيوتر أكبر من الهاتف
===================================================== */
@media (min-width: 992px) {
  .trust-marquee {
    width: min(1120px, calc(100% - 160px)) !important;
    padding-top: 10px !important;
  }

  .trust-marquee__track {
    animation-duration: 30s !important;
  }

  .trust-marquee__set {
    gap: 36px !important;
    padding-inline: 18px !important;
  }

  .trust-marquee__item {
    font-size: 16px !important;
    gap: 11px !important;
    font-weight: 800 !important;
  }

  .trust-marquee__icon {
    width: 22px !important;
    height: 22px !important;
  }
}
/* v41: keep the current primary colour; apply the old payment-gateway button shape only */
:root{
  --payment-old-button-radius:8px;
  --payment-old-button-height:52px;
  --payment-old-button-padding-x:18px;
  --payment-old-chip-height:44px;
}

.btn,
.btn-primary,
.btn-secondary,
.btn-dark,
.btn-light,
.btn-green,
.btn-gold,
.btn-ghost,
.btn-wide,
.btn-small,
.campaign-btn,
.campaign-btn.primary,
.campaign-btn.secondary,
.campaign-btn.inline,
.campaign-actions .campaign-btn,
.campaign-hero__actions .campaign-btn,
.campaign-final-cta__actions .campaign-btn,
.campaign-premium-summary .campaign-btn,
.campaign-premium-cta,
.final-donation-cta__button,
.global-donation-card__button,
.global-donation-modal button[type="submit"],
.campaign-donation-modal button[type="submit"],
[data-donate-submit],
.donate-btn,
.campaign-donate-btn,
.btn-donate,
.pay-btn,
.udhiyah-btn,
.udhiyah-pay-btn,
button.udhiyah-pay-btn,
.well-pay-btn,
.donate-round,
.header-donate,
.donate-top,
.compact-donate,
.split-donate,
.old-donate,
.ti-cta,
.impact-cta,
.campaigns-more__button,
.details-btn,
.status-btn,
.donation-channels__footer .campaign-btn.secondary.inline,
.donation-wizard__next,
.donation-wizard__back,
.campaign-submit,
.admin-btn,
.admin-button,
a.button,
a[role="button"]{
  min-height:var(--payment-old-button-height) !important;
  height:auto !important;
  padding:0 var(--payment-old-button-padding-x) !important;
  border-radius:var(--payment-old-button-radius) !important;
  border-width:1px !important;
  box-shadow:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  font-family:inherit !important;
  font-size:15px !important;
  font-weight:900 !important;
  line-height:1 !important;
  text-align:center !important;
  text-decoration:none !important;
  letter-spacing:0 !important;
  white-space:nowrap !important;
  cursor:pointer !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  overflow:hidden !important;
  transition:border-color .18s ease, background .18s ease, color .18s ease, filter .18s ease, transform .18s ease !important;
}

.btn:hover,
.btn-primary:hover,
.btn-secondary:hover,
.btn-dark:hover,
.btn-light:hover,
.btn-green:hover,
.btn-gold:hover,
.btn-ghost:hover,
.btn-wide:hover,
.btn-small:hover,
.campaign-btn:hover,
.campaign-btn.primary:hover,
.campaign-btn.secondary:hover,
.campaign-btn.inline:hover,
.campaign-actions .campaign-btn:hover,
.campaign-hero__actions .campaign-btn:hover,
.campaign-final-cta__actions .campaign-btn:hover,
.campaign-premium-summary .campaign-btn:hover,
.campaign-premium-cta:hover,
.final-donation-cta__button:hover,
.global-donation-card__button:hover,
.global-donation-modal button[type="submit"]:hover,
.campaign-donation-modal button[type="submit"]:hover,
[data-donate-submit]:hover,
.donate-btn:hover,
.campaign-donate-btn:hover,
.btn-donate:hover,
.pay-btn:hover,
.udhiyah-btn:hover,
.udhiyah-pay-btn:hover,
button.udhiyah-pay-btn:hover,
.well-pay-btn:hover,
.donate-round:hover,
.header-donate:hover,
.donate-top:hover,
.compact-donate:hover,
.split-donate:hover,
.old-donate:hover,
.ti-cta:hover,
.impact-cta:hover,
.campaigns-more__button:hover,
.details-btn:hover,
.status-btn:hover,
.donation-channels__footer .campaign-btn.secondary.inline:hover,
.donation-wizard__next:hover,
.donation-wizard__back:hover,
.campaign-submit:hover,
.admin-btn:hover,
.admin-button:hover,
a.button:hover,
a[role="button"]:hover{
  box-shadow:none !important;
  transform:none !important;
  filter:brightness(1.04) !important;
}

.btn:active,
.btn-primary:active,
.btn-secondary:active,
.btn-dark:active,
.btn-light:active,
.campaign-btn:active,
.final-donation-cta__button:active,
.global-donation-card__button:active,
[data-donate-submit]:active,
.donate-btn:active,
.campaign-donate-btn:active,
.btn-donate:active,
.pay-btn:active,
.udhiyah-pay-btn:active,
.donate-round:active,
.header-donate:active,
.donate-top:active,
a.button:active,
a[role="button"]:active{
  transform:none !important;
  box-shadow:none !important;
}

.btn svg,
.btn-primary svg,
.btn-secondary svg,
.btn-dark svg,
.btn-light svg,
.campaign-btn svg,
.final-donation-cta__button svg,
.global-donation-card__button svg,
[data-donate-submit] svg,
.donate-btn svg,
.campaign-donate-btn svg,
.btn-donate svg,
.pay-btn svg,
.udhiyah-pay-btn svg,
.donate-round svg,
.header-donate svg,
.donate-top svg{
  width:20px !important;
  height:20px !important;
  flex:0 0 auto !important;
}

.btn.full,
.btn-block,
.campaign-btn.full,
.global-donation-modal .campaign-btn.full,
.campaign-donation-modal .campaign-btn.full,
[data-donate-submit].full,
button[data-donate-submit],
.donation-wizard__actions .campaign-submit,
.global-donation-modal button[type="submit"],
.campaign-donation-modal button[type="submit"],
.pay-btn{
  width:100% !important;
}

.amount-btn,
.quick-amount,
.amount-chip,
.campaign-amount,
.campaign-option{
  min-height:var(--payment-old-chip-height) !important;
  border-radius:var(--payment-old-button-radius) !important;
  padding:0 14px !important;
  box-shadow:none !important;
  font-weight:900 !important;
  transition:border-color .18s ease, background .18s ease, color .18s ease, filter .18s ease !important;
}

.amount-btn:hover,
.amount-btn.active,
.quick-amount:hover,
.quick-amount.active,
.amount-chip:hover,
.amount-chip.is-active,
.campaign-amount:hover,
.campaign-amount.is-active,
.campaign-option:hover,
.campaign-option.is-active{
  box-shadow:none !important;
  transform:none !important;
}

@media(max-width:640px){
  .btn,
  .btn-primary,
  .btn-secondary,
  .btn-dark,
  .btn-light,
  .campaign-btn,
  .final-donation-cta__button,
  .global-donation-card__button,
  [data-donate-submit],
  .donate-btn,
  .campaign-donate-btn,
  .btn-donate,
  .pay-btn,
  .udhiyah-pay-btn,
  .well-pay-btn,
  .header-donate,
  .donate-top,
  .campaign-submit{
    width:100% !important;
    white-space:normal !important;
  }
}