/*
Theme Name: Citywomen
Theme URI: https://github.com/git/citywomen-theme
Author: Proyo Technologies
Author URI: https://github.com/proyotech
Description: A premium, highly customizable, and SEO-optimized news/blog WordPress theme built for speed. Fully compatible with WPBakery Page Builder (JS Composer), featuring advanced grid systems, ajax loading, custom menus, widgets, and full support for plugins like Yoast SEO.
Version: 1.2.9
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: citywomen
Tags: grid-layout, two-columns, flexible-header, footer-widgets, custom-menu, custom-colors, translation-ready, news, blog, featured-images
*/

/**
 * Table of Contents:
 * 1. Theme Configuration & Custom CSS Variables
 * 2. Standard CSS Reset & Base Rules
 * 3. Typography & Global Layout Defaults
 */

/* 1. Theme Configuration & Custom CSS Variables */
:root {
	/* Palette - Updated to match logo and sample banner */
	--cw-color-primary: #0f284b;       /* Elegant Deep Navy Blue */
	--cw-color-accent: #e5009f;        /* Vivid Brand Magenta */
	--cw-color-accent-hover: #ce3164;  /* Accent Crimson Rose */
	--cw-color-dark: #0f284b;          /* Navy for Headers */
	--cw-color-light: #ffffff;
	--cw-color-gray-dark: #2f3a4c;     /* Soft Charcoal Slate */
	--cw-color-gray: #718096;
	--cw-color-gray-light: #fdf7f4;    /* Warm Peach Cream */
	--cw-color-border: #ebd8d4;        /* Delicate Rose Gold Line */
	--cw-color-border-dark: #eed0cc;

	/* Fonts - Editorial Fashion Magazine */
	--cw-font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	--cw-font-serif: 'Playfair Display', Georgia, serif;
	--cw-font-condensed: 'Plus Jakarta Sans', sans-serif;

	/* Layout & Grid constants */
	--cw-container-width: 1140px;
	--cw-border-radius-sm: 2px;
	--cw-border-radius-md: 4px;
	--cw-transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
	--cw-transition-normal: 0.3s cubic-bezier(0.4, 0, 0.2, 1);

	/* Box Shadows */
	--cw-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);
	--cw-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
	--cw-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -2px rgba(0, 0, 0, 0.02);
}

/* 2. Standard CSS Reset & Base Rules */
html {
	box-sizing: border-box;
	text-size-adjust: 100%;
	scroll-behavior: smooth;
}

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

body {
	margin: 0;
	background-color: var(--cw-color-light);
	color: var(--cw-color-gray-dark);
	font-family: var(--cw-font-sans);
	font-size: 14px;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a {
	color: var(--cw-color-gray-dark);
	text-decoration: none;
	transition: color var(--cw-transition-fast);
}

a:hover,
a:focus {
	color: var(--cw-color-accent);
}

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

embed,
iframe,
object,
video {
	max-width: 100%;
}

p {
	margin-top: 0;
	margin-bottom: 1.5em;
}

/* 3. Typography & Global Layout Defaults */
h1,
h2,
h3,
h4,
h5,
h6 {
	color: var(--cw-color-dark);
	font-family: var(--cw-font-serif);
	font-weight: 700;
	line-height: 1.25;
	margin-top: 0;
	margin-bottom: 0.5em;
	letter-spacing: -0.01em;
}

h1 {
	font-size: 2.25rem;
}

h2 {
	font-size: 1.75rem;
}

h3 {
	font-size: 1.35rem;
}

h4 {
	font-size: 1.15rem;
}

h5 {
	font-size: 1rem;
}

h6 {
	font-size: 0.85rem;
}

/* Sticky footer layout */
.site-wrapper {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

.site-content {
	flex-grow: 1;
}