/* ========================================
   RK TRAINING ENGINE – APP BASE
======================================== */

.rk-app {
    width: 100%;
    max-width: none;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 8px 10px 24px;
    padding-bottom: calc(90px + env(safe-area-inset-bottom));
    background: #f5f7fb;
    color: #1c2539;
    overflow-x: clip;
}

.rk-app h2 {
    font-size: 22px;
    margin-bottom: 8px;
    color: #1c2539;
}

.rk-app h3 {
    font-size: 16px;
    margin-bottom: 14px;
    color: #1c2539;
}

.rk-app p {
    margin: 0;
    line-height: 1.5;
}

.rk-dashboard-welcome,
.rk-dashboard-section {
    max-width: none;
    margin: 18px auto;
    padding: 0 8px;
}

.rk-dashboard-welcome:first-child,
.rk-dashboard-section:first-child {
    margin-top: 8px;
}

.rk-dashboard-section--training-overview {
    padding-left: 6px;
    padding-right: 6px;
}

body.rk-app-shell .entry-header,
body.rk-app-shell .entry-title,
body.rk-app-shell .page-header,
body.rk-app-shell .page-title,
body.rk-app-shell h1.entry-title,
body.rk-app-shell .wp-block-post-title,
body.rk-app-shell .ast-single-entry-banner,
body.rk-app-shell .ast-single-entry-banner-inner,
body.rk-app-shell .ast-container .entry-header,
body.rk-app-shell .site-main .entry-header,
body.rk-app-shell article .entry-header,
body.rk-app-shell article > h1,
body.rk-app-shell main > h1,
body:has(.rk-app) .entry-header,
body:has(.rk-app) .entry-title,
body:has(.rk-app) .page-header,
body:has(.rk-app) .page-title,
body:has(.rk-app) h1.entry-title,
body:has(.rk-app) .wp-block-post-title,
body:has(.rk-app) .ast-single-entry-banner,
body:has(.rk-app) .ast-single-entry-banner-inner,
body:has(.rk-app) .ast-container .entry-header,
body:has(.rk-app) .site-main .entry-header,
body:has(.rk-app) article .entry-header,
body:has(.rk-app) article > h1,
body:has(.rk-app) main > h1 {
    display: none !important;
}

body.rk-app-shell header,
body.rk-app-shell #masthead,
body.rk-app-shell .site-header,
body.rk-app-shell .elementor-location-header,
body.rk-app-shell .ast-mobile-header-wrap,
body.rk-app-shell .ast-above-header-wrap,
body.rk-app-shell .ast-primary-header-bar,
body.rk-app-shell .site-branding,
body.rk-app-shell .menu-toggle,
body:has(.rk-app) header,
body:has(.rk-app) #masthead,
body:has(.rk-app) .site-header,
body:has(.rk-app) .elementor-location-header,
body:has(.rk-app) .ast-mobile-header-wrap,
body:has(.rk-app) .ast-above-header-wrap,
body:has(.rk-app) .ast-primary-header-bar,
body:has(.rk-app) .site-branding,
body:has(.rk-app) .menu-toggle {
    display: none !important;
}

body.rk-app-shell #content,
body.rk-app-shell .site-content,
body.rk-app-shell .ast-container,
body.rk-app-shell .elementor-section-wrap,
body.rk-app-shell main,
body.rk-app-shell .entry-content,
body.rk-app-shell .site-main,
body.rk-app-shell article,
body.rk-app-shell .ast-article-post,
body.rk-app-shell .elementor-widget-container,
body:has(.rk-app) #content,
body:has(.rk-app) .site-content,
body:has(.rk-app) .ast-container,
body:has(.rk-app) .elementor-section-wrap,
body:has(.rk-app) main,
body:has(.rk-app) .entry-content,
body:has(.rk-app) .site-main,
body:has(.rk-app) article,
body:has(.rk-app) .ast-article-post,
body:has(.rk-app) .elementor-widget-container {
    margin-top: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: none !important;
    width: 100% !important;
}

html,
body,
body.rk-app-shell {
    max-width: 100%;
    overflow-x: hidden;
}

@media (min-width: 768px) {
    .rk-app {
        max-width: 620px;
        padding: 10px 12px 24px;
        padding-bottom: calc(90px + env(safe-area-inset-bottom));
    }

    .rk-dashboard-welcome,
    .rk-dashboard-section {
        padding: 0 10px;
        margin: 20px auto;
    }
}

.elementor-location-footer,
footer,
.site-footer {
    display: none !important;
}