/*
=======================================================
  Op. Dr. Erdal Şeker — Karuna Tema TAM CSS PAKETİ
  Uygulama: WordPress → Görünüm → Özelleştir → Ek CSS
  → Mevcut kodu SİLİN, bunu yapıştırın → Yayımla
=======================================================
  BÖLÜMLER:
  1. Genel Değişkenler & Tipografi
  2. Header / Navigasyon
  3. Hizmet Kartları (Gutenberg Blokları)
  4. Butonlar
  5. Blog Yazı Şablonu (.erd-wrap)
  6. Hero Renk Düzeltmeleri
  7. Mobil Uyum
=======================================================
*/


/* =====================================================
   1. GENEL DEĞİŞKENLER & TİPOGRAFİ
   ===================================================== */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=DM+Sans:wght@300;400;500&family=Source+Serif+4:ital,wght@0,300;0,400;0,600;1,300&display=swap');

:root {
  --dr-accent:       #2d6a7f;
  --dr-accent-light: #e8f4f8;
  --dr-accent-dark:  #1e4d5e;
  --dr-gold:         #c9a96e;
  --dr-ink:          #1a1f2e;
  --dr-muted:        #6b7280;
  --dr-warm:         #f7f4ef;
  --dr-border:       #e5e7eb;
}

body,
p,
li,
.entry-content,
.site-description {
  font-family: 'DM Sans', sans-serif !important;
  color: var(--dr-ink);
  font-size: 15px;
  line-height: 1.75;
}

h1, h2, h3,
.entry-title,
.entry-title a,
.site-title,
.site-title a,
.recent-posts-title,
.widget-title {
  font-family: 'Playfair Display', serif !important;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: var(--dr-ink) !important;
}

strong, b {
  font-weight: 500;
  color: var(--dr-accent);
}

a {
  color: var(--dr-accent);
  transition: color 0.2s;
}
a:hover {
  color: var(--dr-accent-dark);
}


/* =====================================================
   2. HEADER / NAVİGASYON
   ===================================================== */

.top-bar,
.header-widget-area {
  background-color: var(--dr-accent-dark) !important;
  color: rgba(255,255,255,0.85) !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 12px !important;
  letter-spacing: 0.04em;
}

.header-widget-area a,
.header-widget-area a:visited {
  color: rgba(255,255,255,0.85) !important;
  font-family: 'DM Sans', sans-serif !important;
}

.header-widget-area a:hover {
  color: #ffffff !important;
  text-decoration: underline;
}

.site-header,
#masthead {
  background-color: #ffffff !important;
  border-bottom: 1px solid var(--dr-border) !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.04) !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
}

.site-branding {
  padding: 14px 0 !important;
}

.site-title a {
  color: var(--dr-ink) !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  font-family: 'Playfair Display', serif !important;
}

.site-title a:hover {
  color: var(--dr-accent) !important;
}

.site-description {
  color: var(--dr-muted) !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  font-weight: 400 !important;
}

.main-navigation a,
.main-navigation a:visited {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 400 !important;
  color: var(--dr-muted) !important;
  letter-spacing: 0.01em;
  padding: 8px 14px !important;
  transition: color 0.2s !important;
  text-transform: none !important;
}

.main-navigation a:hover,
.main-navigation a:focus {
  color: var(--dr-accent) !important;
  background: transparent !important;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
  color: var(--dr-accent) !important;
  font-weight: 500 !important;
}

.main-navigation ul ul {
  background-color: #ffffff !important;
  border: 1px solid var(--dr-border) !important;
  border-radius: 8px !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.08) !important;
  padding: 8px 0 !important;
  min-width: 220px !important;
}

.main-navigation ul ul a {
  font-size: 13px !important;
  padding: 7px 18px !important;
  border-bottom: none !important;
  color: var(--dr-ink) !important;
}

.main-navigation ul ul a:hover {
  background-color: var(--dr-accent-light) !important;
  color: var(--dr-accent) !important;
}


/* =====================================================
   3. HİZMET KARTLARI (Gutenberg wp:columns blokları)
   ===================================================== */

.wp-block-columns {
  gap: 20px !important;
  align-items: stretch !important;
}

.wp-block-column {
  background: #ffffff !important;
  border: 1px solid var(--dr-border) !important;
  border-radius: 12px !important;
  padding: 28px !important;
  transition: transform 0.25s, box-shadow 0.25s !important;
  position: relative;
  overflow: hidden;
}

.wp-block-column::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: var(--dr-accent);
  transform: scaleX(0);
  transition: transform 0.3s;
  transform-origin: left;
  border-radius: 3px 3px 0 0;
}

