/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
--------------------------------------------------------------//* custom.css در چایلد تم BuddyBoss */

/* 1. استایل برای div نگهدارنده تاگل در داخل BuddyPanel (بالای منو) */
.buddypanel-dark-mode-toggle-inline {
    padding: 15px 25px; /* پدینگ برای فاصله از لبه‌ها و محتوا */
    text-align: center; /* وسط چین کردن تاگل */
    margin-bottom: 20px; /* فاصله از آیتم‌های منو */
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); /* خط جداکننده (اختیاری) */
}

/* 2. استایل برای کوچیک کردن تاگل اصلی WP Dark Mode */
/* این مهمترین بخش برای تغییر اندازه هست و شامل تصحیح املایی کلاس میشه */
body .buddypanel-dark-mode-toggle-inline .wp-dark-mode-switcher { /* دقت کنید: wp-dark-mode-switcher (خط تیره) */
    transform: scale(0.7) !important; /* اندازه را به 70% کاهش می‌دهد. میتونید 0.5 برای 50% یا 0.8 برای 80% امتحان کنید */
    transform-origin: center !important; /* اطمینان حاصل می‌کند که از مرکز کوچک می‌شود */
}


/* 3. کنترل نمایش تاگل: فقط وقتی BuddyPanel بازه نمایش داده بشه */

/* پنهان کردن تاگل به صورت پیش‌فرض (وقتی پنل بسته‌ست) */
.buddypanel--toggle-off .buddypanel-dark-mode-toggle-inline {
    display: none !important; /* تاگل را کاملاً از جریان صفحه حذف می‌کند */
    opacity: 0; /* برای انیمیشن محو شدن */
    visibility: hidden; /* برای جلوگیری از تعاملات ماوس */
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; /* انیمیشن نرم */
}

/* نمایش تاگل وقتی پنل بازه */
.buddypanel--toggle-on .buddypanel-dark-mode-toggle-inline {
    display: block !important; /* یا flex اگر میخواهید از فلکس باکس استفاده کنید */
    opacity: 1; /* برای انیمیشن محو شدن */
    visibility: visible; /* برای امکان تعامل */
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; /* انیمیشن نرم */
}

/* اگر تاگل رو در بالا یا پ