/* ==========================================================================
   DİS Dental - Modern Dental Teknoloji Override Stilleri
   --------------------------------------------------------------------------
   Bu dosya AllSmiles ana temasının stil dosyalarından SONRA yüklenir.
   Amaç: mavi-beyaz, sade, premium ve profesyonel bir dental teknoloji
   görünümü oluşturmak. Mevcut şablon yapısı ve içerik korunur.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Renk ve Tipografi Değişkenleri
   -------------------------------------------------------------------------- */
:root {
	--dis-primary: #123B63;
	--dis-secondary: #1769AA;
	--dis-accent-light: #EAF5FC;
	--dis-bg-light: #F5F8FB;
	--dis-white: #FFFFFF;
	--dis-text: #263746;
	--dis-text-muted: #596B7C;
	--dis-border: #D6E3F0;
	--dis-shadow: rgba(18, 59, 99, 0.08);
	--dis-transition: all 0.25s ease-in-out;
	--dis-radius-sm: 6px;
	--dis-radius-md: 10px;
	--dis-radius-lg: 14px;
}

::selection {
	background-color: var(--dis-secondary);
	color: var(--dis-white);
}

/* --------------------------------------------------------------------------
   2. Genel Tipografi
   -------------------------------------------------------------------------- */
body {
	font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-size: 15px;
	line-height: 1.7;
	font-weight: 400;
	color: var(--dis-text);
	background-color: var(--dis-white);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

h1, .qodef-h1,
h2, .qodef-h2,
h3, .qodef-h3,
h4, .qodef-h4,
h5, .qodef-h5,
h6, .qodef-h6 {
	font-family: "Inter", sans-serif;
	font-weight: 600;
	color: var(--dis-primary);
	letter-spacing: -0.01em;
}

h1 a, .qodef-h1 a,
h2 a, .qodef-h2 a,
h3 a, .qodef-h3 a,
h4 a, .qodef-h4 a,
h5 a, .qodef-h5 a,
h6 a, .qodef-h6 a {
	color: var(--dis-primary);
}

h1 a:hover, .qodef-h1 a:hover,
h2 a:hover, .qodef-h2 a:hover,
h3 a:hover, .qodef-h3 a:hover,
h4 a:hover, .qodef-h4 a:hover,
h5 a:hover, .qodef-h5 a:hover,
h6 a:hover, .qodef-h6 a:hover {
	color: var(--dis-secondary);
}

a, p a {
	color: var(--dis-secondary);
	text-decoration: none;
	transition: var(--dis-transition);
}

a:hover, p a:hover {
	color: var(--dis-primary);
}

p {
	color: var(--dis-text);
}

/* --------------------------------------------------------------------------
   3. Header & Navigasyon
   -------------------------------------------------------------------------- */
#qodef-page-header {
	background-color: var(--dis-white);
	border-bottom: 1px solid var(--dis-accent-light);
	box-shadow: 0 1px 0 rgba(18, 59, 99, 0.04);
}

#qodef-page-header-inner {
	padding: 0 32px;
}

#qodef-page-header .qodef-header-logo-link {
	height: 90px;
}

#qodef-page-header .qodef-header-logo-link.qodef-height--not-set img {
	max-height: 55%;
}

/* Ana menü */
.qodef-header-navigation > ul > li > a {
	font-family: "Inter", sans-serif;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--dis-primary);
	padding: 0 28px;
}

.qodef-header-navigation > ul > li > a:hover,
.qodef-header-navigation > ul > li.current-menu-ancestor > a,
.qodef-header-navigation > ul > li.current-menu-item > a {
	color: var(--dis-secondary);
}

/* Aktif/hover alt çizgi vurgusu */
.qodef-header-navigation .qodef-main-menu-line {
	border-top-color: var(--dis-secondary);
}

/* Açılır menü */
.qodef-header-navigation ul li.qodef-menu-item--narrow ul {
	background-color: var(--dis-white);
	border: 1px solid var(--dis-accent-light);
	border-radius: var(--dis-radius-md);
	box-shadow: 0 12px 32px rgba(18, 59, 99, 0.12);
	padding: 18px 0;
}

.qodef-header-navigation > ul > li.qodef-menu-item--narrow ul li > a {
	font-family: "Inter", sans-serif;
	font-size: 14px;
	font-weight: 500;
	color: var(--dis-text);
}

