/* =========================================================
   AS SALIK TRAVEL V3.8
   - Mission title contrast
   - Clean news cards with top-aligned imagery
   - Saved avatar thumbnail and upload feedback
   - Secure image receipt modal; PDFs remain new-tab previews
   ========================================================= */

:root{
  --v38-wine:#74101e;
  --v38-wine-dark:#4d0711;
  --v38-cream:#fff8ed;
  --v38-line:#eadbd1;
  --v38-overlay:rgba(23,4,8,.86);
}

/* 1. Company mission: force a readable light heading. */
.company-purpose-section-v35 .mission-card-v35 h2,
.pdo-vision-grid-v35 .mission-card-v35 h2{
  color:#fffaf0!important;
  text-shadow:0 2px 16px rgba(20,0,4,.22);
}
.company-purpose-section-v35 .mission-card-v35 p{color:#fff!important}

/* 2-3. News page: no faded card surface or image veil; every image begins at top. */
.news-list-page-v38 .news-card-v38,
.news-list-page-v38 .news-card-v38:hover{
  background:#fff!important;
  background-image:none!important;
  opacity:1!important;
  filter:none!important;
  transform:translateY(0);
}
.news-list-page-v38 .news-card-v38::before,
.news-list-page-v38 .news-card-v38::after,
.news-list-page-v38 .news-card-v38 .news-image::after{
  display:none!important;
  content:none!important;
  background:none!important;
}
.news-list-page-v38 .news-card-v38 .news-image{
  background:#f3ece5;
  overflow:hidden;
}
.news-list-page-v38 .news-card-v38 .news-image img,
.news-card .news-image img,
.pdo-rich-article>img,
.pdo-rich-article .article-cover img{
  width:100%;
  height:100%;
  object-fit:cover!important;
  object-position:center top!important;
  filter:none!important;
  opacity:1!important;
}
.news-list-page-v38 .news-card-v38:hover .news-image img{transform:scale(1.025)}
.news-list-page-v38 .news-content{background:#fff!important}

/* 4. Account avatar area: current saved image beside the file control. */
.profile-account-upload-v38{
  display:grid;
  grid-template-columns:92px minmax(0,1fr);
  gap:16px;
  align-items:center;
}
.profile-account-avatar-v38{
  width:92px;
  height:92px;
  border-radius:24px;
  overflow:hidden;
  display:grid;
  place-items:center;
  background:linear-gradient(145deg,#74101e,#ad2840);
  color:#fff;
  font-size:2rem;
  font-weight:900;
  border:4px solid #fff;
  box-shadow:0 12px 30px rgba(91,7,20,.16);
}
.profile-account-avatar-v38 img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center top;
}
.profile-account-upload-fields-v38{min-width:0}
.profile-account-upload-fields-v38 small{display:block;margin-top:7px;color:#7e6d70;line-height:1.5}
.upload-health-v38{
  margin-top:10px;
  display:flex;
  align-items:flex-start;
  gap:8px;
  color:#705f63;
  font-size:.78rem;
  line-height:1.5;
}
.upload-health-v38 i{color:#a27729;margin-top:2px}

/* 5. Receipt image modal. */
.receipt-modal-v38[hidden]{display:none!important}
.receipt-modal-v38{
  position:fixed;
  inset:0;
  z-index:10050;
  display:grid;
  place-items:center;
  padding:24px;
  background:var(--v38-overlay);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.receipt-modal-dialog-v38{
  width:min(920px,96vw);
  max-height:92vh;
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  overflow:hidden;
  border-radius:24px;
  background:#fff;
  border:1px solid rgba(255,255,255,.35);
  box-shadow:0 28px 90px rgba(0,0,0,.35);
}
.receipt-modal-head-v38{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:15px 18px;
  background:linear-gradient(135deg,#fffaf2,#f7eadc);
  border-bottom:1px solid var(--v38-line);
}
.receipt-modal-title-v38{display:flex;align-items:center;gap:11px;min-width:0}
.receipt-modal-title-v38 span{
  width:42px;height:42px;border-radius:13px;display:grid;place-items:center;
  background:var(--v38-wine);color:#fff;
}
.receipt-modal-title-v38 strong{display:block;color:#351820}
.receipt-modal-title-v38 small{display:block;color:#806e72;margin-top:2px}
.receipt-modal-actions-v38{display:flex;align-items:center;gap:9px}
.receipt-modal-actions-v38 a,
.receipt-modal-actions-v38 button{
  min-width:42px;height:42px;border-radius:12px;border:1px solid #d9c4c6;
  background:#fff;color:var(--v38-wine);display:grid;place-items:center;cursor:pointer;
}
.receipt-modal-actions-v38 a:hover,
.receipt-modal-actions-v38 button:hover{background:var(--v38-wine);color:#fff;border-color:var(--v38-wine)}
.receipt-modal-body-v38{
  min-height:240px;
  overflow:auto;
  display:grid;
  place-items:center;
  padding:18px;
  background:#1f1719;
}
.receipt-modal-body-v38 img{
  display:block;
  max-width:100%;
  max-height:calc(92vh - 105px);
  width:auto;
  height:auto;
  object-fit:contain;
  border-radius:10px;
  background:#fff;
}
body.receipt-modal-open-v38{overflow:hidden}

@media(max-width:720px){
  .profile-account-upload-v38{grid-template-columns:76px minmax(0,1fr)}
  .profile-account-avatar-v38{width:76px;height:76px;border-radius:20px}
  .receipt-modal-v38{padding:10px}
  .receipt-modal-dialog-v38{width:100%;max-height:96vh;border-radius:18px}
  .receipt-modal-head-v38{padding:12px}
  .receipt-modal-title-v38 small{display:none}
  .receipt-modal-body-v38{padding:10px}
}