/* ============================================================
   ARHTRD — Header & Footer
   Premium industrial dark theme · amber accents
   ============================================================ */

/* ── Design tokens ── */
:root {
	/* Core palette */
	--hf-dark-deep:      #080B12;
	--hf-dark:           #111520;
	--hf-dark-nav:       #0C0E18;
	--hf-dark-card:      #181B28;
	--hf-dark-elevated:  #1E2232;
	--hf-dark-surface:   rgba(255, 255, 255, 0.03);

	/* Amber system */
	--hf-amber:          #D4A017;
	--hf-amber-light:    #E8B820;
	--hf-amber-bright:   #F5C942;
	--hf-amber-dim:      rgba(212, 160, 23, 0.10);
	--hf-amber-glow:     rgba(212, 160, 23, 0.14);
	--hf-amber-border:   rgba(212, 160, 23, 0.28);

	/* Typography */
	--hf-text:           #CDD2DE;
	--hf-text-bright:    #E8ECF4;
	--hf-text-muted:     #5E6680;
	--hf-white:          #FFFFFF;

	/* Structure */
	--hf-border:         rgba(255, 255, 255, 0.07);
	--hf-border-subtle:  rgba(255, 255, 255, 0.04);

	/* Shadows */
	--hf-shadow-sm:      0 2px 8px  rgba(0, 0, 0, 0.35);
	--hf-shadow-md:      0 8px 28px rgba(0, 0, 0, 0.45);
	--hf-shadow-lg:      0 20px 56px rgba(0, 0, 0, 0.60);

	/* Heights */
	--hf-topbar-h:       40px;
	--hf-utility-h:      80px;
	--hf-nav-h:          60px;

	/* Transitions */
	--hf-ease:           0.22s ease;
	--hf-ease-out:       0.3s cubic-bezier(0.2, 0, 0, 1);
	--hf-ease-spring:    0.4s cubic-bezier(0.34, 1.56, 0.64, 1);

	/* Radii */
	--hf-radius:         4px;
	--hf-radius-md:      8px;
	--hf-radius-lg:      12px;
}

/* ── Skip link ── */
.arhtrd-skip-link {
	position: absolute;
	left: -9999px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
	z-index: 9999;
}
.arhtrd-skip-link:focus {
	left: 0;
	top: 0;
	width: auto;
	height: auto;
	padding: 10px 20px;
	background: var(--hf-amber);
	color: #000;
	font-size: 13px;
	font-weight: 700;
	text-decoration: none;
	outline: none;
	letter-spacing: 0.03em;
}

/* ── Shared container ── */
.arhtrd-container {
	max-width: 1300px;
	margin: 0 auto;
	padding: 0 28px;
	width: 100%;
	box-sizing: border-box;
}

/* ── Shared button base ── */
.arhtrd-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	padding: 10px 22px;
	border: none;
	border-radius: var(--hf-radius);
	font-size: 12.5px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
	white-space: nowrap;
	position: relative;
	overflow: hidden;
	transition:
		background var(--hf-ease),
		color var(--hf-ease),
		border-color var(--hf-ease),
		transform var(--hf-ease),
		box-shadow var(--hf-ease);
	box-sizing: border-box;
}
.arhtrd-btn:focus-visible {
	outline: 2px solid var(--hf-amber);
	outline-offset: 3px;
}

/* Primary (amber fill) — shine sweep on hover */
.arhtrd-btn--primary {
	background: var(--hf-amber);
	color: #080B12;
}
.arhtrd-btn--primary::before {
	content: '';
	position: absolute;
	top: 0;
	left: -80%;
	width: 55%;
	height: 100%;
	background: linear-gradient(
		105deg,
		transparent 20%,
		rgba(255, 255, 255, 0.22) 50%,
		transparent 80%
	);
	transform: skewX(-12deg);
	transition: left 0.45s ease;
	pointer-events: none;
}
.arhtrd-btn--primary:hover::before,
.arhtrd-btn--primary:focus-visible::before {
	left: 130%;
}
.arhtrd-btn--primary:hover,
.arhtrd-btn--primary:focus-visible {
	background: var(--hf-amber-light);
	color: #080B12;
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(212, 160, 23, 0.40);
}
.arhtrd-btn--primary:active {
	transform: translateY(0);
	box-shadow: none;
}

/* Ghost (outline) */
.arhtrd-btn--ghost {
	background: transparent;
	color: var(--hf-text);
	border: 1px solid var(--hf-amber-border);
}
.arhtrd-btn--ghost:hover,
.arhtrd-btn--ghost:focus-visible {
	background: var(--hf-amber-glow);
	color: var(--hf-amber);
	border-color: var(--hf-amber);
	transform: translateY(-2px);
}

