/*
 * Attaya V72 — Arabic project cards and global spacing refinement
 * Loaded last to normalize the public project cards, Attaya Fund spacing,
 * report print action and donation form labels without changing application data.
 */

/* ================================================================
   1. Detailed project cards — balanced Arabic presentation
   ================================================================ */
.attaya-project-list{
  align-items:stretch;
}

.attaya-project-card.is-v72-detailed{
  display:flex;
  flex-direction:column;
  height:100%;
  overflow:visible!important;
  border:1px solid #dfe8e2!important;
  border-radius:22px!important;
  background:#fff;
  box-shadow:0 12px 34px rgba(18,66,48,.09)!important;
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}

.attaya-project-card.is-v72-detailed:hover{
  transform:translateY(-6px);
  border-color:rgba(31,157,97,.28)!important;
  box-shadow:0 22px 52px rgba(18,66,48,.14)!important;
}

.attaya-project-card.is-v72-detailed .attaya-project-media{
  height:268px!important;
  border-radius:22px 22px 0 0;
}

.attaya-project-card.is-v72-detailed .attaya-project-media-frame{
  border-radius:22px 22px 0 0!important;
  background:#edf3ef;
}

.attaya-project-card.is-v72-detailed .attaya-project-media-frame:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(5,38,26,.03),rgba(5,38,26,.13));
}

.attaya-project-card.is-v72-detailed .attaya-project-status{
  top:16px;
  right:auto;
  inset-inline-start:16px;
  padding:8px 13px;
  border:1px solid rgba(255,255,255,.7);
  border-radius:999px;
  background:rgba(255,255,255,.94);
  color:#155f45;
  box-shadow:0 8px 22px rgba(8,50,34,.14);
  font-size:12px;
  font-weight:900;
  backdrop-filter:blur(10px);
}

.attaya-project-card.is-v72-detailed .attaya-project-icon{
  width:62px!important;
  height:62px!important;
  bottom:-31px!important;
  border:5px solid #fff!important;
  box-shadow:0 12px 26px rgba(17,83,58,.22)!important;
}

.attaya-project-card.is-v72-detailed .attaya-project-icon i{
  font-size:23px!important;
}

.attaya-project-card.is-v72-detailed .attaya-project-body{
  display:flex;
  flex:1;
  flex-direction:column;
  padding:44px 20px 20px!important;
  border-radius:0 0 22px 22px!important;
  text-align:center;
}

.attaya-project-card.is-v72-detailed .attaya-project-category{
  margin:0 0 8px;
  color:#1baa72;
  font-size:12px;
  font-weight:900;
  letter-spacing:.01em;
}

