/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/


html {
    overflow: -moz-scrollbars-vertical; 
    overflow-y: scroll;
}



/* Change the scroll bar width // Scroll bar width */
::-webkit-scrollbar {
width: 10px; 
}

/* Change the background of the scroll bar track // Background color */
::-webkit-scrollbar-track {
background-color: #091E52; 
}

/* Change the background of the scroll bar thumb (the draggable part) /// Thumb color / Corner radius */
::-webkit-scrollbar-thumb {
background-color: #1A3874; 
border-radius: 3px; 
}

/* Change the color and shape of the scroll bar thumb on hover // Hover color */
::-webkit-scrollbar-thumb:hover {
background-color: #FBED21; 
}

/* Change the shape of the scroll bar thumb when it’s in focus // Focus color */
::-webkit-scrollbar-thumb:focus {
background-color: #4D4A3B; 
}

/* ===== CARD CONTAINER ===== */
.haz-parent-sub-services__card {
  transition: all 0.3s ease-in-out;
  position: relative; /* Needed for overlay positioning */
}

.haz-parent-sub-services__card:focus {
  outline: 1px solid #ecd18e; /* Gold focus outline */
}

/* ===== IMAGE CONTAINER ===== */
.haz-parent-sub-services__card-image {
  position: relative;
  overflow: hidden; /* Prevents scaled image from overflowing */
}

/* ===== IMAGE ITSELF ===== */
.haz-parent-sub-services__card-image img {
  transition: transform 0.3s ease-in-out;
}

/* ===== IMAGE OVERLAY (IF APPLICABLE) ===== */
.haz-parent-sub-services__card-image-overlay {
  pointer-events: none; /* Lets hover pass through to image */
  z-index: 1; /* Ensures overlay stays above image */
  
}

/* Image zoom effect */
.haz-parent-sub-services__card:hover .haz-parent-sub-services__card-image img,
.haz-parent-sub-services__card:focus .haz-parent-sub-services__card-image img {
  transform: scale(1.1);
}