.arhtrd-btn__icon {
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
}

/* Online status dot on WhatsApp/chat button */
.arhtrd-btn__online-dot {
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #25D366;
	box-shadow: 0 0 0 2px rgba(37, 211, 102, 0.25);
	flex-shrink: 0;
	animation: hf-pulse-dot 2.5s ease-in-out infinite;
}

@keyframes hf-pulse-dot {
	0%, 100% { box-shadow: 0 0 0 2px rgba(37, 211, 102, 0.25); }
	50%       { box-shadow: 0 0 0 5px rgba(37, 211, 102, 0.08); }
}

/* ============================================================
   HEADER
   ============================================================ */

#arhtrd-header {
	position: sticky;
	top: 0;
	z-index: 999;
	width: 100%;
	animation: hf-header-in 0.5s cubic-bezier(0.2, 0, 0, 1) both;
}

@keyframes hf-header-in {
	from { opacity: 0; transform: translateY(-8px); }
	to   { opacity: 1; transform: translateY(0); }
}

/* ── Collapsible wrapper (top bar + utility) ── */
.arhtrd-header-collapsible {
	overflow: hidden;
	max-height: calc(var(--hf-topbar-h) + var(--hf-utility-h) + 2px);
	transition:
		max-height 0.38s cubic-bezier(0.4, 0, 0.2, 1),
		opacity    0.28s ease;
}

#arhtrd-header.is-compact .arhtrd-header-collapsible {
	max-height: 0;
	opacity: 0;
	pointer-events: none;
}

/* ── Top Bar ── */
.arhtrd-top-bar {
	background: var(--hf-amber);
	height: var(--hf-topbar-h);
	display: flex;
	align-items: center;
	position: relative;
	overflow: hidden;
}

/* Subtle shimmer stripe on top bar */
.arhtrd-top-bar::after {
	content: '';
	position: absolute;
	inset: 0;
	background: repeating-linear-gradient(
		90deg,
		transparent 0px,
		transparent 120px,
		rgba(255, 255, 255, 0.04) 120px,
		rgba(255, 255, 255, 0.04) 121px
	);
	pointer-events: none;
}

.arhtrd-top-bar .arhtrd-container {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	color: #080B12;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.07em;
	text-transform: uppercase;
	position: relative;
	z-index: 1;
}
.arhtrd-top-bar__icon {
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
	opacity: 0.8;
}

/* ── Utility Bar ── */
.arhtrd-utility-bar {
	background: var(--hf-dark);
	height: var(--hf-utility-h);
	border-bottom: 1px solid var(--hf-border);
	/* Subtle bottom glow */
	box-shadow: 0 1px 0 0 rgba(212, 160, 23, 0.08);
}
.arhtrd-utility-bar__inner {
	height: 100%;
	display: flex;
	align-items: center;
	gap: 24px;
}

/* Logo */
.arhtrd-logo {
	flex-shrink: 0;
}
.arhtrd-logo a,
.arhtrd-logo img {
	display: block;
	max-height: 54px;
	width: auto;
	transition: opacity var(--hf-ease);
}
.arhtrd-logo a:hover img {
	opacity: 0.88;
}
.arhtrd-logo__fallback {
	font-size: 21px;
	font-weight: 900;
	color: var(--hf-white);
	text-decoration: none;
	letter-spacing: -0.03em;
}
.arhtrd-logo__fallback:hover {
	color: var(--hf-amber);
}

/* Contact strip */
.arhtrd-contact-strip {
	display: flex;
	align-items: center;
	gap: 6px;
	margin-left: auto;
}
.arhtrd-contact-strip__divider {
	width: 1px;
	height: 22px;
	background: var(--hf-border);
	flex-shrink: 0;
}
.arhtrd-contact-strip__item {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 6px 12px;
	color: var(--hf-text);
	text-decoration: none;
	font-size: 13px;
	font-weight: 500;
	border-radius: var(--hf-radius);
	transition: color var(--hf-ease), background var(--hf-ease);
}
.arhtrd-contact-strip__item:hover {
	color: var(--hf-amber);
	background: var(--hf-amber-dim);
}
.arhtrd-contact-strip__icon {
	display: inline-flex;
	align-items: center;
	color: var(--hf-amber);
	flex-shrink: 0;
}

/* Header action buttons */
.arhtrd-header-actions {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
}

