.elementor-4948 .elementor-element.elementor-element-4ffba9f{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-4948 .elementor-element.elementor-element-d4c66e4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:12px 12px 12px 12px;}.elementor-4948 .elementor-element.elementor-element-d4c66e4:not(.elementor-motion-effects-element-type-background), .elementor-4948 .elementor-element.elementor-element-d4c66e4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-4948 .elementor-element.elementor-element-31c9b0a{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-4948 .elementor-element.elementor-element-becddf5{width:auto;max-width:auto;text-align:center;}.elementor-4948 .elementor-element.elementor-element-becddf5 > .elementor-widget-container{background-image:url("https://zargarsaaz.ir/wp-content/uploads/2025/11/Ellipse-35.png");margin:0px 0px 0px 0px;padding:0px 14px 0px 014px;background-position:top right;background-repeat:no-repeat;background-size:auto;}.elementor-4948 .elementor-element.elementor-element-becddf5.elementor-element{--align-self:flex-start;}.elementor-4948 .elementor-element.elementor-element-becddf5 .elementor-heading-title{font-size:32px;font-weight:800;line-height:59px;}.elementor-4948 .elementor-element.elementor-element-c1cae09 > .elementor-widget-container{margin:-2px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4948 .elementor-element.elementor-element-c1cae09{text-align:center;font-size:16px;font-weight:400;line-height:4px;color:var( --e-global-color-primary );}.elementor-4948 .elementor-element.elementor-element-a011ed5 > .elementor-widget-container{padding:0px 8px 0px 8px;}@media(max-width:767px){.elementor-4948 .elementor-element.elementor-element-31c9b0a{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4948 .elementor-element.elementor-element-becddf5 .elementor-heading-title{font-size:26px;}.elementor-4948 .elementor-element.elementor-element-c1cae09 > .elementor-widget-container{margin:-17px 0px 0px 0px;}.elementor-4948 .elementor-element.elementor-element-c1cae09{font-size:12px;line-height:24px;}}@media(min-width:768px){.elementor-4948 .elementor-element.elementor-element-d4c66e4{--content-width:1107px;}}/* Start custom CSS for shortcode, class: .elementor-element-a011ed5 */.ck-card {
    position: relative; 
    padding-bottom: 60px; 
}
.ck-more-btn {
    position: absolute;
    right: 24px;
    bottom: 24px;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    
    color: var(--e-global-color-primary) !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1;
}
.ck-arrow-bg {
    width: 30px;
    height: 30px;
    background-color: color-mix(in srgb, var(--e-global-color-primary) 15%, var(--e-global-color-6911b0e));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease;
}

.ck-arrow-bg svg {
    width: 12px;
    height: 6px;
    fill: none;
    stroke: var(--e-global-color-primary);
    stroke-width: 2;
}

.is-open .ck-arrow-bg {
    transform: rotate(180deg);
}

.ck-user-container, 
.ck-user-container * { 
    font-family: 'Bonyade Koodak FaNum', tahoma !important; 
    direction: rtl; 
    box-sizing: border-box;
}
.ck-plan-card { 
    background: var(--e-global-color-6911b0e); 
    border-radius: 15px; 
    box-shadow: 0 4px 15px color-mix(in srgb, var(--e-global-color-secondary) 5%, transparent); 
    margin-bottom: 25px; 
    border: 1px solid var(--e-global-color-a59e4a8); 
    overflow: hidden; 
    position: relative;
    padding-bottom: 70px;
}

.ck-plan-top-row { display: flex;
    align-items: center;
    padding: 16px 0px 16px 0px !important; 
    gap: 20px; 
} 

.ck-right-column { 
    width: 180px; height: 140px; 
    background-size: cover; 
    background-position: center;
    border-radius: 0px; 
    display: flex; flex-direction: column; align-items: center; justify-content: center; 
    padding: 10px; text-align: center; 
}
.ck-plan-thumb { width: 50px; height: 50px; margin-bottom: 8px; }
.ck-plan-thumb-name { font-size: 16px; color: var(--e-global-color-6911b0e) !important; font-weight: bold; text-shadow: 0 1px 3px color-mix(in srgb, var(--e-global-color-secondary) 40%, transparent); }

.ck-main-title { font-size: 16px; color: var(--e-global-color-primary); margin: 0; font-weight: bold; }
.ck-status-badge { background: color-mix(in srgb, var(--e-global-color-primary) 15%, var(--e-global-color-6911b0e)); color: var(--e-global-color-primary); padding: 4px 12px; border-radius: 20px; font-size: 12px; }

.ck-meta-row { margin-top: 17px;
    margin-bottom: 17px;
    display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.ck-label-gray { color: color-mix(in srgb, var(--e-global-color-secondary) 65%, var(--e-global-color-6911b0e)); font-size: 13px; }
.ck-value-dark { color: var(--e-global-color-primary); font-size: 13px; font-weight: 500; }

.ck-horizontal-divider {
    display: block !important;
    height: 1px;
    background: var(--e-global-color-a59e4a8);
    margin: 0 20px;
    clear: both;
}

.ck-session-box { 
    background: var(--e-global-color-a59e4a8); 
    border-radius: 12px; 
    padding: 12px 16px; 
    display: flex; 
    align-items: center; 
    gap: 15px; 
    margin-bottom: 10px; 
}
.ck-session-divider { width: 1px; height: 20px; background: var(--e-global-color-a59e4a8); }
.ck-session-meta-unit { display: flex; align-items: center; gap: 6px; color: var(--e-global-color-primary); font-size: 13px; 
    padding-right:20px;
}

.ck-btn-go { 
    background: var(--e-global-color-primary); color: var(--e-global-color-6911b0e) !important; 
    height: 36px; padding: 0 15px; border-radius: 10px; 
    text-decoration: none; font-size: 13px; 
    display: inline-flex; align-items: center; transition: 0.3s;
}
.ck-btn-dl { 
    background: color-mix(in srgb, var(--e-global-color-primary) 15%, var(--e-global-color-6911b0e)); color: var(--e-global-color-primary) !important; 
    height: 36px; padding: 0 15px; border-radius: 10px; 
    text-decoration: none; font-size: 13px; 
    display: inline-flex; align-items: center; transition: 0.3s;
}
.ck-btn-go:hover { opacity: 0.9; }
.ck-btn-dl:hover { background: color-mix(in srgb, var(--e-global-color-primary) 25%, var(--e-global-color-6911b0e)); }

.ck-desc-section { padding: 20px; border-top: 1px dashed var(--e-global-color-a59e4a8); margin-top: 15px; width: 100%; }
.ck-desc-title { color: var(--e-global-color-primary); font-size: 16px; font-weight: bold; margin-bottom: 8px; }
.ck-desc-content { color: var(--e-global-color-primary); font-size: 14px; line-height: 1.8; text-align: justify; }

.ck-toggle-trigger {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    position: absolute; 
    right: 24px; 
    bottom: 24px;
    color: var(--e-global-color-primary) !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    padding: 0 !important;
}
.ck-arrow-box {
    width: 30px; 
    height: 30px;
    background-color: color-mix(in srgb, var(--e-global-color-primary) 15%, var(--e-global-color-6911b0e));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
}

.ck-arrow-box svg {
    width: 20px !important;
    height: 10px !important;
    fill: none;
    stroke: var(--e-global-color-primary);
    stroke-width: 2;
}
.is-active .ck-arrow-box svg { transform: rotate(180deg); }
.ck-item-row span[style*="font-weight:500"] {
    font-size: 14px !important; 
}
@media (max-width: 768px) {
    .ck-plan-top-row { flex-direction: column; text-align: center; }
    .ck-session-box { flex-direction: column; height: auto; padding: 20px; }
    .ck-session-divider { display: none; }
    
    .ck-right-column {
        transform: rotate(-90deg);
        transform-origin: center;
    }

    .ck-right-column .ck-plan-thumb, 
    .ck-right-column .ck-plan-thumb-name {
        transform: rotate(90deg);
    }
    .ck-right-column {
        flex-direction: row;
    }
}/* End custom CSS */