/*
	Theme Name: Hello Elementor
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
	Author: Elementor Team
	Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	Version: 3.4.5
	Stable tag: 3.4.5
	Requires at least: 6.0
	Tested up to: 6.8
	Requires PHP: 7.4
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor
	Tags: accessibility-ready, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready,
*/

/* ============================================= */
/* Bonus code copy-to-clipboard toast notification */
/* ============================================= */

#bonus-toast-container {
    position: fixed;
    bottom: 24px;
    right: 24px;
    z-index: 99999;
    display: flex;
    flex-direction: column;
    gap: 10px;
    pointer-events: none;
}

.bonus-toast {
    min-width: 280px;
    max-width: 360px;
    background: linear-gradient(180deg, hsl(240 10% 8%) 0%, hsl(240 10% 6%) 100%);
    color: hsl(240 5% 96%);
    border: 1px solid hsl(240 8% 15%);
    border-left: 2px solid hsl(190 100% 50%);
    border-radius: 2px;
    padding: 14px 18px;
    box-shadow:
        0 8px 32px hsl(190 100% 50% / 0.1),
        0 0 20px hsl(190 100% 50% / 0.15);
    font-family: inherit;
    font-size: 14px;
    line-height: 1.45;
    opacity: 0;
    transform: translateY(12px);
    transition: opacity 0.25s ease, transform 0.25s ease;
    pointer-events: auto;
}

.bonus-toast.show {
    opacity: 1;
    transform: translateY(0);
}

.bonus-toast-title {
    font-weight: 700;
    margin: 0 0 4px 0;
    font-size: 15px;
    letter-spacing: -0.01em;
    background-image: linear-gradient(135deg, hsl(190 100% 50%) 0%, hsl(190 100% 60%) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.bonus-toast-body {
    margin: 0;
    color: hsl(240 5% 55%);
}

.bonus-toast-body strong {
    color: hsl(45 100% 50%);
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-weight: 600;
    letter-spacing: 0.05em;
}

@media (max-width: 600px) {
    #bonus-toast-container {
        left: 16px;
        right: 16px;
        bottom: 16px;
    }

    .bonus-toast {
        min-width: 0;
        max-width: none;
    }
}