/**
 * WerHatteWas Paddle - Minimal Layout Styles
 *
 * WordPress theme provides all visual styling (colors, backgrounds, borders)
 * This file only contains essential layout structure
 */

/* Main wrapper - layout only */
.whw-paddle-wrapper {
    margin: 1rem 0;
}

/* Content container - layout only */
.whw-paddle-content {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Button container - layout only */
.whw-paddle-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

/* Paddle buttons - WordPress .button class provides all styling */
.whw-paddle-btn:disabled {
    cursor: not-allowed;
    opacity: 0.5;
}

/* Custom amount section - layout only */
.whw-paddle-custom {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.whw-paddle-input {
    width: 100%;
}

.whw-paddle-input:disabled {
    cursor: not-allowed;
    opacity: 0.5;
}

/* Loading state - layout only */
.whw-paddle-loading {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.whw-paddle-loading .spinner {
    float: none;
    margin: 0;
}