/* Mobile controls — hidden on desktop */
.arhtrd-mobile-controls {
	display: none;
	align-items: center;
	gap: 12px;
	margin-left: auto;
}
.arhtrd-mobile-wa {
	display: inline-flex;
	align-items: center;
	color: #25D366;
	text-decoration: none;
	transition: color var(--hf-ease), transform var(--hf-ease-spring);
}
.arhtrd-mobile-wa:hover {
	color: #1da851;
	transform: scale(1.12);
}

/* Hamburger */
.arhtrd-hamburger {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 5px;
	width: 38px;
	height: 38px;
	padding: 8px;
	background: transparent;
	border: 1px solid var(--hf-border);
	border-radius: var(--hf-radius);
	cursor: pointer;
	transition: border-color var(--hf-ease), background var(--hf-ease);
	box-sizing: border-box;
}
.arhtrd-hamburger:hover {
	border-color: var(--hf-amber-border);
	background: var(--hf-amber-glow);
}
.arhtrd-hamburger:focus-visible {
	outline: 2px solid var(--hf-amber);
	outline-offset: 2px;
}
.arhtrd-hamburger__line {
	display: block;
	width: 100%;
	height: 2px;
	background: var(--hf-text);
	border-radius: 2px;
	transition: transform 0.3s ease, opacity 0.2s ease, background var(--hf-ease);
	transform-origin: center;
}
/* Last line shorter for design detail */
.arhtrd-hamburger__line:nth-child(3) {
	width: 65%;
}
.arhtrd-hamburger[aria-expanded="true"] .arhtrd-hamburger__line:nth-child(1) {
	transform: translateY(7px) rotate(45deg);
	background: var(--hf-amber);
}
.arhtrd-hamburger[aria-expanded="true"] .arhtrd-hamburger__line:nth-child(2) {
	opacity: 0;
	transform: scaleX(0);
}
.arhtrd-hamburger[aria-expanded="true"] .arhtrd-hamburger__line:nth-child(3) {
	transform: translateY(-7px) rotate(-45deg);
	width: 100%;
	background: var(--hf-amber);
}

/* ── Navigation Bar ── */
.arhtrd-nav-bar {
	background: var(--hf-dark-nav);
	height: var(--hf-nav-h);
	border-bottom: 2px solid var(--hf-amber-border);
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
	position: relative;
}

/* Subtle bottom glow matching amber border */
.arhtrd-nav-bar::after {
	content: '';
	position: absolute;
	bottom: -1px;
	left: 50%;
	transform: translateX(-50%);
	width: 60%;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(212, 160, 23, 0.5), transparent);
	pointer-events: none;
}

.arhtrd-nav-bar__inner {
	height: 100%;
	display: flex;
	align-items: center;
}

/* Primary nav menu */
.arhtrd-nav-menu {
	display: flex;
	align-items: center;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 100%;
	gap: 0;
}
.arhtrd-nav-menu .menu-item {
	position: relative;
	height: 100%;
	display: flex;
	align-items: center;
}
.arhtrd-nav-menu .menu-item > a {
	display: flex;
	align-items: center;
	height: 100%;
	padding: 0 16px;
	color: var(--hf-text);
	font-size: 12.5px;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	text-decoration: none;
	position: relative;
	transition: color var(--hf-ease), background var(--hf-ease);
	white-space: nowrap;
	border-radius: 0;
}

/* Animated underline indicator */
.arhtrd-nav-menu .menu-item > a::after {
	content: '';
	position: absolute;
	bottom: -2px;        /* sits on the nav bar's bottom border */
	left: 16px;
	right: 16px;
	height: 2px;
	background: var(--hf-amber);
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform 0.28s cubic-bezier(0.2, 0, 0, 1);
}
.arhtrd-nav-menu .menu-item > a:hover,
.arhtrd-nav-menu .menu-item:focus-within > a {
	color: var(--hf-amber);
	background: var(--hf-amber-dim);
}
.arhtrd-nav-menu .menu-item > a:hover::after,
.arhtrd-nav-menu .menu-item:focus-within > a::after {
	transform: scaleX(1);
}
.arhtrd-nav-menu .current-menu-item > a,
.arhtrd-nav-menu .current-menu-ancestor > a,
.arhtrd-nav-menu .current-page-ancestor > a {
	color: var(--hf-amber);
	background: var(--hf-amber-dim);
}
.arhtrd-nav-menu .current-menu-item > a::after,
.arhtrd-nav-menu .current-menu-ancestor > a::after {
	transform: scaleX(1);
}

