.emfa-prj-tabs{
  display:flex;
  gap:40px;
  justify-content:center;
  align-items:center;
  margin-bottom:18px;
}

.emfa-prj-tab{
  background:transparent;
  border:0;
  cursor:pointer;
  font-weight:700;
  letter-spacing:.5px;
  padding:10px 0;
  color:#111;
  position:relative;
}

.emfa-prj-tab.is-active::after{
  content:"";
  position:absolute;
  left:0; right:0;
  bottom:-6px;
  height:2px;
  background:#111;
}

.emfa-prj-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:22px;
}

.emfa-prj-card{
  display:block;
  text-decoration:none;
  color:inherit;
  border-radius:6px;
  overflow:hidden;
  position:relative;
}

.emfa-prj-img{
  width:100%;
  padding-top:62%;
  background-size:cover;
  background-position:center;
}

.emfa-prj-caption{
  position:absolute;
  left:0;
  bottom:0;
  background:#111;
  color:#fff;
  padding:14px 16px;
  width:72%;
  clip-path:polygon(0 0, 92% 0, 100% 100%, 0% 100%);
  font-weight:700;
  text-transform:uppercase;
  font-size:14px;
}

.emfa-prj-empty{ padding:20px; text-align:center; }
.emfa-prj-loading{ text-align:center; padding:10px; }

/* Single */
.emfa-prj-single{ padding:40px 0; }
.emfa-prj-single__wrap{ max-width:1100px; margin:0 auto; padding:0 16px; }
.emfa-prj-single__title{ margin:0 0 12px; }
.emfa-prj-single__meta{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:10px 18px;
  margin:0 0 18px;
}
.emfa-prj-single__thumb img{ width:100%; height:auto; display:block; border-radius:10px; }

.emfa-prj-single__gallery{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:14px;
  margin:18px 0 6px;
}
.emfa-prj-single__gallery img{
  width:100%;
  height:auto;
  display:block;
  border-radius:8px;
}
.emfa-prj-single__content{ margin-top:18px; }

/* responsive */
@media (max-width: 1024px){
  .emfa-prj-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .emfa-prj-single__meta{ grid-template-columns:repeat(2,1fr); }
  .emfa-prj-single__gallery{ grid-template-columns:repeat(3,1fr); }
}
@media (max-width: 640px){
  .emfa-prj-tabs{ gap:18px; flex-wrap:wrap; }
  .emfa-prj-grid{ grid-template-columns:1fr; }
  .emfa-prj-caption{ width:80%; }
  .emfa-prj-single__meta{ grid-template-columns:1fr; }
  .emfa-prj-single__gallery{ grid-template-columns:repeat(2,1fr); }
}

/* Aktif sekme (mavi) - tema override ediyorsa zorla */
.emfa-prj-widget .emfa-prj-tabs .emfa-prj-tab{
  background: transparent;
  border: 0;
  padding: 12px 22px;
  border-radius: 0;
}

/* aktif görünüm */
.emfa-prj-widget .emfa-prj-tabs .emfa-prj-tab.is-active{
  background: #1f4ea8 !important;   /* mavi */
  color: #fff !important;
}

/* alt çizgi kullanmak istemiyorsan kapat */
.emfa-prj-widget .emfa-prj-tabs .emfa-prj-tab.is-active::after{
  content: none !important;
}

.emfa-prj-shortcode-gallery{
  display:grid;
  gap:14px;
}
.emfa-prj-shortcode-gallery.emfa-cols-2{ grid-template-columns:repeat(2,1fr); }
.emfa-prj-shortcode-gallery.emfa-cols-3{ grid-template-columns:repeat(3,1fr); }
.emfa-prj-shortcode-gallery.emfa-cols-4{ grid-template-columns:repeat(4,1fr); }
.emfa-prj-shortcode-gallery.emfa-cols-5{ grid-template-columns:repeat(5,1fr); }
.emfa-prj-shortcode-gallery.emfa-cols-6{ grid-template-columns:repeat(6,1fr); }

.emfa-prj-shortcode-gallery img{
  width:100%;
  height:auto;
  display:block;
  border-radius:10px;
}

/* --- Slider gallery (horizontal) --- */
.emfa-prj-slider{
  position:relative;
  margin: 18px 0;
}

.emfa-prj-slider__track{
  display:flex;
  gap:14px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling: touch;
  padding: 6px 44px; /* oklar için boşluk */
}

.emfa-prj-slider__track::-webkit-scrollbar{
  height: 10px;
}
.emfa-prj-slider__track::-webkit-scrollbar-thumb{
  background: rgba(0,0,0,.25);
  border-radius: 999px;
}

.emfa-prj-slide{
  flex: 0 0 auto;
  width: 260px;
  height: 260px;
  scroll-snap-align:start;
  border:0;
  background:transparent;
  padding:0;
  cursor:pointer;
}
.emfa-prj-slide img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:12px;
  display:block;
}

/* oklar */
.emfa-prj-nav{
  position:absolute;
  top:50%;
  transform: translateY(-50%);
  width:36px;
  height:36px;
  border:0;
  border-radius:999px;
  background: rgba(0,0,0,.65);
  color:#fff;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:22px;
  line-height:1;
}
.emfa-prj-nav--prev{ left: 6px; }
.emfa-prj-nav--next{ right: 6px; }

/* --- Lightbox --- */
.emfa-lightbox{
  position:fixed;
  inset:0;
  background: rgba(0,0,0,.85);
  display:none;
  align-items:center;
  justify-content:center;
  z-index: 999999;
  padding: 24px;
}
.emfa-lightbox.is-open{ display:flex; }

.emfa-lightbox__img{
  max-width: 92vw;
  max-height: 86vh;
  border-radius: 12px;
}

.emfa-lightbox__close{
  position:absolute;
  top:16px;
  right:16px;
  width:38px;
  height:38px;
  border:0;
  border-radius:999px;
  background: rgba(255,255,255,.15);
  color:#fff;
  cursor:pointer;
  font-size:22px;
}

.emfa-lightbox__nav{
  position:absolute;
  top:50%;
  transform: translateY(-50%);
  width:44px;
  height:44px;
  border:0;
  border-radius:999px;
  background: rgba(255,255,255,.15);
  color:#fff;
  cursor:pointer;
  font-size:26px;
}
.emfa-lightbox__nav--prev{ left: 16px; }
.emfa-lightbox__nav--next{ right: 16px; }

/* === Slider thumb: hover KAPALI + tema focus/hover arka planını engelle === */
.emfa-prj-slide,
.emfa-prj-slide:hover,
.emfa-prj-slide:focus,
.emfa-prj-slide:focus-visible,
.emfa-prj-slide:active{
  background: transparent !important;
  outline: 0 !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* resimde hover efekti yok */
.emfa-prj-slide img,
.emfa-prj-slide:hover img,
.emfa-prj-slide:focus img,
.emfa-prj-slide:active img{
  transition: none !important;
  transform: none !important;
  opacity: 1 !important;
  filter: none !important;
}