/* CSS variables defaults */
.ycfaq-set{--ycfaq-bg:#ffffff;--ycfaq-q-bg:#f7f7f8;--ycfaq-open-bg:#ffffff;--ycfaq-q-color:#111111;--ycfaq-a-color:#333333;--ycfaq-icon:#111111;}

/* Y-catcher! FAQ - frontend styles */

.ycfaq-set { display:block; }
.ycfaq-actions { display:flex; gap:8px; margin:0 0 10px; }
.ycfaq-btn { padding:6px 10px !important; border:1px solid rgba(0,0,0,.15); background:transparent; border-radius:8px !important; cursor:pointer; }

.ycfaq-item { border:1px solid rgba(0,0,0,.12); border-radius:12px !important; overflow:hidden; margin:0 0 10px; background: var(--ycfaq-bg) !important; }
.ycfaq-q {
  color: var(--ycfaq-q-color) !important;
  background: var(--ycfaq-q-bg) !important;

  width:100%;
  display:flex;
  gap:12px;
  align-items:center;
  justify-content:space-between;
  border:0;
  padding:14px 16px !important;
  font:inherit;
  text-align:left !important;
  cursor:pointer;
  text-transform: initial !important;
}


.ycfaq-item.is-open .ycfaq-q{ background: var(--ycfaq-open-bg) !important; }
.ycfaq--icon-left .ycfaq-q {
  color: var(--ycfaq-q-color) !important;
  background: var(--ycfaq-q-bg) !important;
 flex-direction:row-reverse; justify-content:flex-end; }
.ycfaq-q__text { flex:1; }

.ycfaq-icon { width:18px; height:18px; flex:0 0 18px; display:inline-block; position:relative; }
.ycfaq-set[data-icon="none"] .ycfaq-icon { display:none; }

/* SVG masks (tint follows currentColor) */
.ycfaq-icon::before{
  background-color: var(--ycfaq-icon) !important;

  content:"";
  display:block;
  width:18px;height:18px;
  background-color: currentColor;
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-position:center;
  -webkit-mask-size:contain;
  mask-repeat:no-repeat;
  mask-position:center;
  mask-size:contain;
  transition: transform .2s ease;
}

/* Chevron */
.ycfaq-set[data-icon="chevron"] .ycfaq-icon::before{
  background-color: var(--ycfaq-icon) !important;

  -webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M9 18l6-6-6-6"/></svg>');
  mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M9 18l6-6-6-6"/></svg>');
}

/* Caret */
.ycfaq-set[data-icon="caret"] .ycfaq-icon::before{
  background-color: var(--ycfaq-icon) !important;

  -webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M7 10l5 5 5-5"/></svg>');
  mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M7 10l5 5 5-5"/></svg>');
}

/* Plus/Min */
.ycfaq-set[data-icon="plus"] .ycfaq-icon::before{
  background-color: var(--ycfaq-icon) !important;

  -webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M11 5h2v14h-2zM5 11h14v2H5z"/></svg>');
  mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M11 5h2v14h-2zM5 11h14v2H5z"/></svg>');
}
.ycfaq-set[data-icon="plus"] .ycfaq-item.is-open .ycfaq-icon::before{
  background-color: var(--ycfaq-icon) !important;

  -webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M5 11h14v2H5z"/></svg>');
  mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M5 11h14v2H5z"/></svg>');
  transform:none;
}

/* rotate chevron/caret when open */
.ycfaq-set[data-icon="chevron"] .ycfaq-item.is-open .ycfaq-icon::before{
  background-color: var(--ycfaq-icon) !important;
 transform: rotate(90deg); }
.ycfaq-set[data-icon="caret"] .ycfaq-item.is-open .ycfaq-icon::before{
  background-color: var(--ycfaq-icon) !important;
 transform: rotate(180deg); }

.ycfaq-a { padding:0 16px 16px; color: var(--ycfaq-a-color) !important; }
.ycfaq-a__inner { padding-top: 6px; }

@media print {
  .ycfaq--print-open .ycfaq-a { display:block !important; height:auto !important; }
  .ycfaq--print-open .ycfaq-a[hidden] { display:block !important; }
  .ycfaq-actions { display:none !important; }
}

.ycfaq-title{ margin:0 0 10px; }


.ycfaq-item.is-open{ background: var(--ycfaq-open-bg) !important; }
.ycfaq-item.is-open 
.ycfaq-q:focus, .ycfaq-q:focus-visible{ outline: none !important; box-shadow: none !important; }

.ycfaq-a__inner p:last-of-type {
  margin-bottom: 0 !important;
}