/* Submenu (dropdown) */
.arhtrd-nav-menu .sub-menu {
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 230px;
	background: var(--hf-dark);
	border-top: 2px solid var(--hf-amber);
	border-radius: 0 0 var(--hf-radius-md) var(--hf-radius-md);
	box-shadow: var(--hf-shadow-lg);
	list-style: none;
	margin: 0;
	padding: 6px 0;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-4px);
	transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
	z-index: 100;
}
.arhtrd-nav-menu .menu-item:hover .sub-menu,
.arhtrd-nav-menu .menu-item:focus-within .sub-menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.arhtrd-nav-menu .sub-menu .menu-item {
	height: auto;
	display: block;
}
.arhtrd-nav-menu .sub-menu .menu-item > a {
	height: auto;
	padding: 10px 20px;
	font-size: 12px;
	font-weight: 500;
	text-transform: none;
	letter-spacing: 0.02em;
	color: var(--hf-text);
	border-left: 2px solid transparent;
	transition: color var(--hf-ease), background var(--hf-ease), border-color var(--hf-ease), padding-left var(--hf-ease);
	background: none;
}
.arhtrd-nav-menu .sub-menu .menu-item > a::after {
	display: none;
}
.arhtrd-nav-menu .sub-menu .menu-item > a:hover {
	color: var(--hf-amber);
	background: var(--hf-amber-dim);
	border-left-color: var(--hf-amber);
	padding-left: 26px;
}

/* Nav bar CTA (desktop only) */
.arhtrd-nav-cta {
	margin-left: auto;
	flex-shrink: 0;
	font-size: 12px;
	padding: 9px 20px;
}

/* ============================================================
   MOBILE NAVIGATION DRAWER
   ============================================================ */

.arhtrd-mobile-nav {
	position: fixed;
	inset: 0;
	z-index: 1100;
	pointer-events: none;
	visibility: hidden;
}
.arhtrd-mobile-nav.is-open {
	pointer-events: auto;
	visibility: visible;
}

/* Overlay */
.arhtrd-mobile-nav__overlay {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.70);
	opacity: 0;
	transition: opacity 0.32s ease;
	backdrop-filter: blur(3px);
}
.arhtrd-mobile-nav.is-open .arhtrd-mobile-nav__overlay {
	opacity: 1;
}

/* Panel */
.arhtrd-mobile-nav__panel {
	position: absolute;
	top: 0;
	right: 0;
	width: min(380px, 92vw);
	height: 100%;
	background: var(--hf-dark);
	border-left: 1px solid var(--hf-amber-border);
	display: flex;
	flex-direction: column;
	overflow-y: auto;
	transform: translateX(100%);
	transition: transform 0.38s cubic-bezier(0.2, 0, 0, 1);
	z-index: 1;
	box-shadow: -12px 0 50px rgba(0, 0, 0, 0.6);
}
.arhtrd-mobile-nav.is-open .arhtrd-mobile-nav__panel {
	transform: translateX(0);
}

/* Panel header: logo + close side-by-side */
.arhtrd-mobile-nav__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 16px 20px;
	border-bottom: 1px solid var(--hf-border);
	background: var(--hf-dark-nav);
	flex-shrink: 0;
}
.arhtrd-mobile-nav__logo a,
.arhtrd-mobile-nav__logo img {
	display: block;
	max-height: 36px;
	width: auto;
}
.arhtrd-mobile-nav__logo .arhtrd-logo__fallback {
	font-size: 17px;
}

/* Close button (lives inside header) */
.arhtrd-mobile-nav__close {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	background: var(--hf-dark-elevated);
	border: 1px solid var(--hf-border);
	border-radius: var(--hf-radius);
	cursor: pointer;
	color: var(--hf-text-muted);
	flex-shrink: 0;
	transition: color var(--hf-ease), border-color var(--hf-ease), background var(--hf-ease);
}
.arhtrd-mobile-nav__close:hover {
	color: var(--hf-amber);
	border-color: var(--hf-amber-border);
	background: var(--hf-amber-dim);
}
.arhtrd-mobile-nav__close:focus-visible {
	outline: 2px solid var(--hf-amber);
	outline-offset: 2px;
}

/* Mobile menu items */
.arhtrd-mobile-menu-items {
	list-style: none;
	margin: 0;
	padding: 8px 0;
	flex: 1;
}
.arhtrd-mobile-menu-items .menu-item > a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 13px 24px;
	color: var(--hf-text);
	font-size: 13.5px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	text-decoration: none;
	border-bottom: 1px solid var(--hf-border-subtle);
	border-left: 3px solid transparent;
	transition:
		color var(--hf-ease),
		background var(--hf-ease),
		border-left-color var(--hf-ease),
		padding-left var(--hf-ease);
}
.arhtrd-mobile-menu-items .menu-item > a:hover {
	color: var(--hf-amber);
	background: var(--hf-amber-dim);
	border-left-color: var(--hf-amber);
	padding-left: 30px;
}
.arhtrd-mobile-menu-items .current-menu-item > a {
	color: var(--hf-amber);
	border-left-color: var(--hf-amber);
	background: var(--hf-amber-dim);
}

