/*
Theme Name:   Чувам те
Theme URI:    https://chuvamte.bg
Author:       Фондация Чувам те
Author URI:   https://chuvamte.bg
Description:  Светла, чиста и топла WordPress тема за Фондация „Чувам те". Дизайнът носи доверие и спокойствие, съчетавайки образователна платформа с пространство за подкрепа.
Version:      1.0.5
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  chuvamte
Domain Path:  /languages
Tags:         custom-colors, custom-logo, custom-menu, featured-images, translation-ready, blog, education, nonprofit
*/

/* Import modular CSS */
@import url('assets/css/variables.css');
@import url('assets/css/typography.css');
@import url('assets/css/layout.css');
@import url('assets/css/components.css');
@import url('assets/css/hero.css');
@import url('assets/css/sections.css');
@import url('assets/css/page-templates.css');
@import url('assets/css/animations.css');
@import url('assets/css/responsive.css');

/* WordPress alignment classes */
.alignleft  { float: left;  margin-right: 1.5rem; margin-bottom: 1rem; }
.alignright { float: right; margin-left: 1.5rem;  margin-bottom: 1rem; }
.aligncenter { display: block; margin: 0 auto 1rem; }
.wp-caption { max-width: 100%; }
.wp-caption-text { font-size: 0.875rem; color: var(--color-text-muted); text-align: center; margin-top: 0.5rem; }
.screen-reader-text { clip: rect(1px,1px,1px,1px); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }
.screen-reader-text:focus { clip: auto; height: auto; overflow: visible; position: static; white-space: normal; width: auto; }

/* Back to Top */
#back-to-top { position: fixed; bottom: 2rem; right: 2rem; width: 48px; height: 48px; background: var(--color-green); color: var(--color-white); border: none; border-radius: var(--radius-full); cursor: pointer; display: flex; align-items: center; justify-content: center; box-shadow: var(--shadow-md); z-index: 999; opacity: 0; transform: translateY(10px); transition: opacity var(--transition-base), transform var(--transition-base); pointer-events: none; }
#back-to-top.visible { opacity: 1; transform: translateY(0); pointer-events: auto; }
#back-to-top:hover { background: var(--color-green-dark); transform: translateY(-2px); box-shadow: var(--shadow-lg); }
#back-to-top svg { width: 20px; height: 20px; }