/*
Theme Name: UAE Experts Hub
Theme URI: https://www.uaeexperthub.com/
Description: Custom standalone theme for UAE Experts Hub — Wise-inspired Forest Ink & Lime Voltage, Inter Black display type, pill shapes. Replaces Avada. Preserves all URLs. Self-contained: compiled CSS (assets/css/app.css), vendored Alpine.js, no CDN dependencies.
Author: UAE Experts Hub
Version: 1.1.1
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: uae-experts-hub
*/

/* The design system lives in assets/css/app.css (compiled from src/input.css
 * with Tailwind v4). This file holds the WordPress theme header above plus
 * truly global rules only. */

html {
	scroll-behavior: smooth;
}

/* Center article figures. WordPress prints an unlayered `:where(figure){margin:0}`
 * reset that beats Tailwind's layered `mx-auto`; these unlayered class rules win
 * it back so the featured image and centered content images sit in the column. */
.article-figure {
	margin-left: auto;
	margin-right: auto;
}
.article-body figure,
.article-body .aligncenter,
.article-body img.aligncenter {
	margin-left: auto;
	margin-right: auto;
}

/* Article standfirst — the post excerpt shown above the featured image. */
.article-lead {
	font-size: clamp(16px, 1.7vw, 18px);
	line-height: 1.65;
	margin-bottom: 1.75rem;
}

/* Wide article tables scroll horizontally instead of forcing the whole page
 * wider than the viewport (the mobile "extra space on the right"). Post HTML
 * ships bare <table> elements with no wrapper, so make the table itself the
 * scroll container. The layered width:100% from app.css still applies. */
.article-body table {
	display: block;
	overflow-x: auto;
	max-width: 100%;
}