.wp-block-column:hover::before {
  transform: scaleX(1);
}

.wp-block-column:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 40px rgba(45, 106, 127, 0.1) !important;
}

.wp-block-column h2,
.wp-block-column h3,
.wp-block-column h4 {
  font-family: 'Playfair Display', serif !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  color: var(--dr-ink) !important;
  margin-bottom: 10px !important;
}

.wp-block-column p {
  font-size: 14px !important;
  color: var(--dr-muted) !important;
  line-height: 1.65 !important;
  margin-bottom: 0 !important;
}

.wp-block-column .wp-block-paragraph:first-child {
  font-size: 28px !important;
  line-height: 1.2 !important;
  margin-bottom: 14px !important;
}


/* =====================================================
   4. BUTONLAR
   ===================================================== */

.button,
.wp-block-button__link,
input[type="submit"],
button[type="submit"] {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  background-color: var(--dr-accent) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 12px 26px !important;
  letter-spacing: 0.01em;
  cursor: pointer;
  transition: background 0.2s, transform 0.15s !important;
  text-decoration: none !important;
}

.button:hover,
.wp-block-button__link:hover,
input[type="submit"]:hover {
  background-color: var(--dr-accent-dark) !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
}

.wp-block-button.outline-btn .wp-block-button__link {
  background-color: transparent !important;
  color: var(--dr-accent) !important;
  border: 1.5px solid var(--dr-accent) !important;
}

.wp-block-button.outline-btn .wp-block-button__link:hover {
  background-color: var(--dr-accent-light) !important;
}

.main-navigation li:last-child a {
  background-color: var(--dr-accent) !important;
  color: #ffffff !important;
  border-radius: 8px !important;
  padding: 8px 18px !important;
  font-weight: 500 !important;
  margin-left: 8px;
}

.main-navigation li:last-child a:hover {
  background-color: var(--dr-accent-dark) !important;
  color: #ffffff !important;
}


/* =====================================================
   5. BLOG YAZI ŞABLONU (.erd-wrap)
      Bu kodlar blog yazılarında kullanılan
      özel HTML sınıflarını stillendirir.
   ===================================================== */

.erd-wrap {
  font-family: 'Source Serif 4', Georgia, serif;
  color: #2D2D2D;
  line-height: 1.85;
  font-size: 17px;
}
.erd-wrap *,
.erd-wrap *::before,
.erd-wrap *::after {
  box-sizing: border-box;
}

/* Hero */
.erd-hero {
  background: linear-gradient(135deg, #1A2B4A 0%, #2C3E5F 60%, #2A7B7B 100%);
  padding: 64px 24px 56px;
  text-align: center;
  border-radius: 16px;
  margin-bottom: 0;
  position: relative;
  overflow: hidden;
}
.erd-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at 70% 30%, rgba(42,123,123,0.25) 0%, transparent 65%);
  pointer-events: none;
}
.erd-hero-badge {
  display: inline-block;
  background: rgba(201,168,76,0.15);
  border: 1px solid #C9A84C;
  color: #C9A84C !important;
  font-size: 0.78rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  padding: 6px 20px;
  border-radius: 30px;
  margin-bottom: 20px;
}
.erd-hero h1 {
  font-family: 'Playfair Display', serif !important;
  color: #FFFFFF !important;
  font-size: 2.5rem !important;
  line-height: 1.25 !important;
  max-width: 740px;
  margin: 0 auto 18px !important;
  font-weight: 700 !important;
  border: none !important;
  padding: 0 !important;
}
.erd-hero .erd-subtitle {
  color: rgba(255,255,255,0.78) !important;
  font-size: 1.03rem;
  max-width: 560px;
  margin: 0 auto 28px;
  font-style: italic;
  font-weight: 300;
}
.erd-hero-meta {
  display: flex;
  justify-content: center;
  gap: 24px;
  flex-wrap: wrap;
}
.erd-hero-meta span {
  color: rgba(255,255,255,0.65) !important;
  font-size: 0.82rem;
  letter-spacing: 0.05em;
  display: flex;
  align-items: center;
  gap: 6px;
}
.erd-hero-meta span::before {
  content: '\25C6';
  color: #C9A84C;
  font-size: 0.55rem;
}

