/*
Theme Name:   British Expat Finance
Description:  Kadence child theme for britishexpatfinance.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.
 *
 * GOV.UK's colour palette — clean, high-contrast, white background — without
 * its crown, typeface or header bar, so the site never reads as official.
 *
 * Kadence global palette for this site (Customizer → Colors → Global Palette):
 *   1 #1D70B8 blue (links, buttons)      6 #6F777B
 *   2 #003078 dark blue (hover)          7 #B1B4B6
 *   3 #0B0C0C headings                   8 #F3F2F1
 *   4 #0B0C0C body text                  9 #FFFFFF
 *   5 #505A5F secondary text
 * Fonts (Customizer → General → Typography): Source Sans 3 for headings and body.
 */

:root {
	--xf-yellow: #FFDD00;                    /* GOV.UK-style focus colour */
	--xf-accent: var(--global-palette1);
	--xf-hero-bg: var(--global-palette9);
	--xf-hero-text: var(--global-palette3);
	--xf-radius: 0;                          /* square corners, like GOV.UK */
}

/* Blue rule under a white header. */
#masthead {
	border-bottom: 5px solid var(--global-palette1);
}

/* Hero: white, heavy black headline, blue bar beside the lead text. */
.xf-hero {
	border-bottom: 1px solid var(--global-palette7);
}
.xf-hero h1 {
	font-weight: 700;
}
.xf-hero .xf-lead {
	border-left: 5px solid var(--global-palette1);
	padding-left: 1.25rem;
}
.entry-content .xf-hero .wp-block-button.is-style-outline .wp-block-button__link {
	background: var(--global-palette9);
	color: var(--global-palette1);
	border: 2px solid var(--global-palette1);
}

/* Square, solid buttons with a dark bottom edge. */
.wp-block-button__link {
	border-radius: 0;
	box-shadow: 0 2px 0 var(--global-palette2);
	font-weight: 600;
}

/* Focus: yellow highlight with a black underline — very visible for keyboard users. */
:focus-visible {
	outline: 3px solid transparent;
	background-color: var(--xf-yellow);
	color: var(--global-palette3);
	box-shadow: 0 -2px var(--xf-yellow), 0 4px var(--global-palette3);
	text-decoration: none;
}
.wp-block-button__link:focus-visible {
	background-color: var(--xf-yellow);
	color: var(--global-palette3);
	box-shadow: 0 2px 0 var(--global-palette3);
}

/* Links: GOV.UK-style visited colour. */
.entry-content a:not(.wp-block-button__link):visited {
	color: #4C2C92;
}

/* Cards: grey top border by default, blue on hover — calmer than a solid accent. */
.xf-card {
	border-top-color: var(--global-palette7);
}
.xf-card:hover {
	border-top-color: var(--global-palette1);
	box-shadow: none;
}

/* Enquiry form: GOV.UK-style — square fields with a dark border, yellow focus,
   blue button with a dark bottom edge. */
.fluentform.fluentform .ff-el-form-control,
.fluentform.fluentform .choices__inner {
	border: 2px solid var(--global-palette3);
}
.fluentform.fluentform .ff-el-form-control:focus,
.fluentform.fluentform .choices.is-focused .choices__inner {
	border-color: var(--global-palette3);
	outline: 3px solid var(--xf-yellow);
	outline-offset: 0;
	box-shadow: inset 0 0 0 2px var(--global-palette3);
}
.fluentform.fluentform .ff-btn-submit:not(.ff_btn_no_style) {
	box-shadow: 0 2px 0 var(--global-palette2);
}
.fluentform.fluentform .ff-btn-submit:not(.ff_btn_no_style):focus-visible {
	background-color: var(--xf-yellow);
	color: var(--global-palette3);
	box-shadow: 0 2px 0 var(--global-palette3);
}

/* Contact band: near-black, white form panel. */
.xf-contact {
	background: var(--global-palette3);
}