/*
Theme Name: DR SHARIATI
Author: ARAVIX
Author URI: https://aravix.ir
Template: hello-elementor
Version: 2.0.0
Text Domain: dr-shariati
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* ============================================================
   Design Tokens
   ============================================================ */
:root{
    --ds-ink:#24221D;      --ds-ink-2:#2E2B24;
    --ds-gold:#C6A34C;     --ds-gold-2:#A98634;
    --ds-gold-3:#E7D6A6;
    --ds-paper:#FFFDFA;    --ds-cream:#F3EDE0;
    --ds-cream-2:#F8F3E9;  --ds-line:#EBE3D3;
    --ds-muted:#7C7668;
    --ds-shadow-sm:0 10px 30px -18px rgba(36,34,29,.28);
    --ds-shadow-md:0 28px 60px -34px rgba(36,34,29,.38);
    --ds-shadow-lg:0 44px 90px -50px rgba(36,34,29,.50);
    --ds-r-lg:24px; --ds-r-md:18px; --ds-r-sm:14px;
    --ds-ease:cubic-bezier(.22,1,.36,1);
}
/* آپدیت CSS برای کشیدن */
.slide-panel.slide-active {
    position: fixed;
    background: #ffffff;
    top: 0;
    display: block !important;
    z-index: 9999999;
    overflow:scroll;
    bottom: -100%;
    left: 0;
    width: 100%;
    height: 100vh;
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
    border-radius: 30px 30px 0 0;
    box-shadow: 0 -20px 60px rgba(0, 0, 0, 0.25);
    transform: translateY(20px);
    transition: bottom 0.5s cubic-bezier(0.34, 1.56, 0.64, 1),
                transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    border-top: 4px solid #4361ee;
}
.custom-faq-accordion {
    font-family: 'IRSANS-X';
}
.faq-item { border-bottom: 1px solid #eee; }
.faq-item:last-child { border-bottom: none; }
.faq-question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    background: #f9f9f9;
    cursor: pointer;
    margin: 10px 0;
    border-radius: 20px;
}
.faq-question h4 {
    margin: 0;
    font-size: 16px;
}
.faq-icon { font-size: 20px; font-weight: bold; transition: transform 0.3s; }
.faq-answer { padding: 15px; background: #fff; border-top: 1px solid #eee; }
.faq-question.active .faq-icon { transform: rotate(45deg); }