/*
Theme Name: Avada Child
Description: Child theme for Avada theme — The Village by Cybernetic Shield
Author: ThemeFusion / Diskman / Pixel Mint
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.1.0
Text Domain:  Avada
*/

/* =========================================================================
   The Village design tokens (Stage 1, 22 Sep 2026)
   Colours come ONLY from Avada Global Color slots (--awb-color1 … --awb-color10):
     1 White · 2 Ice blue · 3 Dusky blue · 4 Village green · 5 Village navy
     6 CS green · 7 Emergency red (helpline only) · 8 Ink · 9 Village grey · 10 Almost white
   Never write a hex value in this file. Use var(--awb-colorN) or the tokens below.
   ========================================================================= */
:root {
	/* Corner radii — "small on interactive chrome, generous on containers, nothing is a capsule" */
	--village-radius-button:   6px;
	--village-radius-input:    6px;
	--village-radius-badge:    6px;
	--village-radius-tag:      4px;
	--village-radius-checkbox: 2px;
	--village-radius-card:     16px;
	--village-radius-image:    16px;

	/* Borders are hairline and translucent: 15% ink on light schemes, 20% white on dark */
	--village-hairline:         hsla(var(--awb-color8-h), var(--awb-color8-s), var(--awb-color8-l), 0.15);
	--village-hairline-on-dark: hsla(var(--awb-color1-h), var(--awb-color1-s), var(--awb-color1-l), 0.20);
	--village-ink-5:            hsla(var(--awb-color8-h), var(--awb-color8-s), var(--awb-color8-l), 0.05);
	--village-scrim:            hsla(var(--awb-color8-h), var(--awb-color8-s), var(--awb-color8-l), 0.50);

	/* Section rhythm: padding-inline 5%, padding-block 48 → 72 → 112, content capped at 80rem */
	--village-section-pad-s: 48px;
	--village-section-pad-m: 72px;
	--village-section-pad-l: 112px;
	--village-content-max:   80rem;

	/* Motion: hover darkens or lightens one shade over 200ms */
	--village-hover-ms: 200ms;
}

/* No shadows anywhere — depth is flat colour layering */
.fusion-body .fusion-button,
.fusion-body .fusion-post-card,
.fusion-body .fusion-layout-column,
.fusion-body .fusion-form-field input,
.fusion-body .fusion-form-field textarea,
.fusion-body .fusion-form-field select {
	box-shadow: none;
}

.fusion-body .fusion-button {
	transition: background-color var(--village-hover-ms) ease, border-color var(--village-hover-ms) ease, color var(--village-hover-ms) ease;
}

/* Photography sits full-bleed inside a 16px-radius container */
.fusion-body .fusion-post-card .fusion-image-element img,
.fusion-body .village-image-rounded img {
	border-radius: var(--village-radius-image);
}

/* Utility: secondary (outline) button — white fill, navy text, hairline border.
   Apply the class "village-btn-secondary" to an Avada Button element.
   Avada buttons read their colours from these custom properties, so override the properties, not the rules. */
.fusion-body .fusion-button.village-btn-secondary {
	--button_gradient_top_color:          var(--awb-color1);
	--button_gradient_bottom_color:       var(--awb-color1);
	--button_gradient_top_color_hover:    var(--awb-color9);
	--button_gradient_bottom_color_hover: var(--awb-color9);
	--button_accent_color:                var(--awb-color5);
	--button_accent_hover_color:          var(--awb-color5);
	--button_border_color:                var(--village-hairline);
	--button_border_hover_color:          var(--awb-color5);
}

/* Utility: helpline button — the ONE emergency-red object allowed per view.
   Apply the class "village-btn-helpline" to an Avada Button element. */
.fusion-body .fusion-button.village-btn-helpline {
	--button_gradient_top_color:          var(--awb-color7);
	--button_gradient_bottom_color:       var(--awb-color7);
	--button_gradient_top_color_hover:    hsla(var(--awb-color7-h), var(--awb-color7-s), calc(var(--awb-color7-l) - 8%), 1);
	--button_gradient_bottom_color_hover: hsla(var(--awb-color7-h), var(--awb-color7-s), calc(var(--awb-color7-l) - 8%), 1);
	--button_accent_color:                var(--awb-color1);
	--button_accent_hover_color:          var(--awb-color1);
	--button_border_color:                var(--awb-color7);
	--button_border_hover_color:          hsla(var(--awb-color7-h), var(--awb-color7-s), calc(var(--awb-color7-l) - 8%), 1);
}

/* Utility: badge and tag chips (used by Post Cards and filter chips in Stage 3) */
.village-badge,
.village-tag {
	display: inline-block;
	font-family: var(--awb-typography5-font-family);
	font-size: var(--awb-typography5-font-size);
	font-weight: 700;
	line-height: 1;
	padding: 6px 10px;
	background: var(--village-ink-5);
	border: 1px solid var(--village-hairline);
	color: var(--awb-color8);
}
.village-badge { border-radius: var(--village-radius-badge); }
.village-tag   { border-radius: var(--village-radius-tag); }