/*
Theme Name:     Foxiz child
Template:      	foxiz
Theme URI:      https://foxiz.themeruby.com
Author:         Theme-Ruby
Author URI:     https://themeforest.net/user/theme-ruby/portfolio/
Description:    Make your modifications to Foxiz in this child theme.
Version:        1.0
Tags:           custom-background, custom-menu, featured-images, theme-options, custom-colors, translation-ready, threaded-comments, translation-ready
License:        Themeforest Licence
License URI:    https://themeforest.net/licenses/standard
*/

/* Your CSS code goes here
-------------------------------------- */
.custom-instagram-float-btn,
.custom-facebook-float-btn,
.custom-youtube-float-btn { /* DODANY YOUTUBE */
    position: fixed;
    right: 15px;
    z-index: 9999;

    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-decoration: none;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease;

    background: #313131; /* To samo tło dla wszystkich */
}

/* Pozycjonowanie Instagrama (najniżej) */
.custom-instagram-float-btn {
    bottom: 90px; /* Zostało bez zmian */
}

/* Pozycjonowanie Facebooka (środek) */
.custom-facebook-float-btn {
    bottom: 150px; /* Zostało bez zmian */
}

/* Pozycjonowanie YouTube (najwyżej) */
.custom-youtube-float-btn {
    /* 150px (FB) + 50px (wysokość) + 10px (margines) = 210px */
    bottom: 210px; /* NOWA POZYCJA */
}


/* --- STYLE IKON --- */
.custom-instagram-float-btn i,
.custom-facebook-float-btn i,
.custom-youtube-float-btn i { /* DODANY YOUTUBE */
    font-size: 25px;
    color: white;
    line-height: 1;
    margin: 0;
    padding: 0;
}

/* --- STYLE HOVER --- */
.custom-instagram-float-btn:hover,
.custom-facebook-float-btn:hover,
.custom-youtube-float-btn:hover { /* DODANY YOUTUBE */
    transform: scale(1.1);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
}

/* --- MEDIA QUERIES (RESPONSYWNOŚĆ) --- */
@media only screen and (max-width: 768px) {
    .custom-instagram-float-btn {
        bottom: 70px; /* Dostosowana pozycja na mobile */
        right: 10px;
    }
    .custom-facebook-float-btn {
        bottom: 130px; /* Dostosowana pozycja na mobile */
        right: 10px;
    }
    .custom-youtube-float-btn { /* DODANY YOUTUBE */
        bottom: 190px; /* Dostosowana pozycja na mobile (130px + 50px + 10px = 190px) */
        right: 10px;
    }
}

@media (min-width: 1000px) and (max-width: 1400px) {
    .single-standard-3 .single-header-inner:before,
    .single-standard-4 .single-header-inner:before {
        padding-bottom: 5%;
    }
}