/*
 Theme Name:   GP Samachar Pro (Optimized)
 Template:     generatepress
 Version:      1.1
*/

/* ---------------------------------------
   1. HEADER & NAVIGATION
---------------------------------------- */
.main-navigation {
    box-shadow: 0 1px 4px rgba(0,0,0,0.16);
}

/* Push content down below header */
.site-content .content-area {
    margin-top: 35px;
}

/* Slideout menu blur */
.offside-js--is-open .slideout-overlay {
    background: rgba(0, 0, 0, .2);
    backdrop-filter: saturate(180%) blur(10px);
}

/* ---------------------------------------
   2. CATEGORY SCROLL MENU (Top Category Bar)
---------------------------------------- */
.inb-scroll-menu {
    background: #fff;
    display: block !important;
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    color: #000;
    position: fixed;
    top: 60px;
    left: 0;
    z-index: 10000;
    border-top: 1px solid #ddd;
    padding: 6px 0;
    scrollbar-width: thin;
}

/* Smooth scrollbar for Chrome */
.inb-scroll-menu::-webkit-scrollbar {
    height: 4px;
}
.inb-scroll-menu::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 4px;
}

/* ---------------------------------------
   3. SIDEBAR & Sticky Sidebar
---------------------------------------- */
.auto-width.gb-query-loop-wrapper {
    flex: 1;
}

@media (min-width: 768px) {
    .sticky-container,
    .sticky-container > .gb-inside-container {
        position: sticky;
        top: 150px;
    }
    #right-sidebar .inside-right-sidebar {
        height: 100%;
    }
}

select#wp-block-categories-1 {
    width: 100%;
}

/* ---------------------------------------
   4. SOCIAL SHARE BUTTONS
---------------------------------------- */
.wpjankari-social-wrapper {
    margin: 20px 5px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
}

.wpjankari-social-sharing {
    padding: 10px 12px;
    flex: 1 0 22%;
    border-radius: 4px;
    text-align: center;
    transition: 0.3s;
    color: #fff;
}

.wpjankari-social-sharing:hover {
    transform: translateY(-3px);
    box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1),
                0 10px 10px -5px rgba(0,0,0,0.04);
}

.wpjankari-social-sharing svg {
    position: relative;
    top: 0.12em;
}

/* Icons – Consistent Branding */
.wpjankari-social-facebook { background:#3b5998; }
.wpjankari-social-twitter  { background:#000; }
.wpjankari-social-whatsapp { background:#25D366; }
.wpjankari-social-telegram { background:#027EBD; }
.wpjankari-social-more     { background:#000; }

/* Mobile layout improvements */
@media (max-width: 600px) {
    .wpjankari-social-sharing {
        flex: 1 0 45%;
        margin: 4px 0;
    }
}

/* ---------------------------------------
   5. STICKY FOOTER MENU (Bottom Bar)
---------------------------------------- */
@media (min-width: 960px) {
    .sticky-footer-menu { display: none !important; }
}

.sticky-footer-menu {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 58px;
    background: #fff;
    z-index: 23235;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.15);
    display: flex;
    justify-content: space-around;
    align-items: center;
}

/* ---------------------------------------
   6. HIGHLIGHT BUTTON ANIMATIONS
---------------------------------------- */
.whatsapphighlight {
    animation: greenPulse 1s infinite;
}

@keyframes greenPulse {
    0% { border-color: transparent; }
    50% { border-color: #25d366; }
    100% { border-color: transparent; }
}

.telegramhighlight {
    animation: bluePulse 1s infinite;
}

@keyframes bluePulse {
    0% { border-color: transparent; }
    50% { border-color: #0086ce; }
    100% { border-color: transparent; }
}