/* WP Code Plug SEO FAQ - clean defaults, most styling controlled by Elementor */
.wpcp-faq,
.wpcp-faq *{
  box-sizing:border-box;
}

.wpcp-faq{
  display:flex;
  flex-direction:column;
  width:100%;
}

.wpcp-faq__title{
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:normal;
}

.wpcp-faq__item{
  overflow:hidden;
}

.wpcp-faq__q-wrap{
  margin:0;
}

.wpcp-faq__q-row{
  display:flex;
  align-items:stretch;
  width:100%;
  min-width:0;
}

.wpcp-faq__q{
  width:100%;
  min-width:0;
  flex:1 1 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  text-align:left;
  cursor:pointer;
  border:none;
  background:transparent;
  padding:14px 16px;
  font:inherit;
  line-height:inherit;
  appearance:none;
  -webkit-appearance:none;
}

.wpcp-faq__q:focus,
.wpcp-faq__q:focus-visible,
.wpcp-faq__copy:focus,
.wpcp-faq__copy:focus-visible{
  outline:2px solid currentColor;
  outline-offset:2px;
}

.wpcp-faq__q-text{
  display:block;
  flex:1 1 auto;
  min-width:0;
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:normal;
  white-space:normal;
}

.wpcp-faq__a{
  height:0;
  overflow:hidden;
}

.wpcp-faq__a-inner{
  padding:14px 16px;
  overflow-wrap:anywhere;
}

.wpcp-faq__item.is-open .wpcp-faq__a{
  height:auto;
}

/* Icons */
.wpcp-faq__icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
  position:relative;
  flex:0 0 auto;
  line-height:1;
}

.wpcp-faq__icon-chevron,
.wpcp-faq__icon-plus{
  width:100%;
  height:100%;
}

.wpcp-faq__icon-chevron::before{
  content:"";
  display:block;
  width:8px;
  height:8px;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:rotate(45deg);
  margin-left:2px;
  margin-top:-1px;
  transition:transform 180ms ease;
}

.wpcp-faq__item.is-open .wpcp-faq__icon-chevron::before{
  transform:rotate(225deg);
  margin-top:2px;
}

.wpcp-faq__icon-plus::before,
.wpcp-faq__icon-plus::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:12px;
  height:2px;
  background:currentColor;
  transform:translate(-50%,-50%);
  transition:opacity 180ms ease, transform 180ms ease;
}

.wpcp-faq__icon-plus::after{
  transform:translate(-50%,-50%) rotate(90deg);
}

.wpcp-faq__item.is-open .wpcp-faq__icon-plus::after{
  opacity:0;
}

/* Copy link button */
.wpcp-faq__copy{
  flex:0 0 auto;
  width:36px;
  height:36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  border:1px solid currentColor;
  background:transparent;
  color:inherit;
  font:inherit;
  line-height:1;
  padding:0;
  appearance:none;
  -webkit-appearance:none;
}

.wpcp-faq__copy svg{
  width:1em;
  height:1em;
  display:block;
}
