/*
Theme Name: Pinspired
Theme URI: https://pinspiredtheme.com
Author: Pinspired Team
Author URI: https://pinspiredtheme.com
Description: Pinspired is a modern, high-performance, Pinterest-optimized WordPress theme crafted for lifestyle, home decor, recipe, fashion, parenting, and creative publishers. Engineered for speed, visual discovery, and high CTR traffic, it features 13 curated niche and seasonal color palette presets with independent header and footer backgrounds, universal low-visibility borders, multiple modular header layouts, sticky navigation bar, mobile off-canvas drawer, accessible multi-level dropdowns with smart category-based active state highlighting on single posts and CPTs, streamlined hierarchy breadcrumbs, synchronized Gutenberg block editor typography, Pinterest Save & Rich Pins integration, and full W3C accessibility compliance.
Version: 1.2.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pinspired
Tags: blog, lifestyle, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, flexible-header, footer-widgets, full-width-template, grid-layout, one-column, two-columns, right-sidebar, left-sidebar, sticky-post, theme-options, threaded-comments, translation-ready, wide-blocks, accessibility-ready

/* ==========================================================================
   THEME ARCHITECTURE & OVERVIEW
   See README.md in the theme root for full documentation, Customizer controls,
   and layout feature specifications.
   ========================================================================== */

/*
 * Production Stylesheet
 * --------------------------------------------------------------------------
 * For optimal loading performance and modularity, the compiled theme styles
 * are enqueued from assets/css/main.css via inc/enqueue.php.
 * The import below provides fallback compatibility for child themes.
 */
@import url("assets/css/main.css");

/* ==========================================================================
   WORDPRESS CORE REQUIRED STYLES & FALLBACKS
   ========================================================================== */

/* --- Screen Reader Text (Accessibility) --- */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(50%);
	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: #292525;
	border-radius: 8px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	-webkit-clip-path: none;
	clip-path: none;
	color: #ffffff;
	display: block;
	font-size: 14px;
	font-weight: 700;
	height: auto;
	left: 8px;
	line-height: normal;
	padding: 12px 18px;
	text-decoration: none;
	top: 8px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* --- Core Alignments --- */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
	margin-bottom: 1em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
	margin-bottom: 1em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
}

.alignwide {
	margin-left: -40px;
	margin-right: -40px;
	max-width: calc(100% + 80px);
}

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

/* Clearfix */
.clear::before,
.clear::after,
.clearfix::before,
.clearfix::after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear::after,
.clearfix::after {
	clear: both;
}

/* --- Captions --- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text,
.wp-block-image figcaption {
	color: #746c68;
	font-size: 13px;
	line-height: 1.5;
	margin-top: 6px;
	margin-bottom: 0;
	text-align: center;
}

/* --- Gallery Shortcode Fallbacks --- */
.gallery {
	margin-bottom: 1.5em;
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item { max-width: calc(50% - 6px); }
.gallery-columns-3 .gallery-item { max-width: calc(33.333% - 8px); }
.gallery-columns-4 .gallery-item { max-width: calc(25% - 9px); }
.gallery-columns-5 .gallery-item { max-width: calc(20% - 10px); }

.gallery-caption {
	display: block;
	font-size: 12px;
	color: #746c68;
	margin-top: 4px;
}

/* --- Post Author & Sticky Post Markers --- */
.sticky {
	position: relative;
}

.bypostauthor {
	display: block;
}