/**
 * Theme Name:        Merley Community Centre Theme
 * Description:       Merley Community Centre Theme (Child of 2025)
 * Version:           1.0.1
 * Author:            Egret Digital
 * Author URI:        https://egret.digital/
 * Text Domain:       merley-theme
 * Domain Path:       /assets/lang
 * Tested up to:      6.8
 * License:           GNU General Public License v2.0 or later
 * License URI:       https://www.gnu.org/licenses/gpl-2.0.html
 * Template:          twentytwentyfive
 */

/* Unset underline on links, prevent header and footer links wrapping */
header a,
footer a {
	text-decoration: none;
	color: inherit;
	white-space: nowrap;
}
footer a {
	font-weight: 400;    
}

footer {
    margin-top: 0 !important;
}

/* Highlight current menu item */
nav {
	.wp-block-navigation-item__content {
		color: var(--wp--preset--color--custom-merley-dark-grey) !important;
	}
	.current-menu-item > a,
	a:hover,
	a:active {
		color: var(--wp--preset--color--custom-merley-light-green) !important;
	}
}


/* Archive pages - core fix for loop images sometimes being wider than containers */
.archive .wp-block-post-featured-image {
	max-width: 100% !important;
}
/* Core fix for list items displayed as flex */
.archive .entry-content li {
	display: list-item;
}


/* Gravityforms styles */
#gform_1 {
	label,
	legend {
    	--gf-local-font-size: var(--wp--preset--font-size--medium);
    }
    
    .gform_button {
    	font-size: var(--wp--preset--font-size--medium);
        font-style: normal;
        font-weight: 700;
        letter-spacing: 0.15em;
        line-height: 1;
        padding-top: var(--wp--preset--spacing--20);
        padding-right: var(--wp--preset--spacing--50);
        padding-bottom: var(--wp--preset--spacing--20);
        padding-left: var(--wp--preset--spacing--50);
        text-transform: uppercase;
        border-radius: 9999px;
        margin: auto;
    }
}


/* Logo slider on homepage - plain image version (not pulling in posts)
.logo-slider {
	overflow: hidden;

	> div {
		display: flex;
		width: fit-content;
		overflow-x: scroll;
		padding-bottom: 1rem;
		max-width: 100%;
	}
	> div::before,
	> div::after {
		content: url('/wp-content/uploads/2025/08/arrow.svg');
		display: flex;
		height: 150px;
		align-items: center;
		width: calc(var(--wp--preset--spacing--40) + 16px);
		padding: 0 8px;
	}
	> div::after {
		transform: rotate(180deg);
	}
	figure {
		display: block;
		flex-shrink: 0;
		width: 150px;
		height: 150px;
		margin: 0 var(--wp--preset--spacing--20);
		border-radius: 50%;
		overflow: hidden;
		border: 2px solid var(--wp--preset--color--custom-merley-light-blue);
	}
	
	  ::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 8px rgba(0,0,0,0.1);
		background-color: var(--wp--preset--color--custom-merley-light-blue);
	  }
	  ::-webkit-scrollbar {
		width: 8px;
		background-color: #F5F5F5;
	  }
	  ::-webkit-scrollbar-thumb {
		background-color: var(--wp--preset--color--custom-merley-light-green);
	  }
}
*/
/* Activities slider on homepage */
.activity-slider {
	overflow: hidden;
	
	ul {
		display: flex;
		width: fit-content;
		overflow-x: scroll;
		padding-bottom: 1rem;
		margin: auto;
	}
	ul::before,
	ul::after {
		content: url('/wp-content/uploads/2025/08/arrow.svg');
		display: flex;
		height: 150px;
		align-items: center;
		width: calc(var(--wp--preset--spacing--40) + 16px);
		padding: 0 8px;
	}
	ul::after {
		transform: rotate(180deg);
	}
	li {
		display: block;
		flex-shrink: 0;
		width: 150px;
		height: 150px;
		margin: 0 var(--wp--preset--spacing--20);
		border-radius: 50%;
		overflow: hidden;
		border: 2px solid var(--wp--preset--color--custom-merley-dark-blue);
		background-color: #fff;
	}
/*	img {
	    object-fit: contain !important;
	}*/

    ::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 8px rgba(0,0,0,0.1);
        background-color: var(--wp--preset--color--custom-merley-light-blue);
    }
    ::-webkit-scrollbar {
        width: 8px;
        background-color: #F5F5F5;
    }
    ::-webkit-scrollbar-thumb {
        background-color: var(--wp--preset--color--custom-merley-light-green);
    }
}


/* Rooms grid on homepage */
.is-layout-grid {
    @media (max-width: 781px) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (max-width: 781px) {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    figcaption {
        padding: 2px 1em;
        margin: 0;
        text-align: center;
        color: white;
        font-weight: 600;
        letter-spacing: 0.1em;
        background-color: var(--wp--preset--color--custom-merley-light-green);
    }
}

/* Images grid on rooms page */
.is-layout-grid.full-height-img {
    img {
        height: 100%;
        object-fit: cover;
    }
}


/* Activities listing */
.activity-list {
    ul {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: var(--wp--preset--spacing--50);
        padding: 0;
        
        @media (max-width: 781px) {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        @media (max-width: 400px) {
            grid-template-columns: repeat(1, minmax(0, 1fr));
        }
    }
    
    li {
        display: inline-block;
        margin: 0;
    }
    
    figure {
        max-width: 100%;
        border: 1px solid var(--wp--preset--color--custom-merley-dark-grey);
        background-color: #fff;
        aspect-ratio: 1 / 1;
        
        a {
            display: flex;   
        }
    }
    
    img {
        object-fit: contain !important;
    }
    
    h2 {
        max-width: 300px;
        margin: 0 auto;
    }
}

/* iframe on bookings page */
iframe {
    border: none;    
}