/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

.tutor-dashboard-content-inner .tutor-row.tutor-gx-lg-4 {
    display: none;
}

.tutor-tab-item {
    display: flex;
    flex-direction: column;
}

.tutor-mt-40 {
    order: -1;
    margin-bottom: 40px;
    margin-top: 20px; /* Reduced top margin */
}

.tutor-course-details-content {
    order: 2;
}

/* Reset PMPro table styles */
.pmpro_table.pmpro_levels_table {
    border: none;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    background: transparent;
}

/* Hide table headers */
.pmpro_table.pmpro_levels_table thead {
    display: none;
}

/* Create card layout */
.pmpro_table.pmpro_levels_table tbody tr {
    display: block;
    background: #f8f8f8;
    border-radius: 8px;
    margin-bottom: 16px;
    padding: 24px;
}

/* Reset cell styles */
.pmpro_table.pmpro_levels_table td,
.pmpro_table.pmpro_levels_table th {
    display: block;
    border: none;
    padding: 0;
    background: transparent;
}

/* Level name styling */
.pmpro_table.pmpro_levels_table th {
    font-size: 18px;
    color: #333;
    font-weight: 500;
    margin-bottom: 8px;
    text-align: left;
}

/* Price cell styling */
.pmpro_table.pmpro_levels_table td:nth-child(2) {
    margin-bottom: 16px;
    color: #666;
}

/* Price text */
.pmpro_table.pmpro_levels_table td strong {
    color: #333;
    font-weight: 500;
}

/* Button styling */
.pmpro_btn.pmpro_btn-select {
    display: block;
    width: 100%;
    background: #DDA542;
    color: #fff;
    text-align: center;
    padding: 12px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 500;
    border: none;
    transition: background-color 0.3s ease;
}

.pmpro_btn.pmpro_btn-select:hover {
    background: #000;
    color: #fff;
}

/* Page title styling */
.entry-title {
    text-align: center;
    color: #333;
    font-size: 32px;
    margin-bottom: 40px;
}

/* Group headers */
.page-content h2 {
    text-align: center;
    color: #333;
    font-size: 24px;
    margin: 40px 0 20px;
}

/* Group description */
.page-content > p {
    text-align: center;
    color: #666;
    margin-bottom: 30px;
    font-size: 16px;
}

/* Main container width */
.page-content {
    max-width: 800px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Responsive styles */
@media (max-width: 768px) {
    .pmpro_table.pmpro_levels_table tbody tr {
        padding: 20px;
    }
    
    .pmpro_table.pmpro_levels_table th {
        font-size: 16px;
    }
    
    .entry-title {
        font-size: 28px;
    }
    
    .page-content h2 {
        font-size: 22px;
    }
}

/* Optional: Add subtle hover effect */
.pmpro_table.pmpro_levels_table tbody tr {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.pmpro_table.pmpro_levels_table tbody tr:hover {
    transform: translateY(-2px);
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}