/*
 * استخراج‌شده از استایلِ رفرنسِ DiviFlash (GPLv2) برای ماژولِ CountdownTimer.
 * منبع: difl/countdowntimer (ریشه .difl_countdowntimer، 29 کلاسِ DOM)
 *
 * تنها تغییر نسبت به اصل، همان بازنویسیِ پیشوندِ کلاس‌هاست که در
 * PHP و module.json هم انجام شده — تا هر سه لایه یک DOM را بشناسند.
 * دست‌کاریِ دستی نکن؛ با tools/dfme/extract-module-css.js بازتولید کن.
 */
.dfme_countdown_timer{width:100%}

.dfme_countdown_timer .dfme_countdown_wrapper{display:flex;align-items:center;justify-content:center;gap:20px;width:100%}

.dfme_countdown_timer .dfme_countdown_wrapper.dfme_countdown_layout_stacked{flex-direction:column}

.dfme_countdown_timer .dfme_countdown_wrapper.dfme_countdown_layout_stacked .dfme_countdown_display{flex-direction:column}

.dfme_countdown_timer .dfme_countdown_wrapper.dfme_countdown_layout_stacked .dfme_countdown_separator{display:none}

.dfme_countdown_timer .dfme_countdown_display{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;width:100%}

.dfme_countdown_timer .dfme_countdown_unit{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}

.dfme_countdown_timer .dfme_countdown_card{display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .3s ease,box-shadow .3s ease}

.dfme_countdown_timer .dfme_countdown_style_default .dfme_countdown_number{display:inline-flex;align-items:center;justify-content:center;padding:20px;min-width:80px;border-style:solid;border-width:0;background-color:rgba(0,0,0,0)}

.dfme_countdown_timer .dfme_countdown_number{font-size:48px;font-weight:700;line-height:1.2;color:inherit}

.dfme_countdown_timer .dfme_countdown_label{font-size:14px;font-weight:400;line-height:1.4;letter-spacing:.05em;color:inherit}

.dfme_countdown_timer{--dfme-separator-stack-offset: 26px}

.dfme_countdown_timer .dfme_countdown_separator{display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:700;line-height:1;color:inherit}

.dfme_countdown_timer:has(.dfme_countdown_unit>.dfme_countdown_card+.dfme_countdown_label) .dfme_countdown_separator{margin-bottom:var(--dfme-separator-stack-offset)}

.dfme_countdown_timer:has(.dfme_countdown_unit>.dfme_countdown_label:first-child) .dfme_countdown_separator{margin-top:var(--dfme-separator-stack-offset)}

.dfme_countdown_timer .dfme_tick_pulse{animation:dfTickPulse .6s ease-in-out}

.dfme_countdown_timer .dfme_tick_scale{animation:dfTickScale .4s ease-in-out}

.dfme_countdown_timer .dfme_tick_bounce{animation:dfTickBounce .5s ease-in-out}

.dfme_countdown_timer .dfme_countdown_style_flip .dfme_countdown_card{padding:0;background:none}

.dfme_countdown_timer .dfme_countdown_style_flip .dfme_flip_card{position:relative;width:80px;height:100px;perspective:300px;border-radius:var(--dfme-flip-radius, 6px)}

.dfme_countdown_timer .dfme_countdown_style_flip .dfme_flip_top,.dfme_countdown_timer .dfme_countdown_style_flip .dfme_flip_bottom,.dfme_countdown_timer .dfme_countdown_style_flip .dfme_flip_top_flip,.dfme_countdown_timer .dfme_countdown_style_flip .dfme_flip_bottom_flip{position:absolute;left:0;width:100%;height:50%;overflow:hidden}

