/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/* Import Open Sans font */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap');

/* Apply Open Sans globally to entire theme */
* {
  font-family: 'Open Sans', sans-serif !important;
}

body,
p,
span,
div,
a,
li,
ul,
ol,
td,
th,
input,
textarea,
select,
button,
label {
  font-family: 'Open Sans', sans-serif !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Open Sans', sans-serif !important;
}

/* Ensure header and mega menu use Open Sans */
.header__global,
.header__global *,
.header__mega-menu,
.header__mega-menu * {
  font-family: 'Open Sans', sans-serif !important;
}

/* Remove hover effects from service cards without links */
.service-cards-item:not(.service-cards-link) {
  cursor: default !important;
  pointer-events: none;
}

.service-cards-item:not(.service-cards-link) * {
  pointer-events: none;
}

/* Only cards with links should have hover effects */
.service-cards-item {
  transition: none !important;
}

.service-cards-item.service-cards-link {
  cursor: pointer !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

footer a:hover {text-decoration: none; !important;}