/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Version: 1.1762022143
Updated: 2025-11-01 18:35:43

*/

/* Dual Sidebar Layout */
.ast-container {
    max-width: 100% !important;
    padding: 0 20px !important;
}

.dual-sidebar-wrapper {
    display: flex;
    gap: 40px;
    max-width: 1600px;
    margin: 0 auto;
    align-items: flex-start;
    justify-content: space-between; /* Distributes space evenly */
    
}

/* Left Sidebar */
.sidebar-left {
    width: 300px;
    min-width: 300px;
    flex-shrink: 0;
    margin-right: auto; /* Pushes it towards the left edge */
}

/* Main Content */
.main-content-wrapper {
    flex: 0 1 800px; /* Main content stays centered with max 800px width */
    min-width: 0;
}

/* Right Sidebar */
.sidebar-right {
    width: 300px;
    min-width: 300px;
    flex-shrink: 0;
    margin-left: auto; /* Pushes it towards the right edge */
}

/* Sticky Sidebar */
.sticky-sidebar {
    position: sticky;
    top: 150px; /* Start 150px from top - adjust this value as needed */
    max-height: calc(100vh - 180px); /* Adjusted to match top value */
    overflow: visible;
}

/* Widget Styling */
.sticky-sidebar .widget {
    margin-bottom: 20px;
    padding: 0 !important; /* Remove all padding */
    background: transparent; /* Remove background */
    border-radius: 0; /* Remove widget border radius */
    overflow: visible;
    
}

/* Responsive - Hide sidebars on mobile */
@media (max-width: 1024px) {
    .dual-sidebar-wrapper {
        flex-direction: column;
    }
    
    .sidebar-left,
    .sidebar-right {
        width: 100%;
        position: static !important;
        margin: 0 !important;
    }
}

@media (max-width: 768px) {
    .sidebar-left,
    .sidebar-right {
        display: none;
    }
}



/* AdSense Ad Corner Radius */

.sticky-sidebar .widget iframe,
.sticky-sidebar .widget ins,
.sticky-sidebar .widget ins iframe,
.sticky-sidebar .widget > div {
    border-radius: 10px !important;
    overflow: hidden !important;
    display: block !important;
}

.sticky-sidebar .widget {
    border-radius: 10px; /* Widget container also rounded */
    overflow: hidden; /* Ensures content respects border radius */
}

/* Ensure AdSense container fills width */
.sticky-sidebar .widget ins.adsbygoogle {
    border-radius: 10px !important;
    overflow: hidden !important;
    display: block !important;
}