/*
Theme Name: My New Site
Theme URI: https://github.com/[username]/my-new-site
Author: [Your Name]
Author URI: https://[yourwebsite].com
Description: Custom WordPress block theme for a skin clinic website with hero slider, services, doctor profiles, and reviews.
Requires at least: 6.9
Tested up to: 6.9
Requires PHP: 8.0
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: my_new_site
Tags: block-theme, full-site-editing, custom-colors, custom-menu, featured-images, block-styles, wide-blocks, accessibility-ready, translation-ready

My New Site WordPress Theme, (C) 2025 [Your Name]
My New Site is distributed under the terms of the GNU GPL.

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* Base Styles */
:root {
	--wp--preset--color--primary: #016361;
	--wp--preset--color--secondary: #1face4;
	--wp--preset--color--accent: #ff6b6b;
	--wp--preset--color--text-main: #000000;
	--wp--preset--color--text-body: #333333;
	--wp--preset--color--background: #ffffff;
	--wp--preset--font-family--primary: 'Montserrat', sans-serif;
}

body {
	font-family: var(--wp--preset--font-family--primary);
	color: var(--wp--preset--color--text-body);
	background-color: var(--wp--preset--color--background);
	margin: 0;
	line-height: 1.6;
}

/* Accessibility */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.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;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Skip Link */
.skip-link {
	left: -9999px;
	position: absolute;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
	z-index: 999999;
}

.skip-link:focus {
	display: block;
	left: 6px;
	top: 7px;
	width: auto;
	height: auto;
	padding: 15px 23px 14px;
	background-color: #f1f1f1;
	color: #21759b;
	font-size: 14px;
	font-weight: 600;
	line-height: normal;
	text-decoration: none;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
}