/**
 * Standalone Mobile Endpoint Styles
 * For yoursite.com/mobile page
 * Minimal essential styles - theme styling takes precedence
 */

/* Main wrapper - basic centering only */
.kdc-qtap-mobile-endpoint-wrapper {
    max-width: 1200px;
    margin: 40px auto;
    padding: 0 20px;
}

.kdc-qtap-mobile-endpoint-container {
    /* Let theme handle background and styling */
}

/* Header - minimal styling */
.kdc-qtap-mobile-endpoint-header {
    padding: 30px;
    text-align: center;
}

.kdc-qtap-mobile-endpoint-title {
    margin: 0 0 10px 0;
    font-size: 2em;
    font-weight: 700;
}

.kdc-qtap-mobile-endpoint-description {
    margin: 0;
    font-size: 1.1em;
}

/* Content - minimal padding only */
.kdc-qtap-mobile-endpoint-content {
    padding: 40px 30px;
}

/* Notice - essential structure only */
.kdc-qtap-mobile-endpoint-notice {
    padding: 20px;
    margin-bottom: 20px;
    border-left: 4px solid currentColor;
}

.kdc-qtap-mobile-endpoint-notice p {
    margin: 0 0 10px 0;
}

.kdc-qtap-mobile-endpoint-notice p:last-child {
    margin-bottom: 0;
}

/* Footer - minimal structure */
.kdc-qtap-mobile-endpoint-footer {
    padding: 20px 30px;
}

.kdc-qtap-mobile-endpoint-back-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    text-decoration: none;
}

.kdc-qtap-mobile-endpoint-back-link .dashicons {
    font-size: 20px;
    width: 20px;
    height: 20px;
}

/* Mobile editor inside endpoint - reset margins */
.kdc-qtap-mobile-endpoint-content .kdc-qtap-mobile-editor-block {
    margin: 0;
}

.kdc-qtap-mobile-endpoint-content .kdc-qtap-block-header {
    margin-bottom: 30px;
}

.kdc-qtap-mobile-endpoint-content .kdc-qtap-block-header h3 {
    margin: 0 0 10px 0;
    font-size: 1.5em;
}

/* Responsive - minimal adjustments */
@media (max-width: 768px) {
    .kdc-qtap-mobile-endpoint-wrapper {
        margin: 20px auto;
        padding: 0 15px;
    }
    
    .kdc-qtap-mobile-endpoint-header {
        padding: 20px;
    }
    
    .kdc-qtap-mobile-endpoint-title {
        font-size: 1.5em;
    }
    
    .kdc-qtap-mobile-endpoint-description {
        font-size: 1em;
    }
    
    .kdc-qtap-mobile-endpoint-content {
        padding: 20px 15px;
    }
    
    .kdc-qtap-mobile-endpoint-footer {
        padding: 15px;
    }
}