/*
 Theme Name:  Sandbox Child
 Theme URI:   https://example.com/
 Description: Child theme for Sandbox
 Author:      Your Name
 Template:    sandbox
 Version:     1.0.0
*/

/* You can put child theme CSS below this line */
/* FAQ toggle: make button look like the old link */
.elementor-toggle .elementor-toggle-title,
.elementor-widget-toggle .elementor-toggle-title {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: inherit !important;
  padding: 0 !important;
  margin: 0 !important;
  display: inline-flex;
  align-items: center;
  text-align: left;
  width: auto;
}

/* Keep focus visible for accessibility */
.elementor-toggle .elementor-toggle-title:focus-visible,
.elementor-widget-toggle .elementor-toggle-title:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

/* If your FAQ widget uses a container background, neutralize unexpected fill */
.elementor-widget-toggle .elementor-toggle,
.elementor-widget-toggle .elementor-toggle .elementor-tab-title,
.elementor-widget-toggle .elementor-toggle .elementor-tab-content {
  background: transparent !important;
  border: 0;
  box-shadow: none;
}

/* Icon color follows text */
.elementor-widget-toggle .elementor-toggle .elementor-toggle-icon,
.elementor-widget-toggle .elementor-toggle .elementor-toggle-icon svg {
  color: currentColor;
  fill: currentColor;
}

/* (Optional) Ensure no global “button” reset elsewhere adds a bg */
button.elementor-toggle-title {
  background: transparent !important;
}

/* If any section suddenly picked a theme default bg, force it back */
body.home [data-id="YOUR_FAQ_SECTION_ID"] {
  background: transparent !important; /* or your intended color */
}