/* Mobile submenu */
.arhtrd-mobile-menu-items .sub-menu {
	list-style: none;
	margin: 0;
	padding: 0;
	background: var(--hf-dark-nav);
	display: none;
}
.arhtrd-mobile-menu-items .sub-menu.is-open {
	display: block;
}
.arhtrd-mobile-menu-items .sub-menu .menu-item > a {
	padding: 11px 24px 11px 42px;
	font-size: 12.5px;
	font-weight: 500;
	text-transform: none;
	letter-spacing: 0.02em;
	border-bottom-color: rgba(255, 255, 255, 0.04);
}
.arhtrd-mobile-menu-items .sub-menu .menu-item > a:hover {
	padding-left: 50px;
}

/* Submenu toggle chevron (injected by JS) */
.arhtrd-submenu-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	background: transparent;
	border: 1px solid var(--hf-border);
	border-radius: var(--hf-radius);
	cursor: pointer;
	color: var(--hf-text-muted);
	transition: color var(--hf-ease), border-color var(--hf-ease), transform 0.28s ease;
	flex-shrink: 0;
}
.arhtrd-submenu-toggle[aria-expanded="true"] {
	transform: rotate(180deg);
	color: var(--hf-amber);
	border-color: var(--hf-amber-border);
}

/* Mobile menu footer */
.arhtrd-mobile-nav__footer {
	padding: 20px 24px;
	border-top: 1px solid var(--hf-border);
	display: flex;
	flex-direction: column;
	gap: 12px;
	background: var(--hf-dark-nav);
	flex-shrink: 0;
}
.arhtrd-mobile-nav__contact-link {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	color: var(--hf-text-muted);
	font-size: 13px;
	text-decoration: none;
	transition: color var(--hf-ease);
}
.arhtrd-mobile-nav__contact-link svg {
	color: var(--hf-amber);
	flex-shrink: 0;
}
.arhtrd-mobile-nav__contact-link:hover {
	color: var(--hf-amber);
}
.arhtrd-mobile-nav__cta {
	text-align: center;
	justify-content: center;
	width: 100%;
	padding: 13px 20px;
	font-size: 13px;
	margin-top: 4px;
}

/* Prevent body scroll when drawer is open */
body.arhtrd-nav-open {
	overflow: hidden;
}

/* ============================================================
   FOOTER
   ============================================================ */

.arhtrd-footer {
	background: var(--hf-dark-deep);
	/* Subtle dot-grid pattern — industrial precision feel */
	background-image:
		radial-gradient(rgba(212, 160, 23, 0.035) 1px, transparent 1px);
	background-size: 28px 28px;
	color: var(--hf-text);
	font-size: 14px;
	position: relative;
}

/* Top amber gradient divider */
.arhtrd-footer::before {
	content: '';
	display: block;
	height: 2px;
	background: linear-gradient(
		90deg,
		transparent 0%,
		rgba(212, 160, 23, 0.15) 15%,
		var(--hf-amber) 50%,
		rgba(212, 160, 23, 0.15) 85%,
		transparent 100%
	);
}

/* Footer main grid */
.arhtrd-footer__main {
	padding: 68px 0 52px;
}
.arhtrd-footer__grid {
	display: grid;
	grid-template-columns: 1.5fr 0.85fr 1.25fr 1.25fr;
	gap: 48px 44px;
	align-items: start;
}

/* ── Shared heading style ── */
.arhtrd-footer__heading {
	font-size: 10.5px;
	font-weight: 800;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--hf-amber);
	margin: 0 0 22px 0;
	padding-bottom: 14px;
	border-bottom: 1px solid var(--hf-amber-border);
	position: relative;
}

/* Small amber square marker on headings */
.arhtrd-footer__heading::after {
	content: '';
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 28px;
	height: 1px;
	background: var(--hf-amber);
}

/* ── Col 1: Company ── */
.arhtrd-footer__logo {
	margin-bottom: 18px;
}
.arhtrd-footer__logo a,
.arhtrd-footer__logo img {
	display: block;
	max-height: 52px;
	width: auto;
}
.arhtrd-footer__logo-text {
	font-size: 21px;
	font-weight: 900;
	color: var(--hf-white);
	text-decoration: none;
	letter-spacing: -0.02em;
}
.arhtrd-footer__tagline {
	font-size: 13px;
	line-height: 1.75;
	color: var(--hf-text-muted);
	margin: 0 0 28px 0;
	max-width: 280px;
}

