/*
 * Dashboard Responsive Styles
 * Created: 2025-09-30
 * Purpose: Make ANZSRS Member Dashboard responsive for mobile/tablet devices
 */

/* Base dashboard styles - enhance existing .dashboard_tbl */
table.dashboard_tbl {
    width: 100%;
    max-width: 900px;
}

.dashboard_tbl tr td {
    text-align: center;
    vertical-align: middle;
	padding: 0;
}

.dashboard_tbl img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* Dashboard header */
.dashboard-header {
    text-align: center;
    margin-bottom: 20px;
}

.dashboard-header h1 {
    margin-bottom: 5px;
}

.dashboard-header h2 {
    font-size: 16px;
    margin-top: 5px;
}

/* Tablet responsive (768px - 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
    .dashboard_tbl td {
        padding: 12px;
    }

    .dashboard_tbl img {
        max-width: 180px;
    }
}

/* Mobile responsive (up to 767px) */
@media (max-width: 767px) {
    /* Convert table to flexbox for 2-column layout */
    .dashboard_tbl {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .dashboard_tbl tbody {
        display: contents;
    }

    .dashboard_tbl tr {
        display: contents;
    }

    .dashboard_tbl td {
        width: 50%;
        padding: 10px;
        box-sizing: border-box;
    }

    .dashboard_tbl img {
        /*max-width: 150px;*/
    }

    /* Adjust header text for mobile */
    .dashboard-header h1 {
        font-size: 18px;
    }

    .dashboard-header h2 {
        font-size: 14px;
    }

	table.banner_right{
		display: none;
	}
}

/* Extra small mobile (up to 480px) */
@media (max-width: 480px) {
	table.banner_left {
		width: 100%;
	}
    .dashboard_tbl td {
        padding: 8px;
    }

    .dashboard_tbl img {
        /*max-width: 120px;*/
    }
}