/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.2
 Text Domain:  woodmart
*/

/* FAQ product tab, [acf_product_faq_repeater] shortcode */
details.faq summary {
    list-style: none;
    line-height: 3em;
    font-weight: bold;
    position: relative;
    padding-left: 30px; /* Adjust as needed to ensure enough space for the arrow */
}

details.faq summary::before,
details.faq summary::after {
    content: "";
    display: inline-block;
    width: 2px; /* Adjust for thickness */
    height: 10px; /* Adjust for length */
    background-color: black;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: #cf2e2e;
}

details.faq summary::before {
    left: 10px; 
    transform: translateY(-50%) rotate(45deg);
}

details.faq summary::after {
    left: 17.07px; /* Adjust if changing arrow thickness or length */
    transform: translateY(-50%) rotate(-45deg);
}

details.faq[open] summary::before {
    transform: translateY(-50%) rotate(-45deg);
}

details.faq[open] summary::after {
    transform: translateY(-50%) rotate(45deg);
}

details.faq[open] summary ~ * {
    animation: sweep .3s ease-in-out;
}

@keyframes sweep {
    0%    {opacity: 0; transform: translateY(-20px)}
    100%  {opacity: 1; transform: translateY(0)}
}