/**
Bulma CSS 적용시, society css 와 충돌되는 부분을 fix함.
*/
:root {
    --bulma-body-family: 'nsR', '나눔고딕', 'Nanum Gothic', '맑은 고딕', '돋움', dotum, '굴림', gulim, serif;
    --bulma-body-line-height: 1;
}

/* Bulma 1.0의 Dark Mode 자동 전환 방지 (항상 Light Mode 색상 유지) */
@media (prefers-color-scheme: dark) {
    :root {
        --bulma-scheme-main: #ffffff;
        --bulma-scheme-main-bis: #fafafa;
        --bulma-scheme-main-ter: #f5f5f5;
        --bulma-body-background-color: #ffffff;
        --bulma-body-color: #4a4a4a;
        --bulma-text: #4a4a4a;
        --bulma-text-strong: #363636;
        --bulma-border: #dbdbdb;
        --bulma-background: #f5f5f5;
        
        /* Form inputs light mode variables */
        --bulma-input-background-color: #ffffff;
        --bulma-input-color: #363636;
        --bulma-input-border-color: #dbdbdb;
        --bulma-input-hover-color: #363636;
        --bulma-input-hover-border-color: #b5b5b5;
        --bulma-input-focus-color: #363636;
        --bulma-input-focus-border-color: #485fc7;
        
        --bulma-file-cta-background-color: #f5f5f5;
        --bulma-file-cta-color: #4a4a4a;
        --bulma-file-name-border-color: #dbdbdb;
        
        --bulma-button-background-color: #ffffff;
        --bulma-button-color: #363636;
        --bulma-button-border-color: #dbdbdb;
    }
}

/* Bulma 전역 속성으로 인한 바탕색 변조 차단 (기존 사이트 테마 우선 적용) */
html, body {
    background-color: transparent !important;
}

/* Bulma 1.0의 HSL 변수를 무시하고 Form 요소들 강제 Light Mode 적용 */
.bulma-input, .bulma-textarea, .bulma-select select, .bulma-file-name {
    background-color: #ffffff !important;
    color: #363636 !important;
    border: 1px solid #888888 !important;
    border-radius: 4px !important;
}
.bulma-file-cta {
    background-color: #f5f5f5 !important;
    color: #4a4a4a !important;
}
/* 사이트 기존 CSS가 Bulma 버튼의 여백과 모양을 망치는 것을 방지 */
button.bulma-button,
input[type="submit"].bulma-button,
input[type="button"].bulma-button,
a.bulma-button {
    border-radius: var(--bulma-button-radius, 4px) !important;
    padding-top: var(--bulma-button-padding-vertical, calc(0.5em - 1px)) !important;
    padding-bottom: var(--bulma-button-padding-vertical, calc(0.5em - 1px)) !important;
    padding-left: var(--bulma-button-padding-horizontal, 1em) !important;
    padding-right: var(--bulma-button-padding-horizontal, 1em) !important;
    height: auto !important;
    min-height: 2.5em;
    appearance: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.bulma-button {
    background-color: #ffffff !important;
    color: #363636 !important;
    border: 1px solid #dbdbdb !important;
}
.bulma-button.bulma-is-primary {
    background-color: #00d1b2 !important;
    border-color: #00d1b2 !important;
    color: #fff !important;
}
.bulma-button.bulma-is-link {
    background-color: #485fc7 !important;
    border-color: #485fc7 !important;
    color: #fff !important;
}
.bulma-button.bulma-is-info {
    background-color: #3e8ed0 !important;
    border-color: #3e8ed0 !important;
    color: #fff !important;
}
.bulma-button.bulma-is-success {
    background-color: #48c774 !important;
    border-color: #48c774 !important;
    color: #fff !important;
}
.bulma-button.bulma-is-warning {
    background-color: #ffe08a !important;
    border-color: #ffe08a !important;
    color: rgba(0, 0, 0, 0.7) !important;
}
.bulma-button.bulma-is-danger {
    background-color: #f14668 !important;
    border-color: #f14668 !important;
    color: #fff !important;
}
.bulma-button.bulma-is-light {
    background-color: #f5f5f5 !important;
    border-color: transparent !important;
    color: #363636 !important;
}
.bulma-button.bulma-is-outlined.bulma-is-danger {
    background-color: transparent !important;
    border-color: #f14668 !important;
    color: #f14668 !important;
}