/* Stronger Kinder Adventure App - WordPress Plugin Styles */

.sk-adventure-container {
    width: 100%;
    min-height: 100vh;
    margin: 0;
    padding: 0;
    position: relative;
}

/* Reset WordPress theme styles that might interfere */
.sk-adventure-container * {
    box-sizing: border-box;
}

.sk-adventure-container input[type="number"] {
    -moz-appearance: textfield;
}

.sk-adventure-container input[type="number"]::-webkit-inner-spin-button,
.sk-adventure-container input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Ensure full-width on WordPress pages */
.sk-adventure-container {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    max-width: 100vw;
    width: 100vw;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .sk-adventure-container {
        font-size: 14px;
    }
}

/* Accessibility improvements */
.sk-adventure-container button:focus,
.sk-adventure-container input:focus {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}

/* Print styles */
@media print {
    .sk-adventure-container {
        background: white !important;
    }
}