/*
Theme Name: Niikak
Theme URI: https://example.com/niikak
Description: A clean, standalone WordPress theme built with Tailwind CSS and Alpine.js, with an AJAX-powered WooCommerce cart & checkout slice. RTL / Persian ready. Not a child theme — no parent dependency.
Author: Niikak
Author URI: https://example.com
Version: 1.1.2
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: niikak
Tags: custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, translation-ready, e-commerce, full-width-template
*/

/*
   Base theme styles live here. This stylesheet is enqueued site-wide and is
   NOT compiled through Tailwind. The utility CSS is built separately:
     • dist/css/site.css  — site-wide bundle (preflight-free), every non
       cart/checkout page.
     • dist/css/cart-checkout.css  — cart/checkout bundle (full preflight), loaded only
       on cart & checkout pages (see inc/niikak-cart-checkout.php).
*/

/* ---------------------------------------------------------------------------
   Site-wide slim custom scrollbar (no build step required).
--------------------------------------------------------------------------- */

html {
	scrollbar-width: thin;
	scrollbar-color: rgba(1, 41, 48, 0.35) transparent; /* ink thumb / clear track */
}

input, button, select, option, span, *::placeholder, textarea {
	font-family: 'IRANYekanX', 'Tahoma', 'Arial', 'sans-serif';
}

::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}

::-webkit-scrollbar-track {
	background: transparent;
}

::-webkit-scrollbar-thumb {
	background-color: rgba(1, 41, 48, 0.35);
	border-radius: 9999px;
	border: 2px solid transparent;
	background-clip: padding-box;
}

::-webkit-scrollbar-thumb:hover {
	background-color: rgba(1, 41, 48, 0.55);
}

/* Keep the admin bar above the sticky header. */
body.admin-bar .site-header--sticky {
	top: 32px;
}

@media screen and (max-width: 782px) {
	body.admin-bar .site-header--sticky {
		top: 46px;
	}
}