/*
Theme Name: Alfa.Site for Ohio — Audit Fixes
Theme URI: https://alfa.site/
Description: Дочерняя тема Ohio для сайта digital-агентства «Альфа.Сайт».
Author: Alfa.Site
Template: ohio
Version: 1.1.0
Text Domain: alfa-ohio
*/

/* WordPress/Ohio integration layer. Visual rules live in assets/css. */
.alfa-site #wpadminbar { position: fixed; }
.alfa-site.admin-bar .mobile-menu { top: calc(104px + 32px); }
.alfa-site .navigation.pagination { width: min(var(--container), calc(100% - 40px)); margin: 40px auto; }
.alfa-site .nav-links { display: flex; gap: 10px; }
.alfa-site .page-numbers { display: grid; min-width: 42px; height: 42px; place-items: center; border-radius: 50%; background: var(--muted); }
.alfa-site .page-numbers.current { background: var(--red); color: #fff; }
.alfa-site .entry-content { font-size: 18px; line-height: 1.65; }
.alfa-site .service-award-mini > strong { color: var(--red); font-size: 24px; }
.alfa-site .alfa-form-honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.alfa-site .alfa-form-notice { grid-column: 1 / -1; margin: 0; padding: 12px 16px; border-radius: 10px; background: rgba(255,255,255,.16); color: inherit; }
.alfa-site .alfa-form-notice.is-error { background: rgba(54,54,58,.2); }

/* Keep Ohio's global link hover styles away from Alfa.Site controls. */
.alfa-site a.primary-button,
.alfa-site a.primary-button:hover,
.alfa-site a.primary-button:focus-visible {
	background-color: var(--ink-90);
	background-image: none;
	color: var(--white);
}

.alfa-site a.primary-button:hover,
.alfa-site a.primary-button:focus-visible {
	box-shadow: 0 12px 30px rgba(54, 54, 58, .16);
	transform: translateY(-2px);
}

.alfa-site a.service-card,
.alfa-site a.service-card:hover,
.alfa-site a.service-card:focus-visible {
	background-color: var(--white);
	background-image: none;
	color: var(--ink);
}

.alfa-site a.service-card:hover h3,
.alfa-site a.service-card:hover li,
.alfa-site a.service-card:focus-visible h3,
.alfa-site a.service-card:focus-visible li {
	color: inherit;
}

.alfa-site a.service-card:hover li.muted,
.alfa-site a.service-card:focus-visible li.muted {
	color: var(--ink-60);
}

/* Service names must remain readable at regular desktop widths. */
.alfa-site .service-directory-row ul {
	font-size: clamp(14px, .9vw, 17px);
	line-height: 1.35;
}

.alfa-site .service-directory-row li a {
	background: transparent;
	color: inherit;
}

.alfa-site .service-directory-row li a:hover,
.alfa-site .service-directory-row li a:focus-visible {
	background: transparent;
	color: var(--red);
}

.alfa-site .service-award-certificate {
	width: 48%;
	height: 100%;
	margin-left: auto;
	border-radius: 8px;
	object-fit: cover;
	object-position: center;
}

.alfa-site .service-award-medal {
	display: grid;
	width: clamp(62px, 5.2vw, 100px);
	height: clamp(62px, 5.2vw, 100px);
	flex: 0 0 auto;
	border: 8px dotted #b9b9bc;
	border-radius: 50%;
	background: #9d9fa2;
	color: var(--white);
	font-family: "Arial Black", Arial, sans-serif;
	font-size: 12px;
	place-items: center;
}

.alfa-site .service-award-medal.is-gold { border-color: #f1cf44; background: #e6be24; color: var(--white); }
.alfa-site .service-award-mini > strong.service-award-medal { color: var(--white); font-size: 12px; }

/* The whole round control is the mobile-menu hit target. */
@media (max-width: 1060px) {
	.alfa-site .menu-button {
		min-width: 48px;
		height: 48px;
		flex: 0 0 auto;
		justify-content: center;
		padding: 0 14px;
		border-radius: 24px;
		background: var(--muted);
		cursor: pointer;
	}

	.alfa-site .menu-button:hover,
	.alfa-site .menu-button:focus-visible {
		background: var(--red);
		color: var(--white);
	}
}

@media (max-width: 782px) {
  .alfa-site.admin-bar .mobile-menu { top: calc(66px + 46px); }
}

@media (max-width: 760px) {
	.alfa-site .menu-button {
		width: 48px;
		height: 48px;
		flex-basis: 48px;
		padding: 0;
		border-radius: 50%;
	}

	.alfa-site .service-directory-row ul {
		font-size: 16px;
		line-height: 1.4;
	}
}