/*
Theme Name:        Global Infinity Distribution Hub
Theme URI:         https://globalinfinity.shop
Author:            Global Infinity
Author URI:        https://globalinfinity.shop
Description:       Fashion catalog and ordering system as a theme — catalog, bag and checkout, customer enquiries, per-variant inventory, order tracking and a customer dashboard. Orders and stock are stored in your WordPress database. Put the [gi-hub] shortcode on any page to show the storefront.
Version:           1.0.0
Requires at least: 6.0
Tested up to:      6.7
Requires PHP:      7.4
License:           GPL-2.0-or-later
License URI:       https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:       global-infinity-hub
Tags:              e-commerce, custom-menu, full-width-template, translation-ready
*/

:root {
	--gih-ink: #10192A;
	--gih-paper: #FFFFFF;
	--gih-bg: #F7F8FA;
	--gih-line: #E3E7EC;
	--gih-muted: #5B6B7A;
	--gih-accent: #3B82F6;
}

*, *::before, *::after { box-sizing: border-box; }

body {
	margin: 0;
	background: var(--gih-bg);
	color: var(--gih-ink);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 1.6;
}

.gih-wrap { display: flex; flex-direction: column; min-height: 100vh; }

.gih-site-header {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 20px 24px;
	background: var(--gih-paper);
	border-bottom: 1px solid var(--gih-line);
}

.gih-brand { text-decoration: none; color: inherit; display: block; }
.gih-brand-name { display: block; font-size: 20px; font-weight: 600; letter-spacing: -0.01em; }
.gih-brand-sub { display: block; font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--gih-muted); }

.gih-nav-list { display: flex; flex-wrap: wrap; gap: 20px; margin: 0; padding: 0; list-style: none; }
.gih-nav-list a { color: var(--gih-ink); text-decoration: none; font-size: 14px; }
.gih-nav-list a:hover, .gih-nav-list a:focus { color: var(--gih-accent); }

.gih-main { flex: 1 1 auto; width: 100%; max-width: 1180px; margin: 0 auto; padding: 32px 24px 56px; }

.gih-entry + .gih-entry { margin-top: 48px; }
.gih-title { font-size: clamp(28px, 4vw, 40px); line-height: 1.15; margin: 0 0 20px; letter-spacing: -0.02em; }
.gih-content > * { max-width: 100%; }
.gih-content img { max-width: 100%; height: auto; }
.gih-content a { color: var(--gih-accent); }

/* The storefront frame, output by the [gi-hub] shortcode. */
.gih-embed { width: 100%; margin: 24px 0; }
.gih-embed iframe { width: 100%; border: 0; display: block; background: var(--gih-paper); }

.gih-site-footer {
	padding: 24px;
	border-top: 1px solid var(--gih-line);
	background: var(--gih-paper);
	color: var(--gih-muted);
	font-size: 13px;
	text-align: center;
}

.gih-notice {
	padding: 16px 18px;
	border: 1px solid var(--gih-line);
	border-left: 3px solid var(--gih-accent);
	background: var(--gih-paper);
	border-radius: 4px;
}

@media (max-width: 640px) {
	.gih-site-header { padding: 16px; }
	.gih-main { padding: 24px 16px 40px; }
}