/**
 * PG Studios - Cursor & Interaction Fixes
 * Ensures proper cursor feedback for interactive elements
 */

/* All clickable elements */
a,
button,
[onclick],
[role="button"],
.cursor-pointer,
.job-card,
.benefit-card,
.project-card,
.clickable {
    cursor: pointer !important;
}

/* Footer links */
footer a,
footer button,
#footer-container a,
#footer-placeholder a {
    cursor: pointer !important;
    transition: color 0.2s ease, transform 0.2s ease;
}

footer a:hover,
#footer-container a:hover,
#footer-placeholder a:hover {
    color: #ef4444 !important;
}

/* Job cards in careers page - ALL elements inside */
.job-card,
.job-card *,
.job-card h3,
.job-card p,
.job-card span,
.job-card div {
    cursor: pointer !important;
}

.job-card {
    transition: all 0.3s ease;
}

.job-card:hover {
    border-color: rgba(239, 68, 68, 0.5) !important;
    transform: translateY(-2px);
    box-shadow: 0 10px 40px rgba(239, 68, 68, 0.1);
}

/* Social media icons */
footer .rounded-full,
#footer-container .rounded-full,
#footer-placeholder .rounded-full {
    cursor: pointer !important;
}

/* Navigation links */
nav a,
header a,
#header-container a {
    cursor: pointer !important;
}

/* Form elements */
input,
select,
textarea,
button[type="submit"] {
    cursor: pointer;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
textarea {
    cursor: text;
}

input[type="file"] {
    cursor: pointer !important;
}

/* Dropdown select */
select {
    cursor: pointer !important;
}

/* Modal close buttons */
.modal-overlay,
[onclick*="close"] {
    cursor: pointer !important;
}

/* Cards and clickable containers */
[onclick]:not(input):not(textarea) {
    cursor: pointer !important;
}

/* Hover states for interactive elements */
.hover\:border-red-500\/30:hover,
.hover\:bg-red-600:hover,
.hover\:text-red-500:hover {
    cursor: pointer !important;
}

/* Language toggle */
#lang-toggle,
.lang-toggle,
[id*="lang"] {
    cursor: pointer !important;
}

/* Video containers */
.video-container,
.plyr,
.plyr__control {
    cursor: pointer !important;
}

/* Gallery items */
.gallery-item,
.gallery-image,
[data-lightbox] {
    cursor: pointer !important;
}

/* Apply button in job modal */
#modal-apply-btn,
.apply-btn {
    cursor: pointer !important;
}

/* Ensure disabled elements show not-allowed cursor */
button:disabled,
input:disabled,
select:disabled,
textarea:disabled,
.disabled {
    cursor: not-allowed !important;
    opacity: 0.6;
}