.module-container--custom-background {
    background-color: var(--module-container-background);
}

/* A visible but empty module keeps a small, intentional separation. */
.module-container:empty,
.module-container:not(:has(> *)) {
    height: 10px;
    min-height: 10px;
}

/* Apply the selected color to the module's own section when it defines a background. */
.module-container--custom-background > section,
.module-container--custom-background > footer#site-footer {
    background-color: var(--module-container-background) !important;
}

.module-appearance-card {
    margin: 1rem 0;
    font-family: 'IRANSans', 'IRANSansWeb', Tahoma, sans-serif !important;
}

.module-appearance-card * {
    font-family: 'IRANSans', 'IRANSansWeb', Tahoma, sans-serif !important;
}

.module-color-setting {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.module-color-swatch {
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: 0.35rem;
    border: 1px solid #adb5bd;
    border-radius: 0.25rem;
}

.module-color-value {
    direction: ltr;
    font-family: monospace;
}