/* Medical Room Articles plugin — all classes prefixed "mra-" so this
   can't collide with (or be overridden by) your theme or Elementor. */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Manrope:wght@500;600;700;800&display=swap');

.mra-block{
  --mra-paper-raised:#ffffff;
  --mra-blush:#f7dfe1;
  --mra-blush-soft:#fbeeef;
  --mra-blush-line:#eeccce;
  --mra-navy:#1e2749;
  --mra-navy-deep:#141a33;
  --mra-navy-soft:#565f86;
  --mra-rose-deep:#a34864;
  --mra-shadow:0 16px 32px -20px rgba(30,39,73,.28);
  --mra-shadow-hover:0 22px 40px -18px rgba(30,39,73,.38);
  max-width:1220px;
  margin:0 auto;
  padding:0 20px;
  font-family:'Manrope', system-ui, sans-serif;
  color:var(--mra-navy);
}
.mra-block *{box-sizing:border-box;}
.mra-block img{max-width:100% !important;display:block !important;box-shadow:none !important;border-radius:0 !important;border:none !important;}
.mra-block a{color:inherit;}

/* ---------- Filter tabs ----------
   !important throughout this section: on this site, theme/global button
   styles were winning over plain-specificity rules for <button> elements,
   flattening every tab to the same filled red. These force our design. */
