/*
 * استخراج‌شده از استایلِ رفرنسِ DiviFlash (GPLv2) برای ماژولِ TimelineTabs.
 * منبع: difl/timeline-tabs (ریشه .difl_timeline_tabs، 29 کلاسِ DOM)
 *
 * تنها تغییر نسبت به اصل، همان بازنویسیِ پیشوندِ کلاس‌هاست که در
 * PHP و module.json هم انجام شده — تا هر سه لایه یک DOM را بشناسند.
 * دست‌کاریِ دستی نکن؛ با tools/dfme/extract-module-css.js بازتولید کن.
 */
.dfme-timeline-tabs{overflow:visible;position:relative;display:flex;flex-direction:column}

.dfme-timeline-tabs>.dfme-tt-nav-wrap{order:1}

.dfme-timeline-tabs>.dfme-tt-content-wrap{order:2}

.dfme-timeline-tabs>.dfme-tt-arrows{order:3}

.dfme-timeline-tabs.dfme-tt--tab-bottom>.dfme-tt-nav-wrap{order:2}

.dfme-timeline-tabs.dfme-tt--tab-bottom>.dfme-tt-content-wrap{order:1}

.dfme-timeline-tabs .dfme-tt-nav-wrap{position:relative}

.dfme-timeline-tabs .dfme-tt-nav{display:flex;justify-content:space-between;position:relative;--tt-fill: 0px;--tt-track-left: 22px;--tt-track-right: 22px;--tt-transition-dur:500ms}

.dfme-timeline-tabs .dfme-tt-nav::before{content:"";position:absolute;left:var(--tt-track-left);right:var(--tt-track-right);z-index:0;transform:translateY(-50%)}

.dfme-timeline-tabs .dfme-tt-nav::after{content:"";position:absolute;left:var(--tt-track-left);z-index:1;width:var(--tt-fill);transform:translateY(-50%);transition:width var(--tt-transition-dur) var(--tt-transition-curve, ease)}

.dfme-timeline-tabs .dfme-tt-pin{position:absolute;left:var(--tt-pin-left, var(--tt-track-left));top:var(--tt-pin-top, 50%);transform:translate(-50%, -50%);z-index:3;pointer-events:none;display:flex;align-items:center;justify-content:center}

.dfme-timeline-tabs.is-tt-ready .dfme-tt-pin{transition:left var(--tt-transition-dur) var(--tt-transition-curve, ease),top var(--tt-transition-dur) var(--tt-transition-curve, ease)}

