/*
Theme Name: Transfer Pricing Hub — OceanWP Child
Description: Focused mobile usability fixes for Transfer Pricing Hub.
Author: Transfer Pricing Hub
Template: oceanwp
Version: 1.0.2
Text Domain: tph-oceanwp-child
*/

/*
 * Keep these rules limited to OceanWP's mobile breakpoint. Desktop styling is
 * intentionally inherited from the parent theme.
 */
@media only screen and (max-width: 959px) {
	body.oceanwp-theme {
		font-size: 18px;
		line-height: 1.65;
	}

	/* Restore a compact, visible mobile brand and header row. */
	body #site-header {
		background-color: #fff;
	}

	body #site-header #site-header-inner {
		display: flex;
		align-items: center;
		justify-content: space-between;
		min-height: 64px;
		padding-top: 8px;
		padding-bottom: 8px;
	}

	body #site-header #site-logo,
	body #site-header #site-logo #site-logo-inner {
		display: flex;
		align-items: center;
		float: none;
		height: auto;
		max-width: calc(100% - 76px);
	}

	body #site-header #site-logo a.site-logo-text {
		color: #1f2937;
		font-size: clamp(1.25rem, 6vw, 1.6rem);
		font-weight: 600;
		line-height: 1.2;
		white-space: normal;
		word-break: normal;
		overflow-wrap: normal;
		hyphens: none;
	}

	/* Make OceanWP's native mobile-menu control easy to see and touch. */
	body #site-header .oceanwp-mobile-menu-icon {
		display: block;
		float: none;
		flex: 0 0 auto;
	}

	body #site-header .oceanwp-mobile-menu-icon > button.mobile-menu {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 0.45rem;
		min-width: 44px;
		min-height: 44px;
		padding: 0.5rem 0.75rem;
		border: 1px solid #cbd5e1;
		border-radius: 4px;
		background: #fff;
		color: #1f2937;
		font-size: 0.95rem;
		font-weight: 600;
		line-height: 1.2;
		text-transform: none;
		letter-spacing: 0;
		cursor: pointer;
	}

	body #site-header .oceanwp-mobile-menu-icon > button.mobile-menu:hover {
		border-color: #64748b;
		background: #f8fafc;
		color: #111827;
	}

	body #site-header .oceanwp-mobile-menu-icon > button.mobile-menu:focus-visible,
	body #mobile-dropdown a:focus-visible,
	body #mobile-dropdown button:focus-visible,
	body #mobile-dropdown input:focus-visible {
		outline: 3px solid #0b70c9;
		outline-offset: 3px;
	}

	body #mobile-dropdown nav > ul > li > a,
	body #mobile-dropdown nav > div.menu > li > a {
		display: flex;
		align-items: center;
		min-height: 44px;
		padding-top: 0.65rem;
		padding-bottom: 0.65rem;
		font-size: 1rem;
		line-height: 1.4;
	}

	/* Prevent headings from splitting ordinary words at narrow widths. */
	:is(h1, h2, h3, h4, h5, h6),
	.eckb-article-title,
	.epkb-cat-name {
		word-break: normal;
		overflow-wrap: normal;
		hyphens: none;
		text-wrap: pretty;
	}

	h1,
	.eckb-article-title {
		font-size: clamp(1.75rem, 8vw, 2.15rem);
		line-height: 1.25;
		margin-bottom: 0.75em;
	}

	h2,
	.epkb-cat-name {
		font-size: clamp(1.35rem, 6vw, 1.7rem);
		line-height: 1.3;
	}

	h3 {
		font-size: clamp(1.15rem, 5vw, 1.4rem);
		line-height: 1.35;
	}

	/* Long-form knowledge-base copy is easier to scan left-aligned on mobile. */
	#eckb-article-content,
	#eckb-article-content p,
	#eckb-article-content li,
	#eckb-article-content :is(h1, h2, h3, h4, h5, h6),
	.entry-content p,
	.entry-content li {
		text-align: left !important;
	}

	#eckb-article-content p,
	#eckb-article-content li,
	.entry-content p,
	.entry-content li {
		font-size: 20px !important;
		line-height: 1.6 !important;
	}

	#eckb-article-content p,
	.entry-content p {
		margin-bottom: 1.1em;
	}

	/* Keep wide embedded content from creating a horizontal page scrollbar. */
	#eckb-article-content :is(img, iframe, table, pre),
	.entry-content :is(img, iframe, table, pre) {
		max-width: 100%;
	}
}