/*
 Theme Name:   Newsphere Child
 Theme URI:    https://uyghurtimes.com
 Description:  Child theme for Newsphere Pro
 Author:       Uyghur Times
 Author URI:   https://uyghurtimes.com
 Template:     newsphere-pro
 Version:      1.0.0
 Text Domain:  newsphere-child
*/

/* Add your custom styles here */

/* Jetpack Subscribe Floating Button - Sininen tausta ja valkoinen teksti */
.jetpack-subscribe-floating-button .wp-block-button__link {
    background-color: #257cba !important;
    color: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.jetpack-subscribe-floating-button .wp-block-button__link:hover {
    background-color: #1e6498 !important;
}

/* Ensure scroll-up button is always on top */
#scroll-up,
.scroll-up,
.scrollup,
a[href="#masthead"],
.back-to-top,
.scroll-to-top {
    z-index: 9999 !important;
}

/* Add margin to subscribe forms to prevent overlap with scroll-up button */
.wp-block-jetpack-subscriptions,
.jetpack-subscribe-button,
form[class*="jetpack"] {
    margin-bottom: 100px !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    margin-top: 20px !important;
}

/* Prevent subscribe button from overlapping scroll-up button */
.wp-block-jetpack-subscriptions .wp-block-button,
.jetpack-subscribe-button {
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* RTL specific: add padding to prevent overlap with scroll-up on left side */
[dir="rtl"] .wp-block-jetpack-subscriptions,
[dir="rtl"] .jetpack-subscribe-button,
[dir="rtl"] form[class*="jetpack"] {
    padding-left: 100px !important;
}

/* LTR specific: add padding to prevent overlap with scroll-up on right side */
[dir="ltr"] .wp-block-jetpack-subscriptions,
[dir="ltr"] .jetpack-subscribe-button,
[dir="ltr"] form[class*="jetpack"] {
    padding-left: 20px !important;
}

/* Same right padding for both RTL and LTR to keep button aligned */
.wp-block-jetpack-subscriptions,
.jetpack-subscribe-button,
form[class*="jetpack"] {
    padding-right: 20px !important;
}