/* =========================================
   Previa - Minimal Premium FAQ Accordion
   (Elementor new accordion: .e-n-accordion)
========================================= */

:root{
  --faq-accent: #b88a2a;          /* gold */
  --faq-bg: #ffffff;
  --faq-border: rgba(17,24,39,.10);
  --faq-text: #111827;
  --faq-muted: #4b5563;

  /* hover/open arka plan altın tonu (solid ve premium) */
  --faq-gold-bg: rgba(184,138,42,.18);
  --faq-gold-bg-strong: rgba(184,138,42,.22);
}

/* Aralık (biraz kapattık) */
.e-n-accordion{
  display: grid !important;
  gap: 8px !important; /* 12 -> 8 */
}

/* Kart */
.e-n-accordion details.e-n-accordion-item{
  background: var(--faq-bg) !important;
  border: 1px solid var(--faq-border) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 10px 26px rgba(17,24,39,.06) !important;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease !important;
}

.e-n-accordion details.e-n-accordion-item:hover{
  transform: translateY(-1px) !important;
  box-shadow: 0 14px 34px rgba(17,24,39,.10) !important;
  border-color: rgba(184,138,42,.28) !important;
}

/* Başlık */
.e-n-accordion details.e-n-accordion-item > summary.e-n-accordion-item-title{
  list-style: none !important;
  cursor: pointer !important;
  padding: 14px 52px 14px 18px !important; /* 16 -> 14 (daha kompakt) */
  color: var(--faq-text) !important;
  font-weight: 600 !important; /* 650 -> 600 (yumuşadı) */
  font-size: 16px !important;
  line-height: 1.25 !important;
  letter-spacing: -0.2px !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  user-select: none !important;
  background: transparent !important;
  transition: background .18s ease, color .18s ease !important;
}

/* Hover: arka plan altın kalsın */
.e-n-accordion details.e-n-accordion-item:hover > summary.e-n-accordion-item-title{
  background: var(--faq-gold-bg) !important;
}

/* default marker kapat */
.e-n-accordion details.e-n-accordion-item > summary::-webkit-details-marker{
  display:none !important;
}

/* Soldaki + / ikonları kapat */
.e-n-accordion details.e-n-accordion-item > summary .e-n-accordion-item-title-icon,
.e-n-accordion details.e-n-accordion-item > summary .e-n-accordion-item-icon,
.e-n-accordion details.e-n-accordion-item > summary .elementor-accordion-icon,
.e-n-accordion details.e-n-accordion-item > summary .elementor-toggle-icon,
.e-n-accordion details.e-n-accordion-item > summary i,
.e-n-accordion details.e-n-accordion-item > summary svg{
  display: none !important;
}

/* Sağ chevron */
.e-n-accordion details.e-n-accordion-item > summary.e-n-accordion-item-title::after{
  content: "" !important;
  position: absolute !important;
  right: 18px !important;
  top: 50% !important;
  width: 9px !important;
  height: 9px !important;
  border-right: 2px solid rgba(17,24,39,.55) !important;
  border-bottom: 2px solid rgba(17,24,39,.55) !important;
  transform: translateY(-55%) rotate(45deg) !important;
  transition: transform .2s ease, border-color .2s ease, opacity .2s ease !important;
  opacity: .9 !important;
}

/* Açık durum */
.e-n-accordion details.e-n-accordion-item[open]{
  border-color: rgba(184,138,42,.40) !important;
  box-shadow: 0 18px 44px rgba(17,24,39,.10) !important;
}

/* Açıkken: arka plan altın KALICI */
.e-n-accordion details.e-n-accordion-item[open] > summary.e-n-accordion-item-title{
  background: var(--faq-gold-bg-strong) !important;
}

/* Açıkken chevron dönsün + gold olsun */
.e-n-accordion details.e-n-accordion-item[open] > summary.e-n-accordion-item-title::after{
  transform: translateY(-35%) rotate(225deg) !important;
  border-color: var(--faq-accent) !important;
}

/* İçerik */
.e-n-accordion details.e-n-accordion-item > .e-con{
  padding: 0 18px 14px 18px !important; /* 16 -> 14 (kompakt) */
  color: var(--faq-muted) !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
  animation: faqFade .18s ease !important;
}

.e-n-accordion details.e-n-accordion-item > .e-con p{
  margin: 8px 0 !important; /* 10 -> 8 */
}

@keyframes faqFade{
  from{ opacity: 0; transform: translateY(-4px); }
  to{ opacity: 1; transform: translateY(0); }
}

/* Focus */
.e-n-accordion details.e-n-accordion-item > summary:focus{ outline:none !important; }
.e-n-accordion details.e-n-accordion-item > summary:focus-visible{
  box-shadow: 0 0 0 3px rgba(184,138,42,.20) !important;
  border-radius: 12px !important;
}

/* Mobil */
@media (max-width: 768px){
  .e-n-accordion details.e-n-accordion-item > summary.e-n-accordion-item-title{
    padding: 12px 48px 12px 16px !important; /* 14 -> 12 */
    font-size: 15px !important;
  }
  .e-n-accordion details.e-n-accordion-item > .e-con{
    padding: 0 16px 12px 16px !important;
    font-size: 14.5px !important;
  }
}