/* Snippet Box */
.erd-snippet {
  background: #FDFBF8;
  border: 1px solid #E2DDD5;
  border-radius: 12px;
  padding: 28px 32px;
  box-shadow: 0 12px 48px rgba(26,43,74,0.13);
  margin: -28px auto 40px;
  position: relative;
  z-index: 10;
  max-width: 100%;
}
.erd-snippet-label {
  font-size: 0.72rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #2A7B7B;
  font-weight: 600;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.erd-snippet-label::after {
  content: '';
  flex: 1;
  height: 1px;
  background: #E2DDD5;
}
.erd-snippet-q {
  font-family: 'Playfair Display', serif;
  font-size: 1.06rem;
  color: #1A2B4A;
  font-weight: 600;
  margin-bottom: 12px !important;
}
.erd-snippet table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 14px;
  font-size: 0.91rem;
}
.erd-snippet table th {
  background: #1A2B4A;
  color: #fff;
  padding: 9px 14px;
  text-align: left;
  font-family: 'Playfair Display', serif;
}
.erd-snippet table td {
  padding: 8px 14px;
  border-bottom: 1px solid #E2DDD5;
}
.erd-snippet table tr:nth-child(even) td {
  background: #EAF5F5;
}
.erd-snippet table tr:last-child td {
  border-bottom: none;
}

/* Section Headings */
.erd-wrap .erd-h2 {
  font-family: 'Playfair Display', serif !important;
  color: #1A2B4A !important;
  font-size: 1.7rem !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  margin: 52px 0 18px !important;
  padding-bottom: 14px !important;
  border-bottom: 2px solid #C9A84C !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  display: flex;
  align-items: baseline;
  gap: 12px;
}
.erd-h2-num {
  font-size: 0.65em;
  color: #C9A84C;
  font-weight: 400;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
}
.erd-wrap .erd-h3 {
  font-family: 'Playfair Display', serif !important;
  color: #2A7B7B !important;
  font-size: 1.15rem !important;
  font-weight: 600 !important;
  margin: 28px 0 10px !important;
  padding-left: 14px !important;
  border-left: 3px solid #2A7B7B !important;
  border-bottom: none !important;
  border-top: none !important;
  border-right: none !important;
}
.erd-wrap p {
  margin-bottom: 16px;
}
.erd-wrap strong {
  color: #1A2B4A;
  font-weight: 600;
}

