/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/* ===================================================
   SOCIAL MEDIA FOOTER ICONS
   =================================================== */

.social-media-footer {
    text-align: center;
    padding: 20px 0;
}

.social-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 15px;
    justify-content: center;
    flex-wrap: wrap;
}

.social-list li {
    display: inline-block;
}

.social-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    transition: all 0.3s ease;
    text-decoration: none;
    border: 2px solid rgba(255, 255, 255, 0.2);
}

.social-link:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
}

.social-link.facebook:hover {
    background: #1877f2;
    border-color: #1877f2;
}

.social-link.twitter:hover {
    background: #1da1f2;
    border-color: #1da1f2;
}

.social-link.instagram:hover {
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    border-color: #e6683c;
}

.social-link.pinterest:hover {
    background: #e60023;
    border-color: #e60023;
}

.social-link.tumblr:hover {
    background: #00cf35;
    border-color: #00cf35;
}

.social-icon {
    width: 20px;
    height: 20px;
    fill: white;
    transition: transform 0.3s ease;
}

.social-link:hover .social-icon {
    transform: scale(1.1);
}

/* Footer gri arka planla uyumlu renkler */
.widget_text .social-media-footer {
    background: transparent;
}


/* Paypal Dügmesini düzeltiyor */
.widget_text .social-link {
    background: rgba(255, 255, 255, 0.15);
    border-color: rgba(255, 255, 255, 0.3);
}

.col-inner ol li, .col-inner ul li, .entry-content ol li, .entry-content ul li, .entry-summary ol li, .entry-summary ul li {
    margin-left: 0px !important;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

/* Mobile Social Media Icons */
.social-list {
    gap: 12px;
}

.social-link {
    width: 40px;
    height: 40px;
}

.social-icon {
    width: 18px;
    height: 18px;
}

}