/* ====== Donation Methods ====== */

.donate-methods .sec-title-two h2{
  position:relative;
  display:inline-block;
  padding-bottom:6px;
}

.donate-methods .sec-title-two h2::after{
  content:'';
  position:absolute;
  bottom:0;
  right:50%;
  transform:translateX(50%);
  width:80px;
  height:3px;
  border-radius:var(--radius-pill);
  background:var(--brand-blue);
}

.donate-methods .highlight-text{
  color:var(--brand-blue);
  font-weight:600;
}

.donate-methods .featured-block{
  display:flex;
}

.donate-methods .featured-block > .inner-box{
  display:flex;
  flex-direction:column;
  width:100%;
  height:100%;
  transition:transform .15s ease, box-shadow .15s ease;
}

.donate-methods .featured-block > .inner-box:hover{
  transform:translateY(-3px);
  box-shadow:var(--shadow-hover);
}

.donate-methods .content{
  position:relative;
  display:flex;
  flex-direction:column;
  flex:1;
  text-align:center;
  padding-bottom:18px;
}

.donate-methods h3{
  font-size:1.2rem;
  margin-bottom:12px;
  color:var(--text);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}

.donate-methods .icon-accent{
  color:var(--brand-blue);
  font-size:1.3rem;
}

.donate-methods .text{
  color:var(--muted);
}

.donate-methods .text strong,
.donate-methods .phone-accent{
  color:var(--brand-blue);
  font-weight:700;
}

.donate-methods .text a{
  color:var(--brand-blue);
  text-decoration:underline;
  text-decoration-style:dotted;
}

.donate-methods .text a:hover{
  text-decoration-style:solid;
}

/* ====== Copy Button ====== */

.donate-methods .paw-copy{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:56px;
  height:56px;
  margin:0 auto;
  margin-top:auto;
  border:1px solid var(--muted);
  border-radius:50%;
  cursor:pointer;
  font-size:24px;
  background:var(--card);
  box-shadow:var(--shadow-soft);
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease, color .15s ease;
}

.donate-methods .paw-copy:hover{
  transform:translateY(-2px);
  box-shadow:var(--shadow-hover);
  border-color:var(--brand-blue);
}

.donate-methods .paw-copy.copied{
  color:var(--brand-blue);
  border-color:#15803d;
}

.donate-methods .paw-copy.copied::after{
  content:'تم النسخ';
  position:absolute;
  bottom:calc(100% + 10px);
  right:50%;
  transform:translateX(50%);
  background:var(--brand-blue);
  color:#fff;
  font-size:12px;
  padding:4px 8px;
  border-radius:var(--radius-sm);
  box-shadow:0 6px 14px rgba(2,6,23,.12);
  white-space:nowrap;
  animation:donate-toast-in .18s ease-out;
}

@keyframes donate-toast-in{
  from{ opacity:0; transform:translateX(50%) translateY(4px); }
  to{ opacity:1; transform:translateX(50%) translateY(0); }
}

/* ====== Shared Section Spacing ====== */

.donation-purpose-section,
.donation-impact-section,
.donation-confirmation-section,
.faq-section{
  padding:60px 0;
}

@media (max-width: 991px){
  .donation-purpose-section,
  .donation-impact-section,
  .donation-confirmation-section,
  .faq-section{
    padding:40px 0;
  }
}

/* ====== Donation Purpose Section ====== */

.donation-purpose-section{
  background:var(--bg);
}

.donation-purpose-section .sec-title-two{
  margin-bottom:32px;
}

.donation-purpose-section .sec-title-two h2{
  font-size:2rem;
  font-weight:700;
  color:var(--text);
  margin-bottom:12px;
}

.donation-purpose-section .sec-title-two .text{
  font-size:1rem;
  color:var(--muted);
}

@media (max-width: 991px){
  .donation-purpose-section .sec-title-two{
    margin-bottom:24px;
  }

  .donation-purpose-section .sec-title-two h2{
    font-size:1.5rem;
  }
}

.donation-purpose-section .row{
  margin-top:16px;
}

@media (min-width: 992px){
  .donation-purpose-section .row{
    margin-top:24px;
  }
}

.donation-purpose-section .col-lg-4,
.donation-purpose-section .col-md-6,
.donation-purpose-section .col-sm-12{
  margin-bottom:16px;
}

.donation-purpose-section .featured-block.purpose-card{
  height:100%;
  margin-bottom:16px;
  transition:all .3s ease;
  position:relative;
}

.donation-purpose-section .featured-block.purpose-card .inner-box{
  position:relative;
  background:linear-gradient(180deg, var(--card) 0%, #fbfdff 100%);
  border-radius:18px;
  padding:20px 24px 16px;
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  box-shadow:var(--shadow-soft);
  border:1px solid var(--border);
  transition:all .3s ease;
  overflow:hidden;
}

.donation-purpose-section .featured-block.purpose-card:hover{
  transform:translateY(-4px);
}

.donation-purpose-section .featured-block.purpose-card .inner-box:hover{
  box-shadow:var(--shadow-hover);
  border-color:var(--brand-blue);
}

.donation-purpose-section .featured-block.purpose-card .icon-box{
  position:absolute;
  top:16px;
  right:16px;
  width:48px;
  height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--card);
  border-radius:var(--radius-sm);
  box-shadow:0 4px 12px rgba(1,146,220,.12);
  transition:all .3s ease;
  z-index:2;
}

