/*
 * Noakhali Cricket — base reset, scoped to .nc-app.
 * Prevents theme style leakage in either direction.
 */

.nc-app *,
.nc-app *::before,
.nc-app *::after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

.nc-app {
	background: transparent;
	color: var(--nc-text);
	font-family: var(--nc-font-sans);
	font-size: 15px;
	line-height: 1.55;
	letter-spacing: -0.005em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	padding: 0;
}

.nc-app h1,
.nc-app h2,
.nc-app h3,
.nc-app h4 {
	font-weight: 700;
	line-height: 1.25;
	color: var(--nc-text-strong);
	letter-spacing: -0.01em;
}

@media (max-width: 767px) {
	.page-template-dashboard-template .container {
		width: 100%;
		padding: 0;
	}
	div.nc-shell{
		padding-left: 10px;
		padding-right: 10px;
	}
}

.nc-app h1 {
	font-size: clamp(20px, 2.2vw, 26px);
}

.nc-app h2 {
	font-size: 18px;
}

.nc-app h3 {
	font-size: 15px;
}

.nc-app p {
	color: inherit;
}

.nc-app a:not(.nc-btn) {
	color: var(--nc-primary-600);
	text-decoration: none;
	font-weight: 600;
}

.nc-app a:not(.nc-btn):hover {
	color: var(--nc-primary);
	text-decoration: underline;
	text-underline-offset: 2px;
}

.nc-app button:not(.nc-btn),
.nc-app input,
.nc-app select,
.nc-app textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
	letter-spacing: inherit;
}

.nc-app select {
	-webkit-appearance: none;
	appearance: none;
}

.nc-app ul,
.nc-app ol {
	list-style: none;
}

.nc-app img,
.nc-app svg {
	display: block;
	max-width: 100%;
}

.nc-app ::selection {
	background: var(--nc-primary-100);
	color: var(--nc-text-strong);
}

.nc-app :focus-visible {
	outline: none;
	box-shadow: var(--nc-focus-ring);
	border-radius: var(--nc-radius-sm);
}

/* Hide Alpine-controlled elements until Alpine is ready. */
[x-cloak] {
	display: none !important;
}

@media (prefers-reduced-motion: reduce) {
	.nc-app *,
	.nc-app *::before,
	.nc-app *::after {
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}

/* Textarea vertical resize only — horizontal breaks the layout. */
.nc-app textarea {
	resize: vertical;
}