.mra-filters{display:flex !important;flex-wrap:wrap !important;gap:10px !important;margin:0 0 32px !important;}
.mra-filter-tab{
  font-family:'Manrope',sans-serif !important;font-size:.85rem !important;font-weight:600 !important;
  padding:9px 18px !important;border-radius:999px !important;
  border:1.5px solid var(--mra-blush-line) !important;
  background:#fff !important;color:var(--mra-navy-soft) !important;cursor:pointer;
  box-shadow:0 10px 24px -16px rgba(30,39,73,.22) !important;
  text-transform:capitalize !important;letter-spacing:normal !important;
  transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.mra-filter-tab:hover{
  transform:translateY(-2px);
  border-color:var(--mra-rose-deep) !important;
  color:var(--mra-rose-deep) !important;
  box-shadow:0 14px 28px -16px rgba(30,39,73,.3) !important;
}
.mra-filter-tab[aria-pressed="true"]{
  background:var(--mra-navy-deep) !important;
  border-color:var(--mra-navy-deep) !important;
  color:#fff !important;
}
.mra-filter-tab[aria-pressed="true"]:hover{color:#fff !important;}

/* ---------- Grid ---------- */
.mra-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:28px;
  margin-bottom:8px;
}
.mra-card{
  display:flex;flex-direction:column;
  background:var(--mra-paper-raised);
  border:1px solid var(--mra-blush-line);
  border-radius:16px;
  overflow:hidden;
  box-shadow:var(--mra-shadow);
  text-decoration:none;
  transition:transform .22s ease, box-shadow .22s ease;
}
.mra-card:hover{transform:translateY(-5px);box-shadow:var(--mra-shadow-hover);}
.mra-card__art{aspect-ratio:16/11 !important;overflow:hidden !important;background:var(--mra-blush-soft);line-height:0;}
.mra-card__art img{
  width:100% !important;height:100% !important;
  max-width:100% !important;max-height:none !important;
  object-fit:cover !important;object-position:center !important;
  display:block !important;margin:0 !important;
  border-radius:0 !important;box-shadow:none !important;border:none !important;
  transition:transform .35s ease;
}
.mra-card:hover .mra-card__art img{transform:scale(1.06);}
.mra-card__body{padding:20px 22px 24px;display:flex;flex-direction:column;flex:1;}
.mra-card h3{
  font-family:'Fraunces', Georgia, serif;font-weight:600;font-size:1.15rem;
  line-height:1.3;margin:0 0 12px;color:var(--mra-navy-deep);
}
.mra-card:hover h3{color:var(--mra-rose-deep);}
.mra-meta{font-size:.78rem;font-weight:600;color:#7a7f96;text-transform:uppercase;letter-spacing:.04em;margin-bottom:14px;}
.mra-read-more{
  margin-top:auto;display:inline-flex;align-items:center;gap:8px;
  font-weight:700;font-size:.85rem;color:var(--mra-navy-deep);
  border-bottom:1.5px solid var(--mra-navy-deep);padding-bottom:2px;width:fit-content;
  transition:color .18s ease, border-color .18s ease, gap .18s ease;
}
.mra-card:hover .mra-read-more{color:var(--mra-rose-deep);border-color:var(--mra-rose-deep);gap:11px;}

/* ---------- Load more ---------- */
.mra-load-more-row{display:flex !important;justify-content:center !important;margin:36px 0 8px !important;}
.mra-load-more{
  font-family:'Manrope',sans-serif !important;font-size:.9rem !important;font-weight:700 !important;
  padding:14px 36px !important;border-radius:999px !important;
  background:var(--mra-navy-deep) !important;color:#fff !important;border:1.5px solid var(--mra-navy-deep) !important;
  cursor:pointer;box-shadow:0 14px 28px -16px rgba(30,39,73,.32) !important;
  text-transform:none !important;letter-spacing:normal !important;
  transition:background .18s ease, transform .18s ease, box-shadow .18s ease;
}
.mra-load-more:hover:not(:disabled){
  background:var(--mra-rose-deep) !important;border-color:var(--mra-rose-deep) !important;
  transform:translateY(-2px);box-shadow:0 18px 32px -16px rgba(163,72,100,.4) !important;
}
.mra-load-more:disabled{opacity:.55 !important;cursor:default;transform:none;}

/* ---------- CTA ---------- */
.mra-cta-wrap{padding:56px 0 8px;}
.mra-cta{
  display:grid;grid-template-columns:1fr 0.85fr;align-items:center;gap:40px;
  background:linear-gradient(135deg,var(--mra-blush) 0%, var(--mra-blush-soft) 100%);
  border:1px solid var(--mra-blush-line);border-radius:24px;
  padding:clamp(28px,5vw,56px);box-shadow:var(--mra-shadow);
}
.mra-cta h2{
  font-family:'Fraunces', Georgia, serif;font-weight:600;
  font-size:clamp(1.5rem,3vw,2.1rem);line-height:1.15;margin:0 0 12px;max-width:14ch;
}
.mra-cta p{color:var(--mra-navy-soft);margin:0 0 22px;max-width:36ch;}
.mra-cta__btn{
  display:inline-flex !important;align-items:center !important;gap:10px !important;
  font-family:'Manrope',sans-serif !important;font-weight:700 !important;font-size:.92rem !important;
  padding:14px 28px !important;border-radius:999px !important;
  background:var(--mra-navy-deep) !important;color:#fff !important;text-decoration:none !important;
  box-shadow:0 10px 24px -16px rgba(30,39,73,.3) !important;
  text-transform:none !important;letter-spacing:normal !important;border:none !important;
  transition:background .18s ease, transform .18s ease;
}
.mra-cta__btn:hover{background:var(--mra-rose-deep) !important;transform:translateY(-2px);color:#fff !important;}
.mra-cta__art{border-radius:18px !important;overflow:hidden !important;box-shadow:var(--mra-shadow) !important;aspect-ratio:4/3.1;line-height:0;}
.mra-cta__art img{
  width:100% !important;height:100% !important;max-height:none !important;
  object-fit:cover !important;display:block !important;margin:0 !important;
  border-radius:0 !important;box-shadow:none !important;border:none !important;
}

@media (max-width:900px){
  .mra-grid{grid-template-columns:repeat(2,1fr);}
  .mra-cta{grid-template-columns:1fr;}
  .mra-cta__art{order:-1;}
}
@media (max-width:600px){
  .mra-grid{grid-template-columns:1fr;}
}