<style>

#sb-egitimler * { box-sizing: border-box !important; }
#sb-egitimler { width: 240px; font-family: "Open Sans", sans-serif; }

#sb-egitimler .sb-box {
	border: 1px solid #e8eef5 !important;
	border-radius: 10px !important;
	overflow: hidden !important;
	background: #fff !important;
	margin: 0 0 12px 0 !important;
}

#sb-egitimler .sb-head {
	padding: 14px 16px !important;
	border-bottom: 1px solid #e8eef5 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	background: #fff !important;
}
#sb-egitimler .sb-head-title {
	font-size: 12px !important;
	font-weight: 700 !important;
	letter-spacing: 1px !important;
	text-transform: uppercase !important;
	color: #8aadc4 !important;
	margin: 0 !important;
	padding: 0 !important;
}

#sb-egitimler .sb-list {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
}
#sb-egitimler .sb-list li {
	border: none !important;
	margin: 0 !important;
	padding: 0 !important;
	background: none !important;
	float: none !important;
}
#sb-egitimler .sb-list li + li {
	border-top: 1px solid #f0f4f8 !important;
}
#sb-egitimler .sb-list li a {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	padding: 10px 14px 10px 13px !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	color: #555 !important;
	text-decoration: none !important;
	border-left: 3px solid transparent !important;
	border-top: none !important;
	border-right: none !important;
	border-bottom: none !important;
	background: transparent !important;
	transition: all 0.15s !important;
	margin: 0 !important;
	line-height: 1.4 !important;
	border-radius: 0 !important;
}
#sb-egitimler .sb-list li a:hover {
	color: #0d2b4d !important;
	background: #f7f9fc !important;
	border-left-color: #c5d2df !important;
	text-decoration: none !important;
}
#sb-egitimler .sb-list li a:hover .sb-arrow {
	opacity: 1 !important;
	transform: translateX(2px) !important;
}
#sb-egitimler .sb-list li.current-menu-item a,
#sb-egitimler .sb-list li.active a {
	color: #0d2b4d !important;
	font-weight: 700 !important;
	border-left: 3px solid #0d2b4d !important;
	background: #f0f4f8 !important;
}
#sb-egitimler .sb-list li.current-menu-item a .sb-arrow,
#sb-egitimler .sb-list li.active a .sb-arrow {
	opacity: 1 !important;
}

#sb-egitimler .sb-name { flex: 1 !important; }
#sb-egitimler .sb-arrow {
	width: 12px !important;
	height: 12px !important;
	opacity: 0 !important;
	transition: all 0.15s !important;
	flex-shrink: 0 !important;
}

#sb-egitimler .sb-cta {
	border: 1px solid #e8eef5 !important;
	border-radius: 10px !important;
	overflow: hidden !important;
}
#sb-egitimler .sb-cta-top {
	background: #0d2b4d !important;
	padding: 14px 16px !important;
}
#sb-egitimler .sb-cta-label {
	font-size: 12px !important;
	font-weight: 700 !important;
	letter-spacing: .6px !important;
	text-transform: uppercase !important;
	color: #8aadc4 !important;
	margin: 0 0 4px 0 !important;
	padding: 0 !important;
}
#sb-egitimler .sb-cta-text {
	font-size: 13px !important;
	color: #fff !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1.5 !important;
}
#sb-egitimler .sb-cta-btns {
	padding: 11px 12px !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 7px !important;
	background: #fff !important;
}
#sb-egitimler .sb-wp {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 7px !important;
	background: #25d366 !important;
	color: #fff !important;
	padding: 9px 14px !important;
	border-radius: 7px !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	text-decoration: none !important;
	border: none !important;
	line-height: 1 !important;
}
#sb-egitimler .sb-tel {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 7px !important;
	background: #f0f4f8 !important;
	color: #0d2b4d !important;
	padding: 9px 14px !important;
	border-radius: 7px !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	text-decoration: none !important;
	border: 1px solid #e0e8f0 !important;
	line-height: 1 !important;
}
#sb-egitimler .sb-wp:hover { background: #1ebe5d !important; color: #fff !important; text-decoration: none !important; }
#sb-egitimler .sb-tel:hover { background: #e0e8f0 !important; color: #0d2b4d !important; text-decoration: none !important; }



/* ================================================
   SIDEBAR FİYATLI CTA — .sb-cta-top--fiyatli
   Sadece bu modifier olan sayfalarda etkinleşir.
   Generic sayfalara (.sb-cta-top) hiç dokunmaz.
   ================================================ */

   .sb-cta-top--fiyatli {
   	background: #1e3a6e;
   	padding: 14px 16px;
   	border-radius: 6px 6px 0 0;
   	margin: -1px -1px 0 -1px;
   }

   .sb-cta-fiyat-label {
   	color: #8fa8d0;
   	font-size: 12px;
   	margin-bottom: 2px;
   }

   .sb-cta-fiyat-rakam {
   	color: #fff;
   	font-size: 24px;
   	font-weight: 700;
   	line-height: 1.2;
   	margin-bottom: 2px;
   }

   .sb-cta-top--fiyatli .sb-cta-fiyat-alt {
   	padding-top: 6px;
   	padding-bottom: 6px;
   	color: #b0c4de;
   	font-size: 12px;
   	margin-bottom: 10px;
   	display: flex;
   	align-items: center;
   	gap: 5px;
   	line-height: 1.3;
   }

   .sb-cta-top--fiyatli .sb-cta-fiyat-alt strong {
   	color: #e8c84a;
   	font-weight: 700;
   }
   .sb-cta-uyari {
   	background: rgba(255, 255, 255, 0.08);
   	border: 1px solid rgba(232, 160, 0, 0.4);
   	border-radius: 4px;
   	padding: 6px 10px;
   	font-size: 12px;
   	color: #ffd980;
   	display: flex;
   	align-items: center;
   	gap: 4px;
   }

/* Fiyatlı sayfada WA butonu — sadece .sb-cta-top--fiyatli kardeşini takip eden .sb-cta-btns içindeki .sb-wp */
.sb-cta-top--fiyatli + .sb-cta-btns .sb-wp {
	background-color: #25D366;
	color: #fff;
	border-color: #25D366;
	font-weight: 700;
	justify-content: center;
}

/* Generic sayfalarda .sb-wp zaten doğru renkte — bu selector o sayfalara ulaşmaz */


</style>