/* 37 Years badge — enhanced with dual-ring */
.arhtrd-years-badge {
	display: inline-flex;
	margin-bottom: 28px;
}
.arhtrd-years-badge__ring {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 96px;
	height: 96px;
	border-radius: 50%;
	border: 2px solid var(--hf-amber);
	box-shadow:
		0 0 0 6px var(--hf-amber-dim),
		0 0 0 14px rgba(212, 160, 23, 0.04),
		inset 0 0 24px rgba(212, 160, 23, 0.06);
	background: radial-gradient(circle at center, var(--hf-dark-card) 0%, var(--hf-dark-nav) 100%);
	position: relative;
	transition: box-shadow 0.4s ease, border-color 0.4s ease;
}

/* Outer rotating dashed ring */
.arhtrd-years-badge__ring::before {
	content: '';
	position: absolute;
	inset: -10px;
	border-radius: 50%;
	border: 1px dashed rgba(212, 160, 23, 0.22);
	animation: hf-badge-spin 14s linear infinite;
	pointer-events: none;
}
/* Four amber corner dots on the dashed ring */
.arhtrd-years-badge__ring::after {
	content: '';
	position: absolute;
	inset: -12px;
	border-radius: 50%;
	border: 1px solid transparent;
	background:
		radial-gradient(circle at 50% 0%, var(--hf-amber) 0%, var(--hf-amber) 2px, transparent 2px) top/100% 50% no-repeat,
		radial-gradient(circle at 50% 100%, var(--hf-amber) 0%, var(--hf-amber) 2px, transparent 2px) bottom/100% 50% no-repeat;
	animation: hf-badge-spin 14s linear infinite;
	pointer-events: none;
}
.arhtrd-years-badge__ring:hover {
	box-shadow:
		0 0 0 8px var(--hf-amber-glow),
		0 0 0 18px rgba(212, 160, 23, 0.05),
		inset 0 0 28px rgba(212, 160, 23, 0.10);
}

@keyframes hf-badge-spin {
	from { transform: rotate(0deg); }
	to   { transform: rotate(360deg); }
}

.arhtrd-years-badge__number {
	font-size: 30px;
	font-weight: 900;
	color: var(--hf-amber);
	line-height: 1;
	letter-spacing: -0.03em;
}
.arhtrd-years-badge__label {
	font-size: 7px;
	font-weight: 800;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--hf-text-muted);
	text-align: center;
	line-height: 1.35;
	margin-top: 4px;
}

/* Social icons */
.arhtrd-footer__social {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}
.arhtrd-social-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: var(--hf-radius);
	border: 1px solid var(--hf-border);
	color: var(--hf-text-muted);
	text-decoration: none;
	transition:
		color var(--hf-ease),
		border-color var(--hf-ease),
		background var(--hf-ease),
		transform var(--hf-ease-spring);
}
.arhtrd-social-link:hover {
	color: var(--hf-amber);
	border-color: var(--hf-amber-border);
	background: var(--hf-amber-dim);
	transform: translateY(-3px);
}
.arhtrd-social-link:focus-visible {
	outline: 2px solid var(--hf-amber);
	outline-offset: 2px;
}

/* ── Col 2: Quick Links ── */
.arhtrd-footer__links-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 2px;
}
.arhtrd-footer__links-list li a {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 0;
	color: var(--hf-text-muted);
	font-size: 13.5px;
	text-decoration: none;
	border-bottom: 1px solid var(--hf-border-subtle);
	transition: color var(--hf-ease), gap var(--hf-ease), padding-left var(--hf-ease);
}
.arhtrd-footer__links-list li a::before {
	content: '';
	display: inline-block;
	width: 14px;
	height: 1.5px;
	background: var(--hf-amber);
	opacity: 0;
	flex-shrink: 0;
	transition: opacity var(--hf-ease), width var(--hf-ease);
}
.arhtrd-footer__links-list li a:hover {
	color: var(--hf-amber);
	gap: 12px;
}
.arhtrd-footer__links-list li a:hover::before {
	opacity: 1;
}
.arhtrd-footer__links-list li a:focus-visible {
	outline: 2px solid var(--hf-amber);
	outline-offset: 2px;
	border-radius: 2px;
}