.dfme-timeline-tabs .dfme-tt-pin .et-pb-icon{font-size:12px;color:#fff;line-height:1}

.dfme-timeline-tabs .dfme-tt-tab-item{display:flex;flex-direction:column;align-items:center;cursor:pointer;position:relative;z-index:2}

.dfme-tt-tab-item__dot{display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1}

.dfme-tt-tab-item__dot .et-pb-icon{font-size:16px}

.dfme-timeline-tabs .dfme-tt-tab-item__sep{line-height:1}

.dfme-timeline-tabs .dfme-tt-tab-item__meta .dfme-tt-tab-item__media{line-height:1;margin-bottom:4px}

.dfme-timeline-tabs .dfme-tt-tab-item__meta img.dfme-tt-tab-item__media{max-width:100%;height:auto}

.dfme-timeline-tabs .dfme-tt-tab-item__sep.et-pb-icon{font-size:var(--dfme-tt-sep-size, 14px) !important;color:var(--dfme-tt-sep-color, inherit) !important}

.dfme-timeline-tabs .dfme-tt-tab-item__sep--line{display:inline-block;width:var(--dfme-tt-sep-width, 1px) !important;height:var(--dfme-tt-sep-size, 14px) !important;background:var(--dfme-tt-sep-color, currentColor) !important}

.dfme-timeline-tabs .dfme-tt-tab-item__meta{display:flex;flex-direction:column;align-items:center;text-align:center;transition:all var(--tt-transition-dur) ease !important}

.dfme-timeline-tabs .dfme-tt-tab-item__title{font-size:14px;font-weight:600;color:inherit;line-height:1.7em}

.dfme-timeline-tabs .dfme-tt-tab-item__desc{font-size:12px;color:inherit;opacity:.7;line-height:1.7em}

.dfme-timeline-tabs.dfme-tt--label-left .dfme-tt-tab-item__meta{order:-2;margin-top:auto}

.dfme-timeline-tabs.dfme-tt--label-left .dfme-tt-tab-item__sep{order:-1}

.dfme-timeline-tabs.dfme-tt--no-progress .dfme-tt-nav::after{display:none}

.dfme-timeline-tabs .dfme-tt-nav::before,.dfme-timeline-tabs .dfme-tt-nav::after{border-radius:999px}

.dfme-timeline-tabs.dfme-tt--marker-off .dfme-tt-tab-item__dot{visibility:hidden}

.dfme-timeline-tabs.dfme-tt--marker-line .dfme-tt-tab-item__dot{width:3px !important}

.dfme-timeline-tabs.dfme-tt--marker-line .dfme-tt-tab-item__dot .et-pb-icon{display:none !important}

.dfme-timeline-tabs.dfme-tt--pin-step .dfme-tt-pin,.dfme-timeline-tabs.dfme-tt--pin-step .dfme-tt-nav::after,.dfme-timeline-tabs.dfme-tt--pin-step .dfme-tt-tab-item__dot{transition:none !important}

.dfme-timeline-tabs:has(.dfme-tt-pin) .dfme-tt-tab-item__dot{opacity:1;transition:opacity 0s}

.dfme-timeline-tabs:has(.dfme-tt-pin) .dfme-tt-tab-item--active .dfme-tt-tab-item__dot{opacity:0;transition:opacity 0s var(--tt-transition-dur)}

.dfme-timeline-tabs.dfme-tt--scrollable-nav .dfme-tt-nav-wrap{overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}

.dfme-timeline-tabs.dfme-tt--scrollable-nav .dfme-tt-nav-wrap::-webkit-scrollbar{display:none}

.dfme-timeline-tabs.dfme-tt--scrollable-nav .dfme-tt-nav{flex-wrap:nowrap;min-width:max-content}

.dfme-timeline-tabs.dfme-tt--scrollable-nav .dfme-tt-tab-item{flex:0 0 auto}

.dfme-timeline-tabs.dfme-tt--equal-tab-items .dfme-tt-tab-item{flex:1}

.dfme-timeline-tabs .dfme-tt-content{display:grid;position:relative}

.dfme-timeline-tabs .dfme-tt-content>.dfme-tt-item{grid-area:1/1;display:none !important}

.dfme-timeline-tabs .dfme-tt-content>.dfme-tt-item--active{display:block !important}

.dfme-timeline-tabs .dfme-tt-content>.dfme-tt-item--active.et_grid_module{display:grid !important}

.dfme-timeline-tabs .dfme-tt-content>.dfme-tt-item--active.et_flex_module{display:flex !important}

.dfme-timeline-tabs .dfme-tt-arrows{display:flex;justify-content:space-between;align-items:center}

.dfme-timeline-tabs .dfme-tt-arrows .dfme-tt-arrow{pointer-events:all}

.dfme-timeline-tabs .dfme-tt-arrow .dfme-tt-arrow__divi-icon{font-family:ETmodules;font-weight:400;speak:none;font-style:normal;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

.dfme-timeline-tabs.dfme-tt--arrow-outside.dfme-tt--arrow-top .dfme-tt-arrows,.dfme-timeline-tabs.dfme-tt--arrow-outside.dfme-tt--arrow-middle .dfme-tt-arrows{left:calc(-1*(var(--dfme-tt-arrow-w, 40px) + 12px)) !important;right:calc(-1*(var(--dfme-tt-arrow-w, 40px) + 12px)) !important}

.dfme-timeline-tabs.dfme-tt--arrow-outside.dfme-tt--arrow-bottom .dfme-tt-arrows{margin-left:calc(-1*(var(--dfme-tt-arrow-w, 40px) + 12px)) !important;margin-right:calc(-1*(var(--dfme-tt-arrow-w, 40px) + 12px)) !important}

.dfme-timeline-tabs .dfme-tt-arrow{display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;border-radius:50%;background:#f0f0f0;color:#06c;width:40px;height:40px;flex-shrink:0}

.dfme-timeline-tabs .dfme-tt-arrow .et-pb-icon{font-size:20px;line-height:1}

.dfme-timeline-tabs .dfme-tt-arrow__text{font-size:22px;line-height:1;font-weight:400}

.dfme-tt-pin{min-width:16px;min-height:16px}

.dfme-tt-nav::before,.dfme-tt-nav::after{height:2px}

.dfme-tt-nav::before{background-color:#f7f7f7}

.dfme-tt-nav::after{background-color:#06c}

.dfme-tt-tab-item__media{max-width:40px}

.dfme-tt-tab-item__dot{background:#ccc}