/*
Theme Name:   American Expat Finance
Description:  Kadence child theme for americanexpatfinance.net. Edit the source files and rebuild, not in WordPress.
Template:     kadence
Version:      1.0.6
Requires at least: 6.5
Requires PHP: 7.4
Text Domain:  xf-child
*/

/*
 * Site-specific styles. Shared layout lives in assets/base.css.
 *
 * Kadence global palette for this site (Customizer → Colors → Global Palette):
 *   1 #0A3161 navy (links, buttons)      6 #718096
 *   2 #B31942 red (button hover)         7 #DDE3EC
 *   3 #0B1A2E headings                   8 #F4F6FA
 *   4 #1F2A3A body text                  9 #FFFFFF
 *   5 #4A5568 secondary text
 * Fonts (Customizer → General → Typography): headings Source Serif 4, body Public Sans.
 */

:root {
	--xf-red: #B31942;
	--xf-accent: var(--xf-red);              /* "touches of red": card tops, rules */
	--xf-focus: var(--xf-red);
	--xf-hero-bg: var(--global-palette1);   /* navy band */
	--xf-hero-text: var(--global-palette9);
}

/* Thin red bar across the very top of every page. */
#masthead {
	border-top: 4px solid var(--xf-red);
	border-bottom: 1px solid var(--global-palette7);
}

/* Hero: navy band, red rule under the eyebrow, outline button in white. */
.xf-hero .xf-eyebrow {
	color: var(--global-palette9);
	opacity: 0.85;
	display: inline-block;
	padding-bottom: 0.5rem;
	border-bottom: 3px solid var(--xf-red);
}
.xf-hero .wp-block-button__link {
	background: var(--global-palette9);
	color: var(--global-palette1);
}
.xf-hero .wp-block-button__link:hover {
	background: var(--xf-red);
	color: var(--global-palette9);
}
/* .entry-content prefix: Kadence's own outline-button colour rule is
   4 classes deep and would otherwise paint the text navy on navy. */
.entry-content .xf-hero .wp-block-button.is-style-outline .wp-block-button__link {
	background: transparent;
	color: var(--global-palette9);
	border: 2px solid var(--global-palette9);
}
.entry-content .xf-hero .wp-block-button.is-style-outline .wp-block-button__link:hover {
	background: var(--global-palette9);
	color: var(--global-palette1);
}

/* Headings in serif get a touch more weight contrast. */
h1, h2, h3 {
	letter-spacing: -0.01em;
}

/* Contact band: deep navy, red button. */
.xf-contact {
	background: var(--global-palette3);
}
.xf-contact .wp-block-button__link {
	background: var(--xf-red);
}

/* Enquiry form: red button that turns navy on hover, matching the hero buttons. */
.fluentform {
	--xf-form-accent: var(--xf-red);
	--xf-form-accent-hover: var(--global-palette1);
}
.fluentform.fluentform .ff-el-form-control:focus,
.fluentform.fluentform .choices.is-focused .choices__inner {
	border-color: var(--global-palette1);
	box-shadow: 0 0 0 2px var(--global-palette1);
}