/*!
Theme Name: Temizlik Pro
Theme URI: https://buldumara.com/
Author: Öz Birlik Medya
Author URI: https://ozbirlikmedya.com/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: temizlikpro
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

@import url('https://fonts.cdnfonts.com/css/sofia-pro');

html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	box-sizing: border-box;
}

*, *::before, *::after {
	box-sizing: inherit;
}

body {
	font-family: 'Sofia Pro', "SF Pro Display", "SF Pro Text", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif!important;
	margin: 0;
}

main {
	display: block;
}

h1 {
	font-size: 2em;
	margin: 2em 0;
	text-align: center;
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

pre, code, kbd, samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

a {
	background-color: transparent;
	color: #58a6ff;
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline dotted;
}

b, strong {
	font-weight: bolder;
}

small {
	font-size: 80%;
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

img {
	border-style: none;
}

button, input, optgroup, select, textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

button, input {
	overflow: visible;
}

button, select {
	text-transform: none;
}

button, [type="button"], [type="reset"], [type="submit"] {
	-webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

progress {
	vertical-align: baseline;
}

textarea {
	overflow: auto;
}

[type="checkbox"], [type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

details {
	display: block;
}

summary {
	display: list-item;
}

template, [hidden] {
	display: none;
}

.badge.bg-success {
	background-color: #00c851!important;
}

/* Cam efekti */
.glass-card {
	background: rgba(255, 255, 255, 0.15);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 12px;
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease-in-out;
}

.uye-sayisi-background {
    background: #fff6b6!important
}

.uye-info {
    background: #d2ffb6!important
}

/* WhatsApp Butonu */
.btn-whatsapp {
	color: #fff;
	background-color: #25D366 !important;
	border-color: #25D366 !important;
}

.btn-whatsapp:hover {
	background-color: #1ebe5d !important;
	border-color: #1ebe5d !important;
	color: #fff;
}

/* Filtre renkleri */
#filtre_yeni:checked {
	background-color: #00c851 !important;
	border-color: #00c851 !important;
}

#filtre_gosterilebilir:checked {
	background-color: #0d6efd !important;
	border-color: #0d6efd !important;
}

#iosInstallHelp .alert {
    border-radius: 8px!important;
}

/* Koyu tema */
@media (prefers-color-scheme: dark) {
	body {
		background-color: #0d1117 !important;
		color: #e6edf3 !important;
	}

	body h1, body h2, body h3, body h4, body h5, body h6,
	body .text-dark, body .card-title, body .fw-semibold,
	body *[class*="text-dark"], body *[class*="card-title"], body *[class*="fw-semibold"] {
		color: #ffffff !important;
	}

	body .text-muted {
		color: #999999 !important;
	}

	.pwa-topbar {
		background-color: #0d1117 !important;
	}

	#installPopup {
		background-color: #1e1e1e !important;
		color: #f1f1f1 !important;
	}

	#installPopup .text-dark {
		color: #f1f1f1 !important;
	}

	#installPopup .btn-close {
		filter: invert(1);
	}

	#installPopup.shadow-lg {
		box-shadow: 0 -4px 12px rgba(255, 255, 255, 0.05) !important;
	}

	#installPopup .icon-wrapper {
		background: #111111!important;
	}

	a:hover {
		color: #ffffff !important;
	}

	.glass-card, .card {
		background: rgba(255, 255, 255, 0.05) !important;
		backdrop-filter: blur(12px) !important;
		-webkit-backdrop-filter: blur(12px) !important;
		border: 1px solid rgba(255, 255, 255, 0.08) !important;
		box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5) !important;
	}

	.form-check-input {
		background-color: #2e2e2e !important;
		border-color: #555 !important;
	}

	.badge.bg-success {
		background-color: #1f883d !important;
		color: #ffffff !important;
	}

	.btn-outline-primary {
		color: #58a6ff !important;
		border-color: #58a6ff !important;
		background-color: transparent !important;
	}

	.btn-outline-primary:hover {
		background-color: #58a6ff !important;
		color: #0d1117 !important;
	}

	.btn-primary {
		color: #ffffff !important;
	}

	.page-numbers li a,
	.page-numbers li span {
		background-color: #161b22 !important;
		border-color: #30363d !important;
		color: #c9d1d9 !important;
	}

	.page-numbers li .current {
		background-color: #1f883d !important;
		color: #ffffff !important;
	}

	.form-control {
		background-color: #0d1117 !important;
		color: #ffffff !important;
		border-color: #30363d !important;
	}

	.form-control:focus {
		border-color: #58a6ff !important;
		box-shadow: 0 0 0 0.2rem rgba(88, 166, 255, 0.25) !important;
	}

	footer,
	footer.bg-light {
		background-color: #0d1117 !important;
		color: #e6edf3 !important;
		border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
	}

	footer a,
	footer .text-muted,
	footer .text-dark,
	footer small {
		color: #999999 !important;
	}

	footer a:hover {
		color: #ffffff !important;
	}

	html body .onesignal-customlink-container button.onesignal-customlink-subscribe {
		background-color: rgba(255,255,255,0.1) !important;
		color: white !important;
		border: 1px solid rgba(255,255,255,0.3) !important;
	}
	
	
	html body .onesignal-customlink-container button.onesignal-customlink-subscribe:hover {
		background-color: rgba(255,255,255,0.1) !important;
		color: white !important;
		border: 1px solid rgba(255,255,255,0.3) !important;
	}

}

/* Refresh ikonu hizalama */
.refresh-icon::before {
	vertical-align: -0.25em!important;
}

/* Mobil PWA topbar ve body padding */
@media screen and (max-width: 767px) {
	.pwa-topbar {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		height: calc(env(safe-area-inset-top, 1em) + 1em);
		background: white;
		z-index: 999;
		box-shadow: 0 1px 2px rgba(0,0,0,0.05);
	}

	body {
		padding-top: calc(env(safe-area-inset-top, 1em) + 1em);
	}

	div#wpadminbar {
		margin-top: 0em;
	}

}

@media (min-width: 768px) {
	#installUnifiedBtn {
		display: none !important;
	}

}

.onesignal-customlink-container {
	min-height: 0!important;
}

.onesignal-customlink-container button.onesignal-customlink-subscribe {
    all: unset !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    padding: 0.25rem 0.5rem !important; /* small boyut */
    background-color: #ffffff !important;
    color: #ff1100 !important;
    border: 1px solid #ff1100 !important;
    border-radius: 0.375rem !important;
    font-size: 0.875rem !important; /* small font */
    font-weight: 500 !important;
    text-align: center !important;
    cursor: pointer !important;
}

.onesignal-customlink-container button.onesignal-customlink-subscribe:hover {
    background-color: #ff1100 !important;
	color: #ffffff !important;
	border: 1px solid #ffffff !important;
}

.onesignal-customlink-container button.onesignal-customlink-subscribe::before {
    content: "\f18a"!important;
	font-family: 'bootstrap-icons' !important;
}