.attaya-project-card.is-v72-detailed .attaya-project-body h3{
  min-height:60px;
  margin:0 0 10px;
  color:#143d31;
  font-size:19px;
  font-weight:900;
  line-height:1.6;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.attaya-project-card.is-v72-detailed .attaya-project-body>p{
  min-height:54px;
  margin:0 0 18px;
  color:#728078;
  font-size:13px;
  line-height:1.9;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.attaya-project-card.is-v72-detailed .attaya-project-funding-panel{
  margin-top:auto;
  padding-top:16px;
  border-top:1px solid #edf2ef;
}

.attaya-project-card.is-v72-detailed .project-funding-top,
.attaya-project-card.is-v72-detailed .project-funding-bottom{
  font-size:12px;
  line-height:1.5;
}

.attaya-project-card.is-v72-detailed .project-funding-top strong{
  color:#146b4d;
  font-size:14px;
}

.attaya-project-card.is-v72-detailed .project-progress-gradient{
  height:11px!important;
  margin:11px 0!important;
  background:#e8efeb!important;
}

.attaya-project-card.is-v72-detailed .attaya-card-actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:20px;
}

.attaya-project-card.is-v72-detailed .attaya-card-actions .attaya-btn{
  min-height:56px;
  padding:13px 16px;
  border-radius:15px;
  font-size:16px;
  font-weight:900;
  justify-content:center;
}

.attaya-project-card.is-v72-detailed .attaya-card-actions .attaya-btn.soft{
  border:1px solid #dce7e0;
  background:#f4f8f5;
  color:#1aa873;
}

.attaya-project-card.is-v72-detailed .attaya-card-actions .attaya-btn.soft:hover{
  border-color:#b8d8c8;
  background:#eaf5ee;
  color:#147a57;
}

.attaya-project-card.is-v72-detailed .attaya-card-actions .attaya-btn.primary{
  border:0;
  background:linear-gradient(135deg,#16bd84,#54a92f);
  color:#fff;
  box-shadow:0 12px 25px rgba(25,170,109,.20);
}

.attaya-project-card.is-v72-detailed .attaya-card-actions .attaya-btn.primary:hover{
  background:linear-gradient(135deg,#10aa74,#479927);
  box-shadow:0 15px 30px rgba(25,170,109,.28);
}

/* ================================================================
   2. Attaya Fund — remove the cramped hero overlap
   ================================================================ */
.attaya-fund-page .attaya-content{
  padding-top:0;
}

.attaya-fund-page .attaya-fund-use-grid{
  margin-top:32px!important;
}

.attaya-fund-page .attaya-fund-use-grid .attaya-card{
  min-height:118px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border-radius:20px;
  box-shadow:0 12px 32px rgba(17,67,49,.07);
}

.attaya-fund-page .attaya-fund-policy{
  margin-top:30px!important;
}

/* ================================================================
   3. Public report — clear breathing room for print / PDF action
   ================================================================ */
.attaya-report-print-row{
  display:flex;
  justify-content:flex-start;
  margin-top:30px;
  margin-bottom:10px;
}

.attaya-report-print-btn{
  min-height:52px;
  padding-inline:24px;
  border-radius:14px;
  box-shadow:0 12px 26px rgba(17,160,103,.18);
}

/* ================================================================
   4. Donation forms — consistent label spacing and field rhythm
   ================================================================ */
.attaya-modal-body .attaya-form-grid,
.attaya-inline-donation-form .attaya-form-grid{
  column-gap:16px;
  row-gap:4px;
}

.attaya-modal-body .attaya-form-grid>label,
.attaya-inline-donation-form .attaya-form-grid>label,
.attaya-modal-body .country-phone-field,
.attaya-inline-donation-form .country-phone-field{
  display:grid;
  align-content:start;
  gap:8px;
  margin-top:14px;
}

.attaya-modal-body .attaya-form-grid>label>span,
.attaya-inline-donation-form .attaya-form-grid>label>span,
.attaya-modal-body .country-phone-label,
.attaya-inline-donation-form .country-phone-label{
  display:block;
  min-height:22px;
  margin:0;
  color:#28493e;
  font-size:14px;
  font-weight:800;
  line-height:1.55;
}

.attaya-modal-body .attaya-input,
.attaya-inline-donation-form .attaya-input,
.attaya-modal-body .country-phone-control,
.attaya-inline-donation-form .country-phone-control{
  margin-top:0;
}

.attaya-modal-body .attaya-conversion-preview,
.attaya-inline-donation-form .attaya-conversion-preview{
  margin-top:22px;
  margin-bottom:18px;
}

.attaya-modal-body .attaya-check,
.attaya-inline-donation-form .attaya-check{
  margin-top:16px;
  margin-bottom:14px;
}

.attaya-modal-body>button[type="submit"]{
  margin-top:4px;
}

/* Arabic alignment remains intentional while using logical properties. */
html[dir="rtl"] .attaya-project-card.is-v72-detailed .project-funding-top span:last-child,
html[dir="rtl"] .attaya-project-card.is-v72-detailed .project-funding-bottom span:last-child{
  direction:rtl;
  text-align:left;
}

@media(max-width:900px){
  .attaya-project-card.is-v72-detailed .attaya-project-media{height:245px!important}
  .attaya-fund-page .attaya-fund-use-grid{margin-top:24px!important}
}

@media(max-width:640px){
  .attaya-project-card.is-v72-detailed{border-radius:18px!important}
  .attaya-project-card.is-v72-detailed .attaya-project-media{height:235px!important}
  .attaya-project-card.is-v72-detailed .attaya-project-media-frame{border-radius:18px 18px 0 0!important}
  .attaya-project-card.is-v72-detailed .attaya-project-body{padding:41px 16px 17px!important;border-radius:0 0 18px 18px!important}
  .attaya-project-card.is-v72-detailed .attaya-project-body h3{min-height:0;font-size:18px}
  .attaya-project-card.is-v72-detailed .attaya-project-body>p{min-height:0}
  .attaya-project-card.is-v72-detailed .attaya-card-actions .attaya-btn{min-height:52px;font-size:15px}
  .attaya-fund-page .attaya-fund-use-grid{grid-template-columns:1fr 1fr;margin-top:20px!important;gap:12px}
  .attaya-fund-page .attaya-fund-use-grid .attaya-card{min-height:105px;padding:18px 10px}
  .attaya-report-print-row{margin-top:24px}
  .attaya-report-print-btn{width:100%;justify-content:center}
  .attaya-modal-body .attaya-form-grid>label,
  .attaya-inline-donation-form .attaya-form-grid>label,
  .attaya-modal-body .country-phone-field,
  .attaya-inline-donation-form .country-phone-field{margin-top:11px}
}

@media print{
  .attaya-report-print-row{display:none!important}
}

/* ================================================================
   V72.1 — Stable currency order in RTL
   Arabic rows keep their label on the right while every monetary
   value is isolated as LTR: currency symbol on the visual left,
   followed by the amount, without bidi reordering.
   ================================================================ */
.attaya-money{
  display:inline-flex;
  align-items:baseline;
  gap:.28em;
  direction:ltr!important;
  unicode-bidi:isolate!important;
  white-space:nowrap;
  text-align:left;
}

html[dir="rtl"] .project-funding-top>span,
html[dir="rtl"] .project-funding-bottom>span{
  unicode-bidi:isolate;
}

html[dir="rtl"] .project-funding-top .attaya-money,
html[dir="rtl"] .project-funding-bottom .attaya-money{
  margin-inline-start:.25em;
}