/*
Theme Name: Twenty Twenty-Four
Theme URI: https://wordpress.org/themes/twentytwentyfour/
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Four is designed to be flexible, versatile and applicable to any website. Its collection of templates and patterns tailor to different needs, such as presenting a business, blogging and writing or showcasing work. A multitude of possibilities open up with just a few adjustments to color and typography. Twenty Twenty-Four comes with style variations and full page designs to help speed up the site building process, is fully compatible with the site editor, and takes advantage of new design tools introduced in WordPress 6.4.
Requires at least: 6.4
Tested up to: 6.6
Requires PHP: 7.0
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfour
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/


/* Фиксация меню и свойсва кнопок по присвоенному ID */
#procto-cs-menu-1 {
    position: sticky;
    top: 0;
    z-index: 9999;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}
.admin-bar #procto-cs-menu-1 {
  top: 32px;
}

#procto-cs-menu-1.is-sticky {
    background-color: rgba(255, 255, 255, 0.94);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.18);
}
#procto-cs-menu-1 .elementor-button {
    background:
        radial-gradient(
            ellipse at 35% 20%,
            #69b0ff 0%,
            #3b8ddd 25%,
            #1769c2 55%,
            #0b4f9e 100%
        );

    border-radius: 8px;

    box-shadow:
        inset 0 2px 3px rgba(255, 255, 255, 0.55),
        inset 0 -4px 6px rgba(0, 0, 0, 0.30),
        0 3px 6px rgba(0, 0, 0, 0.25);

    transition:
        background 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease;
}

#procto-cs-menu-1 .elementor-button:hover {
    background:
        radial-gradient(
            ellipse at 35% 18%,
            #82bdff 0%,
            #4b9ae8 25%,
            #2377cf 55%,
            #0d55a5 100%
        );

    box-shadow:
        inset 0 2px 4px rgba(255, 255, 255, 0.65),
        inset 0 -4px 7px rgba(0, 0, 0, 0.30),
        0 5px 9px rgba(0, 0, 0, 0.28);

    transform: translateY(-1px);
}

#procto-cs-menu-1 .elementor-button:active {
    transform: translateY(1px);

    box-shadow:
        inset 0 3px 6px rgba(0, 0, 0, 0.35),
        inset 0 -1px 2px rgba(255, 255, 255, 0.2),
        0 1px 2px rgba(0, 0, 0, 0.2);
}