.qodef-header-navigation > ul > li.qodef-menu-item--narrow ul:not(.qodef-drop-down--right) li:hover > a,
.qodef-header-navigation > ul > li.qodef-menu-item--narrow ul:not(.qodef-drop-down--right) li.current-menu-ancestor > a,
.qodef-header-navigation > ul > li.qodef-menu-item--narrow ul:not(.qodef-drop-down--right) li.current-menu-item > a,
.qodef-header-navigation > ul > li.qodef-menu-item--narrow ul.qodef-drop-down--right li:hover > a,
.qodef-header-navigation > ul > li.qodef-menu-item--narrow ul.qodef-drop-down--right li.current-menu-ancestor > a,
.qodef-header-navigation > ul > li.qodef-menu-item--narrow ul.qodef-drop-down--right li.current-menu-item > a {
	color: var(--dis-secondary);
}

/* --------------------------------------------------------------------------
   4. Mobil Header
   -------------------------------------------------------------------------- */
#qodef-page-mobile-header {
	background-color: var(--dis-white);
	border-bottom: 1px solid var(--dis-accent-light);
}

.qodef-mobile-header-opener {
	color: var(--dis-primary);
}

.qodef-mobile-header-opener svg.qodef--initial {
	fill: currentColor;
}

.qodef-mobile-header-navigation {
	background-color: var(--dis-white);
	border-bottom: 1px solid var(--dis-accent-light);
}

.qodef-mobile-header-navigation > ul > li > a {
	font-family: "Inter", sans-serif;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: var(--dis-primary);
}

.qodef-mobile-header-navigation > ul > li > a:hover,
.qodef-mobile-header-navigation > ul > li.current-menu-ancestor > a,
.qodef-mobile-header-navigation > ul > li.current-menu-item > a {
	color: var(--dis-secondary);
}

.qodef-mobile-header-navigation > ul > li.current-menu-ancestor > a .qodef-menu-item-text-inner:after,
.qodef-mobile-header-navigation > ul > li.current-menu-item > a .qodef-menu-item-text-inner:after {
	background-color: var(--dis-secondary);
}

/* --------------------------------------------------------------------------
   5. Sayfa Başlığı
   -------------------------------------------------------------------------- */
.qodef-page-title {
	background-color: var(--dis-bg-light);
	height: 130px;
}

.qodef-page-title .qodef-m-title {
	font-family: "Inter", sans-serif;
	font-size: 34px;
	font-weight: 700;
	color: var(--dis-primary);
	letter-spacing: -0.02em;
}

/* --------------------------------------------------------------------------
   6. Butonlar
   -------------------------------------------------------------------------- */
input[type="submit"],
button[type="submit"],
.qodef-theme-button {
	font-family: "Inter", sans-serif;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	border-radius: var(--dis-radius-sm);
	padding: 14px 36px;
	color: var(--dis-white);
	background-color: var(--dis-secondary);
	border: 2px solid transparent;
	transition: var(--dis-transition);
}

input[type="submit"]:hover,
button[type="submit"]:hover,
.qodef-theme-button:hover {
	color: var(--dis-white);
	background-color: var(--dis-primary);
	border-color: transparent;
	transform: translateY(-1px);
	box-shadow: 0 6px 16px rgba(18, 59, 99, 0.14);
}

/* Gutenberg / Elementor outline buton */
.wp-block-button .wp-block-button__link {
	font-family: "Inter", sans-serif;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	border-radius: var(--dis-radius-sm);
	padding: 14px 36px;
	color: var(--dis-white);
	background-color: var(--dis-secondary);
	border: 2px solid transparent;
	transition: var(--dis-transition);
}

.wp-block-button .wp-block-button__link:hover {
	color: var(--dis-white);
	background-color: var(--dis-primary);
}

.wp-block-button.is-style-outline .wp-block-button__link {
	color: var(--dis-secondary);
	background-color: transparent;
	border: 2px solid var(--dis-secondary);
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
	color: var(--dis-white);
	background-color: var(--dis-secondary);
	border-color: var(--dis-secondary);
}

/* WooCommerce butonları */
#qodef-woo-page .button,
#qodef-woo-page .added_to_cart,
.qodef-woo-shortcode .button,
.qodef-woo-shortcode .added_to_cart {
	font-family: "Inter", sans-serif;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	border-radius: var(--dis-radius-sm);
	padding: 13px 32px;
	color: var(--dis-white);
	background-color: var(--dis-secondary);
	border: 2px solid transparent;
	transition: var(--dis-transition);
}

#qodef-woo-page .button:hover,
#qodef-woo-page .added_to_cart:hover,
.qodef-woo-shortcode .button:hover,
.qodef-woo-shortcode .added_to_cart:hover {
	color: var(--dis-white);
	background-color: var(--dis-primary);
}

/* --------------------------------------------------------------------------
   7. Form Elemanları
   -------------------------------------------------------------------------- */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="search"],
