/*
 Theme Name:   Groove Dijital (Divi Child)
 Theme URI:    https://groovedijital.com.tr
 Description:  Groove Dijital için Divi alt teması. Özel CSS ve kodlar burada tutulur; Divi güncellemelerinde silinmez.
 Author:       Groove Dijital
 Author URI:   https://groovedijital.com.tr
 Template:     Divi
 Version:      1.0.3
 Text Domain:  groovedijital
*/

/* Özel CSS kodlarını bu satırın altına ekleyin. */

/* Yazı tipi yedekleri: web fontu yüklenene kadar serif yerine sans-serif görünsün */
body, input, textarea, select, #top-menu a {
	font-family: 'Inter', Helvetica, Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Poppins', Helvetica, Arial, sans-serif;
}

/* Blok editörü düğmeleri: marka renkleri */
.wp-block-buttons {
	margin: 1.5em 0 2.5em;
}
.wp-block-button__link {
	background-color: #EA580C;
	color: #FFFFFF;
	border: 2px solid #EA580C;
	border-radius: 8px;
	padding: 0.75em 1.6em;
	font-weight: 600;
}
.wp-block-button__link:hover {
	background-color: #C2410C;
	border-color: #C2410C;
	color: #FFFFFF;
}
.wp-block-button.is-style-outline .wp-block-button__link {
	background-color: transparent;
	color: #C2410C;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
	background-color: #EA580C;
	color: #FFFFFF;
}
.wp-block-columns {
	gap: 2em;
	margin-bottom: 2em;
}

/* Kenar çubuğu kullanılmıyor: boş sütunu ve ayırıcı çizgiyi kaldır */
.et_right_sidebar #main-content .container:before {
	display: none;
}
.et_right_sidebar #left-area {
	width: 100%;
	padding-right: 0;
}

/* Sabit WhatsApp butonu */
.gd-whatsapp {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 9999;
	width: 58px;
	height: 58px;
	border-radius: 50%;
	background-color: #25D366;
	color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 6px 18px rgba(17, 24, 39, 0.25);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.gd-whatsapp:hover,
.gd-whatsapp:focus-visible {
	color: #FFFFFF;
	transform: scale(1.08);
	box-shadow: 0 8px 24px rgba(17, 24, 39, 0.3);
}
.gd-whatsapp:focus-visible {
	outline: 3px solid #F97316;
	outline-offset: 3px;
}
@media (max-width: 767px) {
	.gd-whatsapp {
		right: 16px;
		bottom: 16px;
		width: 52px;
		height: 52px;
	}
}
@media print {
	.gd-whatsapp { display: none; }
}
