/* === Scoped styling for Downloads page === */
#downloads-page h2,
#downloads-page h3,
#downloads-page p,
#downloads-page a,
#downloads-page table,
#downloads-page th,
#downloads-page td { color:#7f3fbf; }

#downloads-page .note{ opacity:.9; font-size:13px; margin-top:-6px; }

#downloads-page .dl-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin:14px 0 24px;
}
#downloads-page .dl-grid.dl-grid-small .dl-img{ aspect-ratio: 5/3; object-fit: contain; background:#111; padding:10px; }

#downloads-page .dl-card{
  display:block;
  background:#0f0f12;
  border:1px solid rgba(255,255,255,.06);
  border-radius:14px;
  padding:10px;
  box-shadow:0 6px 18px rgba(0,0,0,.30);
  transition:transform .15s ease, box-shadow .15s ease;
}
#downloads-page .dl-card:hover{
  transform: translateY(-2px);
  box-shadow:0 10px 24px rgba(0,0,0,.38);
}
#downloads-page .dl-img{
  width:100%;
  height:auto;
  aspect-ratio:1/1;
  border-radius:12px;
  display:block;
}

#downloads-page table.req-table{
  width:100%;
  border-collapse:collapse;
  margin-top:8px;
  font-size:14px;
}
#downloads-page table.req-table th,
#downloads-page table.req-table td{
  border:1px solid rgba(127,63,191,.35);
  padding:8px 10px;
  vertical-align:top;
}
#downloads-page table.req-table th{
  background:rgba(127,63,191,.10);
  font-weight:600;
}

@media (max-width: 680px){
  #downloads-page .dl-grid{ grid-template-columns:1fr; }
}

/* Appended WebShop module specific violet rules */

/* === WebShop module (ws-*) violet overrides ===
   Targets the module's classes so only the shop texts change color.
*/
.ws-wrap, .ws-wrap * {
    color: #7f3fbf !important;
    -webkit-text-fill-color: #7f3fbf !important;
    text-shadow: none !important;
}

/* Specific elements with muted/yellow styles */
.ws-cat-title, .ws-card .price, .ws-card .ws-muted, .ws-muted, .price, 
.ws-box, .ws-box * , .ws-row, .ws-actions, .ws-hint, .ws-chip {
    color: #7f3fbf !important;
}

/* Buttons inside the ws module */
.ws-wrap .btn, .ws-wrap .btn * {
    color: #7f3fbf !important;
}

/* Modal */
.ws-modal, .ws-modal .ws-box, .ws-modal .ws-box * {
    color: #7f3fbf !important;
}

/* Small text */
.ws-wrap small, .ws-wrap .small, .ws-wrap .help-block {
    color: #7f3fbf !important;
}

/* Ensure icons or images unaffected, only text colors targeted */
.ws-wrap img { color: initial !important; }

/* End of WebShop module overrides */