textarea {
	font-family: "Inter", sans-serif;
	font-size: 15px;
	color: var(--dis-text);
	background-color: var(--dis-white);
	border: 1px solid var(--dis-border);
	border-radius: var(--dis-radius-sm);
	transition: var(--dis-transition);
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: var(--dis-text);
	background-color: var(--dis-white);
	border-color: var(--dis-secondary);
	box-shadow: 0 0 0 3px rgba(23, 105, 170, 0.1);
	outline: none;
}

input[type="text"]::placeholder,
input[type="email"]::placeholder,
input[type="url"]::placeholder,
input[type="password"]::placeholder,
input[type="number"]::placeholder,
input[type="tel"]::placeholder,
input[type="search"]::placeholder,
textarea::placeholder {
	color: var(--dis-text-muted);
	opacity: 1;
}

select {
	font-family: "Inter", sans-serif;
	color: var(--dis-text);
	background-color: var(--dis-bg-light);
	border: 1px solid var(--dis-border);
	border-radius: var(--dis-radius-sm);
}

/* Arama formu butonu */
.qodef-search-form-button {
	color: var(--dis-secondary);
	transition: var(--dis-transition);
}

.qodef-search-form-button:hover {
	color: var(--dis-primary);
}

/* --------------------------------------------------------------------------
   8. Footer
   -------------------------------------------------------------------------- */
#qodef-page-footer-top-area {
	background-color: var(--dis-primary);
	padding: 100px 0 70px;
}

#qodef-page-footer-bottom-area {
	background-color: #0D2D4A;
	padding: 18px 0;
}

#qodef-page-footer .widget .qodef-widget-title,
#qodef-page-footer-bottom-area .widget .qodef-widget-title {
	font-family: "Inter", sans-serif;
	font-size: 17px;
	font-weight: 700;
	color: var(--dis-white);
	margin-bottom: 20px;
}

#qodef-page-footer .widget a,
#qodef-page-footer-bottom-area .widget a {
	color: rgba(255, 255, 255, 0.85);
}

#qodef-page-footer .widget a:hover,
#qodef-page-footer-bottom-area .widget a:hover {
	color: var(--dis-white);
}

#qodef-page-footer-bottom-area .widget {
	color: rgba(255, 255, 255, 0.7);
}

#qodef-page-footer input[type="text"],
#qodef-page-footer input[type="email"],
#qodef-page-footer input[type="url"],
#qodef-page-footer input[type="password"],
#qodef-page-footer input[type="number"],
#qodef-page-footer input[type="tel"],
#qodef-page-footer input[type="search"],
#qodef-page-footer textarea {
	color: var(--dis-white);
	background-color: rgba(255, 255, 255, 0.08);
	border-color: rgba(255, 255, 255, 0.25);
}

#qodef-page-footer input[type="text"]:focus,
#qodef-page-footer input[type="email"]:focus,
#qodef-page-footer input[type="url"]:focus,
#qodef-page-footer input[type="password"]:focus,
#qodef-page-footer input[type="number"]:focus,
#qodef-page-footer input[type="tel"]:focus,
#qodef-page-footer input[type="search"]:focus,
#qodef-page-footer textarea:focus {
	border-color: rgba(255, 255, 255, 0.6);
	box-shadow: none;
}

#qodef-page-footer .widget[class*="_search"] button,
#qodef-page-footer-bottom-area .widget[class*="_search"] button {
	color: var(--dis-white);
	background-color: var(--dis-secondary);
	border-radius: var(--dis-radius-sm);
}

#qodef-page-footer .widget[class*="_search"] button:hover,
#qodef-page-footer-bottom-area .widget[class*="_search"] button:hover {
	background-color: var(--dis-white);
	color: var(--dis-primary);
}

#qodef-page-footer .widget[class*="_search"] button svg,
#qodef-page-footer-bottom-area .widget[class*="_search"] button svg {
	fill: currentColor;
}

/* --------------------------------------------------------------------------
   9. Widgetlar (Kenar Çubuğu / Sidebar)
   -------------------------------------------------------------------------- */
.widget .qodef-widget-title {
	font-family: "Inter", sans-serif;
	font-size: 17px;
	font-weight: 700;
	color: var(--dis-primary);
	margin-bottom: 20px;
}

.widget a {
	color: var(--dis-text);
}

.widget a:hover {
	color: var(--dis-secondary);
}

.widget[class*="_search"] button {
	background-color: var(--dis-secondary);
	border-radius: var(--dis-radius-sm);
}

.widget[class*="_search"] button:hover {
	background-color: var(--dis-primary);
}

