/*
Theme Name:   Purple – Van Life Down Under
Description:  Child theme of Purple for vanlifedownunder.com. Colours, buttons, accordion and block style variations live in theme.json and styles/; the home page is templates/front-page.html. This file only holds the one rule theme.json cannot express.
Template:     purple
Version:      1.3.7
Requires at least: 7.1
Requires PHP: 7.4
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  purple-van-life
*/

/* "Support me" pill in the menu.
   In the editor: select the menu item > Advanced > Additional CSS class(es): menu-support */
.wp-block-navigation .wp-block-navigation-item.menu-support > .wp-block-navigation-item__content {
	padding: 0.6rem 1.25rem;
	border-radius: 999px;
	background-color: var(--wp--preset--color--theme-7);
	color: var(--wp--preset--color--theme-1);
	font-weight: 700;
}

.wp-block-navigation .wp-block-navigation-item.menu-support > .wp-block-navigation-item__content:hover {
	background-color: var(--wp--preset--color--theme-3);
	color: var(--wp--preset--color--theme-1);
	text-decoration: none;
}

/* Every link that is not a button turns teal on hover. */
a:not(.wp-element-button):hover {
	color: var(--wp--preset--color--theme-7);
}

/* Menu links (header and footer) are bold dark purple, set on the menu in theme.json.
   On hover they turn teal and underlined. The repeated class matches the specificity of
   core's own rule that makes menu links inherit their colour. */
.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:hover {
	color: var(--wp--preset--color--theme-7);
	text-decoration: underline;
}

/* Post titles are underlined on hover. */
.wp-block-post-title a:hover {
	text-decoration: underline;
}

/* "Read more" links in the post cards: bold teal, with or without hover. */
.wp-block-post-excerpt .wp-block-post-excerpt__more-link {
	color: var(--wp--preset--color--theme-7);
	font-weight: 700;
	text-decoration: none;
}

.wp-block-post-excerpt .wp-block-post-excerpt__more-link:hover {
	text-decoration: underline;
}

/* Quick answers: questions and links in the answers turn teal on hover. */
.wp-block-accordion .wp-block-accordion-heading__toggle:hover,
.wp-block-accordion .wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title,
.wp-block-accordion .wp-block-accordion-panel a:hover {
	color: var(--wp--preset--color--theme-7);
}

/* "Support me" light button: background goes slightly lighter on hover. */
.wp-block-button.is-style-light .wp-block-button__link:hover {
	background-color: color-mix(in srgb, var(--wp--preset--color--teal-light) 60%, #fff);
	border-color: var(--wp--custom--dark-teal);
	color: var(--wp--custom--dark-teal);
}