/*
Theme Name: ShikhoPro Photoshop Masterclass
Theme URI: https://shikhop.com
Author: ShikhoPro
Description: Custom theme for the ShikhoPro Photoshop Zero to Pro course landing page. Converted from the original React/Vite design to WordPress.
Version: 1.0
Text Domain: shikhopro
*/

/* Most visual styling is handled by Tailwind CSS (loaded via functions.php).
   This file only carries small overrides that Tailwind's default build can't express. */

body {
	background-color: #000;
	font-family: 'Hind Siliguri', 'Noto Sans Bengali', ui-sans-serif, system-ui, sans-serif;
}

::selection {
	background-color: #dc2626;
	color: #fff;
}

/* Smooth scroll for anchor links (checkout section, etc.) */
html {
	scroll-behavior: smooth;
}

/* Sticky mobile bottom bar needs page padding so content isn't hidden behind it */
@media (max-width: 639px) {
	body {
		padding-bottom: 4rem;
	}
}

/* ---------------- Mobile-friendliness hardening ---------------- */
* { box-sizing: border-box; }
body { overflow-x: hidden; }
img, video, iframe { max-width: 100%; height: auto; }
table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }
input, select, textarea, button { font-size: 16px; } /* stops iOS auto-zoom on focus */

.no-scrollbar { scrollbar-width: none; -ms-overflow-style: none; }
.no-scrollbar::-webkit-scrollbar { display: none; }

@media (max-width: 380px) {
	h1 { font-size: 1.4rem !important; }
	h2 { font-size: 1.15rem !important; }
}