/*
Theme Name:		Square House Homes Theme 2026
Theme URI:		https://squarehouseltd.com
Description:	This is a custom theme for Square House Homes Limited extending on Ollie WP.
Author: 		CME Digital
Author URI: 	https://cme.digitial/
Template:		ollie
Version: 		1.0.0
License:		GNU General Public License v2 or later
License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
Tags:         	block-patterns, block-styles, editor-style, full-site-editing, translation-ready, accessible
Text Domain: 	sqsh-theme
*/


.hero-pathway {
    position: relative;
    overflow: hidden;
 /*   background: linear-gradient(135deg, #F4F5D6CC, #F4F5D6CC); */
    background-color: #F4F5D6CC;
    cursor: pointer;
}
.hero-pathway a {
    position: static;
}
/* stretch link over entire tile */
.hero-pathway a::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
}
/* overlay */
.hero-pathway::before {
    content: "";
    position: absolute;
    inset: -50%; /* oversize so diagonal covers cleanly */
    background: linear-gradient(135deg, transparent 40%, #b2b635 60%);
    background: linear-gradient(
        135deg,
        transparent 30%,
        rgba(178, 182, 53, 0.6) 55%,
        rgba(178, 182, 53, 0.9) 75%
    );
    transform: translate(-100%, -100%);
    transition: transform 0.45s cubic-bezier(0.65, 0, 0.35, 1);
}

/* animate in along gradient direction */
.hero-pathway:hover::before {
    transform: translate(0, 0);
}

/* keep content above overlay */
.hero-pathway > * {
    position: relative;
    z-index: 1;
}
/* keep text above overlay for accessibility */
.hero-pathway * {
    position: relative;
    z-index: 2;
}

.hero-cta-cell .wp-block-button__link {
    transition: 
        transform 0.2s ease,
        box-shadow 0.2s ease,
        background-color 0.2s ease;
}

/* hover */
.hero-cta-cell .wp-block-button__link:hover {
    
    box-shadow: 0 10px 20px rgba(0,0,0,0.15);
    background-color: var(--wp--preset--color--primary-alt);
    color: var(--wp--preset--color--dark-brand);
    
}

/* click (pressed) */
.hero-cta-cell .wp-block-button__link:active {
    transform: translateY(0);
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}