/* ============================================
   FIX: Contact Page Quick Contact Buttons
   ============================================ */

/* Fix button text display in contact cards */
.contact-grid .card .btn,
.section .card .btn {
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
    padding: 0.875rem 1.5rem !important;
    font-size: 0.95rem !important;
    min-height: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.5rem !important;
}

/* Ensure icon and text are visible */
.contact-grid .card .btn i,
.section .card .btn i {
    flex-shrink: 0 !important;
}

.contact-grid .card .btn span,
.section .card .btn span {
    display: inline !important;
}

/* Fix for "Quick Contact Options" section specifically */
.section .grid-4 .card.text-center .btn {
    width: auto !important;
    min-width: 180px !important;
    padding: 1rem 2rem !important;
}

/* Ensure card height accommodates button */
.section .grid-4 .card.text-center {
    min-height: 320px !important;
    padding: 2rem 1.5rem !important;
}

/* Icon container in contact cards */
.section .grid-4 .card.text-center>div:first-child {
    margin-bottom: 1.5rem !important;
}

/* Heading in contact cards */
.section .grid-4 .card.text-center h3 {
    min-height: auto !important;
    max-height: none !important;
    height: auto !important;
    margin-bottom: 0.75rem !important;
}

/* Description in contact cards */
.section .grid-4 .card.text-center p {
    min-height: auto !important;
    max-height: none !important;
    height: auto !important;
    margin-bottom: 1.5rem !important;
    -webkit-line-clamp: unset !important;
}

/* Button positioning */
.section .grid-4 .card.text-center .mt-sm {
    margin-top: auto !important;
}