/*
Theme Name: Twenty Twenty-Five Child
Theme URI: https://www.codefactory.tech/
Author: Janos Zibrat
Author URI: https://www.codefactory.tech/
Description: Based on the Twenty Twenty-Five theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfive-child
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-p>
Template: twentytwentyfive
*/
html {
	scroll-behavior: smooth;
}

#scroll-to-top {
    /* Existing properties */
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #00DB8D;
    color: #000;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex; /* Keep flex for centering content */
    justify-content: center;
    align-items: center;
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    z-index: 9999;

    /* --- NEW/MODIFIED FOR FADE EFFECT --- */
    opacity: 0; /* Start hidden with opacity */
    pointer-events: none; /* Disable clicks when hidden */
    transition: opacity 0.5s ease-in-out, background-color 0.3s ease, transform 0.3s ease; /* Add opacity transition */
}

/* --- NEW CLASS FOR SHOWING THE BUTTON --- */
#scroll-to-top.show {
    opacity: 1; /* Make visible */
    pointer-events: auto; /* Enable clicks when visible */
}

#scroll-to-top:hover {
    background-color: #00af71;
    transform: translateY(-3px);
}

#scroll-to-top svg {
    width: 24px;
    height: 24px;
    fill: currentColor;
}

.justify {
	text-align: justify;
}