.woocommerce .button br {
    display: none;
}

.cart_totals h2 {
    font-size: 18px;
    font-weight: 700;
    border-bottom: 1px #f7f7f7 solid;
    padding-bottom: 20px;
}

.woocommerce table tbody>tr:nth-child(odd)>td,.woocommerce table tbody>tr:nth-child(odd)>th {
    background-color: transparent;
}

.woocommerce-info {
    border-top-color: transparent;
    background-color: #F7F7F7;
    font-size: 13px;
    border-radius: 5px;
}

.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
    float: left;
    width: 100%;
    border: 1px #edeef5 solid;
    padding: 20px;
    border-radius: 5px;
}

.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
    float: right;
    width: 0%;
    display: none;
}
div#customer_details {
    float: left;
    width: 60%;
    padding: 20px;
}

div#order_review {
    float: left;
    width: 40%;
    padding: 0 20px;
}

h3#order_review_heading {
    float: left;
    padding: 10px 20px 0px 20px;
    display: block;
    width: 40%;
    font-size: 20px;
}

.woocommerce table.shop_table td {
    border-top: 1px solid rgba(0,0,0,.1);
    padding: 15px 13px;
    vertical-align: middle;
    line-height: 1.5em;
}

.woocommerce-privacy-policy-text {
    font-size: 12px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li{
    list-style: none;
    width: 120px;
    display: inline-block;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {

    background-color: #F3F4F7;
    text-align: center;
    font-size: 16px;
    padding: 10px;
    border-radius: 22px;
    margin: 20px 0;
    color: #212529;
    display: block;
}

.woocommerce-account .woocommerce-MyAccount-content {
    float: right;
    width: 100%;
    margin-top: 20px;
    padding: 30px;
    border: 1px #f0f0f3 solid;
    background-color: #f3f4f7;
    border-radius: 5px;
}

li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link:hover a{
    background-color: #db332d;
    color: #fff;
    border-radius: 22px;
}
.account-orders-table, .order_details {
    width: 100%;
}

.woocommerce-Button.button {
    border: 0;
    background-color: #db332d;
    color: #fff;
    padding: 10px;
    border-radius: 22px;
}

form.woocommerce-EditAccountForm label {
    font-weight: bold;
}

form.woocommerce-EditAccountForm input[type="text"],
form.woocommerce-EditAccountForm input[type="email"],
form.woocommerce-EditAccountForm input[type="password"] {
    width: 100%;
    padding: 10px;
    margin: 5px 0;
    border: 1px solid #ddd;
    border-radius: 22px;
}

form.woocommerce-EditAccountForm input[type="submit"] {
    background-color: #0073e6;
    color: #fff;
    padding: 10px 20px;
    border: none;
}

form.woocommerce-EditAccountForm input[type="submit"]:hover {
    background-color: #005bbd;
}

function add_table_of_contents($content) {
    if (is_singular('post') && is_main_query()) {
        $pattern = '/<h([2-6]).*?>(.*?)<\/h[2-6]>/';
        if (preg_match_all($pattern, $content, $matches, PREG_SET_ORDER)) {
            $output = '<div class="card mt-4 mb-4 rounded-5"><details class="js-list">';
            $output .= '<summary class="noscript js-noscript"><i class="fa-light fa-list-dots"></i> <h3 class="fs-5 mt-1">فهرست محتوا</h3> <span class="icon"></span></summary>';
            $output .= '<div class="content js-content"><ul class="mt-3">';
            foreach ($matches as $match) {
                $level = $match[1];
                $noscript = $match[2];
                $slug = sanitize_noscript($noscript);
                $output .= '<li class="mb-2 toc-level-' . $level . '"><a href="#' . $slug . '">' . $noscript . '</a></li>';
                $content = str_replace($match[0], '<h' . $level . ' id="' . $slug . '">' . $noscript . '</h' . $level . '>', $content);
            }
            $output .= '</ul></div>';
            $output .= '</details></div>';
            $content = $output . $content;
        }
    }
    return $content;
}

add_filter('the_content', 'add_table_of_contents');

summary {
    display: block;
}
summary::-webkit-details-marker{
    display: none;
}

.p-section-faq__item:nth-of-type(n+2) {
    margin-top: 32px;
}

.noscript {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 8px 16px;
    color: #212529;
    cursor: pointer;
}
.icon {
    display: block;
    flex-shrink: 0;
    position: relative;
    width: 16px;
    transform-origin: center;
}
.icon::after {
    content: "";
    position: absolute;
    display: block;
    width: 10px;
    height: 10px;
    transition: transform .3s;
    transform: translateY(-80%) rotate(45deg);
    border-right: 2px solid #212529;
    border-bottom: 2px solid #212529;
}

.is-opened .icon::after {
    transform: translateY(-25%) rotate(-135deg);
}

.content {
    overflow: hidden;
}

const js_list = ".js-list";
const js_noscript = ".js-noscript";
const js_content = ".js-content";

document.addEventListener("DOMContentLoaded", () => {
    setUpAccordion();
});

const setUpAccordion = () => {
    const lists = document.querySelectorAll(js_list);
    const RUNNING_VALUE = "running";
    const IS_OPENED_CLASS = "is-opened";

    lists.forEach((element) => {
        const noscript = element.querySelector(js_noscript);
        const content = element.querySelector(js_content);

        noscript.addEventListener("click", (event) => {
            event.preventDefault();
            if (element.dataset.animStatus === RUNNING_VALUE) {
                return;
            }

            if (element.open) {
                element.classList.toggle(IS_OPENED_CLASS);
                const closingAnim = content.animate(closingAnimKeyframes(content), animTiming);
                element.dataset.animStatus = RUNNING_VALUE;
                closingAnim.onfinish = () => {
                    element.removeAttribute("open");
                    element.dataset.animStatus = "";
                };
            } else {
                element.setAttribute("open", "true");
                element.classList.toggle(IS_OPENED_CLASS);
                const openingAnim = content.animate(openingAnimKeyframes(content), animTiming);
                element.dataset.animStatus = RUNNING_VALUE;
                openingAnim.onfinish = () => {
                    element.dataset.animStatus = "";
                };
            }
        });
    });
}
const animTiming = {
    duration: 200,
    easing: "ease-out"
};
const closingAnimKeyframes = (content) => [
    {
        height: content.offsetHeight + 'px',
        opacity: 1,
    }, {
        height: 0,
        opacity: 0,
    }
];

const openingAnimKeyframes = (content) => [
    {
        height: 0,
        opacity: 0,
    }, {
        height: content.offsetHeight + 'px',
        opacity: 1,
    }
];

pre {
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 5px;
    font-size: 14px;
    overflow: auto;
}

pre code {
    display: block;
    padding: 0;
    margin: 0;
    font-family: 'Courier New', Courier, monospace;
}

pre code::before {
    content: attr(data-line);
    display: inline-block;
    width: 2em;
    padding-right: 1em;
    color: #777;
    text-align: right;
}

.widget_calendar {float: left;}
#wp-calendar {width: 100%; }
#wp-calendar caption { text-align: right; color: #333; font-size: 12px; margin-top: 10px; margin-bottom: 15px; }
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th { padding-bottom: 10px; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding:8px;}
#wp-calendar tbody td:hover { background: #fff; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }
#calendar_wrap {
  margin-top: 20px;
}
#wp-calendar tbody td {
  border-radius: 15px;
}