/* 
 * Campus Lane Holdings - Disable Card Hover Movements
 * Stops cards from moving when hovering over them
 */

/* ===========================
   DISABLE ALL CARD MOVEMENTS
   =========================== */

/* Property Cards - NO movement on hover */
.property-card,
.card {
    transition: box-shadow 0.3s ease !important;
    transform: none !important;
}

.property-card:hover,
.card:hover {
    transform: none !important;
    /* Keep only the shadow effect for visual feedback */
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12) !important;
}

/* Disable image zoom effect inside cards */
.property-card:hover .property-image,
.property-card:hover .property-card-image img,
.property-card-image img {
    transform: none !important;
}

/* Keep cards stable - no translateY movements */
.card:hover,
.property-card:hover {
    transform: translateY(0) !important;
}

/* Disable any scale transformations */
.card:hover *,
.property-card:hover * {
    transform: scale(1) !important;
}

/* ===========================
   KEEP SUBTLE VISUAL FEEDBACK
   =========================== */

/* Only allow subtle shadow changes for feedback */
.property-card:hover,
.card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
    cursor: pointer;
}

/* Ensure the top accent line animation still works */
.card::before {
    transition: transform 0.3s ease;
}

.card:hover::before {
    transform: translateX(0);
}

/* ===========================
   BUTTON HOVER - Keep minimal movement
   =========================== */

.btn:hover {
    transform: none !important;
}

/* ===========================
   ENSURE STABILITY ON ALL CARDS
   =========================== */

/* Override any aggressive animations from other stylesheets */
.properties-grid .property-card,
.properties-grid .card,
.card-hover-lift,
.card-hover-scale,
.card-hover-tilt {
    transform: none !important;
}

.properties-grid .property-card:hover,
.properties-grid .card:hover,
.card-hover-lift:hover,
.card-hover-scale:hover,
.card-hover-tilt:hover {
    transform: none !important;
}

/* ===========================
   DISABLE 3D PERSPECTIVE TRANSFORMS
   =========================== */

/* Force all cards to stay flat - no 3D rotations */
.card,
.property-card,
[class*="card"] {
    transform: none !important;
    transform-style: flat !important;
    perspective: none !important;
}

/* Disable on hover completely */
.card:hover,
.property-card:hover,
[class*="card"]:hover {
    transform: none !important;
    perspective: none !important;
}

/* Remove any inline styles that might be added by JavaScript */
.card[style*="perspective"],
.property-card[style*="perspective"],
.card[style*="rotateX"],
.card[style*="rotateY"] {
    transform: none !important;
    perspective: none !important;
}