/*
Theme Name: SimplePro
Description: A modern, lightweight, and highly optimized WordPress starter theme designed for entrepreneurs, bloggers, and businesses. Built with performance and SEO in mind, SimplePro serves as the foundation for custom WordPress themes and child theme development.
Author: Attila Bogdan
Author URI: https://bogozi.com
Theme URI: https://bogozi.com/wordpress/wp-themes/simplepro
Version: 1.0.15
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 8.0
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: simplepro
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, blog, business, portfolio, responsive-layout, right-sidebar, custom-colors, editor-style, featured-images, full-width-template, microformats, post-formats, rtl-language-support, theme-options, translation-ready, accessibility-ready, block-patterns, block-styles, wide-blocks, editor-styles
*/
:root{
 --border-radius: 8px;
 --border-radius-sm: 4px;
 --border-radius-lg: 12px;
 --space-xs: .25rem;
 --space-sm: .5rem;
 --space-md: 1rem;
 --space-lg: 1.5rem;
 --space-xl: 2rem;
 --space-2xl: 3rem;
 --max-width: 1200px;
 --text-thin: 100;
 --text-light: 300;
 --text-regular: 400;
 --text-medium: 500;
 --text-semibold: 600;
 --text-bold: 700;
 --text-xs: .75rem;
 --text-sm: .85rem;
 --text-base: .9rem;
 --text-md: 1rem;
 --text-lg: 1.1rem;
 --text-xl: 1.2rem;
 --text-2xl: 2rem;
 --text-3xl: 2.5rem;
 --shadow-xs: 0 1px 3px var(--shadow-color);
 --shadow-sm: 0 2px 4px var(--shadow-color);
 --shadow-md: 0 2px 8px var(--shadow-color);
 --shadow-focus: 0 0 0 2px var(--primary-color);
 --transition-all: all .3s ease;
 --transition-color: color .3s ease;
 --transition-hover: transform .3s ease, box-shadow .3s ease;
 --lift-sm: translateY(-1px);
 --lift-md: translateY(-2px);
 --lift-reset: translateY(0);
 --icon-size-sm: 18px;
 --icon-size-md: 20px;
 --icon-size-lg: 24px;
 --button-size: 44px;
 --social-icon-size: 40px;
 --content-min-height: 350px;
 --grid-min-width: 200px;
 --textarea-min-height: 120px;
 --border-accent-width: 3px;
 --progress-bar-height: 3px;
 --sticky-gap: 1rem;
 --header-height: 64px;
}
.screen-reader-text{
 border: 0;
 clip-path: inset(50%);
 height: 1px;
 margin: -1px;
 overflow: hidden;
 padding: 0;
 position: absolute;
 width: 1px;
 word-wrap: normal !important;
}
html{
 scrollbar-width: thin;
 scrollbar-color: var(--primary-color) transparent;
 scrollbar-gutter: stable;
}
#table-of-contents .widget-title{
 font-size: clamp(1rem, 0.75vw + 1rem, 1rem);
 font-weight: var(--text-semibold);
 margin-bottom: var(--space-md);
}
#table-of-contents a{
 padding: var(--space-xs) 0;
 display: inline-block;
}
::-webkit-scrollbar{
 width: 4px;
 height: 4px;
}
::-webkit-scrollbar-track{
 background: transparent;
}
::-webkit-scrollbar-thumb{
 background-color: var(--primary-color);
 border-radius: var(--border-radius-sm);
}
::-webkit-scrollbar-button{
 width: 0;
 height: 0;
 display: none;
}
::-webkit-scrollbar-corner{
 background: transparent;
}
::-webkit-scrollbar-thumb:hover{
 background-color: var(--primary-dark);
}
::-webkit-scrollbar-thumb:active{
 background-color: var(--primary-dark);
}