/* ============================================
APPOINTMENT PAGE - Fix overlapping blocks
============================================ */

/* Ensure grid items don't overlap */
.med-grid-2 {
grid-template-columns: repeat(2, 1fr);
align-items: start;
}

.med-grid-2 > div {
height: auto;
min-height: 0;
}

/* Fix card heights and overflow */
.med-card {
height: auto;
overflow: visible;
}

/* Ensure proper spacing between sections */
.med-section + .med-section {
margin-top: 0;
padding-top: 3rem;
}

/* Fix for info section grid */
section[aria-labelledby="info-heading"] .med-grid-2 {
gap: 2rem;
align-items: stretch;
}

section[aria-labelledby="info-heading"] .med-grid-2 > div {
display: flex;
flex-direction: column;
}

section[aria-labelledby="info-heading"] .med-card {
flex: 1 1 auto;
}

/* Mobile fixes */
@media (max-width: 768px) {
.med-grid-2 {
grid-template-columns: 1fr;
}

section[aria-labelledby="info-heading"] .med-grid-2 > div + div {
margin-top: 2rem;
}
}

/* Ensure alerts don't overflow */
.med-alert {
clear: both;
margin-top: 1rem;
}

/* Fix emergency card */
.med-card-danger {
height: auto;
min-height: 0;
}