/**
 * Theme Name:        The Nutrition Vet
 * Description:       The Nutrition Vet (Child of 2025)
 * Version:           1.0.0
 * Author:            Dorset Web Design
 * Author URI:        https://dorsetwebdesign.co/
 * Text Domain:       twentytwentyfive-child-tnv
 * Domain Path:       /assets/lang
 * Tested up to:      6.4
 * License:           GNU General Public License v2.0 or later
 * License URI:       https://www.gnu.org/licenses/gpl-2.0.html
 * Template:          twentytwentyfive
 */

/* Override navigation styles */
.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
	letter-spacing: 0.1em;
	font-size: var(--wp--preset--font-size--large);
}
.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:hover {
    color: var(--wp--preset--color--custom-heading-green);
}


/* Stretch columns to equal height e.g. on homepage */
@media (min-width: 782px) {
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column[style*=flex-basis] {
        align-self: stretch;
    }
}


/* Offset images custom class e.g. on homepage */
.offset-images {
    display: flex;
}
.offset-images .wp-block-columns {
	width: 100%;
}
.offset-images .wp-block-column {
    align-self: flex-start;
}
.offset-images .wp-block-column:first-child {
    align-self: flex-end;
	
	@media screen and (max-width: 782px) {
		margin-right: 1rem;
	}
}
@media only screen and (min-width: 782px) and (max-width: 1153px) {
   .offset-images .wp-block-columns {
	    flex-direction: column-reverse;
    }
    .offset-images .wp-block-column {
		display: flex;
    }
	.offset-images .wp-block-column:last-child {
        justify-content: flex-end;
	}
	.offset-images .wp-block-image {
		max-width: 300px;
	}
}


/* Stretch image to cover full height of column e.g. on homepage */
.cover-image .wp-block-image {
    height: 100%;
}
.cover-image .wp-block-image img {
    object-fit: cover;  
	@media only screen and (min-width: 782px) {
		height: 100%;	
	}
	@media screen and (max-width: 782px) {
		aspect-ratio: 1 / 1;
	}
}

/* Stretch image to cover full width of column e.g. on about page */
.cover-image-col-part img {
	width: 100%;
}


/* Reviews grid on homepage */
.grid-reviews {
    ul {
        max-width: 1360px;
        margin: auto;
    }
	h2 {
		font-size: var(--wp--preset--font-size--small);
		text-transform: none;
		font-weight: 300 !important;
        font-family: var(--wp--preset--font-family--montserrat);
        letter-spacing: normal;
	}
}


/* Social icons bug where size of icons not increased */
.wp-block-social-links .wp-social-link svg {
	width: 3rem;
	height: 3rem;
}
.wp-block-social-links .wp-social-link-tiktok svg {
	width: 2.2rem;
	height: 2.2rem;	
}


/* Override GravityForms styles */
.gform_wrapper {
	--gf-ctrl-btn-color-primary: var(--wp--preset--color--black) !important;
	--gf-ctrl-btn-bg-color-primary: var(--wp--preset--color--custom-logo-green) !important;
	--gf-ctrl-btn-bg-color-hover-primary: var(--wp--preset--color--custom-footer-green) !important;
	--gf-ctrl-btn-font-size: var(--wp--preset--font-size--medium) !important;
	--gf-ctrl-font-size: var(--wp--preset--font-size--medium) !important;
	--gf-ctrl-label-font-size-primary: var(--wp--preset--font-size--medium) !important;
	--gf-ctrl-label-font-size-tertiary: var(--wp--preset--font-size--small) !important;
	--gf-ctrl-color: var(--wp--preset--color--custom-copy-grey) !important;
	--gf-ctrl-border-color: var(--wp--preset--color--custom-boxes-grey) !important;
	--gf-ctrl-bg-color: var(--wp--preset--color--custom-boxes-grey) !important;
	--gf-ctrl-padding-x: 0.7em !important;
	--gf-ctrl-padding-y: 1em !important;
	--gf-form-gap-y: 0.5em !important;
	
	.ginput_counter {
		display: none !important;
	}
	
	.gform_button {
	    background-image: url('/wp-content/uploads/2025/01/paw-3-svgrepo-black.svg') !important;
	    background-repeat: no-repeat !important;
        background-position: 85% !important;
        background-size: 1.5rem !important;
        padding-right: 3rem !important;
    }
}


/* Map in iframe */
iframe {
	max-width: 100% !important;
}


/* Footer text alignment on mobile */
.footer-right > * {
	margin-block-start: 0;
}
@media screen and (max-width: 782px) {
	.footer-right > * {
		text-align: left;
	}
}

/* Override globally set link styles in footer. Match containing paragraph instead */
footer a {
	font-size: inherit;
	text-decoration: inherit;
	color: inherit;
}


/* Resources - Blogs. Put content into 2 columns */
@media (min-width: 781px) {
	.responsive-columns {
		column-count: 2;
		column-gap: var(--wp--preset--spacing--70);
		column-rule: 1px solid var(--wp--preset--color--accent-6);
	}
}

/* Resources (blog) listing page - add breakpoint to wrap to 2 columns */
@media (min-width: 601px) and (max-width: 800px) {
	.columns-3.wp-block-post-template {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.home .columns-3.wp-block-post-template {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}

/* Stretch blog items to full height */
.wp-block-query li > .wp-block-group {
	height: 100%;
}

/* Style categories and tags */
.taxonomy-category,
.taxonomy-post_tag {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	
	a {
		text-decoration: none;
		background-color: #e4e6e4;
		padding: 4px 10px;
		border-radius: 1rem;
		color: var(--wp--preset--color--contrast);
		font-size: var(--wp--preset--font-size--small);	
	}
}
.taxonomy-post_tag > a {
	font-size: var(--wp--preset--font-size--custom-1);
}
.wp-block-post-terms__separator {
	display: none;
}