/* =========================================================
   Speakers Page — Card Link & Hover Styles
   ========================================================= */

/* Make the anchor-tag card behave like a block (no underline, inherit text color) */
a.card--speaker {
    text-decoration: none;
    color: inherit;
    display: block;
    cursor: pointer;
}

/* Hover: lift + emerald glow */
.card--speaker:hover {
    transform: translateY(-8px);
    box-shadow: 0 0 25px rgba(0, 255, 179, 0.3);
    border-color: rgba(0, 255, 179, 0.4);
}

/* =========================================================
   Company Logo
   ========================================================= */

.company-logo {
    margin-top: 12px;
    display: flex;
    align-items: center;
}

.company-logo img {
    height: 28px;
    width: auto;
    object-fit: contain;
    margin-top: 10px;
    opacity: 0.95;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

/* Hover effect on logo when card is hovered */
.speaker-card:hover .company-logo img {
    transform: scale(1.05);
    opacity: 1;
}

/* =========================================================
   Responsive — Mobile
   ========================================================= */

@media (max-width: 600px) {
    .company-logo img {
        height: 24px;
    }
}