/* Global */
:root{
  --wdm-accent: #960590;
  --wdm-accent-2: #9a0859;
}

body{
  background:#eceff4;
}

.navbar-wdm{
  background: rgba(150,5,144,0.18);
  backdrop-filter: blur(6px);
}

.brand-badge{
  background: rgba(150,5,144,0.12);
  color: var(--wdm-accent-2);
  border: 1px solid rgba(150,5,144,0.25);
  border-radius: 14px;
  padding: 6px 12px;
  font-weight: 700;
}

/* Print helpers */
@media print{
  .no-print{ display:none !important; }
  body{ background:#fff !important; }
  .container{ max-width: none !important; width:100% !important; }
}

/* Background mode card sizing */
.wrapper2{
  position: relative;
  display: inline-block;
  margin: 2px 0;
}
.wrapper2 img.background{
  width: 230px;
  height: 87px;
  object-fit: cover;
  display:block;
}

.wrapper2 .secret{
  position:absolute;
  top: 24px;
  left: 83px;
  font-family: "NotoSansKufiArabic-Bold", serif;
  font-size: 18px;
  letter-spacing: 3px;
  font-weight: bolder;
  color:#000;
}

.wrapper2 .date{
  position:absolute;
  left: 10px;
  top: 5px;
  font-size: 10px;
  color: rgba(0,0,0,0.35);
}