/*
Theme Name: Jhinai Web
Theme URI: https://jhinai.com.bd
Author: Jhinai Technologies
Author URI: https://jhinai.com.bd
Description: Premium multi-venture corporate theme for the parent company website — Agriculture Project, IT School, Jhinai Technologies, News Project, plus the WordPress Marketplace and Product Update Center. Pairs with the jhinai-corporate-core plugin.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Tested up to: 6.6
Text Domain: jhinai-web
Tags: custom-colors, custom-menu, translation-ready, block-styles
*/

:root {
	--jm-primary: #0F766E;
	--jm-primary-dark: #0B5B54;
	--jm-secondary: #2563EB;
	--jm-accent: #F59E0B;
	--jm-white: #FFFFFF;
	--jm-light-gray: #F3F4F6;
	--jm-dark-gray: #1F2937;

	--jm-bg: var(--jm-white);
	--jm-surface: var(--jm-light-gray);
	--jm-text: var(--jm-dark-gray);
	--jm-text-muted: #6B7280;
	--jm-border: #E5E7EB;

	--jm-font-en: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
	--jm-font-bn: 'Hind Siliguri', 'Inter', sans-serif;

	--jm-radius: 12px;
	--jm-transition: 200ms ease-out;
}

html[data-theme="dark"] {
	--jm-bg: #111827;
	--jm-surface: #1F2937;
	--jm-text: #F3F4F6;
	--jm-text-muted: #9CA3AF;
	--jm-border: #374151;
}

* {
	box-sizing: border-box;
}

body {
	margin: 0;
	background: var(--jm-bg);
	color: var(--jm-text);
	font-family: var(--jm-font-en);
	line-height: 1.6;
	transition: background var(--jm-transition), color var(--jm-transition);
}

html[lang^="bn"] body {
	font-family: var(--jm-font-bn);
	line-height: 1.75;
}

a {
	color: var(--jm-secondary);
	text-decoration: none;
}

.jm-container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}

/* Buttons */
.jm-btn {
	display: inline-block;
	padding: 12px 24px;
	border-radius: var(--jm-radius);
	font-weight: 600;
	border: none;
	cursor: pointer;
	transition: transform var(--jm-transition), box-shadow var(--jm-transition), background var(--jm-transition);
}
.jm-btn-primary {
	background: var(--jm-primary);
	color: var(--jm-white);
}
.jm-btn-primary:hover {
	background: var(--jm-primary-dark);
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(15, 118, 110, 0.25);
}
.jm-btn-secondary {
	background: transparent;
	color: var(--jm-secondary);
	border: 2px solid var(--jm-secondary);
}

/* Cards */
.jm-card {
	background: var(--jm-bg);
	border: 1px solid var(--jm-border);
	border-radius: var(--jm-radius);
	padding: 24px;
	transition: transform var(--jm-transition), box-shadow var(--jm-transition);
}
.jm-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);
}

/* Grid utilities */
.jm-grid {
	display: grid;
	gap: 24px;
}
.jm-grid-2 { grid-template-columns: repeat(2, 1fr); }
.jm-grid-3 { grid-template-columns: repeat(3, 1fr); }
.jm-grid-4 { grid-template-columns: repeat(4, 1fr); }

@media (max-width: 900px) {
	.jm-grid-3, .jm-grid-4 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
	.jm-grid-2, .jm-grid-3, .jm-grid-4 { grid-template-columns: 1fr; }
}

/* Badges */
.jm-badge {
	display: inline-block;
	padding: 4px 12px;
	border-radius: 999px;
	font-size: 0.8rem;
	font-weight: 600;
	background: var(--jm-accent);
	color: var(--jm-white);
}

/* Header / footer */
.jm-header {
	position: sticky;
	top: 0;
	z-index: 50;
	background: var(--jm-bg);
	border-bottom: 1px solid var(--jm-border);
}
.jm-header-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 16px 0;
}
.jm-nav ul {
	list-style: none;
	display: flex;
	gap: 28px;
	margin: 0;
	padding: 0;
}
.jm-footer {
	background: var(--jm-surface);
	border-top: 1px solid var(--jm-border);
	margin-top: 80px;
	padding: 60px 0 24px;
}

/* Fade-up animation, respects reduced motion */
.jm-fade-up {
	opacity: 0;
	transform: translateY(16px);
	transition: opacity 500ms ease-out, transform 500ms ease-out;
}
.jm-fade-up.is-visible {
	opacity: 1;
	transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
	.jm-fade-up {
		opacity: 1;
		transform: none;
		transition: none;
	}
}

/* Counter */
.jm-counter {
	font-size: 2.5rem;
	font-weight: 700;
	color: var(--jm-primary);
}