/*
Theme Name: Arknow Child
Theme URI: https://arknow.in/
Description: Arknow child theme for Astra — performance improvements and mobile fixes. Zero Elementor conflicts.
Author: Arknow
Author URI: https://arknow.in/
Template: astra
Version: 1.2.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: arknow-child
*/

/*
 * Google Fonts are loaded non-blocking via functions.php (wp_head, priority 1).
 * No @import here — @import is render-blocking and would hurt page speed.
 */

/* =====================================================================
   FONT STACK
   Inter replaces Astra's default system font. No layout properties touched.
   ===================================================================== */
body,
input,
textarea,
select,
button {
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* =====================================================================
   SMOOTH SCROLL  (CSS-only, zero JS)
   ===================================================================== */
html {
	scroll-behavior: smooth;
}

/* =====================================================================
   BUTTON HOVER POLISH
   Scoped to .ast-button only — Astra's own class.
   Does not touch .button, WooCommerce buttons, or Elementor widgets.
   ===================================================================== */
.ast-button {
	transition: transform .2s ease, box-shadow .2s ease;
}

.ast-button:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 16px rgba(0, 0, 0, .18);
}

/* =====================================================================
   MOBILE MENU — smooth trigger transition
   ===================================================================== */
.ast-mobile-menu-buttons button {
	transition: opacity .15s ease;
}

.ast-mobile-menu-buttons button:hover {
	opacity: .8;
}

/* =====================================================================
   ACCESSIBILITY — focus ring
   ===================================================================== */
*:focus-visible {
	outline-offset: 3px;
}

/* =====================================================================
   MOBILE  (max-width: 767px)
   Only two safe fixes:
     1. Nav menu readability — font-size + line-height only, no widths
     2. Image overflow prevention — max-width constraint only
   Zero changes to desktop layout. Zero grid/flexbox/width properties.
   ===================================================================== */
@media (max-width: 767px) {

	/* — Nav readability — */
	/* Astra's mobile menu uses .ast-mobile-menu-wrap for the slide-out panel */
	.ast-mobile-menu-wrap .menu-item > a,
	.ast-flyout-menu-wrap .menu-item > a {
		font-size: 1rem;
		line-height: 1.6;
		letter-spacing: .01em;
	}

	/* Sub-menu items slightly smaller so hierarchy is clear */
	.ast-mobile-menu-wrap .sub-menu .menu-item > a,
	.ast-flyout-menu-wrap .sub-menu .menu-item > a {
		font-size: .9rem;
	}

	/* — Image overflow prevention — */
	/* max-width is a content constraint, not a layout change.
	   It stops images wider than their container from causing
	   horizontal scroll on small screens. height: auto preserves ratio. */
	img {
		max-width: 100%;
		height: auto;
	}
}