/*
Theme Name: CXpert 2026
Theme URI: https://cxpert.com.au/
Author: CXpert
Author URI: https://cxpert.com.au/
Description: Block theme for CXpert: customer and employee experience consulting. Homepage, services, CXF and blog.
Requires at least: 6.5
Tested up to: 6.9
Requires PHP: 7.4
Version: 1.3.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cxpert-2026
*/

/* Small label above headings */
.eyebrow {
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--wp--preset--color--teal-dark);
	margin-bottom: 0;
}
.has-navy-background-color .eyebrow,
.has-footer-navy-background-color .eyebrow { color: var(--wp--preset--color--teal); }

/* Cards */
.cx-card { border-radius: 8px; }
.cx-rule-top { border-top: 3px solid var(--wp--preset--color--navy); padding-top: var(--wp--preset--spacing--30); }
.cx-rule-top.is-teal { border-top-color: var(--wp--preset--color--teal); }

/* Photos and screenshots */
.cx-photo img { border-radius: 8px; width: 100%; height: auto; display: block; }
.cx-screenshot img { border-radius: 8px; border: 1px solid var(--wp--preset--color--line); box-shadow: 0 18px 40px rgba(43, 36, 112, 0.14); }

/* Hero name card overlapping the photo */
.cx-hero-media { position: relative; }
.cx-name-card { position: absolute; left: -24px; bottom: -24px; max-width: 260px; border-radius: 8px; }
@media (max-width: 781px) {
	.cx-name-card { position: static; margin-top: var(--wp--preset--spacing--20) !important; max-width: none; }
}

/* Client name strip */
.cx-clients p { margin: 0; color: var(--wp--preset--color--muted); font-weight: 600; }

/* Tick lists */
ul.cx-ticks { list-style: none; padding-left: 0; }
ul.cx-ticks li { position: relative; padding-left: 32px; margin-bottom: 0.9em; }
ul.cx-ticks li::before {
	content: ""; position: absolute; left: 2px; top: 0.35em; width: 14px; height: 8px;
	border-left: 2.5px solid var(--wp--preset--color--teal-dark); border-bottom: 2.5px solid var(--wp--preset--color--teal-dark);
	transform: rotate(-45deg);
}
.has-navy-background-color ul.cx-ticks li::before { border-color: var(--wp--preset--color--teal); }

/* Numbered steps */
ol.cx-steps { padding-left: 1.4em; }
ol.cx-steps li { margin-bottom: 0.6em; padding-left: 0.3em; }
ol.cx-steps li::marker { color: var(--wp--preset--color--teal-dark); font-weight: 700; }

/* Pull quotes */
.cx-quote { border-left: 0; padding: 0; margin: 0; }
.cx-quote p { font-family: var(--wp--preset--font-family--newsreader); color: var(--wp--preset--color--navy); }
.cx-quote cite { font-style: normal; font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--muted); }

/* Testimonial cards */
.cx-testimonial blockquote { margin: 0; }

/* Header */
.cx-header .wp-block-navigation a:hover { color: var(--wp--preset--color--teal-dark); }
.cx-header .wp-block-navigation .current-menu-item > a { text-decoration: underline; text-decoration-color: var(--wp--preset--color--teal); text-decoration-thickness: 2px; text-underline-offset: 8px; }
.cx-logo-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--wp--preset--color--teal); margin-left: 3px; }

/* Footer links */
.cx-footer a { color: var(--wp--preset--color--white); text-decoration: none; }
.cx-footer a:hover { text-decoration: underline; }

/* Post cards in blog grids */
.cx-post-card .wp-block-post-featured-image img { border-radius: 8px; aspect-ratio: 16 / 10; object-fit: cover; }
.cx-post-card .wp-block-post-title a { text-decoration: none; }
.cx-post-card .wp-block-post-title a:hover { text-decoration: underline; }

/* Visible keyboard focus */
a:focus-visible, .wp-element-button:focus-visible { outline: 2px solid var(--wp--preset--color--teal-dark); outline-offset: 3px; }

/* Fixes after local testing */
.wp-block-site-title a { text-decoration: none; }
.cx-quote p.is-body { font-family: var(--wp--preset--font-family--figtree); color: var(--wp--preset--color--slate); }
.wp-block-post-terms.eyebrow a { color: var(--wp--preset--color--teal-dark); text-decoration: none; }

/* Full-width coloured sections sit flush against each other and the header/footer */
.wp-site-blocks > * + * { margin-block-start: 0; }
.wp-block-post-content > .alignfull { margin-block-start: 0; margin-block-end: 0; }
.cx-clients { row-gap: var(--wp--preset--spacing--10) !important; }