/*
Theme Name: Wessex Woodworm
Theme URI: https://www.wessexwoodworm.co.uk
Author: Wessex Woodworm
Description: Custom WordPress theme for Wessex Woodworm — professional insect pest control and woodworm treatment services covering Dorset, Hampshire, and Wiltshire.
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: wessex-woodworm
*/

/******************/
/***** SHARED *****/
/******************/

/*** Checkatrade Hover Effect ***/

.checkatrade-button {
  display: inline-block; /* Required for transform to work properly */
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.checkatrade-button:hover {
  /* Grow: scale(1.05) makes it 5% larger */
  transform: scale(1.05);
}


/*** Hero Size Consistency ***/

.site-hero {
    /* Standardizes the height */
    min-height: 450px; 
    
    /* Ensures the content stays centered vertically */
    display: flex;
    align-items: center;
    justify-content: center;
    
    /* Keeps the relative positioning for your background image */
    position: relative;
    overflow: hidden;
}

/* Optional: Adjust height for mobile if 450px feels too tall */
@media (max-width: 768px) {
    .site-hero {
        min-height: 350px;
    }
}





/******************/
/****** HOME ******/
/******************/

/* The parent container must be relative */
.card-clickable {
  position: relative;
}

.card-clickable:hover {
  background-color: #d4e5ba;
}

/* The magic layer */
.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 50;
  content: "";
  /* Ensures the hand cursor appears over the whole card */
  cursor: pointer;
}

/******************/
/***** CONTACT ****/
/******************/


/*** Checkatrade Hover Effect ***/

/* Add this to your theme's style.css */
.checkatrade-hover {
    transition: transform 0.3s ease, shadow 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
    display: block; /* Ensures the transform works on the image */
}

.checkatrade-hover:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    border-color: rgba(148, 189, 83, 0.4); /* Optional: matches your woodworm green */
}

/* Optional: subtle "pressed" effect when clicked */
.checkatrade-hover:active {
    transform: translateY(-2px) scale(0.98);
}







/* --- FULL WIDTH SEAMLESS STRIP: ISOLATION OVERRIDES --- */

/* 1. Reset the container to force horizontal layout and kill gaps */
.gallery-strip-wrapper .gallery, 
body .gallery-strip-wrapper .gallery {
    display: flex !important;
    flex-wrap: nowrap !important;
    flex-direction: row !important; /* Forces horizontal even if defaults say vertical */
    margin: 0 !important;
	margin-left: 40px !important;
    margin-right: 40px !important;
    padding: 0 !important;
    gap: 0 !important;
    width: 100% !important;
    max-width: none !important;
    overflow-x: auto;
    float: none !important;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.gallery-strip-wrapper .gallery::-webkit-scrollbar {
    display: none;
}

/* 2. Reset the items to force fixed widths and remove padding/margins */
.gallery-strip-wrapper .gallery-item {
    margin: 0 !important;
    padding: 0 !important;
    flex: 0 0 16.666% !important; /* 6 images */
    max-width: 16.666% !important;
    width: 16.666% !important;
    float: none !important;
    box-shadow: none !important; /* Blocks any default shadows */
    border: none !important;
    position: relative !important;
}

/* 3. RESPONSIVE: Tablet & Mobile */
@media (max-width: 1024px) {
    .gallery-strip-wrapper .gallery-item {
        flex: 0 0 33.333% !important;
        max-width: 33.333% !important;
    }
}

@media (max-width: 640px) {
    .gallery-strip-wrapper .gallery-item {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
}

/* 4. BLOCK THE ZOOM OVERLAY: Disable pseudoelements from other galleries */
.gallery-strip-wrapper .gallery-item a::before,
.gallery-strip-wrapper .gallery-item a::after,
.gallery-strip-wrapper .wessex-gallery-link::before,
.gallery-strip-wrapper .wessex-gallery-link::after,
.gallery-strip-wrapper .gallery-link::before,
.gallery-strip-wrapper .gallery-link::after {
    display: none !important;
    content: none !important;
    opacity: 0 !important;
}

/* 5. IMAGE RESET: Kill border radius and scale effects */
.gallery-strip-wrapper .gallery-icon img,
.gallery-strip-wrapper img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 0 !important; /* Blocks the 0.75rem default */
    border: none !important;
    margin: 0 !important;
    transform: none !important; /* Blocks the scale(1.05) effect */
    box-shadow: none !important;
    transition: opacity 0.3s ease !important;
}

/* 6. STRIP HOVER: Simple fade only, no zoom */
.gallery-strip-wrapper img:hover {
    opacity: 0.8 !important;
    transform: none !important;
}

/* 7. CLEANUP: Hide WP generated breaks and extra items */
.gallery-strip-wrapper br,
.gallery-strip-wrapper .gallery-caption {
    display: none !important;
}

.gallery-strip-wrapper .gallery-item:nth-child(n+7) {
    display: none !important;
}