/* ========================================================
   COMPREHENSIVE HOVER AND INTERACTION FIXES FOR ALL ELEMENTS
   ======================================================== */

/* Ensure all interactive elements allow pointer events */
a, button, input, select, textarea, [role="button"], [role="link"] {
  pointer-events: auto !important;
  cursor: pointer;
}

/* All links - smooth transitions */
a {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  text-decoration: none;
  position: relative;
}

a:hover {
  text-decoration: none;
}

/* Card elements - hover lift effect */
.card,
.services-card,
.team-card {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.card:hover,
.services-card:hover,
.team-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 24px rgba(199, 58, 58, 0.2);
}

/* Text elements - all have smooth transitions */
h1, h2, h3, h4, h5, h6, p, span {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Buttons - smooth all transitions */
button, .btn, [role="button"],
.btn-md-green, .btn-md-green-secondary, 
.services-card, .popup-submit-btn {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  pointer-events: auto !important;
}

button:hover, .btn:hover, [role="button"]:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}

button:active, .btn:active, [role="button"]:active {
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Section content - smooth transitions */
.section-content, .content-block,
.col, .card-body, .card-text {
  transition: all 0.3s ease;
}

/* Image hover effects */
img {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.img-fluid:hover,
img:hover {
  opacity: 0.95;
}

/* Navigation items */
.nav-link, .navbar-nav .nav-link {
  transition: all 0.3s ease;
  cursor: pointer;
  pointer-events: auto !important;
}

.nav-link:hover, .navbar-nav .nav-link:hover {
  color: #c73a3a !important;
  transform: translateY(-1px);
}

/* Footer links and sections */
.footer-links h5,
.footer-contact h5,
.details-section h1,
.details-section h5,
.details-section h6 {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  pointer-events: auto !important;
}

.footer-links h5:hover,
.footer-contact h5:hover,
.details-section h1:hover,
.details-section h5:hover,
.details-section h6:hover {
  color: #c73a3a !important;
  transform: translateY(-2px);
  text-shadow: 0 4px 12px rgba(199, 58, 58, 0.3);
}

/* Form elements */
.form-control, .form-select, input, select, textarea {
  transition: all 0.3s ease;
  pointer-events: auto !important;
}

.form-control:focus, .form-select:focus, 
input:focus, select:focus, textarea:focus {
  border-color: #c73a3a !important;
  box-shadow: 0 0 0 4px rgba(199, 58, 58, 0.12);
}

/* Social links */
.social-link, .social-links a {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  pointer-events: auto !important;
}

.social-links a:hover {
  transform: scale(1.1) translateY(-3px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

/* Section headings - now interactive */
#service .service-content h2,
#aboutus .aboutus-content h2,
#ourclient .service-content h2,
.section-heading, .content-heading {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  pointer-events: auto !important;
}

#service .service-content h2:hover,
#aboutus .aboutus-content h2:hover,
#ourclient .service-content h2:hover,
.section-heading:hover, .content-heading:hover {
  color: #c73a3a;
  transform: translateX(5px);
}

/* Close buttons and icons */
.close, .btn-close, [role="button"].close {
  cursor: pointer;
  transition: all 0.2s ease;
  pointer-events: auto !important;
}

.close:hover, .btn-close:hover {
  opacity: 0.8;
  transform: scale(1.1);
}

/* Remove any pointer-events blocking on common elements */
.popup-content,
.popup-content *,
.modal-content,
.modal-content *,
.card,
.card *,
button,
button * {
  pointer-events: auto !important;
}

/* Specific element transitions */
.link { transition: all 0.3s ease; }
.link:hover { color: #c73a3a; }

/* Animate on interaction */
@keyframes clickPulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.05); }
  100% { transform: scale(1); }
}

button:active, .btn:active {
  animation: clickPulse 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Enable all interactions on main sections */
.home, .about, .services, .details-section, .footer {
  pointer-events: auto !important;
}

/* Ensure container interactions */
.container, .container-fluid {
  pointer-events: auto !important;
}

/* Row and column interactions */
.row, .col, [class*="col-"] {
  pointer-events: auto !important;
}

/* Wrapper interactions */
.wrapper, .content-wrapper, .section-wrapper {
  pointer-events: auto !important;
}