.donation-purpose-section .featured-block.purpose-card .icon-box .icon{
  font-size:1.125rem;
  color:var(--brand-blue);
  transition:all .3s ease;
}

.donation-purpose-section .featured-block.purpose-card h3{
  font-size:1.25rem;
  font-weight:700;
  color:var(--text);
  margin:32px 0 8px 0;
  padding-right:48px;
  line-height:1.3;
  text-align:center;
  transition:color .2s ease;
}

.donation-purpose-section .featured-block.purpose-card .text{
  color:var(--muted);
  font-size:.875rem;
  line-height:1.5;
  margin-bottom:8px;
  flex-grow:1;
  text-align:center;
}

.donation-purpose-section .featured-block.purpose-card .badge-container{
  margin-top:12px;
  margin-bottom:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}

.donation-purpose-section .featured-block.purpose-card .purpose-badge{
  display:inline-block;
  padding:4px 10px;
  border-radius:var(--radius-sm);
  font-size:.75rem;
  font-weight:400;
  background:transparent;
  color:var(--muted);
  border:1px solid var(--border);
  white-space:nowrap;
  box-shadow:none;
  cursor:default;
  pointer-events:none;
  opacity:.7;
}

.donation-purpose-section .select-purpose-btn{
  width:100%;
  padding:14px 24px;
  font-size:1rem;
  font-weight:600;
  background:var(--brand-blue);
  color:#fff;
  border:none;
  border-radius:var(--radius-pill);
  text-align:center;
  transition:all .3s ease;
  cursor:pointer;
  display:inline-block;
  box-shadow:0 2px 8px rgba(1,146,220,.2);
  text-decoration:none;
}

.donation-purpose-section .select-purpose-btn:hover{
  background:var(--brand-blue-dark);
  transform:translateY(-2px);
  box-shadow:0 4px 12px rgba(1,146,220,.3);
  color:#fff;
  text-decoration:none;
}

.donation-purpose-section .select-purpose-btn:focus{
  outline:2px solid var(--brand-blue);
  outline-offset:2px;
}

/* ====== Donation Impact Section ====== */

.donation-impact-section{
  background:var(--bg);
}

.donation-impact-section .impact-item,
.impact-item-compact{
  background:var(--card);
  border:1px solid var(--border-soft);
  border-radius:var(--radius-sm);
  transition:all .3s ease;
}

.donation-impact-section .impact-item{
  padding:30px 20px;
  height:100%;
}

.donation-impact-section .impact-item:hover,
.impact-item-compact:hover{
  transform:translateY(-4px);
  border-color:var(--brand-blue);
  box-shadow:var(--shadow-hover);
}

.donation-impact-section .impact-icon{
  width:70px;
  height:70px;
  margin:0 auto 20px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f0f8ff;
  border-radius:50%;
  transition:all .25s ease-in-out;
}

.donation-impact-section .impact-icon i{
  font-size:32px;
  color:var(--brand-blue);
}

.donation-impact-section .impact-item:hover .impact-icon{
  background:var(--brand-blue);
  transform:scale(1.1);
}

.donation-impact-section .impact-item:hover .impact-icon i{
  color:#fff;
}

.donation-impact-section .impact-item h4{
  font-size:20px;
  font-weight:700;
  color:var(--text);
  margin-bottom:10px;
}

.donation-impact-section .impact-item p,
.impact-item-compact p{
  color:var(--muted);
  line-height:1.6;
  margin:0;
}

.impact-item-compact{
  padding:24px 20px;
}

.impact-icon-small{
  font-size:2rem;
  color:var(--brand-blue);
  margin-bottom:12px;
  display:block;
}

/* ====== Donation Confirmation Section ====== */

.donation-confirmation-section{
  background:var(--card);
}

.donation-confirmation-section .confirmation-form-container,
.confirmation-form-container{
  background:var(--card);
  border:1px solid var(--border-soft);
  border-radius:var(--radius-md);
  padding:32px;
  box-shadow:var(--shadow-soft);
}

@media (max-width: 767px){
  .donation-confirmation-section .confirmation-form-container,
  .confirmation-form-container{
    padding:24px 16px;
  }
}

.donation-confirmation-section .form-group label{
  font-weight:600;
  color:var(--text);
  margin-bottom:8px;
  display:block;
}

.donation-confirmation-section .form-control{
  border-radius:var(--radius-sm);
  border:1px solid var(--border);
  padding:10px 15px;
  height:45px;
  transition:all .3s ease;
  background:var(--card);
  color:var(--text);
}

.donation-confirmation-section .form-control:focus{
  border-color:var(--brand-blue);
  box-shadow:0 0 0 3px rgba(1,146,220,.1);
  outline:none;
}

.donation-confirmation-section textarea.form-control{
  height:auto;
  min-height:100px;
  resize:vertical;
}

.donation-confirmation-section .btn-style-one{
  padding:14px 32px;
  font-size:16px;
  font-weight:600;
  border-radius:var(--radius-pill);
}

.donation-confirmation-section .btn-style-one i{
  margin-left:8px;
}