/*
Theme Name: Yash Sharma
Theme URI: https://yashsharma.dev/
Author: Yash Sharma
Author URI: https://yashsharma.dev/
Description: A super lightweight, fast-loading WordPress base theme built for the Elementor page builder ecosystem. Yash Sharma ships with minimal CSS, no bloated design opinions, full Elementor Theme Builder support (header, footer, single, archive locations), and clean, semantic, accessible markup — so Elementor (or Elementor Pro) does all the visual heavy lifting while the theme stays out of the way.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: yash-sharma
Tags: custom-menu, custom-logo, featured-images, threaded-comments, translation-ready, block-styles, wide-blocks, editor-style, one-column

Yash Sharma is a base theme designed specifically to be paired with Elementor.
It is intentionally minimal — almost all CSS lives in Elementor itself — so
pages load fast and there is no specificity war between theme styles and
Elementor's own output.
*/

/* -----------------------------------------------------------------------
   Minimal base styles. Elementor (and Elementor Pro Theme Builder) is
   expected to provide almost all visual design. Keep this file small.
   ----------------------------------------------------------------------- */
.wpcf7-response-output {
    border-color: #00000000 !important;
}
html {
	box-sizing: border-box;
	-webkit-text-size-adjust: 100%;
}

*,
*::before,
*::after {
	box-sizing: inherit;
}

body {
	margin: 0;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	line-height: 1.6;
	color: #1a1a1a;
	background: #fff;
}

img {
	max-width: 100%;
	height: auto;
}

a {
	color: inherit;
}

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

.ys-skip-link {
	position: absolute;
	top: -100px;
	left: 0;
	background: #1a1a1a;
	color: #fff;
	padding: 10px 18px;
	z-index: 999999;
	transition: top 0.2s ease-in-out;
}

.ys-skip-link:focus {
	top: 0;
}

/* Default container used only when NOT editing with Elementor */
.ys-container {
	max-width: 1140px;
	margin: 0 auto;
	padding: 0 20px;
}

.site-header,
.site-footer {
	padding: 20px 0;
}

.site-branding {
	display: flex;
	align-items: center;
	gap: 12px;
}

.site-title {
	font-size: 1.4rem;
	margin: 0;
}

.site-title a {
	text-decoration: none;
}

.site-description {
	margin: 0;
	font-size: 0.85rem;
	opacity: 0.7;
}

.ys-main-navigation ul {
	list-style: none;
	display: flex;
	gap: 20px;
	margin: 0;
	padding: 0;
	flex-wrap: wrap;
}

.ys-main-navigation a {
	text-decoration: none;
}

.ys-main-navigation .sub-menu {
	display: none;
}

.site-content {
	min-height: 40vh;
	padding: 40px 0;
}

.entry-title {
	margin-top: 0;
}

.entry-footer,
.entry-meta {
	font-size: 0.85rem;
	opacity: 0.7;
}

.ys-pagination {
	display: flex;
	gap: 10px;
	list-style: none;
	padding: 0;
	margin: 30px 0 0;
}

.footer-widgets {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 30px;
	padding: 30px 0;
}

.site-footer .footer-bottom {
	font-size: 0.85rem;
	opacity: 0.7;
	padding-top: 20px;
	border-top: 1px solid #eaeaea;
}

/* When Elementor manages the page (Theme Builder header/footer or
   Elementor-edited content), we strip our own wrapper chrome. */
.ys-elementor-page .site-content,
.ys-elementor-page .ys-container {
	padding: 0;
	max-width: none;
}