/* ── Col 3: Latest Blog Posts ── */
.arhtrd-footer__post {
	display: flex;
	gap: 14px;
	padding: 14px 0;
	border-bottom: 1px solid var(--hf-border-subtle);
}
.arhtrd-footer__post:last-child {
	border-bottom: none;
}
.arhtrd-footer__post-thumb {
	flex-shrink: 0;
	width: 68px;
	height: 68px;
	overflow: hidden;
	border-radius: var(--hf-radius-md);
	border: 1px solid var(--hf-border);
	display: block;
}
.arhtrd-footer__post-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.4s ease;
}
.arhtrd-footer__post:hover .arhtrd-footer__post-thumb img {
	transform: scale(1.06);
}
.arhtrd-footer__post-info {
	display: flex;
	flex-direction: column;
	gap: 6px;
	justify-content: center;
}
.arhtrd-footer__post-date {
	font-size: 10.5px;
	font-weight: 700;
	letter-spacing: 0.07em;
	text-transform: uppercase;
	color: var(--hf-amber);
}
.arhtrd-footer__post-title {
	color: var(--hf-text);
	font-size: 13px;
	font-weight: 500;
	line-height: 1.5;
	text-decoration: none;
	transition: color var(--hf-ease);
}
.arhtrd-footer__post-title:hover {
	color: var(--hf-amber);
}
.arhtrd-footer__no-posts {
	color: var(--hf-text-muted);
	font-size: 13px;
	margin: 0;
}

/* ── Col 4: Subscribe ── */
.arhtrd-footer__subscribe-text {
	font-size: 13px;
	line-height: 1.65;
	color: var(--hf-text-muted);
	margin: 0 0 18px 0;
}

/* Pill-shaped subscribe form */
.arhtrd-subscribe-form__row {
	display: flex;
	border: 1px solid var(--hf-border);
	border-radius: var(--hf-radius-lg);
	overflow: hidden;
	background: var(--hf-dark-card);
	transition: border-color 0.22s ease, box-shadow 0.22s ease;
}
.arhtrd-subscribe-form__row:focus-within {
	border-color: var(--hf-amber-border);
	box-shadow: 0 0 0 3px rgba(212, 160, 23, 0.09);
}
.arhtrd-subscribe-form__input {
	flex: 1;
	background: transparent;
	border: none;
	padding: 11px 16px;
	color: var(--hf-text);
	font-size: 13px;
	outline: none;
	min-width: 0;
}
.arhtrd-subscribe-form__input::placeholder {
	color: var(--hf-text-muted);
}
.arhtrd-subscribe-form__btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	flex-shrink: 0;
	background: var(--hf-amber);
	border: none;
	cursor: pointer;
	color: #080B12;
	border-radius: 0 var(--hf-radius-lg) var(--hf-radius-lg) 0;
	transition: background var(--hf-ease);
}
.arhtrd-subscribe-form__btn:hover {
	background: var(--hf-amber-light);
}
.arhtrd-subscribe-form__btn:focus-visible {
	outline: 2px solid var(--hf-amber);
	outline-offset: 2px;
}
.arhtrd-subscribe-form__btn:active {
	transform: scale(0.94);
}

.arhtrd-footer__contact-hints {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 20px;
}
.arhtrd-footer__contact-hint {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	color: var(--hf-text-muted);
	font-size: 13px;
	text-decoration: none;
	transition: color var(--hf-ease);
}
.arhtrd-footer__contact-hint:hover {
	color: var(--hf-amber);
}
.arhtrd-footer__contact-hint svg {
	color: var(--hf-amber);
	flex-shrink: 0;
}

/* ── Footer bottom bar ── */
.arhtrd-footer__bottom {
	background: var(--hf-dark-nav);
	border-top: 1px solid var(--hf-border);
	padding: 20px 0;
}
.arhtrd-footer__bottom-inner {
	display: flex;
	align-items: center;
	justify-content: center;
}
.arhtrd-footer__copyright {
	margin: 0;
	font-size: 12px;
	color: var(--hf-text-muted);
	text-align: center;
	line-height: 1.7;
}
.arhtrd-footer__copyright a {
	color: var(--hf-amber);
	text-decoration: none;
	transition: color var(--hf-ease);
}
.arhtrd-footer__copyright a:hover {
	color: var(--hf-amber-light);
}
.arhtrd-footer__sep {
	margin: 0 10px;
	opacity: 0.3;
}

