/*
 * Restoran teması: logodaki koyu yeşil vurgu, beyaz giriş alanları, kemik rengi kenar çubuğu.
 * Yalnızca açık temada uygulanır; koyu tema Frappe'nin kendi renklerinde kalır.
 * Desk (app_include_css) ve giriş sayfası (web_include_css) için.
 */

:root:not([data-theme="dark"]) {
	--restoran-primary: #0E6B55;
	--restoran-primary-hover: #0B5847;
	--restoran-primary-soft: #E3F0EB;
	--restoran-bone: #F7F5EF;
	--restoran-line: #D9D3C7;
	--restoran-line-hover: #BDB5A6;

	--primary: var(--restoran-primary);
	--btn-primary: var(--restoran-primary);
	--control-bg: #FFFFFF;
	--control-bg-on-gray: #FFFFFF;
	--disabled-control-bg: var(--restoran-bone);
	--input-disabled-bg: var(--restoran-bone);
	--sidebar-select-color: var(--restoran-primary-soft);
	--surface-sidebar: var(--restoran-bone);
	--navbar-bg: var(--restoran-bone);
}

/* Giriş alanları: gri dolgu yerine beyaz zemin ve ince kenarlık */
:root:not([data-theme="dark"]) .form-control,
:root:not([data-theme="dark"]) .frappe-control .form-control,
:root:not([data-theme="dark"]) .awesomplete > input,
:root:not([data-theme="dark"]) .frappe-control .ql-editor,
:root:not([data-theme="dark"]) .frappe-control .ace_editor,
:root:not([data-theme="dark"]) .search-bar .form-control,
:root:not([data-theme="dark"]) .page-form .form-control {
	background-color: #FFFFFF;
	border: 1px solid var(--restoran-line);
}

:root:not([data-theme="dark"]) .form-control:hover,
:root:not([data-theme="dark"]) .awesomplete > input:hover {
	border-color: var(--restoran-line-hover);
}

:root:not([data-theme="dark"]) .form-control:focus,
:root:not([data-theme="dark"]) .awesomplete > input:focus {
	background-color: #FFFFFF;
	border-color: var(--restoran-primary);
	box-shadow: 0 0 0 2px rgba(14, 107, 85, 0.18);
}

:root:not([data-theme="dark"]) .form-control[disabled],
:root:not([data-theme="dark"]) .form-control[readonly],
:root:not([data-theme="dark"]) .like-disabled-input {
	background-color: var(--restoran-bone);
}

/* Birincil düğmeler */
:root:not([data-theme="dark"]) .btn-primary {
	color: #FFFFFF;
	background-color: var(--restoran-primary);
	border-color: var(--restoran-primary);
}

:root:not([data-theme="dark"]) .btn-primary:hover,
:root:not([data-theme="dark"]) .btn-primary:focus,
:root:not([data-theme="dark"]) .btn-primary:active {
	color: #FFFFFF;
	background-color: var(--restoran-primary-hover);
	border-color: var(--restoran-primary-hover);
}

/* İşaret kutuları */
:root:not([data-theme="dark"]) input[type="checkbox"]:checked {
	background-color: var(--restoran-primary);
	border-color: var(--restoran-primary);
}