/*
 * استخراج‌شده از استایلِ رفرنسِ DiviFlash (GPLv2) برای ماژولِ AnimatedNavigationItem.
 * منبع: difl/animatednavigationitem (ریشه .difl_animatednavigationitem، 7 کلاسِ DOM)
 *
 * تنها تغییر نسبت به اصل، همان بازنویسیِ پیشوندِ کلاس‌هاست که در
 * PHP و module.json هم انجام شده — تا هر سه لایه یک DOM را بشناسند.
 * دست‌کاریِ دستی نکن؛ با tools/dfme/extract-module-css.js بازتولید کن.
 */
.dfme_animated_navigation .dfme_an_placeholder{color:hsla(0,0%,100%,.55);text-align:center;font-size:13px;padding:6px 0}

.dfme_animated_navigation .dfme_an_dock .dfme_an_item{transition:width .22s cubic-bezier(0.25, 0.8, 0.35, 1),height .22s cubic-bezier(0.25, 0.8, 0.35, 1);will-change:width,height}

.dfme_animated_navigation.dfme_an_tab_pos_bottom .dfme_an_item{flex-direction:column}

.dfme_animated_navigation.dfme_an_tab_pos_top .dfme_an_item{flex-direction:column-reverse}

.dfme_animated_navigation.dfme_an_tab_pos_right .dfme_an_item{flex-direction:row;align-items:center}

.dfme_animated_navigation.dfme_an_tab_pos_left .dfme_an_item{flex-direction:row-reverse;align-items:center}

.dfme_animated_navigation.dfme_an_tab_display_icon .dfme_an_item_label,.dfme_animated_navigation.dfme_an_tab_display_icon .dfme_an_item_content{display:none}

.dfme_animated_navigation.dfme_an_tab_display_icon.dfme_an_tab_hover_expand .dfme_an_item{align-items:center;gap:0}

.dfme_animated_navigation.dfme_an_tab_display_icon.dfme_an_tab_hover_expand .dfme_an_item_label,.dfme_animated_navigation.dfme_an_tab_display_icon.dfme_an_tab_hover_expand .dfme_an_item_content{display:none;width:0;opacity:0;overflow:hidden;white-space:nowrap}

.dfme_animated_navigation.dfme_an_tab_display_icon.dfme_an_tab_hover_expand.dfme_an_tab_expand_right .dfme_an_item{flex-direction:row}

.dfme_animated_navigation.dfme_an_tab_display_icon.dfme_an_tab_hover_expand.dfme_an_tab_expand_left .dfme_an_item{flex-direction:row-reverse}

.dfme_animated_navigation_item .dfme_an_item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;height:100%;box-sizing:border-box;color:#fff;text-align:center}

.dfme_animated_navigation_item .dfme_an_item_link{position:absolute;inset:0;z-index:3;border-radius:inherit;text-decoration:none}

.dfme_animated_navigation_item .dfme_an_item_icon{display:flex;align-items:center;justify-content:center;line-height:1}

.dfme_animated_navigation_item .dfme_an_item_icon .et-pb-icon{font-size:28px;line-height:1;display:inline-flex}

.dfme_animated_navigation_item .dfme_an_item_icon svg{width:28px;height:28px}

.dfme_animated_navigation_item .dfme_an_item_image{display:flex;align-items:center;justify-content:center;line-height:0}

.dfme_animated_navigation_item .dfme_an_item_image img{display:block;width:40px;height:auto;max-width:100%}

.dfme_animated_navigation_item .dfme_an_item_content{display:flex;align-items:center;justify-content:center}

.dfme_animated_navigation_item .dfme_an_item_content .et-pb-icon,.dfme_animated_navigation_item .dfme_an_item_content .et_pb_module{margin:0}

.dfme_animated_navigation_item .dfme_an_item_label{font-size:15px;line-height:1.7em;color:inherit;white-space:nowrap}

.dfme_animated_navigation_item .dfme_an_placeholder{color:hsla(0,0%,100%,.45);font-size:12px}