/* Timeline */
.erd-timeline {
  position: relative;
  padding: 8px 0 8px 32px;
  margin: 24px 0;
}
.erd-timeline::before {
  content: '';
  position: absolute;
  left: 10px;
  top: 0;
  bottom: 0;
  width: 2px;
  background: linear-gradient(to bottom, #2A7B7B, #C9A84C);
  border-radius: 2px;
}
.erd-tl-item {
  position: relative;
  margin-bottom: 20px;
  background: #FDFBF8;
  border: 1px solid #E2DDD5;
  border-radius: 10px;
  padding: 16px 20px;
  box-shadow: 0 4px 24px rgba(26,43,74,0.08);
}
.erd-tl-item::before {
  content: '';
  position: absolute;
  left: -27px;
  top: 18px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #2A7B7B;
  border: 2px solid #FAF7F2;
  box-shadow: 0 0 0 2px #2A7B7B;
}
.erd-tl-week {
  font-family: 'Playfair Display', serif;
  font-size: 0.82rem;
  font-weight: 700;
  color: #C9A84C;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 4px;
}
.erd-tl-title {
  font-family: 'Playfair Display', serif;
  color: #1A2B4A;
  font-size: 1.03rem;
  font-weight: 600;
  margin-bottom: 6px !important;
}
.erd-tl-desc {
  color: #5A5A5A;
  font-size: 0.93rem;
  line-height: 1.7;
  margin: 0 !important;
}

/* Card Grid */
.erd-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 18px;
  margin: 24px 0;
}
.erd-card {
  background: #FDFBF8;
  border: 1px solid #E2DDD5;
  border-radius: 12px;
  padding: 20px 18px;
  box-shadow: 0 4px 24px rgba(26,43,74,0.08);
  border-top: 3px solid #2A7B7B;
}
.erd-card.gold { border-top-color: #C9A84C; }
.erd-card.navy { border-top-color: #1A2B4A; }
.erd-card-icon {
  font-size: 1.7rem;
  margin-bottom: 10px;
  line-height: 1;
}
.erd-card-title {
  font-family: 'Playfair Display', serif;
  color: #1A2B4A;
  font-size: 0.96rem;
  font-weight: 700;
  margin-bottom: 8px !important;
}
.erd-card-body {
  color: #5A5A5A;
  font-size: 0.88rem;
  line-height: 1.65;
  margin: 0 !important;
}

/* Highlight Boxes */
.erd-highlight {
  background: #EAF5F5;
  border: 1px solid #3A9A9A;
  border-left: 4px solid #2A7B7B;
  border-radius: 10px;
  padding: 18px 22px;
  margin: 22px 0;
}
.erd-highlight.gold {
  background: #FDF6E3;
  border-color: #C9A84C;
  border-left-color: #C9A84C;
}
.erd-highlight p { color: #2D2D2D; font-size: 0.95rem; margin: 0 !important; }
.erd-highlight strong { color: #2A7B7B; }
.erd-highlight.gold strong { color: #8B6914; }

/* Warning Box */
.erd-warning {
  background: #FFF8E7;
  border: 1px solid #F0C040;
  border-left: 4px solid #E6A800;
  border-radius: 10px;
  padding: 18px 22px;
  margin: 22px 0;
}
.erd-warning-title {
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  font-size: 0.95rem;
  margin-bottom: 8px !important;
  color: #8B6000;
}
.erd-warning p { color: #5C4200; font-size: 0.95rem; margin: 0 !important; }

/* FAQ */
.erd-faq-title {
  font-family: 'Playfair Display', serif !important;
  color: #1A2B4A !important;
  font-size: 1.7rem !important;
  font-weight: 700 !important;
  text-align: center;
  margin: 48px 0 32px !important;
  border: none !important;
}
.erd-faq-item {
  background: #FDFBF8;
  border: 1px solid #E2DDD5;
  border-radius: 12px;
  margin-bottom: 12px;
  overflow: hidden;
  box-shadow: 0 4px 24px rgba(26,43,74,0.08);
}
.erd-faq-q {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 18px 22px;
  cursor: pointer;
  gap: 14px;
}
.erd-faq-q:hover { background: #EAF5F5; }
.erd-faq-q-text {
  font-family: 'Playfair Display', serif;
  color: #1A2B4A;
  font-size: 0.98rem;
  font-weight: 600;
  line-height: 1.45;
}
.erd-faq-icon {
  flex-shrink: 0;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #2A7B7B;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  font-weight: 700;
  transition: transform 0.3s, background 0.2s;
  margin-top: 2px;
  line-height: 1;
}
.erd-faq-item.erd-open .erd-faq-icon {
  transform: rotate(45deg);
  background: #1A2B4A;
}
.erd-faq-a {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease, padding 0.3s;
  padding: 0 22px;
}
.erd-faq-item.erd-open .erd-faq-a {
  max-height: 600px;
  padding: 4px 22px 20px;
}
.erd-faq-a p { color: #5A5A5A; font-size: 0.94rem; line-height: 1.8; margin-bottom: 8px !important; }

/* CTA */
.erd-cta {
  background: linear-gradient(135deg, #1A2B4A 0%, #2C3E5F 100%);
  border-radius: 16px;
  padding: 40px 32px;
  text-align: center;
  margin: 48px 0 16px;
}
.erd-cta h3 {
  font-family: 'Playfair Display', serif !important;
  color: #fff !important;
  font-size: 1.5rem !important;
  margin-bottom: 12px !important;
  border: none !important;
}
.erd-cta p { color: rgba(255,255,255,0.75) !important; font-size: 0.97rem; margin-bottom: 24px !important; }
.erd-cta-btn {
  display: inline-block;
  background: #C9A84C;
  color: #1A2B4A !important;
  font-family: 'Playfair Display', serif;
  font-size: 0.97rem;
  font-weight: 700;
  padding: 14px 36px;
  border-radius: 8px;
  text-decoration: none !important;
  letter-spacing: 0.04em;
  transition: background 0.2s, transform 0.2s;
}
.erd-cta-btn:hover { background: #e0bc5a; transform: translateY(-2px); }

/* Divider */
.erd-divider {
  border: none;
  height: 1px;
  background: linear-gradient(to right, transparent, #E2DDD5, transparent);
  margin: 16px 0;
}

/* SEO Meta Footer */
.erd-seo-footer {
  background: #1A2B4A;
  border-radius: 12px;
  padding: 32px 28px;
  margin-top: 40px;
}
.erd-seo-footer h4 {
  font-family: 'Playfair Display', serif;
  color: #C9A84C;
  font-size: 0.88rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 12px !important;
  border: none !important;
}
.erd-meta-desc {
  font-size: 0.88rem;
  line-height: 1.7;
  color: rgba(255,255,255,0.7);
  border-left: 3px solid #2A7B7B;
  padding-left: 14px;
  margin-bottom: 20px !important;
}
.erd-seo-divider {
  border: none;
  height: 1px;
  background: rgba(255,255,255,0.1);
  margin: 20px 0;
}
.erd-kw-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.erd-kw-list li {
  background: rgba(42,123,123,0.2);
  border: 1px solid rgba(42,123,123,0.4);
  color: rgba(255,255,255,0.75);
  font-size: 0.78rem;
  padding: 4px 12px;
  border-radius: 20px;
}
.erd-footer-credit {
  font-size: 0.8rem;
  color: rgba(255,255,255,0.4);
  text-align: center;
  padding-top: 16px;
}


/* =====================================================
   6. HERO RENK DÜZELTMELERİ
      Tema'nın genel h1 ve link renkleri hero içinde
      beyazı bozmasın diye güçlü override'lar.
   ===================================================== */

/* Hero içindeki TÜM metin beyaz */
.erd-hero,
.erd-hero * {
  color: #FFFFFF !important;
}

/* Badge altın rengi — beyaz override'ını geri al */
.erd-hero .erd-hero-badge,
.erd-hero .erd-hero-badge * {
  color: #C9A84C !important;
}

/* Meta satırı biraz soluk */
.erd-hero .erd-hero-meta span,
.erd-hero .erd-hero-meta span * {
  color: rgba(255,255,255,0.65) !important;
}

/* Başlık içindeki link varsa beyaz ve altısız */
.erd-hero h1 a,
.erd-hero h1 a:hover,
.erd-hero h1 a:visited,
.erd-hero h1 a:focus,
.erd-hero h1 a:active {
  color: #FFFFFF !important;
  text-decoration: none !important;
}

/* Subtitle */
.erd-hero .erd-subtitle,
.erd-hero .erd-subtitle * {
  color: rgba(255,255,255,0.78) !important;
}


/* =====================================================
   7. MOBİL UYUM
   ===================================================== */

@media screen and (max-width: 767px) {
  .main-navigation ul ul {
    background-color: var(--dr-accent-light) !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  }
  .main-navigation ul ul a {
    color: var(--dr-ink) !important;
    font-size: 14px !important;
    padding: 10px 20px !important;
  }
  .wp-block-columns { flex-direction: column !important; }
  .wp-block-column { padding: 22px !important; }
  .menu-toggle,
  .menu-toggle:focus {
    color: var(--dr-accent) !important;
    border-color: var(--dr-accent) !important;
    background: transparent !important;
    font-family: 'DM Sans', sans-serif !important;
  }
}

@media (max-width: 640px) {
  .erd-snippet { padding: 18px; }
  .erd-hero { padding: 44px 16px 44px; }
  .erd-hero h1 { font-size: 1.6rem !important; }
  .erd-cta { padding: 28px 18px; }
  .erd-card-grid { grid-template-columns: 1fr; }
  .erd-snippet table { font-size: 0.82rem; }
  .erd-snippet table th,
  .erd-snippet table td { padding: 7px 9px; }
}
/* Anasayfada Recent Posts gizle */
.home .recent-posts,
.home .widget_recent_entries,
.home #recent-posts-widget,
.home .wp-block-latest-posts {
  display: none !important;
}
/* FAQ — details/summary accordion (JavaScript gerektirmez) */
.erd-faq-item {
  background: #FDFBF8;
  border: 1px solid #E2DDD5;
  border-radius: 12px;
  margin-bottom: 12px;
  overflow: hidden;
  box-shadow: 0 4px 24px rgba(26,43,74,0.08);
}
.erd-faq-item summary {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 18px 22px;
  cursor: pointer;
  gap: 14px;
  list-style: none;
  font-family: 'Playfair Display', serif;
  color: #1A2B4A;
  font-size: 0.98rem;
  font-weight: 600;
  line-height: 1.45;
}
.erd-faq-item summary::-webkit-details-marker { display: none; }
.erd-faq-item summary::marker { display: none; }
.erd-faq-item summary:hover { background: #EAF5F5; }
.erd-faq-item summary::after {
  content: '+';
  flex-shrink: 0;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #2A7B7B;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 26px;
  text-align: center;
  transition: transform 0.3s, background 0.2s;
  margin-top: 2px;
}
.erd-faq-item[open] summary::after {
  content: '+';
  transform: rotate(45deg);
  background: #1A2B4A;
}
.erd-faq-item .erd-faq-a {
  padding: 4px 22px 20px;
  border-top: 1px solid #E2DDD5;
}
.erd-faq-item .erd-faq-a p {
  color: #5A5A5A;
  font-size: 0.94rem;
  line-height: 1.8;
  margin-bottom: 8px !important;
}
/* FAQ details/summary — overflow fix */
.erd-faq-item {
  overflow: visible !important;
}
.erd-faq-item[open] {
  overflow: visible !important;
}