@charset "utf-8";

/* Global tokens, base controls, modal defaults.
   Split from slotmaru-polish-ui.css lines 1-245; preserve load order in head.sub.php. */

:root {
	--slotmaru-navy: #071827;
	--slotmaru-navy-2: #0d2236;
	--slotmaru-navy-3: #122b42;
	--slotmaru-gold: #f6b73c;
	--slotmaru-gold-2: #d99021;
	--slotmaru-gold-deep: #9d5c11;
	--slotmaru-teal: #0f8c7c;
	--slotmaru-teal-2: #0a7367;
	--slotmaru-link-hover: var(--slotmaru-gold-deep);
	--slotmaru-red: #c83d2c;
	--slotmaru-bg: #f4f7f8;
	--slotmaru-panel: #ffffff;
	--slotmaru-panel-soft: #f8fafb;
	--slotmaru-line: #dfe6ef;
	--slotmaru-line-dark: #263c54;
	--slotmaru-text: #172231;
	--slotmaru-muted: #697586;
	--slotmaru-focus: #f6b73c;
	--slotmaru-shadow: 0 14px 34px rgba(7, 24, 39, .08);
}

html,
body {
	background: var(--slotmaru-bg);
	color: var(--slotmaru-text);
}

a {
	color: #0d5f82;
}

a:hover,
a:focus {
	color: var(--slotmaru-link-hover);
	text-decoration: none;
}

a.sv_member:hover,
a.sv_member:focus,
a.sv_guest:hover,
a.sv_guest:focus,
.sv_member:hover .member-visual__name,
.sv_member:focus .member-visual__name,
.sv_guest:hover .member-visual__name,
.sv_guest:focus .member-visual__name {
	color: var(--slotmaru-link-hover) !important;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
	outline: 3px solid rgba(246, 183, 60, .72);
	outline-offset: 2px;
	box-shadow: 0 0 0 5px rgba(246, 183, 60, .18);
}

.btn,
.btn_b01,
.btn_b02,
.btn_b03,
.btn_admin,
.custom-select,
.form-control,
.frm_input,
textarea {
	border-radius: 8px;
}

.btn-primary,
.btn_b02,
.btn_submit,
.write_div .btn_submit,
#bo_w .btn_submit,
#qa_w .btn_submit,
#new_sch .btn_submit,
#faq_sch .btn_submit,
#sch_res_detail .btn_submit,
.custom-write-btn button,
.custom-event-button,
.point-button.active,
.page-item.active .page-link,
.pg_current {
	border-color: var(--slotmaru-teal) !important;
	background: var(--slotmaru-teal) !important;
	color: #fff !important;
}

.btn-primary:hover,
.btn_b02:hover,
.btn_submit:hover,
.write_div .btn_submit:hover,
#bo_w .btn_submit:hover,
#qa_w .btn_submit:hover,
#new_sch .btn_submit:hover,
#faq_sch .btn_submit:hover,
#sch_res_detail .btn_submit:hover,
.custom-write-btn button:hover,
.custom-event-button:hover,
.point-button.active:hover {
	border-color: var(--slotmaru-gold-2);
	background: var(--slotmaru-gold);
	color: var(--slotmaru-navy);
}

.btn-outline-primary,
.btn_b01,
.point-button,
.pg_page,
.page-link {
	border-color: rgba(246, 183, 60, .55);
	background: #fff;
	color: var(--slotmaru-navy-2);
}

.btn-outline-primary:hover,
.btn_b01:hover,
.point-button:hover,
.pg_page:hover,
.page-link:hover {
	border-color: rgba(15, 140, 124, .36);
	background: #eef7f6;
	color: #07333a;
}

.btn-secondary,
.btn-secondary:hover {
	border-color: var(--slotmaru-line-dark);
	background: var(--slotmaru-navy-2);
	color: #fff;
}

.text-primary,
.orangered,
.btn_admin i.fa-cog,
.dropdown-item.active,
.dropdown-item:active {
	color: var(--slotmaru-gold-deep) !important;
}

.bg-primary,
.badge-primary {
	background: var(--slotmaru-teal) !important;
	background-color: var(--slotmaru-teal) !important;
	border-color: var(--slotmaru-teal) !important;
	color: #fff !important;
}

.border-primary,
.na-table-head.border-primary {
	border-color: var(--slotmaru-teal) !important;
}

.nt-menu.bg-primary {
	border-color: rgba(246, 183, 60, .62) !important;
}

.nt_sidebar_m_header {
	border-color: rgba(246, 183, 60, .45) !important;
	background: #fff !important;
	color: var(--slotmaru-navy) !important;
}

.nt_sidebar_m_header .title,
.nt_sidebar_m_header .icon_sidebar_m_x {
	border-color: transparent !important;
	color: var(--slotmaru-navy) !important;
}

.nt_sidebar_m_header .sidebar-close,
.sidebar-close.customadminclose {
	border-color: rgba(246, 183, 60, .55) !important;
	background: var(--slotmaru-navy-2) !important;
	color: var(--slotmaru-gold) !important;
}

.custom-control-input:checked ~ .custom-control-label::before {
	border-color: var(--slotmaru-teal);
	background-color: var(--slotmaru-teal);
}

.form-control,
.custom-select,
.frm_input,
textarea {
	border-color: #d9e2ec;
	color: var(--slotmaru-text);
}

.form-control:focus,
.custom-select:focus,
.frm_input:focus,
textarea:focus {
	border-color: var(--slotmaru-gold);
	box-shadow: 0 0 0 4px rgba(246, 183, 60, .16);
}

.form-control::placeholder,
.frm_input::placeholder,
textarea::placeholder {
	color: #8c98a8;
}

.modal-content,
.swal2-popup {
	border: 1px solid rgba(246, 183, 60, .3);
	border-radius: 10px;
	box-shadow: var(--slotmaru-shadow);
}

.modal-header {
	border-bottom-color: #edf1f5;
	background: linear-gradient(135deg, var(--slotmaru-navy), var(--slotmaru-navy-2));
	color: #fff;
}

.modal-footer {
	border-top-color: #edf1f5;
	background: var(--slotmaru-panel-soft);
}

.close,
.modal-header .close {
	color: #fff;
	opacity: .82;
	text-shadow: none;
}

.close:hover,
.modal-header .close:hover {
	color: var(--slotmaru-gold);
	opacity: 1;
}

.alert-info {
	border-color: rgba(15, 140, 124, .25);
	background: #eefaf8;
	color: #155b55;
}

.alert-warning {
	border-color: rgba(246, 183, 60, .45);
	background: #fff8e8;
	color: #6b4308;
}

.alert-danger {
	border-color: rgba(200, 61, 44, .24);
	background: #fff1ef;
	color: #8f2b1f;
}