.widget[class*="_search"] button svg {
	fill: var(--dis-white);
}

/* --------------------------------------------------------------------------
   10. WooCommerce Ürün Kartları
   -------------------------------------------------------------------------- */
.qodef-woo-product-list .qodef-woo-product-inner {
	transition: var(--dis-transition);
}

.qodef-woo-product-list .qodef-woo-product-image img {
	border-radius: var(--dis-radius-md);
	transition: var(--dis-transition);
}

.qodef-woo-product-list .qodef-woo-product-inner:hover .qodef-woo-product-image img {
	transform: scale(1.02);
}

.qodef-woo-product-list .qodef-woo-product-title {
	font-family: "Inter", sans-serif;
	font-size: 17px;
	font-weight: 600;
	color: var(--dis-primary);
}

.qodef-woo-product-list .qodef-woo-product-inner:hover .qodef-woo-product-title {
	color: var(--dis-secondary);
}

.qodef-woo-product-list .qodef-woo-product-categories a {
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: var(--dis-text-muted);
}

.qodef-woo-product-list .qodef-woo-product-categories a:hover {
	color: var(--dis-secondary);
}

#qodef-woo-page .price,
.qodef-woo-shortcode .price {
	font-family: "Inter", sans-serif;
	font-weight: 600;
	color: var(--dis-text);
}

#qodef-woo-page .qodef-woo-product-mark,
.qodef-woo-shortcode .qodef-woo-product-mark {
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	background-color: var(--dis-secondary);
	border-radius: var(--dis-radius-sm);
}

#qodef-woo-page .qodef-woo-product-mark.qodef-new,
.qodef-woo-shortcode .qodef-woo-product-mark.qodef-new {
	background-color: var(--dis-primary);
}

#qodef-woo-page .qodef-woo-product-mark.qodef-out-of-stock,
.qodef-woo-shortcode .qodef-woo-product-mark.qodef-out-of-stock {
	background-color: var(--dis-text-muted);
}

#qodef-woo-page .qodef-woo-ratings .qodef-m-star,
.qodef-woo-shortcode .qodef-woo-ratings .qodef-m-star,
.widget.woocommerce .qodef-woo-ratings .qodef-m-star {
	color: var(--dis-secondary);
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
	background-color: var(--dis-white);
	border: 1px solid var(--dis-accent-light);
	border-radius: var(--dis-radius-sm);
	color: var(--dis-text);
}

/* --------------------------------------------------------------------------
   11. Sayfalama (Pagination)
   -------------------------------------------------------------------------- */
.qodef-m-pagination.qodef--wp .page-numbers {
	font-family: "Inter", sans-serif;
	font-size: 15px;
	font-weight: 600;
	color: var(--dis-primary);
	background-color: var(--dis-white);
	border: 1px solid var(--dis-accent-light);
	border-radius: var(--dis-radius-sm);
	transition: var(--dis-transition);
}

.qodef-m-pagination.qodef--wp .page-numbers:hover,
.qodef-m-pagination.qodef--wp .page-numbers.current {
	color: var(--dis-white);
	background-color: var(--dis-secondary);
	border-color: var(--dis-secondary);
}

/* --------------------------------------------------------------------------
   12. Blok Editör ve Genel Bileşenler
   -------------------------------------------------------------------------- */
.wp-block-file {
	color: var(--dis-secondary);
}

.wp-block-file:hover {
	color: var(--dis-primary);
}

.wp-block-pullquote blockquote {
	color: var(--dis-primary);
}

/* --------------------------------------------------------------------------
   13. Responsive İnce Ayarlar
   -------------------------------------------------------------------------- */
@media only screen and (max-width: 1024px) {
	#qodef-page-header-inner {
		padding: 0 24px;
	}

	.qodef-page-title {
		height: 110px;
	}

	.qodef-page-title .qodef-m-title {
		font-size: 28px;
	}

	#qodef-page-footer-top-area {
		padding: 70px 0 50px;
	}
}

@media only screen and (max-width: 768px) {
	#qodef-page-header .qodef-header-logo-link {
		height: 70px;
	}

	#qodef-page-header-inner {
		padding: 0 18px;
	}

	.qodef-page-title {
		height: 100px;
	}

	.qodef-page-title .qodef-m-title {
		font-size: 24px;
	}

	input[type="submit"],
	button[type="submit"],
	.qodef-theme-button,
	.wp-block-button .wp-block-button__link,
	#qodef-woo-page .button,
	.qodef-woo-shortcode .button {
		padding: 12px 28px;
		font-size: 12px;
	}

	#qodef-page-footer-top-area {
		padding: 60px 0 40px;
	}
}