.elementor-97 .elementor-element.elementor-element-e1ed747{--spacer-size:40px;}.elementor-97 .elementor-element.elementor-element-98a7e15 > .elementor-widget-container{background-color:#FFFFFF00;}.elementor-97 .elementor-element.elementor-element-4ed0109 > .elementor-element-populated{padding:10px 10px 0px 10px;}.elementor-97 .elementor-element.elementor-element-ef62222 > .elementor-widget-container{background-color:#FFFFFF00;}@media(max-width:1024px){.elementor-97 .elementor-element.elementor-element-0f6bc09 > .elementor-element-populated{margin:30px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}}@media(max-width:1024px) and (min-width:768px){.elementor-97 .elementor-element.elementor-element-4ed0109{width:100%;}.elementor-97 .elementor-element.elementor-element-0f6bc09{width:100%;}}/* Start custom CSS for wp-widget-categories, class: .elementor-element-98a7e15 *//* Ana kapsayıcı */
.elementor-97 .elementor-element.elementor-element-98a7e15 ul {
  list-style: none;         /* Nokta vb. liste imlerini kaldır */
  margin: 0;
  padding: 0;
  display: flex;            /* Yatay konumlamak için flex */
  flex-wrap: wrap;          /* Fazla elemanlar alt satıra geçsin */
  align-items: center;      /* Dikeyde ortalama */
  justify-content: flex-start; /* Yatayda hizalama (istersen center yap) */
}

/* Liste öğeleri */
.elementor-97 .elementor-element.elementor-element-98a7e15 ul li {
  margin: 0;                /* Varsayılan boşlukları sıfırla */
  margin-right: 15px;       /* Her li arasına 15px boşluk ekle */
}

/* Son elemana ekstra boşluk eklenmesin */
.elementor-97 .elementor-element.elementor-element-98a7e15 ul li:last-child {
  margin-right: 0;
}

/* Linklerin stilini ayarla */
.elementor-97 .elementor-element.elementor-element-98a7e15 ul li a {
  display: inline-block;  
  padding: 8px 16px;         
  text-decoration: none;     
  color: #FFA500;           /* Yazı rengi turuncu */
  border: 1px solid #FFA500;/* Kenarlık rengi turuncu */
  border-radius: 20px;       
  transition: all 0.3s ease;
}

/* Hover durumunda stil */
.elementor-97 .elementor-element.elementor-element-98a7e15 ul li a:hover {
  background-color: #f2f2f2; 
  border-color: #FFA500;    /* Hover'da da kenarlık turuncu */
}

/* Aktif kategoriyi (örn. “Hepsi”) vurgulamak istersen */
.elementor-97 .elementor-element.elementor-element-98a7e15 ul li.active a,
.elementor-97 .elementor-element.elementor-element-98a7e15 ul li a.active {
  background-color: #FFF3E0; /* Hafif turuncu tonlu arka plan */
  color: #FFA500;           /* Yazı rengi turuncu */
  border-color: #FFA500;    /* Kenarlık rengi turuncu */
}/* End custom CSS */