/*
 * استخراج‌شده از استایلِ رفرنسِ DiviFlash (GPLv2) برای ماژولِ AnimatedNavigation.
 * منبع: difl/animatednavigation (ریشه .difl_animatednavigation، 14 کلاسِ DOM)
 *
 * تنها تغییر نسبت به اصل، همان بازنویسیِ پیشوندِ کلاس‌هاست که در
 * PHP و module.json هم انجام شده — تا هر سه لایه یک DOM را بشناسند.
 * دست‌کاریِ دستی نکن؛ با tools/dfme/extract-module-css.js بازتولید کن.
 */
.dfme_animated_navigation{overflow:visible !important}

.dfme_animated_navigation .dfme_an_wrapper{display:flex;align-items:flex-start;width:100%;position:relative}

@media(max-width: 980px){.dfme_animated_navigation .dfme_an_dock .et_pb_module,.dfme_animated_navigation .dfme_an_tab .et_pb_module,.dfme_animated_navigation .dfme_an_island_inner .et_pb_module{margin-bottom:0}}

.dfme_animated_navigation .dfme_an_island{background:#000;border-radius:32px;color:#fff;overflow:hidden;cursor:pointer;box-sizing:border-box;outline:0;user-select:none;will-change:width,height;transition:width .55s cubic-bezier(0.34, 1.56, 0.64, 1),height .55s cubic-bezier(0.34, 1.56, 0.64, 1),background-color .35s ease}

.dfme_animated_navigation .dfme_an_island:focus-visible{outline:2px solid rgba(46,163,242,.75);outline-offset:3px}

.dfme_animated_navigation .dfme_an_collapsed_view{position:absolute;inset:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity .2s ease .1s;z-index:2;pointer-events:none}

.dfme_animated_navigation .dfme_an_expanded_view{position:relative;box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;opacity:0;visibility:hidden;transition:opacity 0s,visibility 0s;z-index:1;pointer-events:none}

.dfme_animated_navigation .dfme_an_trigger{display:inline-flex;align-items:center;justify-content:center;gap:8px;color:inherit;font-size:15px;line-height:1.7em;white-space:nowrap}

.dfme_animated_navigation .dfme_an_trigger .et-pb-icon{font-size:18px;line-height:1;display:inline-flex}

.dfme_animated_navigation .dfme_an_island_inner{width:100%;box-sizing:border-box}

.dfme_animated_navigation .dfme_an_island_inner>*{min-width:0}

.dfme_animated_navigation.et_flex_module .dfme_an_island_inner{display:flex;column-gap:var(--horizontal-gap, 0px);row-gap:var(--vertical-gap, 0px)}

.dfme_animated_navigation.et_grid_module .dfme_an_island_inner{display:grid;column-gap:var(--horizontal-gap, 0px);row-gap:var(--vertical-gap, 0px)}

.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_island.dfme_an_open .dfme_an_collapsed_view{opacity:0;transition:opacity .15s ease}

.dfme_animated_navigation .dfme_an_island.dfme_an_open .dfme_an_expanded_view{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .3s ease .25s,visibility 0s}

.dfme_animated_navigation.dfme_an_type_dynamic_island{text-align:center}

.dfme_animated_navigation.dfme_an_type_dynamic_island .dfme_an_wrapper{position:relative;display:inline-flex;width:140px;height:44px;vertical-align:top}

.dfme_animated_navigation.dfme_an_type_dynamic_island .dfme_an_island{position:absolute;width:100%;height:100%}

.dfme_animated_navigation.dfme_an_type_dynamic_island .dfme_an_island.dfme_an_open{height:auto;z-index:20}

.dfme_animated_navigation.dfme_an_type_dynamic_island.dfme_an_reveal_bottom .dfme_an_island{top:0;bottom:auto;left:50%;right:auto;transform:translateX(-50%)}

.dfme_animated_navigation.dfme_an_type_dynamic_island.dfme_an_reveal_top .dfme_an_island{bottom:0;top:auto;left:50%;right:auto;transform:translateX(-50%)}

.dfme_animated_navigation.dfme_an_type_dynamic_island.dfme_an_reveal_right .dfme_an_island{left:0;right:auto;top:50%;bottom:auto;transform:translateY(-50%)}

.dfme_animated_navigation.dfme_an_type_dynamic_island.dfme_an_reveal_left .dfme_an_island{right:0;left:auto;top:50%;bottom:auto;transform:translateY(-50%)}

.dfme_animated_navigation .dfme_an_dock{display:inline-flex;align-items:flex-end;gap:0;transition:width .22s cubic-bezier(0.25, 0.8, 0.35, 1),height .22s cubic-bezier(0.25, 0.8, 0.35, 1);padding:10px 14px;background:rgba(30,30,30,.6);border-radius:22px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-sizing:border-box}

.dfme_animated_navigation .dfme_an_dock>*{flex:0 0 auto}

.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}

@media(max-width: 767px){.dfme_animated_navigation .dfme_an_dock{flex-wrap:wrap;justify-content:center;row-gap:var(--dfme_an_gap, 12px)}}

.dfme_animated_navigation .dfme_an_tab{display:inline-flex;align-items:stretch;flex-wrap:wrap;column-gap:0;row-gap:var(--dfme_an_gap, 12px);box-sizing:border-box}

.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.dfme_an_orientation_vertical .dfme_an_dock,.dfme_animated_navigation.dfme_an_orientation_vertical .dfme_an_tab{flex-direction:column;align-items:center}

.dfme_animated_navigation.dfme_an_orientation_vertical.dfme_an_tab_hover_expand.dfme_an_tab_expand_right .dfme_an_tab{align-items:flex-start}

.dfme_animated_navigation.dfme_an_orientation_vertical.dfme_an_tab_hover_expand.dfme_an_tab_expand_left .dfme_an_tab{align-items:flex-end}

.dfme_animated_navigation .dfme_an_dock>*,.dfme_animated_navigation .dfme_an_tab>*{display:inline-flex;align-items:center}

.dfme_animated_navigation .dfme_an_dock>*:not(:last-child)::after,.dfme_animated_navigation .dfme_an_tab>*:not(:last-child)::after{content:"";flex:0 0 auto;margin:0 calc(var(--dfme_an_gap, 12px)/2);pointer-events:none;color:#fff;white-space:nowrap;transform:translateX(var(--dfme_an_sep_shift, 0px));transition:transform .22s cubic-bezier(0.25, 0.8, 0.35, 1)}

.dfme_animated_navigation.dfme_an_type_navigation_dock .dfme_an_dock{color:#fff}

.dfme_animated_navigation.dfme_an_orientation_vertical .dfme_an_dock,.dfme_animated_navigation.dfme_an_orientation_vertical .dfme_an_tab{row-gap:0}

.dfme_animated_navigation.dfme_an_orientation_vertical .dfme_an_dock>*,.dfme_animated_navigation.dfme_an_orientation_vertical .dfme_an_tab>*{flex-direction:column}

.dfme_animated_navigation.dfme_an_orientation_vertical .dfme_an_dock>*:not(:last-child)::after,.dfme_animated_navigation.dfme_an_orientation_vertical .dfme_an_tab>*:not(:last-child)::after{margin:calc(var(--dfme_an_gap, 12px)/2) 0;transform:translateY(var(--dfme_an_sep_shift, 0px))}