/* Footer scroll-reveal animation */
.arhtrd-footer__col {
	opacity: 0;
	transform: translateY(22px);
	transition: opacity 0.6s ease, transform 0.6s ease;
}
.arhtrd-footer.is-visible .arhtrd-footer__col:nth-child(1) { opacity: 1; transform: none; transition-delay: 0s;     }
.arhtrd-footer.is-visible .arhtrd-footer__col:nth-child(2) { opacity: 1; transform: none; transition-delay: 0.09s;  }
.arhtrd-footer.is-visible .arhtrd-footer__col:nth-child(3) { opacity: 1; transform: none; transition-delay: 0.18s;  }
.arhtrd-footer.is-visible .arhtrd-footer__col:nth-child(4) { opacity: 1; transform: none; transition-delay: 0.27s;  }

/* ============================================================
   RESPONSIVE — 1280px
   ============================================================ */

@media (max-width: 1280px) {
	.arhtrd-container {
		padding: 0 24px;
	}
	.arhtrd-footer__grid {
		grid-template-columns: 1.3fr 0.8fr 1.1fr 1.1fr;
		gap: 40px 32px;
	}
}

/* ============================================================
   RESPONSIVE — 1200px
   ============================================================ */

@media (max-width: 1200px) {
	.arhtrd-footer__grid {
		grid-template-columns: 1.2fr 0.75fr 1fr 1fr;
		gap: 36px 28px;
	}
	.arhtrd-nav-menu .menu-item > a {
		padding: 0 12px;
		font-size: 12px;
	}
	.arhtrd-nav-menu .menu-item > a::after {
		left: 12px;
		right: 12px;
	}
}

/* ============================================================
   RESPONSIVE — 1024px (tablet landscape)
   ============================================================ */

@media (max-width: 1024px) {
	.arhtrd-contact-strip {
		display: none;
	}
	.arhtrd-header-actions {
		display: none;
	}
	.arhtrd-mobile-controls {
		display: flex;
	}
	.arhtrd-nav-bar {
		display: none;
	}
	.arhtrd-utility-bar {
		height: 66px;
	}
	.arhtrd-logo a,
	.arhtrd-logo img {
		max-height: 44px;
	}

	.arhtrd-footer__grid {
		grid-template-columns: 1fr 1fr;
		gap: 44px 36px;
	}
}

/* ============================================================
   RESPONSIVE — 768px (tablet portrait)
   ============================================================ */

@media (max-width: 768px) {
	:root {
		--hf-topbar-h:   36px;
		--hf-utility-h:  64px;
	}

	.arhtrd-top-bar .arhtrd-container {
		font-size: 11px;
		letter-spacing: 0.05em;
	}

	.arhtrd-footer__main {
		padding: 52px 0 40px;
	}
	.arhtrd-footer__grid {
		grid-template-columns: 1fr;
		gap: 40px;
	}
	.arhtrd-footer__col--company {
		text-align: center;
	}
	.arhtrd-footer__logo {
		display: flex;
		justify-content: center;
	}
	.arhtrd-footer__tagline {
		max-width: 100%;
	}
	.arhtrd-years-badge {
		justify-content: center;
	}
	.arhtrd-footer__social {
		justify-content: center;
	}
}

/* ============================================================
   RESPONSIVE — 480px (mobile)
   ============================================================ */

@media (max-width: 480px) {
	:root {
		--hf-utility-h: 60px;
	}

	.arhtrd-container {
		padding: 0 16px;
	}
	.arhtrd-top-bar .arhtrd-container span:not(.arhtrd-top-bar__icon) {
		font-size: 10.5px;
	}
	.arhtrd-logo a,
	.arhtrd-logo img {
		max-height: 38px;
	}
	.arhtrd-mobile-nav__panel {
		width: 100vw;
	}
	.arhtrd-footer__copyright {
		font-size: 11.5px;
	}
	.arhtrd-years-badge__ring {
		width: 84px;
		height: 84px;
	}
	.arhtrd-years-badge__number {
		font-size: 26px;
	}
	.arhtrd-footer__bottom {
		padding: 16px 0;
	}
}

/* ============================================================
   REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {
	#arhtrd-header,
	.arhtrd-header-collapsible,
	.arhtrd-mobile-nav__panel,
	.arhtrd-mobile-nav__overlay,
	.arhtrd-footer__col,
	.arhtrd-btn,
	.arhtrd-btn--primary::before,
	.arhtrd-hamburger__line,
	.arhtrd-nav-menu .menu-item > a::after,
	.arhtrd-nav-menu .sub-menu,
	.arhtrd-social-link,
	.arhtrd-footer__post-thumb img,
	.arhtrd-years-badge__ring::before,
	.arhtrd-years-badge__ring::after,
	.arhtrd-btn__online-dot {
		animation: none !important;
		transition: none !important;
	}
	.arhtrd-footer__col {
		opacity: 1;
		transform: none;
	}
}