/*
Theme Name: Syron child
Theme URI: http://landing.rivaxstudio.com/syron/
Author: RivaxStudio
Author URI: https://themeforest.net/user/rivaxstudio/
Description: Modern and high-quality theme for Blog & magazine sites
Version: 1.0
Requires PHP: 8.0
Tested up to: 6.7
Template:  syron
License: Themeforest.net
License URI: http://themeforest.net/licenses
Text Domain: syron
Tags: grid-layout, left-sidebar, right-sidebar, flexible-header, footer-widgets, featured-images, translation-ready
*/

/* Fix "Load More" button spacing - reduce gap above button */
.rivax-posts-pagination-wrap {
    margin-top: 20px !important;
    margin-bottom: 30px !important;
}

/* Make sidebar wider on tablet view */
@media (max-width: 1024px) and (min-width: 768px) {
    .rivax-sticky-column,
    .rivax-sticky-column.e-con {
        max-width: 650px !important;
        width: 100% !important;
        margin: 0 auto !important;
    }

    /* Make newsletter form and editor picks wider on tablet */
    .rivax-sticky-column .syron-finance-sidebar-form,
    .rivax-sticky-column .card-layout {
        max-width: 100% !important;
    }
}

/* On mobile, ensure full width */
@media (max-width: 767px) {
    .rivax-sticky-column,
    .rivax-sticky-column.e-con {
        max-width: 100% !important;
        width: 100% !important;
    }
}

/* Trading Tools Table - Mobile Responsive */
.trading-tools-table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
}

.trading-tools-table th,
.trading-tools-table td {
    padding: 12px;
    text-align: left;
    border: 1px solid #ddd;
}

.trading-tools-table th {
    background-color: #379d7e;
    color: white;
    font-weight: 600;
}

.trading-tools-table tbody tr:nth-child(odd) {
    background-color: #f9f9f9;
}

.trading-tools-table tbody tr:hover {
    background-color: #f0f0f0;
}

/* Dark mode support */
html[scheme="dark"] .trading-tools-table th {
    background-color: #2a7a66;
}

html[scheme="dark"] .trading-tools-table th,
html[scheme="dark"] .trading-tools-table td {
    border-color: #444;
}

html[scheme="dark"] .trading-tools-table tbody tr:nth-child(odd) {
    background-color: #1a1a1a;
}

html[scheme="dark"] .trading-tools-table tbody tr:hover {
    background-color: #2a2a2a;
}

/* Mobile responsive - horizontal scroll */
@media (max-width: 991px) {
    .trading-tools-table-wrapper {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        margin: 20px -15px;
        padding: 0 15px;
    }

    .trading-tools-table {
        min-width: 600px;
        font-size: 14px;
    }

    .trading-tools-table th,
    .trading-tools-table td {
        padding: 10px 8px;
    }
}

/* Very small screens - stack layout */
@media (max-width: 576px) {
    .trading-tools-table {
        min-width: 100%;
        font-size: 13px;
        display: block;
    }

    .trading-tools-table thead {
        display: none;
    }

    .trading-tools-table tbody,
    .trading-tools-table tr,
    .trading-tools-table td {
        display: block;
        width: 100%;
    }

    .trading-tools-table tr {
        margin-bottom: 20px;
        border: 1px solid #ddd;
        border-radius: 8px;
        overflow: hidden;
    }

    .trading-tools-table td {
        text-align: left;
        padding: 12px 15px;
        position: relative;
        border: none;
        border-bottom: 1px solid #eee;
    }

    .trading-tools-table td:last-child {
        border-bottom: none;
    }

    .trading-tools-table td[rowspan] {
        background-color: #379d7e;
        color: white;
        font-weight: 600;
        text-align: center;
        padding: 15px;
        font-size: 15px;
    }

    html[scheme="dark"] .trading-tools-table td[rowspan] {
        background-color: #2a7a66;
    }

    .trading-tools-table td:not([rowspan]):before {
        content: attr(data-label);
        font-weight: 600;
        display: block;
        margin-bottom: 5px;
        color: #379d7e;
    }

    html[scheme="dark"] .trading-tools-table td:not([rowspan]):before {
        color: #4ade80;
    }
}