
/* Medusa Exams Cards – v1.0.6 */
.medusa-exams-wrapper{
  --medusa-accent: #EF4444;
  --medusa-card-bg: rgba(255,255,255,0.40);
  --medusa-card-bg-hover: #ffffff;
  --medusa-border: rgba(255,255,255,0.60);
  --medusa-icon-box-bg: rgba(255,255,255,0.80);
  --medusa-icon-box-border: #F1F5F9;
  --medusa-icon-color: #CBD5E1;
  --medusa-icon-color-hover: #EF4444;
}

.medusa-exams-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.medusa-exam-card{
  position:relative;
  display:flex;
  flex-direction:column;
  min-height: 100%;
  background: var(--medusa-card-bg);
  border: 1px solid var(--medusa-border);
  transition: all 700ms;
  overflow:hidden;
  text-decoration:none;
}

.medusa-exam-card:hover{
  background: var(--medusa-card-bg-hover);
  box-shadow: 0 40px 100px -20px rgba(0,0,0,0.05);
}

.medusa-accent-bar{
  position:absolute;
  bottom:0;
  left:0;
  height:0%;
  width:2.5px;
  background: var(--medusa-accent);
  transition: all 700ms ease-in-out;
}

.medusa-exam-card:hover .medusa-accent-bar{ height:100%; }

.medusa-card-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  margin-bottom: 2.5rem;
  gap: 1rem;
}

.medusa-exam-iconbox{
  display:flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  background: var(--medusa-icon-box-bg);
  border: 1px solid var(--medusa-icon-box-border);
  color: var(--medusa-icon-color);
  transition: all 700ms;
  flex: 0 0 auto;
}

.medusa-exam-card:hover .medusa-exam-iconbox{
  color: var(--medusa-icon-color-hover);
  border-color: color-mix(in srgb, var(--medusa-accent) 20%, var(--medusa-icon-box-border));
}

/* Ensure SVG + FA icons follow currentColor */
.medusa-exam-icon,
.medusa-cta-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height: 1;
  color: inherit;
}

/* Font Awesome <i> */
.medusa-exam-icon i,
.medusa-cta-icon i{
  color: currentColor !important;
}

/* Elementor often outputs SVG with class .e-font-icon-svg */
.medusa-exam-icon svg,
.medusa-cta-icon svg,
.medusa-exam-icon .e-font-icon-svg,
.medusa-cta-icon .e-font-icon-svg{
  color: currentColor !important;
  fill: currentColor !important;
}

/* Force child shapes to follow currentColor */
.medusa-exam-icon svg *,
.medusa-cta-icon svg *{
  stroke: currentColor !important;
  fill: currentColor !important;
}

/* Keep outline icons compatible */
.medusa-exam-icon svg [fill="none"],
.medusa-cta-icon svg [fill="none"]{
  fill: none !important;
}

.medusa-meta{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: #CBD5E1;
  padding-top: .5rem;
}

.medusa-card-body{ flex: 1 1 auto; }

.medusa-title{
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 1rem 0;
  color: #1A365D;
  transition: color 300ms;
}

.medusa-exam-card:hover .medusa-title{ color:#000; }

.medusa-desc{
  margin:0 0 2.5rem 0;
  font-size:12px;
  line-height:1.6;
  color:#64748B;
  opacity:.8;
  transition: opacity 300ms;
}

.medusa-exam-card:hover .medusa-desc{ opacity:1; }

.medusa-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 1rem;
  padding-top: 1.5rem;
  border-top: 1px solid #F1F5F9;
  opacity:0;
  transition: opacity 500ms;
}

.medusa-exam-card:hover .medusa-footer{ opacity:1; }

.medusa-badge{
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #CBD5E1;
}

.medusa-cta{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--medusa-accent);
}

.medusa-cta-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
