/* Fix clickability issues across the website */

/* Ensure all buttons and links are clickable */
button,
a,
input[type="submit"],
input[type="button"],
.btn,
.nav-link,
.dropdown-item {
  cursor: pointer !important;
  pointer-events: auto !important;
  position: relative;
  z-index: 10;
}

/* Fix form elements clickability */
input,
textarea,
select {
  cursor: text !important;
  pointer-events: auto !important;
  position: relative;
  z-index: 10;
}

/* Ensure form labels don't block inputs */
label {
  pointer-events: none;
  cursor: default;
}

/* Fix overlapping elements */
.glassmorphism-card {
  position: relative;
  z-index: 1;
}

/* Ensure navigation elements are always clickable */
.navbar {
  z-index: 1050 !important;
}

.navbar-nav .nav-link,
.navbar-nav .dropdown-toggle,
.navbar-nav .dropdown-item {
  pointer-events: auto !important;
  cursor: pointer !important;
}

/* Fix dropdown menu clickability */
.dropdown-menu {
  z-index: 1051 !important;
  pointer-events: auto !important;
}

.dropdown-menu .dropdown-item {
  pointer-events: auto !important;
  cursor: pointer !important;
}

/* Fix button group clickability */
.btn-group .btn,
.filter-btn,
.gallery-filters .btn {
  pointer-events: auto !important;
  cursor: pointer !important;
  z-index: 10;
}

/* Fix form submit buttons */
form button[type="submit"],
form input[type="submit"],
form .btn {
  pointer-events: auto !important;
  cursor: pointer !important;
  z-index: 100;
}

/* Ensure CTA buttons are clickable */
.cta-btn,
.btn-primary,
.btn-outline-primary {
  pointer-events: auto !important;
  cursor: pointer !important;
  z-index: 10;
}

/* Fix floating shapes not blocking clicks */
.floating-shapes,
.floating-shapes .shape,
.hero-background {
  pointer-events: none !important;
  z-index: 0;
}

/* Ensure hero buttons are clickable */
.hero-buttons .btn {
  pointer-events: auto !important;
  cursor: pointer !important;
  z-index: 100;
}

/* Fix card overlays */
.portfolio-overlay,
.blog-overlay,
.news-overlay {
  pointer-events: none;
}

.portfolio-overlay .btn,
.blog-overlay .btn,
.news-overlay .btn {
  pointer-events: auto !important;
  cursor: pointer !important;
}

/* Fix theme toggle button */
#themeToggle,
.theme-toggle {
  pointer-events: auto !important;
  cursor: pointer !important;
  z-index: 100;
}

/* Ensure all interactive elements in cards are clickable */
.service-card .btn,
.blog-card .btn,
.news-card .btn,
.portfolio-card .btn {
  pointer-events: auto !important;
  cursor: pointer !important;
  z-index: 10;
}

/* Fix search button clickability */
.blog-search button,
.search-form button {
  pointer-events: auto !important;
  cursor: pointer !important;
  z-index: 10;
}

/* Ensure pagination links are clickable */
.pagination .page-link {
  pointer-events: auto !important;
  cursor: pointer !important;
}

/* Fix mobile menu toggle */
.navbar-toggler {
  pointer-events: auto !important;
  cursor: pointer !important;
  z-index: 1052;
}

/* Ensure all anchor tags in content are clickable */
.content a,
.blog-content a,
.news-content a,
article a {
  pointer-events: auto !important;
  cursor: pointer !important;
  position: relative;
  z-index: 10;
}

/* Fix input group buttons */
.input-group .btn,
.input-group button {
  pointer-events: auto !important;
  cursor: pointer !important;
  z-index: 10;
}

/* Ensure breadcrumb links are clickable */
.breadcrumb-item a {
  pointer-events: auto !important;
  cursor: pointer !important;
}

/* Fix social media links */
.social-links a,
.footer-social a {
  pointer-events: auto !important;
  cursor: pointer !important;
  z-index: 10;
}