/* Custom styles for Inter font */
body {
    font-family: 'Inter', sans-serif;
}
/* Hide imperial inputs by default */
.imperial-height-inputs, .imperial-weight-inputs {
    display: none;
}
/* Ensure the plugin content doesn't inherit body's full height/centering */
/* This is important when embedding in a page/post content area */
html, body {
    height: auto;
    min-height: auto;
    display: block;
    padding: 0;
    margin: 0;
    background: none; /* Remove background from body when embedded */
}
/* Adjust main container for embedding */
.bmi-calculator-container {
    /* The original body styling was: bg-gradient-to-br from-blue-100 to-purple-100 min-h-screen flex items-center justify-center p-4 */
    /* We need to apply relevant parts to this container if it's the main wrapper */
    /* The outer div already has bg-white, p-8, rounded-2xl, shadow-xl, w-full, max-w-md, border, border-gray-200 */
    /* Let's adjust the flex/center properties to the outer wrapper if needed, or let the parent theme handle it. */
    /* For now, ensure it doesn't fight with the outer page layout. */
    display: block; /* Change from flex to block for embedding */
    margin: 0 auto; /* Center the container if it has a max-width */
}

/* Specific styles for the speedometer SVG to ensure it scales correctly */
#bmiChart svg {
    display: block; /* Ensures it behaves like a block element */
    width: 100%;
    height: auto; /* Maintain aspect ratio */
}