/**
 * Mobile Link Fix
 *
 * Ensures that on mobile devices, links in the Immediate Deployment Inventory section
 * are only activated when the user presses the "Request Specifications" button.
 */

/* Desktop-only and mobile-only elements */
.desktop-only-link {
    display: none;
}

.mobile-only {
    display: none;
}

/* Desktop styles - ensure everything is clickable on desktop */
@media (min-width: 769px) {
    .mobile-click-blocker {
        display: none !important; /* Hide the click blocker on desktop */
    }

    .sc-vehicle-card {
        pointer-events: auto !important; /* Ensure the card is clickable */
    }

    .sc-vehicle-title a,
    .sc-image-link,
    .sc-vehicle-cta .btn {
        cursor: pointer;
        pointer-events: auto !important;
    }

    /* Show desktop-only elements */
    .desktop-only-link {
        display: block;
    }

    /* Hide mobile-only elements */
    .mobile-only {
        display: none;
    }
}

/* Mobile-specific display rules */
@media (max-width: 768px) {
    /* Hide desktop-only elements */
    .desktop-only-link {
        display: none;
    }

    /* Show mobile-only elements */
    .mobile-only {
        display: block;
    }
}

/* Make the entire vehicle card non-clickable on mobile */
@media (max-width: 768px) {
    /* Mobile click blocker overlay */
    .mobile-click-blocker {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 50;
        background-color: transparent;
        pointer-events: auto;
    }

    /* Prevent the entire card from being clickable */
    .sc-vehicle-card {
        position: relative;
        pointer-events: none !important;
    }

    /* But make the CTA button clickable */
    .sc-vehicle-cta,
    .sc-vehicle-cta .btn,
    .sc-vehicle-cta a {
        pointer-events: auto !important;
        position: relative;
        z-index: 100;
    }

    /* Enhance the CTA button to make it more noticeable */
    .sc-vehicle-cta .btn {
        background: linear-gradient(135deg, rgba(212, 169, 104, 0.2) 0%, rgba(212, 169, 104, 0.1) 100%);
        border: 1px solid rgba(212, 169, 104, 0.4);
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(212, 169, 104, 0.2);
        padding: 10px 16px;
        transform: scale(1.05);
    }

    /* Add a pulse animation to draw attention to the button */
    @keyframes pulse-button {
        0% {
            box-shadow: 0 0 0 0 rgba(212, 169, 104, 0.6);
        }
        70% {
            box-shadow: 0 0 0 10px rgba(212, 169, 104, 0);
        }
        100% {
            box-shadow: 0 0 0 0 rgba(212, 169, 104, 0);
        }
    }

    .sc-vehicle-cta .btn {
        animation: pulse-button 2s infinite;
    }

    /* No "tap here" indicator as requested */
}