/*
Theme Name: RFICCC
Theme URI: https://rficcc.com
Description: Child theme of Twenty Twenty-Five for Resolution Focused International (Cost and Claim) Consultant (Pvt) Ltd, built to the Chambers design direction. Typography-led by necessity: no licensed photography exists.
Author: RFICCC
Template: twentytwentyfive
Version: 0.2.0
Requires at least: 6.7
Tested up to: 7.1
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rficcc
*/

.wp-block-navigation a,
.wp-block-site-title a,
footer a,
.rficcc-plain a {
	text-decoration: none;
}

.wp-block-navigation {
	font-size: 0.875rem;
	letter-spacing: 0.02em;
}

.wp-block-navigation a:where(:not(.wp-element-button)) {
	color: var(--wp--preset--color--slate);
	padding-bottom: 3px;
	border-bottom: 1px solid transparent;
}

.wp-block-navigation a:where(:not(.wp-element-button)):hover,
.wp-block-navigation .current-menu-item > a {
	color: var(--wp--preset--color--contrast);
	border-bottom-color: var(--wp--preset--color--accent);
}

.rficcc-eyebrow {
	display: flex;
	align-items: center;
	gap: 14px;
	font-size: var(--wp--preset--font-size--x-small);
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--wp--preset--color--muted);
}

.rficcc-eyebrow::before {
	content: "";
	width: 44px;
	height: 2px;
	flex: 0 0 44px;
	background: var(--wp--preset--color--accent);
}

.rficcc-stat {
	font-family: var(--wp--preset--font-family--source-serif-4);
	font-size: var(--wp--preset--font-size--statistic);
	line-height: 1;
	color: var(--wp--preset--color--contrast);
}

.rficcc-stat-label {
	font-size: 0.8rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--wp--preset--color--muted);
	margin-top: 0.75rem;
}

.rficcc-band {
	color: var(--wp--preset--color--on-dark);
}

.rficcc-band :where(h1, h2, h3, h4) {
	color: var(--wp--preset--color--on-dark);
}

.rficcc-band a {
	color: var(--wp--preset--color--on-dark);
}

.rficcc-credential {
	display: inline-block;
	border: 1px solid rgba(237, 233, 225, 0.28);
	padding: 10px 20px;
	font-size: 0.75rem;
	letter-spacing: 0.16em;
	color: var(--wp--preset--color--on-dark);
}

.rficcc-footer {
	border-top: 3px solid var(--wp--preset--color--accent);
	color: #C9CFDA;
}

.rficcc-footer :where(p, span, td, li) {
	color: #C9CFDA;
}

.rficcc-footer .rficcc-footer-label {
	font-size: 0.72rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #6F7A8C;
}

.rficcc-footer .rficcc-footer-fine {
	color: #8F98A8;
	font-size: 0.8125rem;
	line-height: 1.7;
}

.rficcc-mark {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	gap: 2px;
	width: 32px;
	height: 32px;
	flex: 0 0 32px;
}

.rficcc-mark span {
	transform: skewX(-14deg);
}

.rficcc-mark span:nth-child(1) { background: var(--wp--preset--color--accent); }
.rficcc-mark span:nth-child(2) { background: var(--wp--preset--color--plum); }
.rficcc-mark span:nth-child(3) { background: var(--wp--preset--color--sky); }
.rficcc-mark span:nth-child(4) { background: var(--wp--preset--color--link); }

.rficcc-rule {
	border: 0;
	border-top: 1px solid var(--wp--preset--color--rule);
	margin-block: var(--wp--preset--spacing--50);
}

.wp-block-table.rficcc-experience table {
	border-collapse: collapse;
}

.wp-block-table.rficcc-experience th {
	font-size: 0.72rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--wp--preset--color--muted);
	font-weight: 400;
	text-align: left;
}

.wp-block-table.rficcc-experience td,
.wp-block-table.rficcc-experience th {
	border-color: var(--wp--preset--color--rule);
	padding: 0.85rem 0.75rem 0.85rem 0;
	vertical-align: top;
}

@media (max-width: 600px) {
	.wp-block-table.rficcc-experience thead {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip-path: inset(50%);
	}

	.wp-block-table.rficcc-experience tr {
		display: block;
		border-top: 1px solid var(--wp--preset--color--rule);
		padding-block: 0.75rem;
	}

	.wp-block-table.rficcc-experience td {
		display: block;
		border: 0;
		padding: 0.15rem 0;
	}

	.wp-block-table.rficcc-experience td:first-child {
		font-weight: 600;
		color: var(--wp--preset--color--contrast);
	}
}

:where(a:focus-visible),
:where(button:focus-visible) {
	outline: 2px solid var(--wp--preset--color--accent);
	outline-offset: 2px;
}