/*
Theme Name: The Body Shape
Theme URI: https://thebodyshape.in
Author: The Body Shape
Author URI: https://thebodyshape.in
Description: Premium luxury WordPress theme for The Body Shape — Beauty, Skin, Hair, Slimming & Wellness Clinic in 9th Block Jayanagar, Bangalore. Fully responsive, SEO-optimized, animation-rich, and Gutenberg-ready.
Version: 4.5.9
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: the-body-shape
Tags: custom-menu, custom-logo, featured-images, full-width-template, theme-options, translation-ready, blog, health, one-column, two-columns

The Body Shape — Luxury Beauty & Wellness Clinic Theme
*/

/* Critical base — full styles in assets/css/main.css */
:root {
	--tbs-primary: #2D7A77;
	--tbs-primary-dark: #236260;
	--tbs-primary-light: #3A9490;
	--tbs-gold: #D1B98A;
	--tbs-gold-light: #E8D5B0;
	--tbs-blue: #0A4D9F;
	--tbs-royal: #0057FF;
	--tbs-sky: #5BC8FF;
	--tbs-white: #FFFFFF;
	--tbs-pearl: #FAFAFA;
	--tbs-grey: #F5F5F5;
	--tbs-text: #111111;
	--tbs-text-muted: #666666;
	--tbs-shadow: 0 8px 32px rgba(46, 125, 120, 0.08);
	--tbs-shadow-lg: 0 20px 60px rgba(46, 125, 120, 0.12);
	--tbs-radius: 16px;
	--tbs-radius-sm: 8px;
	--tbs-transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	--tbs-font-heading: 'Poppins', sans-serif;
	--tbs-font-display: 'Playfair Display', serif;
	--tbs-font-body: 'Inter', sans-serif;
	--tbs-font-btn: 'Montserrat', sans-serif;
}

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

html {
	-webkit-font-smoothing: antialiased;
}

body {
	margin: 0;
	font-family: var(--tbs-font-body);
	font-size: 16px;
	line-height: 1.7;
	color: var(--tbs-text);
	background: var(--tbs-white);
	overflow-x: hidden;
}

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

a {
	color: var(--tbs-primary);
	text-decoration: none;
	transition: color var(--tbs-transition);
}

a:hover,
a:focus {
	color: var(--tbs-primary-dark);
}

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	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;
	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;
}

.alignwide { max-width: 1200px; margin-left: auto; margin-right: auto; }
.alignfull { width: 100vw; margin-left: calc(50% - 50vw); }