/**
Theme Name: Millionleaves
Author: Millionleaves
Author URI: https://millionleaves.co.nz
Description: Made by Brainstorm Force. Enhanced by Millionleaves
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: millionleaves
Template: astra
*/


/* Phone button — [phone_number_button], ml-site-functions mu-plugin.
   Colours come from the Astra global palette, never literal hexes:
   slot 0 = brand, slot 1 = brand hover, slot 5 = text on brand. */
.ml-phone-wrap { display: inline-flex; align-items: center; }
a.ml-phone {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none !important;
	background-color: var(--ast-global-color-0);
	color: var(--ast-global-color-5);
	border-radius: 100px;
	line-height: 1.2;
	transition: background-color .2s ease, color .2s ease;
}
a.ml-phone:hover,
a.ml-phone:focus-visible { background-color: var(--ast-global-color-1); color: var(--ast-global-color-5); }
a.ml-phone:focus-visible { outline: 2px solid var(--ast-global-color-0); outline-offset: 3px; }
a.ml-phone--button { padding: 8px 16px; font-weight: 600; white-space: nowrap; }
a.ml-phone--icon { width: 44px; height: 44px; font-size: 20px; }
.ml-phone-wrap:not(.ml-phone-wrap--icon-only) .ml-phone--icon { display: none; }
@media (max-width: 1024px) {
	.ml-phone-wrap:not(.ml-phone-wrap--icon-only) .ml-phone--button { display: none; }
	.ml-phone-wrap:not(.ml-phone-wrap--icon-only) .ml-phone--icon { display: inline-flex; }
}