/* ITSELECT consultants readability patch - premium dark sections */
/* Scope: consultants pages only. Loaded after inline styles to fix contrast regressions. */

/* FAQ / frequent questions ------------------------------------------------ */
.faq,
.faq * {
  box-sizing: border-box;
}

.faq details {
  background: linear-gradient(145deg, rgba(15, 23, 42, .97), rgba(8, 13, 24, .98)) !important;
  border: 1px solid rgba(214, 181, 109, .24) !important;
  box-shadow: 0 22px 64px rgba(0, 0, 0, .34) !important;
  color: #f8fafc !important;
}

.faq details[open] {
  border-color: rgba(214, 181, 109, .42) !important;
  box-shadow: 0 26px 74px rgba(0, 0, 0, .44) !important;
}

.faq summary {
  color: #ffffff !important;
  font-weight: 900 !important;
  line-height: 1.45 !important;
  list-style-position: outside;
}

.faq summary::marker,
.faq summary::-webkit-details-marker {
  color: #d6b56d !important;
}

.faq p,
.faq details p {
  color: #dbe7f7 !important;
  line-height: 1.75 !important;
  margin-top: 14px !important;
}

/* Consultant profile CTA blocks ------------------------------------------ */
section.cta,
.cta:not(.btn):not(a) {
  background: linear-gradient(135deg, rgba(15, 23, 42, .98), rgba(10, 29, 53, .96)) !important;
  border: 1px solid rgba(214, 181, 109, .36) !important;
  color: #f8fafc !important;
  box-shadow: 0 26px 80px rgba(0, 0, 0, .42) !important;
}

section.cta h2,
.cta:not(.btn):not(a) h2 {
  color: #ffffff !important;
  text-wrap: balance;
}

section.cta p,
.cta:not(.btn):not(a) p {
  color: #dbe7f7 !important;
  line-height: 1.7 !important;
  max-width: 760px;
}

section.cta .btn,
.cta:not(.btn):not(a) .btn {
  background: linear-gradient(135deg, #d6b56d, #f2d994) !important;
  color: #0f172a !important;
  border: 1px solid rgba(255, 255, 255, .18) !important;
  box-shadow: 0 18px 42px rgba(214, 181, 109, .22) !important;
}

section.cta .btn:hover,
.cta:not(.btn):not(a) .btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 22px 54px rgba(214, 181, 109, .30) !important;
}

/* Generic text contrast inside consultant premium cards ------------------- */
.consultant-card p,
.profile-card p,
.executive-card p,
.card p,
.glass-card p,
.timeline-item p,
.language-card p,
.skill-card p,
.experience-card p,
.card li,
.timeline-item li {
  color: #dbe7f7 !important;
}

.card h2,
.card h3,
.timeline-item h2,
.timeline-item h3,
.profile-card h2,
.profile-card h3,
.executive-card h2,
.executive-card h3,
.glass-card h2,
.glass-card h3 {
  color: #ffffff !important;
}

/* Keep buttons readable when they inherit global consultant overrides. */
a.btn,
button.btn,
.btn.primary,
.btn.secondary {
  font-weight: 900 !important;
  text-decoration: none !important;
}

/* Mobile readability ------------------------------------------------------ */
@media (max-width: 760px) {
  .faq details {
    padding: 22px !important;
    border-radius: 22px !important;
  }

  section.cta,
  .cta:not(.btn):not(a) {
    padding: 26px !important;
    border-radius: 26px !important;
  }

  section.cta .btn,
  .cta:not(.btn):not(a) .btn {
    width: 100%;
    margin-top: 12px;
  }
}