.dfme_countdown_timer .dfme_countdown_style_flip .dfme_flip_top .dfme_countdown_number,.dfme_countdown_timer .dfme_countdown_style_flip .dfme_flip_bottom .dfme_countdown_number,.dfme_countdown_timer .dfme_countdown_style_flip .dfme_flip_top_flip .dfme_countdown_number,.dfme_countdown_timer .dfme_countdown_style_flip .dfme_flip_bottom_flip .dfme_countdown_number{position:absolute;left:0;width:100%;height:200%;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700;line-height:1;color:var(--dfme-flip-text, #fff)}

.dfme_countdown_timer .dfme_countdown_style_flip .dfme_flip_top,.dfme_countdown_timer .dfme_countdown_style_flip .dfme_flip_top_flip{top:0}

.dfme_countdown_timer .dfme_countdown_style_flip .dfme_flip_top .dfme_countdown_number,.dfme_countdown_timer .dfme_countdown_style_flip .dfme_flip_top_flip .dfme_countdown_number{top:0}

.dfme_countdown_timer .dfme_countdown_style_flip .dfme_flip_bottom,.dfme_countdown_timer .dfme_countdown_style_flip .dfme_flip_bottom_flip{bottom:0}

.dfme_countdown_timer .dfme_countdown_style_flip .dfme_flip_bottom .dfme_countdown_number,.dfme_countdown_timer .dfme_countdown_style_flip .dfme_flip_bottom_flip .dfme_countdown_number{bottom:0}

.dfme_countdown_timer .dfme_countdown_style_flip .dfme_flip_top{background-color:var(--dfme-flip-bg, #6E31E8);border-bottom:1px solid var(--dfme-flip-divider, rgba(0, 0, 0, 0.3));border-radius:var(--dfme-flip-radius, 6px) var(--dfme-flip-radius, 6px) 0 0;z-index:0}

.dfme_countdown_timer .dfme_countdown_style_flip .dfme_flip_bottom{background-color:var(--dfme-flip-bg, #6E31E8);filter:brightness(0.85);border-radius:0 0 var(--dfme-flip-radius, 6px) var(--dfme-flip-radius, 6px);z-index:0}

.dfme_countdown_timer .dfme_countdown_style_flip .dfme_flip_top_flip{background-color:var(--dfme-flip-bg, #6E31E8);border-radius:var(--dfme-flip-radius, 6px) var(--dfme-flip-radius, 6px) 0 0;transform-origin:bottom center;backface-visibility:hidden;z-index:2;animation:dfFlipTop .3s ease-in forwards}

.dfme_countdown_timer .dfme_countdown_style_flip .dfme_flip_bottom_flip{background-color:var(--dfme-flip-bg, #6E31E8);filter:brightness(0.85);border-radius:0 0 var(--dfme-flip-radius, 6px) var(--dfme-flip-radius, 6px);transform-origin:top center;transform:rotateX(90deg);backface-visibility:hidden;z-index:1;animation:dfFlipBottom .3s ease-out .3s forwards}

.dfme_countdown_timer .dfme_countdown_style_split_flip .dfme_countdown_card{padding:0;background:none}

.dfme_countdown_timer .dfme_countdown_style_split_flip .dfme_split_flip_unit{display:flex;gap:var(--dfme-split-flip-digit-gap, 4px)}

.dfme_countdown_timer .dfme_countdown_style_split_flip .dfme_split_flip_card{position:relative;width:60px;height:90px;perspective:300px;border-radius:var(--dfme-split-flip-radius, 6px)}

.dfme_countdown_timer .dfme_countdown_style_split_flip .dfme_split_flip_top,.dfme_countdown_timer .dfme_countdown_style_split_flip .dfme_split_flip_bottom,.dfme_countdown_timer .dfme_countdown_style_split_flip .dfme_split_flip_top_flip,.dfme_countdown_timer .dfme_countdown_style_split_flip .dfme_split_flip_bottom_flip{position:absolute;left:0;width:100%;height:50%;overflow:hidden}

.dfme_countdown_timer .dfme_countdown_style_split_flip .dfme_split_flip_top .dfme_countdown_number,.dfme_countdown_timer .dfme_countdown_style_split_flip .dfme_split_flip_bottom .dfme_countdown_number,.dfme_countdown_timer .dfme_countdown_style_split_flip .dfme_split_flip_top_flip .dfme_countdown_number,.dfme_countdown_timer .dfme_countdown_style_split_flip .dfme_split_flip_bottom_flip .dfme_countdown_number{position:absolute;left:0;width:100%;height:200%;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700;line-height:1;color:var(--dfme-split-flip-text, #fff)}

.dfme_countdown_timer .dfme_countdown_style_split_flip .dfme_split_flip_top,.dfme_countdown_timer .dfme_countdown_style_split_flip .dfme_split_flip_top_flip{top:0}

.dfme_countdown_timer .dfme_countdown_style_split_flip .dfme_split_flip_top .dfme_countdown_number,.dfme_countdown_timer .dfme_countdown_style_split_flip .dfme_split_flip_top_flip .dfme_countdown_number{top:0}

.dfme_countdown_timer .dfme_countdown_style_split_flip .dfme_split_flip_bottom,.dfme_countdown_timer .dfme_countdown_style_split_flip .dfme_split_flip_bottom_flip{bottom:0}

.dfme_countdown_timer .dfme_countdown_style_split_flip .dfme_split_flip_bottom .dfme_countdown_number,.dfme_countdown_timer .dfme_countdown_style_split_flip .dfme_split_flip_bottom_flip .dfme_countdown_number{bottom:0}

.dfme_countdown_timer .dfme_countdown_style_split_flip .dfme_split_flip_top{background-color:var(--dfme-split-flip-bg, #4285F4);border-bottom:1px solid var(--dfme-split-flip-divider, rgba(0, 0, 0, 0.3));border-radius:var(--dfme-split-flip-radius, 6px) var(--dfme-split-flip-radius, 6px) 0 0;z-index:0}

.dfme_countdown_timer .dfme_countdown_style_split_flip .dfme_split_flip_bottom{background-color:var(--dfme-split-flip-bg, #4285F4);filter:brightness(0.85);border-radius:0 0 var(--dfme-split-flip-radius, 6px) var(--dfme-split-flip-radius, 6px);z-index:0}

.dfme_countdown_timer .dfme_countdown_style_split_flip .dfme_split_flip_top_flip{background-color:var(--dfme-split-flip-bg, #4285F4);border-radius:var(--dfme-split-flip-radius, 6px) var(--dfme-split-flip-radius, 6px) 0 0;transform-origin:bottom center;backface-visibility:hidden;z-index:2;animation:dfFlipTop .3s ease-in forwards}

.dfme_countdown_timer .dfme_countdown_style_split_flip .dfme_split_flip_bottom_flip{background-color:var(--dfme-split-flip-bg, #4285F4);filter:brightness(0.85);border-radius:0 0 var(--dfme-split-flip-radius, 6px) var(--dfme-split-flip-radius, 6px);transform-origin:top center;transform:rotateX(90deg);backface-visibility:hidden;z-index:1;animation:dfFlipBottom .3s ease-out .3s forwards}

.dfme_countdown_timer .dfme_countdown_style_circle .dfme_countdown_card{padding:0;background:none}

.dfme_countdown_timer .dfme_countdown_style_circle .dfme_circle_container{position:relative;display:flex;align-items:center;justify-content:center;border-radius:50%}

.dfme_countdown_timer .dfme_countdown_style_circle .dfme_circle_ring{position:absolute;top:0;left:0;width:100%;height:100%}

.dfme_countdown_timer .dfme_countdown_style_circle .dfme_circle_ring circle{transition:stroke-dashoffset .6s ease}

.dfme_countdown_timer .dfme_countdown_style_circle .dfme_circle_content{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:2px}

.dfme_countdown_timer .dfme_countdown_style_circle .dfme_circle_content .dfme_circle_label_inside{font-size:.5em;line-height:1.2;opacity:.85}

.dfme_countdown_timer .dfme_countdown_style_progress .dfme_countdown_display{flex-direction:column;width:100%}

.dfme_countdown_timer .dfme_countdown_style_progress .dfme_countdown_unit{flex-direction:row;align-items:center;gap:12px;width:100%;padding:8px 0;background:none;border:none;box-shadow:none;border-radius:0;min-width:auto}

.dfme_countdown_timer .dfme_countdown_style_progress .dfme_countdown_separator{display:none}

.dfme_countdown_timer .dfme_countdown_style_progress .dfme_countdown_label{min-width:70px;text-align:right}

.dfme_countdown_timer .dfme_countdown_style_progress .dfme_countdown_number{min-width:50px;text-align:center}

.dfme_countdown_timer .dfme_countdown_style_progress .dfme_progress_track{flex:1;height:var(--dfme-progress-height, 12px);background:var(--dfme-progress-track, #e0e0e0);border-radius:var(--dfme-progress-radius, 6px);overflow:hidden}

.dfme_countdown_timer .dfme_countdown_style_progress .dfme_progress_fill{height:100%;background:var(--dfme-progress-fill, #4285F4);border-radius:var(--dfme-progress-radius, 6px);transition:width .5s ease;width:0%}

.dfme_countdown_timer .dfme_countdown_message{display:none;width:100%;text-align:center;padding:20px}

.dfme_countdown_timer .dfme_countdown_expired .dfme_countdown_display{display:none}

.dfme_countdown_timer .dfme_countdown_expired .dfme_countdown_message{display:block}

.dfme_countdown_timer .dfme_countdown_expired_hidden{display:none}

.dfme_countdown_timer.et_clickable{cursor:pointer}

.dfme_countdown_timer .dfme_countdown_wrapper{position:relative;z-index:1}

.dfme_countdown_timer .et_pb_background_mask,.dfme_countdown_timer .et_pb_background_pattern{z-index:0}

@keyframes dfTickPulse{0%{opacity:1}50%{opacity:.5}100%{opacity:1}}

@keyframes dfTickScale{0%{transform:scale(1)}50%{transform:scale(1.15)}100%{transform:scale(1)}}

@keyframes dfTickBounce{0%{transform:translateY(0)}30%{transform:translateY(-8px)}50%{transform:translateY(0)}70%{transform:translateY(-4px)}100%{transform:translateY(0)}}

@keyframes dfFlipTop{0%{transform:rotateX(0deg)}100%{transform:rotateX(-90deg)}}

@keyframes dfFlipBottom{0%{transform:rotateX(90deg)}100%{transform:rotateX(0deg)}}