.elementor-10 .elementor-element.elementor-element-35155a9c{--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-10 .elementor-element.elementor-element-bf0bf88{--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;--margin-top:150px;--margin-bottom:140px;--margin-left:0px;--margin-right:0px;}.elementor-10 .elementor-element.elementor-element-d673f34{--display:flex;--min-height:560px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-10 .elementor-element.elementor-element-d673f34:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-d673f34 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://forinou.com/wp-content/uploads/2025/12/Vector-8.png");background-position:center center;background-size:cover;}.elementor-10 .elementor-element.elementor-element-520edab{--display:flex;--min-height:560px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:24px 24px 24px 24px;--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-10 .elementor-element.elementor-element-520edab:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-520edab > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E6DBEA;background-image:url("https://forinou.com/wp-content/uploads/2025/12/Group-11170.png");background-position:top center;background-repeat:no-repeat;background-size:contain;}.elementor-10 .elementor-element.elementor-element-34f5f05{--display:flex;--min-height:496px;--justify-content:flex-start;--border-radius:24px 24px 24px 24px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-10 .elementor-element.elementor-element-34f5f05:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-34f5f05 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-6911b0e );}.elementor-10 .elementor-element.elementor-element-79d5daa{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-10 .elementor-element.elementor-element-0159e56{text-align:start;}.elementor-10 .elementor-element.elementor-element-0159e56 img{width:42px;}.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-10 .elementor-element.elementor-element-b3222b2 .elementor-heading-title{font-family:"Bonyade Koodak FaNum", Sans-serif;font-size:24px;font-weight:700;}.elementor-10 .elementor-element.elementor-element-555fc4e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-555fc4e:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-555fc4e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F700;}.elementor-10 .elementor-element.elementor-element-cd06af5{--display:flex;--min-height:65px;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:12px 12px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-cd06af5:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-cd06af5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F700;background-image:url("https://forinou.com/wp-content/uploads/2025/12/Ellipse-25.png");background-position:bottom center;background-repeat:no-repeat;background-size:contain;}.elementor-10 .elementor-element.elementor-element-6adbc78{--display:flex;--min-height:121px;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:12px 12px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10 .elementor-element.elementor-element-6adbc78:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-6adbc78 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-10 .elementor-element.elementor-element-1eab20b > .elementor-widget-container{margin:-135px 0px 0px 0px;padding:15px 15px 15px 15px;}.elementor-10 .elementor-element.elementor-element-1eab20b{text-align:start;}.elementor-10 .elementor-element.elementor-element-1eab20b .elementor-heading-title{font-family:"Bonyade Koodak FaNum", Sans-serif;font-size:16px;font-weight:500;}.elementor-10 .elementor-element.elementor-element-00e1f6e > .elementor-widget-container{margin:-27px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-00e1f6e{text-align:start;}.elementor-10 .elementor-element.elementor-element-00e1f6e .elementor-heading-title{font-family:"Bonyade Koodak FaNum", Sans-serif;font-size:16px;font-weight:500;}.elementor-10 .elementor-element.elementor-element-3f529a4{text-align:start;}.elementor-10 .elementor-element.elementor-element-3f529a4 .elementor-heading-title{font-family:"Bonyade Koodak FaNum", Sans-serif;font-size:14px;font-weight:400;color:var( --e-global-color-c813e5b );}.elementor-10 .elementor-element.elementor-element-2f02f04{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--overlay-opacity:0;--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-2f02f04:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-2f02f04 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F700;}.elementor-10 .elementor-element.elementor-element-2f02f04::before, .elementor-10 .elementor-element.elementor-element-2f02f04 > .elementor-background-video-container::before, .elementor-10 .elementor-element.elementor-element-2f02f04 > .e-con-inner > .elementor-background-video-container::before, .elementor-10 .elementor-element.elementor-element-2f02f04 > .elementor-background-slideshow::before, .elementor-10 .elementor-element.elementor-element-2f02f04 > .e-con-inner > .elementor-background-slideshow::before, .elementor-10 .elementor-element.elementor-element-2f02f04 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#F7F7F7;--background-overlay:'';}.elementor-10 .elementor-element.elementor-element-2f02f04.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-10 .elementor-element.elementor-element-667e653{--display:flex;--border-radius:12px 12px 12px 12px;--margin-top:-121px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10 .elementor-element.elementor-element-667e653:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-667e653 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-10 .elementor-element.elementor-element-bffdac4{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-10 .elementor-element.elementor-element-43bf52b{width:auto;max-width:auto;text-align:center;}.elementor-10 .elementor-element.elementor-element-43bf52b > .elementor-widget-container{background-image:url("https://forinou.com/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-10 .elementor-element.elementor-element-43bf52b.elementor-element{--align-self:flex-start;}.elementor-10 .elementor-element.elementor-element-43bf52b .elementor-heading-title{font-family:"Bonyade Koodak FaNum", Sans-serif;font-size:32px;font-weight:800;line-height:59px;}.elementor-10 .elementor-element.elementor-element-b74336c > .elementor-widget-container{margin:-2px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-b74336c{text-align:center;font-family:"Bonyade Koodak FaNum", Sans-serif;font-size:16px;font-weight:400;line-height:4px;color:var( --e-global-color-primary );}.elementor-10 .elementor-element.elementor-element-8a02a7e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-10 .elementor-element.elementor-element-af633e1{--display:flex;--min-height:120px;--justify-content:center;--border-radius:24px 24px 24px 24px;}.elementor-10 .elementor-element.elementor-element-af633e1:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-af633e1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://forinou.com/wp-content/uploads/2025/12/Frame-32-1.png");background-position:center center;background-size:cover;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{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-10 .elementor-element.elementor-element-0272908.elementor-element{--align-self:center;}.elementor-10 .elementor-element.elementor-element-0272908 .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-10 .elementor-element.elementor-element-0272908 .elementor-icon-box-title{margin-block-end:9px;color:var( --e-global-color-6911b0e );}.elementor-10 .elementor-element.elementor-element-0272908 .elementor-icon{font-size:50px;}.elementor-10 .elementor-element.elementor-element-0272908 .elementor-icon-box-title, .elementor-10 .elementor-element.elementor-element-0272908 .elementor-icon-box-title a{font-family:"Bonyade Koodak FaNum", Sans-serif;font-size:16px;font-weight:600;}.elementor-10 .elementor-element.elementor-element-0272908:has(:hover) .elementor-icon-box-title,
					 .elementor-10 .elementor-element.elementor-element-0272908:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-6911b0e );}.elementor-10 .elementor-element.elementor-element-0272908 .elementor-icon-box-description{font-family:"Bonyade Koodak FaNum", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-6911b0e );}.elementor-10 .elementor-element.elementor-element-918abe5{--display:flex;--min-height:120px;--justify-content:center;--border-radius:24px 24px 24px 24px;}.elementor-10 .elementor-element.elementor-element-918abe5:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-918abe5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://forinou.com/wp-content/uploads/2025/12/Frame-32-1.png");background-position:center center;background-size:cover;}.elementor-10 .elementor-element.elementor-element-b2af621.elementor-element{--align-self:center;}.elementor-10 .elementor-element.elementor-element-b2af621 .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-10 .elementor-element.elementor-element-b2af621 .elementor-icon-box-title{margin-block-end:9px;color:var( --e-global-color-6911b0e );}.elementor-10 .elementor-element.elementor-element-b2af621 .elementor-icon{font-size:50px;}.elementor-10 .elementor-element.elementor-element-b2af621 .elementor-icon-box-title, .elementor-10 .elementor-element.elementor-element-b2af621 .elementor-icon-box-title a{font-family:"Bonyade Koodak FaNum", Sans-serif;font-size:16px;font-weight:600;}.elementor-10 .elementor-element.elementor-element-b2af621:has(:hover) .elementor-icon-box-title,
					 .elementor-10 .elementor-element.elementor-element-b2af621:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-6911b0e );}.elementor-10 .elementor-element.elementor-element-b2af621 .elementor-icon-box-description{font-family:"Bonyade Koodak FaNum", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-6911b0e );}.elementor-10 .elementor-element.elementor-element-55bf19b{--display:flex;--min-height:120px;--justify-content:center;--border-radius:24px 24px 24px 24px;}.elementor-10 .elementor-element.elementor-element-55bf19b:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-55bf19b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://forinou.com/wp-content/uploads/2025/12/Frame-32-1.png");background-position:center center;background-size:cover;}.elementor-10 .elementor-element.elementor-element-71cabc1.elementor-element{--align-self:center;}.elementor-10 .elementor-element.elementor-element-71cabc1 .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-10 .elementor-element.elementor-element-71cabc1 .elementor-icon-box-title{margin-block-end:9px;color:var( --e-global-color-6911b0e );}.elementor-10 .elementor-element.elementor-element-71cabc1 .elementor-icon{font-size:50px;}.elementor-10 .elementor-element.elementor-element-71cabc1 .elementor-icon-box-title, .elementor-10 .elementor-element.elementor-element-71cabc1 .elementor-icon-box-title a{font-family:"Bonyade Koodak FaNum", Sans-serif;font-size:16px;font-weight:600;}.elementor-10 .elementor-element.elementor-element-71cabc1:has(:hover) .elementor-icon-box-title,
					 .elementor-10 .elementor-element.elementor-element-71cabc1:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-6911b0e );}.elementor-10 .elementor-element.elementor-element-71cabc1 .elementor-icon-box-description{font-family:"Bonyade Koodak FaNum", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-6911b0e );}.elementor-10 .elementor-element.elementor-element-9c190b3{--display:flex;}.elementor-10 .elementor-element.elementor-element-8452f83{--display:flex;--border-radius:12px 12px 12px 12px;--margin-top:-121px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10 .elementor-element.elementor-element-8452f83:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-8452f83 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-10 .elementor-element.elementor-element-f0fef63{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-10 .elementor-element.elementor-element-e313092{width:auto;max-width:auto;text-align:center;}.elementor-10 .elementor-element.elementor-element-e313092 > .elementor-widget-container{background-image:url("https://forinou.com/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-10 .elementor-element.elementor-element-e313092.elementor-element{--align-self:flex-start;}.elementor-10 .elementor-element.elementor-element-e313092 .elementor-heading-title{font-family:"Bonyade Koodak FaNum", Sans-serif;font-size:32px;font-weight:800;line-height:59px;}.elementor-10 .elementor-element.elementor-element-4b6574b > .elementor-widget-container{margin:-2px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-4b6574b{text-align:center;font-family:"Bonyade Koodak FaNum", Sans-serif;font-size:16px;font-weight:400;line-height:4px;color:var( --e-global-color-primary );}.elementor-10 .elementor-element.elementor-element-790d53f{--display:flex;}.elementor-10 .elementor-element.elementor-element-6981f8a{--display:flex;--border-radius:16px 16px 16px 16px;--margin-top:-121px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10 .elementor-element.elementor-element-6981f8a:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-6981f8a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-10 .elementor-element.elementor-element-6118fd7{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-10 .elementor-element.elementor-element-c6eafb3{width:auto;max-width:auto;text-align:center;}.elementor-10 .elementor-element.elementor-element-c6eafb3 > .elementor-widget-container{background-image:url("https://forinou.com/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-10 .elementor-element.elementor-element-c6eafb3.elementor-element{--align-self:flex-start;}.elementor-10 .elementor-element.elementor-element-c6eafb3 .elementor-heading-title{font-family:"Bonyade Koodak FaNum", Sans-serif;font-size:32px;font-weight:800;line-height:59px;}.elementor-10 .elementor-element.elementor-element-1afd8f7 > .elementor-widget-container{margin:-2px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-1afd8f7{text-align:center;font-family:"Bonyade Koodak FaNum", Sans-serif;font-size:16px;font-weight:400;line-height:4px;color:var( --e-global-color-primary );}.elementor-10 .elementor-element.elementor-element-11be743{--display:flex;--border-radius:16px 16px 16px 16px;--margin-top:-121px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10 .elementor-element.elementor-element-11be743:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-11be743 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-10 .elementor-element.elementor-element-163dd2a{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-10 .elementor-element.elementor-element-3c62527{width:auto;max-width:auto;text-align:center;}.elementor-10 .elementor-element.elementor-element-3c62527 > .elementor-widget-container{background-image:url("https://forinou.com/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-10 .elementor-element.elementor-element-3c62527.elementor-element{--align-self:flex-start;}.elementor-10 .elementor-element.elementor-element-3c62527 .elementor-heading-title{font-family:"Bonyade Koodak FaNum", Sans-serif;font-size:32px;font-weight:800;line-height:59px;}.elementor-10 .elementor-element.elementor-element-254efc1 > .elementor-widget-container{margin:-2px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-254efc1{text-align:center;font-family:"Bonyade Koodak FaNum", Sans-serif;font-size:16px;font-weight:400;line-height:4px;color:var( --e-global-color-primary );}.elementor-10 .elementor-element.elementor-element-535bcc4{--display:flex;--border-radius:16px 16px 16px 16px;--margin-top:-121px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10 .elementor-element.elementor-element-535bcc4:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-535bcc4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-10 .elementor-element.elementor-element-7deffb0{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-10 .elementor-element.elementor-element-c1c6f1d{width:auto;max-width:auto;text-align:center;}.elementor-10 .elementor-element.elementor-element-c1c6f1d > .elementor-widget-container{background-image:url("https://forinou.com/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-10 .elementor-element.elementor-element-c1c6f1d.elementor-element{--align-self:flex-start;}.elementor-10 .elementor-element.elementor-element-c1c6f1d .elementor-heading-title{font-family:"Bonyade Koodak FaNum", Sans-serif;font-size:32px;font-weight:800;line-height:59px;}.elementor-10 .elementor-element.elementor-element-f408409 > .elementor-widget-container{margin:-2px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-f408409{text-align:center;font-family:"Bonyade Koodak FaNum", Sans-serif;font-size:16px;font-weight:400;line-height:4px;color:var( --e-global-color-primary );}.elementor-10 .elementor-element.elementor-element-b00df27{--display:flex;--border-radius:16px 16px 16px 16px;--margin-top:-121px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10 .elementor-element.elementor-element-b00df27:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-b00df27 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-10 .elementor-element.elementor-element-e683ac3{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-10 .elementor-element.elementor-element-b886add{width:auto;max-width:auto;text-align:center;}.elementor-10 .elementor-element.elementor-element-b886add > .elementor-widget-container{background-image:url("https://forinou.com/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-10 .elementor-element.elementor-element-b886add.elementor-element{--align-self:flex-start;}.elementor-10 .elementor-element.elementor-element-b886add .elementor-heading-title{font-family:"Bonyade Koodak FaNum", Sans-serif;font-size:32px;font-weight:800;line-height:59px;}.elementor-10 .elementor-element.elementor-element-1f61a08 > .elementor-widget-container{margin:-2px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-1f61a08{text-align:center;font-family:"Bonyade Koodak FaNum", Sans-serif;font-size:16px;font-weight:400;line-height:4px;color:var( --e-global-color-primary );}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-10 .elementor-element.elementor-element-08d8aa5{--grid-columns:3;--e-loop-nothing-found-message-align:center;}.elementor-10 .elementor-element.elementor-element-470e37c{--display:flex;--border-radius:16px 16px 16px 16px;--margin-top:-121px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10 .elementor-element.elementor-element-470e37c:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-470e37c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-10 .elementor-element.elementor-element-4058308{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-10 .elementor-element.elementor-element-9db72b3{width:auto;max-width:auto;text-align:center;}.elementor-10 .elementor-element.elementor-element-9db72b3 > .elementor-widget-container{background-image:url("https://forinou.com/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-10 .elementor-element.elementor-element-9db72b3.elementor-element{--align-self:flex-start;}.elementor-10 .elementor-element.elementor-element-9db72b3 .elementor-heading-title{font-family:"Bonyade Koodak FaNum", Sans-serif;font-size:32px;font-weight:800;line-height:59px;}.elementor-10 .elementor-element.elementor-element-1f88838 > .elementor-widget-container{margin:-2px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-1f88838{text-align:center;font-family:"Bonyade Koodak FaNum", Sans-serif;font-size:16px;font-weight:400;line-height:4px;color:var( --e-global-color-primary );}.elementor-10 .elementor-element.elementor-element-cd2203e{--display:flex;--border-radius:16px 16px 16px 16px;--margin-top:-121px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10 .elementor-element.elementor-element-cd2203e:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-cd2203e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-10 .elementor-element.elementor-element-0a0c173{--display:flex;}.elementor-10 .elementor-element.elementor-element-2869a10{width:auto;max-width:auto;text-align:center;}.elementor-10 .elementor-element.elementor-element-2869a10 > .elementor-widget-container{background-image:url("https://forinou.com/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-10 .elementor-element.elementor-element-2869a10.elementor-element{--align-self:flex-start;}.elementor-10 .elementor-element.elementor-element-2869a10 .elementor-heading-title{font-family:"Bonyade Koodak FaNum", Sans-serif;font-size:32px;font-weight:800;line-height:59px;}.elementor-10 .elementor-element.elementor-element-f76f637 > .elementor-widget-container{margin:-2px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-f76f637{text-align:start;font-family:"Bonyade Koodak FaNum", Sans-serif;font-size:16px;font-weight:400;line-height:4px;color:var( --e-global-color-primary );}.elementor-10 .elementor-element.elementor-element-67cbf66{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-10 .elementor-element.elementor-element-ffa0bd3{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-10 .elementor-element.elementor-element-81bb102{--display:flex;--border-radius:16px 16px 16px 16px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10 .elementor-element.elementor-element-81bb102:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-81bb102 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-10 .elementor-element.elementor-element-5886bc6{--n-tabs-direction:row;--n-tabs-heading-direction:column;--n-tabs-heading-width:306px;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:initial;width:100%;max-width:100%;--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:flex-start;--n-tabs-heading-wrap:wrap;--n-tabs-title-justify-content:flex-start;--n-tabs-title-text-align:start;--n-tabs-title-gap:0px;--n-tabs-gap:13px;--n-tabs-icon-size:18px;--n-tabs-icon-color:var( --e-global-color-primary );--n-tabs-icon-color-active:var( --e-global-color-6911b0e );}.elementor-10 .elementor-element.elementor-element-5886bc6 > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#F7F7F7;}.elementor-10 .elementor-element.elementor-element-5886bc6.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#F7F7F7;}.elementor-10 .elementor-element.elementor-element-5886bc6.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-10 .elementor-element.elementor-element-5886bc6.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-primary );}.elementor-10 .elementor-element.elementor-element-5886bc6 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-icon-color-hover:var( --e-global-color-6911b0e );}@media(max-width:1024px){.elementor-10 .elementor-element.elementor-element-08d8aa5{--grid-columns:2;}}@media(max-width:767px){.elementor-10 .elementor-element.elementor-element-bf0bf88{--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-10 .elementor-element.elementor-element-d673f34{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-34f5f05{--min-height:418px;--padding-top:030px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-79d5daa{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:15px;}.elementor-10 .elementor-element.elementor-element-b3222b2 .elementor-heading-title{font-size:21px;}.elementor-10 .elementor-element.elementor-element-555fc4e{--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10 .elementor-element.elementor-element-2f02f04{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:1;}.elementor-10 .elementor-element.elementor-element-667e653{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10 .elementor-element.elementor-element-bffdac4{--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-43bf52b .elementor-heading-title{font-size:26px;}.elementor-10 .elementor-element.elementor-element-b74336c > .elementor-widget-container{margin:-17px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-b74336c{font-size:12px;line-height:24px;}.elementor-10 .elementor-element.elementor-element-8a02a7e{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:7px 7px;--row-gap:7px;--column-gap:7px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-af633e1{--width:48%;--min-height:101px;}.elementor-10 .elementor-element.elementor-element-0272908 .elementor-icon-box-wrapper{align-items:center;}.elementor-10 .elementor-element.elementor-element-0272908 .elementor-icon{font-size:33px;}.elementor-10 .elementor-element.elementor-element-0272908 .elementor-icon-box-title, .elementor-10 .elementor-element.elementor-element-0272908 .elementor-icon-box-title a{font-size:16px;}.elementor-10 .elementor-element.elementor-element-0272908 .elementor-icon-box-description{font-size:14px;}.elementor-10 .elementor-element.elementor-element-918abe5{--width:48%;--min-height:101px;}.elementor-10 .elementor-element.elementor-element-b2af621 .elementor-icon-box-wrapper{align-items:center;}.elementor-10 .elementor-element.elementor-element-b2af621 .elementor-icon{font-size:33px;}.elementor-10 .elementor-element.elementor-element-b2af621 .elementor-icon-box-title, .elementor-10 .elementor-element.elementor-element-b2af621 .elementor-icon-box-title a{font-size:16px;}.elementor-10 .elementor-element.elementor-element-b2af621 .elementor-icon-box-description{font-size:14px;}.elementor-10 .elementor-element.elementor-element-55bf19b{--width:48%;--min-height:101px;}.elementor-10 .elementor-element.elementor-element-71cabc1 .elementor-icon-box-wrapper{align-items:center;}.elementor-10 .elementor-element.elementor-element-71cabc1 .elementor-icon{font-size:33px;}.elementor-10 .elementor-element.elementor-element-71cabc1 .elementor-icon-box-title, .elementor-10 .elementor-element.elementor-element-71cabc1 .elementor-icon-box-title a{font-size:16px;}.elementor-10 .elementor-element.elementor-element-71cabc1 .elementor-icon-box-description{font-size:14px;}.elementor-10 .elementor-element.elementor-element-8452f83{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10 .elementor-element.elementor-element-f0fef63{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-e313092 .elementor-heading-title{font-size:26px;}.elementor-10 .elementor-element.elementor-element-4b6574b > .elementor-widget-container{margin:-17px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-4b6574b{font-size:12px;line-height:24px;}.elementor-10 .elementor-element.elementor-element-6981f8a{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10 .elementor-element.elementor-element-6118fd7{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-c6eafb3 .elementor-heading-title{font-size:26px;}.elementor-10 .elementor-element.elementor-element-1afd8f7 > .elementor-widget-container{margin:-17px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-1afd8f7{font-size:12px;line-height:24px;}.elementor-10 .elementor-element.elementor-element-11be743{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10 .elementor-element.elementor-element-163dd2a{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-3c62527 .elementor-heading-title{font-size:26px;}.elementor-10 .elementor-element.elementor-element-254efc1 > .elementor-widget-container{margin:-17px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-254efc1{font-size:12px;line-height:24px;}.elementor-10 .elementor-element.elementor-element-535bcc4{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10 .elementor-element.elementor-element-7deffb0{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-c1c6f1d .elementor-heading-title{font-size:26px;}.elementor-10 .elementor-element.elementor-element-f408409 > .elementor-widget-container{margin:-17px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-f408409{font-size:12px;line-height:24px;}.elementor-10 .elementor-element.elementor-element-b00df27{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10 .elementor-element.elementor-element-e683ac3{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-b886add .elementor-heading-title{font-size:26px;}.elementor-10 .elementor-element.elementor-element-1f61a08 > .elementor-widget-container{margin:-17px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-1f61a08{font-size:12px;line-height:24px;}.elementor-10 .elementor-element.elementor-element-08d8aa5{--grid-columns:1;}.elementor-10 .elementor-element.elementor-element-470e37c{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10 .elementor-element.elementor-element-4058308{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-9db72b3 .elementor-heading-title{font-size:26px;}.elementor-10 .elementor-element.elementor-element-1f88838 > .elementor-widget-container{margin:-17px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-1f88838{font-size:12px;line-height:24px;}.elementor-10 .elementor-element.elementor-element-cd2203e{--margin-top:4px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10 .elementor-element.elementor-element-2869a10 .elementor-heading-title{font-size:26px;}.elementor-10 .elementor-element.elementor-element-f76f637 > .elementor-widget-container{margin:-17px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-f76f637{text-align:start;font-size:12px;line-height:24px;}.elementor-10 .elementor-element.elementor-element-67cbf66{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-5886bc6{--n-tabs-direction:column;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-heading-justify-content:initial;--n-tabs-title-width:100%;--n-tabs-title-height:initial;--n-tabs-title-align-items:flex-start;--n-tabs-title-flex-grow:1;--n-tabs-title-justify-content:flex-start;--n-tabs-title-text-align:start;--n-tabs-gap:0px;--n-tabs-title-border-radius:18px 18px 18px 18px;--n-tabs-title-padding-top:7px;--n-tabs-title-padding-right:14px;--n-tabs-title-padding-bottom:7px;--n-tabs-title-padding-left:7px;}}@media(min-width:768px){.elementor-10 .elementor-element.elementor-element-520edab{--width:704px;}.elementor-10 .elementor-element.elementor-element-555fc4e{--content-width:1296px;}.elementor-10 .elementor-element.elementor-element-cd06af5{--width:306px;}.elementor-10 .elementor-element.elementor-element-6adbc78{--width:306px;}.elementor-10 .elementor-element.elementor-element-2f02f04{--content-width:1296px;}}/* Start custom CSS for shortcode, class: .elementor-element-75f077c *//* عنوان شماره همراه */
.digloginpage .dig_sml_box_msg_head {
    font-size: 14px;
    font-weight: 400;
    color: #443355 !important;
}

/* پیام توضیحی شماره همراه */
.digloginpage .dig_sml_box_msg {
    font-size: 14px;
    font-weight: 400;
    color: #A199AA !important;
}

/* فیلد ورودی شماره موبایل */
.digloginpage .dig_form input[name="mobmail"] {
    font-size: 14px;
    font-weight: 400;
    color: #A199AA;
    background-color: #fff;
    border: 1px solid #E6E6E6;
    border-radius: 12px;
    width: 100%;
    padding-left: 3px;
    height: 40px;
}

/* فیلد کشور (countrycode) */
.digloginpage .dig_form .countrycodecontainer input {
    font-size: 14px;
    font-weight: 400;
    color: #A199AA;
    background-color: #fff;
    border: 1px solid #E6E6E6;
    border-radius: 12px;
    padding-left: 3px;
    height: 40px;
}

/* دکمه ورود */
.digloginpage .dig_login_va_otp {
    background-color: #443355;
    border-radius: 12px;
    font-size: 14px;
    color: white;
    text-align: center;
    width: 100%;
    padding: 0px;
    cursor: pointer;
    height: 48px;
}

/* لینک ثبت نام */
.digloginpage .dig_resendotp {
    text-align: center;
    margin-top: 10px;
    font-size: 14px;
}

.digloginpage .dig_resendotp a {
    color: #443355;
    text-decoration: none;
}

/* اضافه کردن استایل برای دکمه ارسال مجدد رمز عبور */
.dig_resendotp {
    color: #443355;
    font-size: 14px;
    text-decoration: none;
}
 .dig_sml_box_msg_head
 {
    display:none;
}
.dig_sml_box_msg {
    display:none;
}
.dig_pgmdl_2 .minput input[type='text'] {
    border-radius: 12px;
    padding: 12px 16px;
    line-height: 20px;
    border-color: #E6E6E6;
}
html[dir="rtl"] .dig_login_rembe  {
    display:none;
}

.dig_pgmdl_2 .minput input[type='text'] {
    margin-top: 20px;
    margin-bottom: 20px;
}
/* ریسپانسیو برای موبایل (عرض صفحه ≤ 768px) */
@media (max-width: 768px) {
 
    #login-title {
        font-size:26px; 
        margin-bottom: 0.8rem;
    }

    #login-subtitle {
        font-size: 13px;   
        line-height: 25px;  
        margin-bottom: 0px; margin-top: 20px;
}
    .sms-auth-submit-btn
{
        font-size: 12px!important;
        height: auto;
        font-family: 'Bonyade Koodak FaNum';
    }
       #tayid {
        font-size:30px; 
        margin-bottom: 0.8rem;
    }
    #sms-confirmation-text
{
       font-size: 13px;   
        line-height: 25px;  
}
#verify-resend-btn{font-family: 'Bonyade Koodak FaNum';
}
.sms-auth-form
 {padding: 0px!important;}
.sms-auth-field label,
.sms-auth-field-half label {
  display: block;
  margin-bottom: 5px !important;
  font-size:14px;
}

}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-8f9182a */@media (max-width: 768px) {
    .ck-course-excerpt {
        font-size:14px!important;
    }
     .ck-course-image-col
 {
        width: 80px!important;
        height: 80px!important;
        background: white!important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2a15474 */.profile-form-wrap {
  max-width: 900px;
  margin: 0 auto;
  padding: 20px;
  direction: rtl;
  font-family: 'Bonyade Koodak FaNum', Tahoma, Arial, sans-serif;
}

/* Grid */
.profile-row {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.profile-col-30 { flex: 0 0 30%; }
.profile-col-70 { flex: 0 0 70%; }
.profile-col-100 { flex: 0 0 100%; }

/* Labels */
.profile-form-wrap label {
  display: block;
  margin-bottom: 6px;
  font-weight: 400;
  font-size: 14px;
  color: #757575;
  font-family: 'Bonyade Koodak FaNum', Tahoma, Arial, sans-serif;
}

/* Inputs */
.profile-form-wrap input[type=text],
.profile-form-wrap input[type=email],
.profile-form-wrap input[type=tel] {
  width: 100%;
  padding: 10px;
  border: none;
  border-radius: 12px;
  background: #fff;
  box-sizing: border-box;
  font-family: 'Bonyade Koodak FaNum', Tahoma, Arial, sans-serif;
  font-size: 14px;
  color: #333;
}

.profile-form-wrap input::placeholder {
  color: #AFAFAF;
  font-family: 'Bonyade Koodak FaNum', Tahoma, Arial, sans-serif;
}

/* Upload row */
.upload-row {
  display: flex;
  flex-flow: row-reverse;
  align-items: center;
  gap: 12px;
    justify-content: flex-end;

}

/* Avatar */
.profile-avatar-thumb {
  width: 48px;
  height: 48px;
  object-fit: cover;
  border-radius: 50% !important;
  order: -1;
}

/* Upload button (FIXED) */
.profile-upload-btn {
  display: inline-flex;
  flex-direction: row !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 48px;
  padding: 0 14px;
  background: #443355;
  color: #fff;
  border: none;
  border-radius: 12px;
  cursor: pointer;
  font-family: 'Bonyade Koodak FaNum', Tahoma, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
}

/* Upload icon */
.profile-upload-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
}

.profile-upload-icon svg {
  display: block;
}

/* Upload text */
.profile-upload-text {
  display: inline-block;
  white-space: nowrap;
  color: #fff;
  line-height: 45px;
}

/* Save button */
.save-row {
  display: flex;
  justify-content: flex-end;
}

.profile-save-btn {
  background: #E6DBEA;
  color: #443355;
  padding: 12px 24px;
  border: none;
  border-radius: 2200px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  font-family: 'Bonyade Koodak FaNum', Tahoma, Arial, sans-serif;
}

/* Notice */
.profile-notice.success {
  background: #d4edda;
  color: #155724;
  padding: 10px;
  border-radius: 8px;
  margin-bottom: 15px;
  border: 1px solid #c3e6cb;
}

/* Responsive */
@media (max-width: 600px) {
  .profile-col-30,
  .profile-col-70,
  .profile-col-100 {
    flex: 0 0 100%;
  }

  .upload-row {
    flex-direction: column;
    align-items: flex-start;
  }
  .upload-row {
    display: flex;
    flex-flow: row-reverse;
    align-items: center;
    gap: 12px;
    justify-content: flex-end;
}
    .profile-avatar-thumb {
        width: 60px;
        height: 60px;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d553146 */.my-orders-master-wrapper {
    position: relative;
    min-height: 600px;
    overflow: hidden;
    direction: rtl;
}

/* سوئیچ ویوها */
.orders-view {
    transition: opacity 0.5s ease, transform 0.4s ease;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    transform: translateY(20px);
    padding: 0 10px;
}
.orders-view.active {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}
#order-details-view { padding: 20px 10px; }
#order-details-content { max-width: 900px; margin: 0 auto; }

/* جدول اصلی لیست سفارش‌ها */
.my-orders-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: #ffffff;
    border-radius: 16px;
    overflow: hidden;
    font-family: Tahoma, Arial, sans-serif;
    box-shadow: 0 4px 20px rgba(0,0,0,0.05);
}
.my-orders-table th,
.my-orders-table td {
    padding: 18px 12px;
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
    color: #443355;
    position: relative;
}
.my-orders-table th { font-weight: 500; background: #fff; border-bottom: 2px solid #E6DBEA; }
.my-orders-table td { font-weight: 400; border-bottom: 1px solid #eee; }
.my-orders-table th:not(:last-child)::after,
.my-orders-table td:not(:last-child)::after {
    content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%);
    height: 60%; width: 2px; background: #E6DBEA;
}
.my-orders-table tbody tr:hover { background-color: #f9f5fb; }
.my-orders-table .order-status { padding: 6px 14px; border-radius: 20px; font-weight: bold; background: transparent !important; }

.view-order-btn {
    display: inline-block;
    width: 145px; height: 44px; line-height: 44px;
    text-align: center; background: #E6DBEA; color: #443355;
    border-radius: 200px; font-size: 15px; font-weight: 500;
    text-decoration: none; transition: all 0.3s;
}
.view-order-btn:hover { background: #d8c9e0; }

/* پنل جزئیات — شفاف */
.order-detail-panel {
    background: transparent !important;
    box-shadow: none !important;
    padding: 0;
}

/* عنوان + تاریخ */
.detail-header-new {
    display: flex; justify-content: space-between; align-items: center;
    margin-bottom: 25px;
}
.detail-title-new { font-size: 16px; font-weight: 600; color: #443355; }
.detail-date-new {
    display: flex; align-items: center; gap: 8px;
    background: #E6DBEA; padding: 0 18px; height: 44px; border-radius: 16px;
    font-size: 14px; font-weight: 400; color: #443355;
}
.detail-date-new svg { flex-shrink: 0; }

/* جدول محصولات — کاملاً سفید + فاصله ۳۲ پیکسل پایین */
.detail-items-table-new,
.detail-items-table-new table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: #ffffff !important;
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 32px;
}
.detail-items-table-new th,
.detail-items-table-new td {
    width: 50%; padding: 16px 12px; text-align: center;
    font-size: 16px; font-weight: 400; color: #443355;
    background: #ffffff !important; position: relative;
}
.detail-items-table-new th {
    background: #ffffff !important;
    border-bottom: 2px solid #E6DBEA;
}
.detail-items-table-new th:first-child::after,
.detail-items-table-new td:first-child::after {
    content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%);
    height: 60%; width: 2px; background: #E6DBEA;
}
.detail-items-table-new td { border-bottom: 1px solid #eee; }

/* جمع کل */
.detail-total-bar {
    background: #E6DBEA; color: #757575; font-size: 14px; font-weight: 400;
    text-align: center; padding: 20px; border-radius: 16px;
    margin: 24px; display: flex; align-items: center; justify-content: center; gap: 35px;
}
.detail-total-bar strong { color: #2C2C2D; font-size: 24px; font-weight: 600; }

/* روش پرداخت + قیمت کل — کنار هم تضمینی با فاصله ۲۲ پیکسل */
.detail-double-new {
    display: flex;
    gap: 22px;
    margin: 0 0 20px 0;
    flex-wrap: nowrap; /* مهم — اجازه نمیده زیر هم بیفتن */
}
.detail-box.payment-box.inline-label,
.detail-box.total-price-box {
    flex: 1 1 50%;
    min-width: 0; /* اجازه میده داخل فلکس کوچک بشه */
    background: #E6DBEA;
    padding: 20px;
    border-radius: 16px;
    text-align: center;
    font-size: 14px;
    color: #2C2C2D;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    box-sizing: border-box;
}
.detail-box.payment-box.inline-label strong,
.detail-box.total-price-box strong {
    color: #757575;
    font-weight: 400;
    white-space: nowrap;
}

/* آدرس — تمام عرض + وسط چین */
.address-box-inline {
    background: #E6DBEA; /* مثل روش پرداخت */
    width: 100%;
    padding: 20px;
    border-radius: 16px;
    display: flex;
    justify-content: center; /* وسط چین افقی */
    align-items: center;     /* وسط چین عمودی */
    gap: 8px;
    text-align: center;
    font-size: 14px;
    color: #2C2C2D;
    box-sizing: border-box;
}
.address-box-inline strong {
    color: #757575;
    font-weight: 400;
    flex-shrink: 0;
}

.detail-back-wrapper {
    display: flex;
    justify-content: flex-end; /* سمت راست */
    margin-top: 20px;          /* فاصله کمتر از قبل */
}
.back-to-list-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 220px;
    height: 52px;
    line-height: 52px;
    background: #443355 !important;
    color: #fff !important;
    border-radius: 200px;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    box-shadow: 0 6px 20px rgba(68,51,85,0.3);
}



/* حالت خالی */
.no-orders-empty-state {
    text-align: center; padding: 80px 20px; max-width: 600px; margin: 0 auto;
}
.no-orders-empty-state img { width: 180px; margin-bottom: 30px; opacity: 0.9; }
.no-orders-empty-state h3 {
    font-size: 14px; font-weight: 400; color: #757575;
    margin: 0 0 35px 0; line-height: 1.7;
}
.no-orders-empty-state a.view-order-btn {
    display: inline-block; width: 220px; height: 52px; line-height: 52px;
    background: #443355; color: #ffffff !important; font-size: 14px; font-weight: 400;
    border-radius: 200px; text-decoration: none;
    box-shadow: 0 8px 25px rgba(68,51,85,0.35); transition: all 0.3s;
}
.no-orders-empty-state a.view-order-btn:hover {
    background: #332244; transform: translateY(-2px);
}

/* ====================== ریسپانسیو ====================== */
@media (max-width: 600px) {
.detail-items-table-new,
.detail-items-table-new table {
    width: 100%!important;
    border-collapse: separate;
    border-spacing: 0;
    background: #ffffff !important;
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 32px;
}
    #order-details-view {
        padding: 15px 10px;
    }

    /* هدر جزئیات: عنوان و تاریخ کنار هم در موبایل */
    .detail-header-new {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        gap: 12px;
        margin-bottom: 25px;
    }

    .detail-title-new {
        font-size: 15px;
        font-weight: 600;
        color: #443355;
        margin: 0;
    }

    .detail-date-new {
        align-self: center;
        width: auto;
        flex-shrink: 0;
    }

    /* جمع کل */
    .detail-total-bar {
        flex-direction: row;
        gap: 12px;
        padding: 20px;
        border-radius: 16px;
        font-size: 15px;
        margin: 24px 0;
    }

    .detail-total-bar strong {
        font-size: 22px;
    }

    /* روش پرداخت و قیمت کل */
    .detail-double-new {
        flex-direction: column;
        gap: 16px;
    }

    /* دکمه بازگشت */
    .detail-back-wrapper {
        justify-content: center;
        margin-top: 20px;
    }

    .back-to-list-btn {
        width: 100%;
        max-width: 300px;
        height: 48px;
        font-size: 14px;
    }

    /* کاهش فونت‌ها */
    .my-orders-table th,
    .my-orders-table td,
    .detail-items-table-new th,
    .detail-items-table-new td,
    .detail-title-new {
        font-size: 14px;
    }

    /* جدول لیست سفارش‌ها در موبایل */
    .my-orders-table,
    .my-orders-table thead,
    .my-orders-table tbody,
    .my-orders-table th,
    .my-orders-table td,
    .my-orders-table tr {
        display: block;
    }

    .my-orders-table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .my-orders-table tr {
        border: 1px solid #eee;
        border-radius: 16px;
        margin-bottom: 20px;
        background: #fff;
        padding: 16px;
        box-shadow: 0 4px 15px rgba(0,0,0,0.06);
        display: flex;
        flex-direction: column;
        gap: 16px;
        width: 100%;
        box-sizing: border-box;
    }

    .my-orders-table td {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0;
        border: none;
        position: relative;
    }

    .my-orders-table td::before {
        content: attr(data-label);
        font-weight: 500;
        color: #443355;
        flex-shrink: 0;
        min-width: 110px;
        text-align: right;
    }

    .my-orders-table td > *:not(::before) {
        text-align: left;
    }

    .my-orders-table td:last-child {
        padding-top: 12px;
        margin-top: 8px;
        border-top: 1px dotted #eee;
    }

    .view-order-btn {
        width: 100px;
        height: 40px;
        line-height: 40px;
        background: rgba(230, 219, 234, 0.4) !important;
        color: #443355;
        font-size: 14px;
        border-radius: 200px;
        transition: all 0.3s;
    }

    .view-order-btn:hover {
        background: rgba(230, 219, 234, 0.7) !important;
    }

    .my-orders-table .order-status {
        padding: 6px 8px;
        font-size: 13px;
    }

    /* جدول محصولات در جزئیات سفارش — موبایل (کارت سفید تمام عرض مثل بقیه باکس‌ها) */
    .detail-items-table-new,
    .detail-items-table-new table {
        display: block;
        background: transparent !important;
        border-radius: 0;
        margin-bottom: 20px;
        width: 100%;
        max-width: 100%;
        padding: 0;
        box-sizing: border-box;
    }

    .detail-items-table-new thead {
        display: none;
    }

.detail-items-table-new tr {
    background: #ffffff;
    border: 1px solid #eee;
    border-radius: 16px;
    margin-bottom: 16px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.06);
}


    .detail-items-table-new td {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 8px 0;
        border-bottom: 1px dotted #eee;
        font-size: 14px;
        color: #443355;
        width: 100%;
    }

    .detail-items-table-new td:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }

    /* حذف خط عمودی جداکننده در موبایل */
    .detail-items-table-new th:first-child::after,
    .detail-items-table-new td:first-child::after {
        display: none !important;
    }

    /* لیبل‌ها: سمت راست با عرض ثابت */
    .detail-items-table-new td:first-child::before {
        content: "محصول:";
        font-weight: 500;
        color: #443355;
        flex-shrink: 0;
        min-width: 80px;
    }

    .detail-items-table-new td:last-child::before {
        content: "مجموع:";
        font-weight: 500;
        color: #443355;
        flex-shrink: 0;
        min-width: 80px;
    }

    /* مقادیر: سمت چپ */
    .detail-items-table-new td > *:not(::before) {
        text-align: left;
        margin-left: auto;
    }

    /* اسکرول عمودی */
    .my-orders-master-wrapper {
        max-height: 100vh;
        overflow-y: auto;
        padding-bottom: 40px;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-061f890 */@font-face {

  font-family: 'Bonyade Koodak FaNum';

  src: url('path-to-font/BonyadeKoodakFaNum.woff2') format('woff2');

  font-weight: normal;

  font-style: normal;

}

:root {

  --purple: #443355;

  --purple-light: #E6DBEA;

  --purple-status: #9B55C6;

  --gray: #666;

  --border: #E6E6E6;

  --radius: 24px;

  --font: "Bonyade Koodak FaNum", sans-serif;

}
.tab-btn:hover{
background-color:#443355;
color:white;
}

.my-ticket-form { font-family: var(--font); background: #fbfbfd; padding: 16px; color: #241531; }

.my-ticket-form * { box-sizing: border-box; }

.ticket-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid var(--border); }

.ticket-tabs { display: flex; gap: 16px; flex-wrap: wrap; }

.tab-btn { border: none; background: #E6DBEA; color: #443355; padding: 0 16px; height: 44px; border-radius: 10px; cursor: pointer; font-weight: 500; font-family: var(--font); font-size: 14px; }

.tab-btn.active { background: #443355; color: #fff; }

.tab-btn.new-ticket { background: #443355; color: #fff; font-weight: 500; min-width: 180px; height: 44px; border-radius: 2200px; margin-right: auto; }

.ticket-empty { background: #fff; border: 1px dashed var(--border); border-radius: var(--radius); padding: 32px; text-align: center; color: #7a7085; margin: 12px 0; display: none; }

.ticket-empty .empty-icon { font-size: 42px; margin-bottom: 8px; }

.ticket-table-wrap { display: block; }

.table-header {

  display: grid;

  grid-template-columns: 32% 24% 14% 14% 16%;

  background: #fff;

  border: 0px solid var(--border);

  border-radius: 16px;

  overflow: hidden;

  height: 52px;

  align-items: stretch;

}

.th-cell {

  padding: 0 16px;

  font-size: 14px;

  font-weight: 400;

  color: #443355;

  font-family: var(--font);

  text-align: right;

  display: flex;

  align-items: center;

  border-inline-start: 1px solid var(--border);

  background: #fff;

}

.th-cell:first-child { border-inline-start: none; }

.table-body {

  background: #fff;

  border: px solid var(--border);

  border-radius: 16px;

  overflow: hidden;

  margin-top:20px;

}

.ticket-table { width: 100%; border-collapse: collapse; table-layout: fixed; }

.ticket-table td {

  padding: 12px 16px;

  text-align: right;

  border-inline-start: 1px solid var(--border);

  color: #42364f;

  font-family: var(--font);

  font-size: 14px;

  font-weight: 400;

}

.ticket-table td:first-child { border-inline-start: none; }

.ticket-table tr { border-bottom: none; } /* بدون خط بین ردیف‌ها */

.ticket-table td:nth-child(1){width:auto;}

.ticket-table td:nth-child(2){width:24%;}

.ticket-table td:nth-child(3){width:14%;}

.ticket-table td:nth-child(4){width:14%;}

.ticket-table td:nth-child(5){width:16%;}

.display-btn { background: #d8c7ec; color: #443355; border: none; border-radius: 2200px; padding: 0 24px;
min-height: 44px; cursor: pointer; font-weight: 500; font-family: var(--font); font-size: 14px; }

.pagination { display: flex; gap: 8px; justify-content: center; margin-top: 16px; align-items: center; }

.page-btn { border: none; padding: 8px 12px; border-radius: 10px; background: #f2edf7; color: #443355; cursor: pointer; font-family: var(--font); }

.page-btn.active { background: #443355; color: #fff; }

.page-ellipsis { padding: 8px 4px; color: #443355; font-family: var(--font); }

.ticket-form-wrap { background: #fff; border-radius: var(--radius); padding: 24px; box-shadow: 0 6px 20px rgba(0,0,0,0.03); margin-top: 12px; position: relative; }

.ticket-form-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }

.back-btn-icon { width: 36px; height: 36px; background: #E6DBEA; border: none; border-radius: 10px; cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 0; }

.back-btn-icon:hover { opacity: 0.8; }

.ticket-number-info { display: flex; align-items: center; gap: 12px; }

.ticket-number { font-size: 24px; font-weight: 600; color: #443355; font-family: var(--font); }

.ticket-status-label { font-size: 14px; font-weight: 400; color: #9B55C6; font-family: var(--font); }

.ticket-form-content { margin-top: 20px; }

.ticket-thread { border-top: 1px solid var(--border); padding-top: 12px; margin-top: 12px; margin-bottom: 20px; }

.thread-body { display: flex; flex-direction: column; gap: 0; }

.thread-item { border: none; }

.thread-question-box {

  background: #fff;

  border: 1px solid var(--border);

  border-radius: 12px;

  padding: 12px 14px;

  margin-bottom: 0;

}

.question-header { display: flex; flex-direction: column; gap: 10px; }

.question-text { font-size: 14px; font-weight: 400; color: #2f2a33; font-family: var(--font); }

.question-separator { height: 1px; background: var(--border); width: 100%; }

.question-date { display: flex; align-items: center; gap: 8px; color: #757575; font-size: 14px; font-weight: 400; font-family: var(--font); }

.question-date svg { flex-shrink: 0; }

.thread-answer-box {

  background: #F7F7F7;

  border: none;

  border-radius: 12px;

  padding: 12px 14px;

  margin-right: 40px;

  margin-top: 10px;

  font-size: 14px;

  font-weight: 400;

  color: #2f2a33;

  font-family: var(--font);

}

.my-ticket-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 12px; }

.my-ticket-row.full { grid-template-columns: 1fr; }

.order-course-row { border-top: 1px solid var(--border); padding-top: 12px; margin-top: 12px; }

.field label { display: block; margin-bottom: 6px; color: #443355; font-weight: 400; font-family: var(--font); font-size: 14px; }

.field label .optional { color: #F7B68D; font-weight: 400; }

.field label .required { color: #c0392b; font-weight: 400; }

.field input, .field select, .field textarea {

  width: 100%;

  padding: 10px 12px;

  border: 1px solid var(--border);

  border-radius: 12px;

  font-size: 14px;

  font-weight: 400;

  background: #fff;

  font-family: var(--font);

}

.field input::placeholder, .field textarea::placeholder { color: #999; font-size: 14px; font-weight: 400; }

.field textarea { resize: vertical; min-height: 110px; }

#ticket-submit { background: var(--purple); color: #fff; width: 177px; height: 44px; border: none; border-radius: 2200px; cursor: pointer; font-weight: 500; font-family: var(--font); font-size: 14px; margin-top: 12px; }

#ticket-submit.disabled { opacity: 0.5; cursor: not-allowed; }

#ticket-submit:hover:not(.disabled) { background: #2f2142; }

.ticket-status { margin-top: 8px; font-size: 13px; color: #555; font-family: var(--font); }

.ticket-status.error { color: #c0392b; }

.ticket-status.success { color: #1f8a4d; }

@media (max-width: 720px) {
.ticket-table td:nth-child(1){width:auto;}
.ticket-table td:nth-child(2){width:auto;}
.ticket-table td:nth-child(3){width:auto;}
.ticket-table td:nth-child(4){width:auto;}
    .my-ticket-row, .my-ticket-row.full {
        grid-template-columns: 1fr;
    }

 .ticket-tabs {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;           /* اجازه بده اگر جا نشد زیر هم بره، اما سعی کن کنار هم باشه */
        justify-content: flex-start;
    }

    .tab-btn {
        width: 48%;
        justify-content: flex;
        height: 40px;
        font-size: 14px;
    }

    .tab-btn.new-ticket {
        grid-column: 1 / -1;
        margin: 0;
        
        
    }

    .ticket-header, .ticket-form-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .ticket-form-wrap {
        padding: 16px;
    }

    .thread-answer-box {
        margin-right: 0;
        margin-left: 0;
    }

    .display-btn, #ticket-submit {
        width: 100%;
        max-width: 300px;
    }

    .table-header {
        display: none !important;
    }

    .ticket-table-wrap {
        max-height: 100vh;
        overflow-y: auto;
        padding-bottom: 40px;
        -webkit-overflow-scrolling: touch;
    }

    .table-body {
        margin-top: 0;
        background: transparent;
        border: none;
    }

    .ticket-table {
        display: block;
        width: 100%;
    }

    .ticket-table tbody {
        display: block;
    }

    .ticket-table tr {
        position: relative;
        display: flex;
        flex-direction: column;
        background: #ffffff;
        border: 1px solid var(--border);
        border-radius: 16px;
        padding: 18px 16px 60px 16px; /* فضای کافی برای دکمه در پایین */
        margin-bottom: 20px;
        box-shadow: 0 4px 15px rgba(0,0,0,0.06);
        gap: 18px;
    }

    .ticket-table td {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0;
        border: none;
        font-size: 14px;
        width: 100%;
        text-align: left;
    }

    .ticket-table td::before {
        content: attr(data-label);
        font-weight: 500;
        color: #443355;
        flex-shrink: 0;
        min-width: 110px;
        text-align: right;
    }

    .ticket-table td > *:not(::before) {
        text-align: left;
        flex: 1;
    }

    /* دکمه چسبیده به پایین-چپ کارت */
    .ticket-table td:last-child {
        position: absolute;
        left: 16px;
        bottom: 16px;
        margin: 0;
        padding: 0;
        width: 92%;
    }

    .display-btn {
        width: 80px!important;
        height: 10px!important;
        font-size: 12px!important;
     min-height: 30px; cursor:
        background: rgba(230, 219, 234, 0.4);
        color: #443355;
        border-radius: 200px;
        box-shadow: 0 2px 8px rgba(68,51,85,0.15);
    }

    .display-btn:hover {
        background: rgba(230, 219, 234, 0.7);
        transform: translateY(-1px);
    }

    .pagination {
        flex-wrap: wrap;
        justify-content: center;
        padding: 16px 0;
    }
}

@media (max-width: 480px) {
    .ticket-tabs {
        grid-template-columns: 1fr;
    }

    .ticket-table tr {
        padding: 16px 14px 60px 14px;
    }

    .ticket-table td::before {
        min-width: 100px;
        font-size: 13.5px;
    }

 

    .ticket-table td:last-child {
        left: 14px;
        bottom: 14px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-535bcc4 */@media (max-width: 720px) {
    .ticket-form-header {
        flex-direction: row!important;
        align-items: center;
        gap: 16px;
    }
    }/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-8f9182a */@media (max-width: 768px) {
    .ck-course-excerpt {
        font-size:14px!important;
    }
     .ck-course-image-col
 {
        width: 80px!important;
        height: 80px!important;
        background: white!important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2a15474 */.profile-form-wrap {
  max-width: 900px;
  margin: 0 auto;
  padding: 20px;
  direction: rtl;
  font-family: 'Bonyade Koodak FaNum', Tahoma, Arial, sans-serif;
}

/* Grid */
.profile-row {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.profile-col-30 { flex: 0 0 30%; }
.profile-col-70 { flex: 0 0 70%; }
.profile-col-100 { flex: 0 0 100%; }

/* Labels */
.profile-form-wrap label {
  display: block;
  margin-bottom: 6px;
  font-weight: 400;
  font-size: 14px;
  color: #757575;
  font-family: 'Bonyade Koodak FaNum', Tahoma, Arial, sans-serif;
}

/* Inputs */
.profile-form-wrap input[type=text],
.profile-form-wrap input[type=email],
.profile-form-wrap input[type=tel] {
  width: 100%;
  padding: 10px;
  border: none;
  border-radius: 12px;
  background: #fff;
  box-sizing: border-box;
  font-family: 'Bonyade Koodak FaNum', Tahoma, Arial, sans-serif;
  font-size: 14px;
  color: #333;
}

.profile-form-wrap input::placeholder {
  color: #AFAFAF;
  font-family: 'Bonyade Koodak FaNum', Tahoma, Arial, sans-serif;
}

/* Upload row */
.upload-row {
  display: flex;
  flex-flow: row-reverse;
  align-items: center;
  gap: 12px;
    justify-content: flex-end;

}

/* Avatar */
.profile-avatar-thumb {
  width: 48px;
  height: 48px;
  object-fit: cover;
  border-radius: 50% !important;
  order: -1;
}

/* Upload button (FIXED) */
.profile-upload-btn {
  display: inline-flex;
  flex-direction: row !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 48px;
  padding: 0 14px;
  background: #443355;
  color: #fff;
  border: none;
  border-radius: 12px;
  cursor: pointer;
  font-family: 'Bonyade Koodak FaNum', Tahoma, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
}

/* Upload icon */
.profile-upload-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
}

.profile-upload-icon svg {
  display: block;
}

/* Upload text */
.profile-upload-text {
  display: inline-block;
  white-space: nowrap;
  color: #fff;
  line-height: 45px;
}

/* Save button */
.save-row {
  display: flex;
  justify-content: flex-end;
}

.profile-save-btn {
  background: #E6DBEA;
  color: #443355;
  padding: 12px 24px;
  border: none;
  border-radius: 2200px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  font-family: 'Bonyade Koodak FaNum', Tahoma, Arial, sans-serif;
}

/* Notice */
.profile-notice.success {
  background: #d4edda;
  color: #155724;
  padding: 10px;
  border-radius: 8px;
  margin-bottom: 15px;
  border: 1px solid #c3e6cb;
}

/* Responsive */
@media (max-width: 600px) {
  .profile-col-30,
  .profile-col-70,
  .profile-col-100 {
    flex: 0 0 100%;
  }

  .upload-row {
    flex-direction: column;
    align-items: flex-start;
  }
  .upload-row {
    display: flex;
    flex-flow: row-reverse;
    align-items: center;
    gap: 12px;
    justify-content: flex-end;
}
    .profile-avatar-thumb {
        width: 60px;
        height: 60px;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d553146 */.my-orders-master-wrapper {
    position: relative;
    min-height: 600px;
    overflow: hidden;
    direction: rtl;
}

/* سوئیچ ویوها */
.orders-view {
    transition: opacity 0.5s ease, transform 0.4s ease;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    transform: translateY(20px);
    padding: 0 10px;
}
.orders-view.active {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}
#order-details-view { padding: 20px 10px; }
#order-details-content { max-width: 900px; margin: 0 auto; }

/* جدول اصلی لیست سفارش‌ها */
.my-orders-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: #ffffff;
    border-radius: 16px;
    overflow: hidden;
    font-family: Tahoma, Arial, sans-serif;
    box-shadow: 0 4px 20px rgba(0,0,0,0.05);
}
.my-orders-table th,
.my-orders-table td {
    padding: 18px 12px;
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
    color: #443355;
    position: relative;
}
.my-orders-table th { font-weight: 500; background: #fff; border-bottom: 2px solid #E6DBEA; }
.my-orders-table td { font-weight: 400; border-bottom: 1px solid #eee; }
.my-orders-table th:not(:last-child)::after,
.my-orders-table td:not(:last-child)::after {
    content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%);
    height: 60%; width: 2px; background: #E6DBEA;
}
.my-orders-table tbody tr:hover { background-color: #f9f5fb; }
.my-orders-table .order-status { padding: 6px 14px; border-radius: 20px; font-weight: bold; background: transparent !important; }

.view-order-btn {
    display: inline-block;
    width: 145px; height: 44px; line-height: 44px;
    text-align: center; background: #E6DBEA; color: #443355;
    border-radius: 200px; font-size: 15px; font-weight: 500;
    text-decoration: none; transition: all 0.3s;
}
.view-order-btn:hover { background: #d8c9e0; }

/* پنل جزئیات — شفاف */
.order-detail-panel {
    background: transparent !important;
    box-shadow: none !important;
    padding: 0;
}

/* عنوان + تاریخ */
.detail-header-new {
    display: flex; justify-content: space-between; align-items: center;
    margin-bottom: 25px;
}
.detail-title-new { font-size: 16px; font-weight: 600; color: #443355; }
.detail-date-new {
    display: flex; align-items: center; gap: 8px;
    background: #E6DBEA; padding: 0 18px; height: 44px; border-radius: 16px;
    font-size: 14px; font-weight: 400; color: #443355;
}
.detail-date-new svg { flex-shrink: 0; }

/* جدول محصولات — کاملاً سفید + فاصله ۳۲ پیکسل پایین */
.detail-items-table-new,
.detail-items-table-new table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: #ffffff !important;
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 32px;
}
.detail-items-table-new th,
.detail-items-table-new td {
    width: 50%; padding: 16px 12px; text-align: center;
    font-size: 16px; font-weight: 400; color: #443355;
    background: #ffffff !important; position: relative;
}
.detail-items-table-new th {
    background: #ffffff !important;
    border-bottom: 2px solid #E6DBEA;
}
.detail-items-table-new th:first-child::after,
.detail-items-table-new td:first-child::after {
    content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%);
    height: 60%; width: 2px; background: #E6DBEA;
}
.detail-items-table-new td { border-bottom: 1px solid #eee; }

/* جمع کل */
.detail-total-bar {
    background: #E6DBEA; color: #757575; font-size: 14px; font-weight: 400;
    text-align: center; padding: 20px; border-radius: 16px;
    margin: 24px; display: flex; align-items: center; justify-content: center; gap: 35px;
}
.detail-total-bar strong { color: #2C2C2D; font-size: 24px; font-weight: 600; }

/* روش پرداخت + قیمت کل — کنار هم تضمینی با فاصله ۲۲ پیکسل */
.detail-double-new {
    display: flex;
    gap: 22px;
    margin: 0 0 20px 0;
    flex-wrap: nowrap; /* مهم — اجازه نمیده زیر هم بیفتن */
}
.detail-box.payment-box.inline-label,
.detail-box.total-price-box {
    flex: 1 1 50%;
    min-width: 0; /* اجازه میده داخل فلکس کوچک بشه */
    background: #E6DBEA;
    padding: 20px;
    border-radius: 16px;
    text-align: center;
    font-size: 14px;
    color: #2C2C2D;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    box-sizing: border-box;
}
.detail-box.payment-box.inline-label strong,
.detail-box.total-price-box strong {
    color: #757575;
    font-weight: 400;
    white-space: nowrap;
}

/* آدرس — تمام عرض + وسط چین */
.address-box-inline {
    background: #E6DBEA; /* مثل روش پرداخت */
    width: 100%;
    padding: 20px;
    border-radius: 16px;
    display: flex;
    justify-content: center; /* وسط چین افقی */
    align-items: center;     /* وسط چین عمودی */
    gap: 8px;
    text-align: center;
    font-size: 14px;
    color: #2C2C2D;
    box-sizing: border-box;
}
.address-box-inline strong {
    color: #757575;
    font-weight: 400;
    flex-shrink: 0;
}

.detail-back-wrapper {
    display: flex;
    justify-content: flex-end; /* سمت راست */
    margin-top: 20px;          /* فاصله کمتر از قبل */
}
.back-to-list-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 220px;
    height: 52px;
    line-height: 52px;
    background: #443355 !important;
    color: #fff !important;
    border-radius: 200px;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    box-shadow: 0 6px 20px rgba(68,51,85,0.3);
}



/* حالت خالی */
.no-orders-empty-state {
    text-align: center; padding: 80px 20px; max-width: 600px; margin: 0 auto;
}
.no-orders-empty-state img { width: 180px; margin-bottom: 30px; opacity: 0.9; }
.no-orders-empty-state h3 {
    font-size: 14px; font-weight: 400; color: #757575;
    margin: 0 0 35px 0; line-height: 1.7;
}
.no-orders-empty-state a.view-order-btn {
    display: inline-block; width: 220px; height: 52px; line-height: 52px;
    background: #443355; color: #ffffff !important; font-size: 14px; font-weight: 400;
    border-radius: 200px; text-decoration: none;
    box-shadow: 0 8px 25px rgba(68,51,85,0.35); transition: all 0.3s;
}
.no-orders-empty-state a.view-order-btn:hover {
    background: #332244; transform: translateY(-2px);
}

/* ====================== ریسپانسیو ====================== */
@media (max-width: 600px) {
.detail-items-table-new,
.detail-items-table-new table {
    width: 100%!important;
    border-collapse: separate;
    border-spacing: 0;
    background: #ffffff !important;
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 32px;
}
    #order-details-view {
        padding: 15px 10px;
    }

    /* هدر جزئیات: عنوان و تاریخ کنار هم در موبایل */
    .detail-header-new {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        gap: 12px;
        margin-bottom: 25px;
    }

    .detail-title-new {
        font-size: 15px;
        font-weight: 600;
        color: #443355;
        margin: 0;
    }

    .detail-date-new {
        align-self: center;
        width: auto;
        flex-shrink: 0;
    }

    /* جمع کل */
    .detail-total-bar {
        flex-direction: row;
        gap: 12px;
        padding: 20px;
        border-radius: 16px;
        font-size: 15px;
        margin: 24px 0;
    }

    .detail-total-bar strong {
        font-size: 22px;
    }

    /* روش پرداخت و قیمت کل */
    .detail-double-new {
        flex-direction: column;
        gap: 16px;
    }

    /* دکمه بازگشت */
    .detail-back-wrapper {
        justify-content: center;
        margin-top: 20px;
    }

    .back-to-list-btn {
        width: 100%;
        max-width: 300px;
        height: 48px;
        font-size: 14px;
    }

    /* کاهش فونت‌ها */
    .my-orders-table th,
    .my-orders-table td,
    .detail-items-table-new th,
    .detail-items-table-new td,
    .detail-title-new {
        font-size: 14px;
    }

    /* جدول لیست سفارش‌ها در موبایل */
    .my-orders-table,
    .my-orders-table thead,
    .my-orders-table tbody,
    .my-orders-table th,
    .my-orders-table td,
    .my-orders-table tr {
        display: block;
    }

    .my-orders-table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .my-orders-table tr {
        border: 1px solid #eee;
        border-radius: 16px;
        margin-bottom: 20px;
        background: #fff;
        padding: 16px;
        box-shadow: 0 4px 15px rgba(0,0,0,0.06);
        display: flex;
        flex-direction: column;
        gap: 16px;
        width: 100%;
        box-sizing: border-box;
    }

    .my-orders-table td {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0;
        border: none;
        position: relative;
    }

    .my-orders-table td::before {
        content: attr(data-label);
        font-weight: 500;
        color: #443355;
        flex-shrink: 0;
        min-width: 110px;
        text-align: right;
    }

    .my-orders-table td > *:not(::before) {
        text-align: left;
    }

    .my-orders-table td:last-child {
        padding-top: 12px;
        margin-top: 8px;
        border-top: 1px dotted #eee;
    }

    .view-order-btn {
        width: 100px;
        height: 40px;
        line-height: 40px;
        background: rgba(230, 219, 234, 0.4) !important;
        color: #443355;
        font-size: 14px;
        border-radius: 200px;
        transition: all 0.3s;
    }

    .view-order-btn:hover {
        background: rgba(230, 219, 234, 0.7) !important;
    }

    .my-orders-table .order-status {
        padding: 6px 8px;
        font-size: 13px;
    }

    /* جدول محصولات در جزئیات سفارش — موبایل (کارت سفید تمام عرض مثل بقیه باکس‌ها) */
    .detail-items-table-new,
    .detail-items-table-new table {
        display: block;
        background: transparent !important;
        border-radius: 0;
        margin-bottom: 20px;
        width: 100%;
        max-width: 100%;
        padding: 0;
        box-sizing: border-box;
    }

    .detail-items-table-new thead {
        display: none;
    }

.detail-items-table-new tr {
    background: #ffffff;
    border: 1px solid #eee;
    border-radius: 16px;
    margin-bottom: 16px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.06);
}


    .detail-items-table-new td {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 8px 0;
        border-bottom: 1px dotted #eee;
        font-size: 14px;
        color: #443355;
        width: 100%;
    }

    .detail-items-table-new td:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }

    /* حذف خط عمودی جداکننده در موبایل */
    .detail-items-table-new th:first-child::after,
    .detail-items-table-new td:first-child::after {
        display: none !important;
    }

    /* لیبل‌ها: سمت راست با عرض ثابت */
    .detail-items-table-new td:first-child::before {
        content: "محصول:";
        font-weight: 500;
        color: #443355;
        flex-shrink: 0;
        min-width: 80px;
    }

    .detail-items-table-new td:last-child::before {
        content: "مجموع:";
        font-weight: 500;
        color: #443355;
        flex-shrink: 0;
        min-width: 80px;
    }

    /* مقادیر: سمت چپ */
    .detail-items-table-new td > *:not(::before) {
        text-align: left;
        margin-left: auto;
    }

    /* اسکرول عمودی */
    .my-orders-master-wrapper {
        max-height: 100vh;
        overflow-y: auto;
        padding-bottom: 40px;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-061f890 */@font-face {

  font-family: 'Bonyade Koodak FaNum';

  src: url('path-to-font/BonyadeKoodakFaNum.woff2') format('woff2');

  font-weight: normal;

  font-style: normal;

}

:root {

  --purple: #443355;

  --purple-light: #E6DBEA;

  --purple-status: #9B55C6;

  --gray: #666;

  --border: #E6E6E6;

  --radius: 24px;

  --font: "Bonyade Koodak FaNum", sans-serif;

}
.tab-btn:hover{
background-color:#443355;
color:white;
}

.my-ticket-form { font-family: var(--font); background: #fbfbfd; padding: 16px; color: #241531; }

.my-ticket-form * { box-sizing: border-box; }

.ticket-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid var(--border); }

.ticket-tabs { display: flex; gap: 16px; flex-wrap: wrap; }

.tab-btn { border: none; background: #E6DBEA; color: #443355; padding: 0 16px; height: 44px; border-radius: 10px; cursor: pointer; font-weight: 500; font-family: var(--font); font-size: 14px; }

.tab-btn.active { background: #443355; color: #fff; }

.tab-btn.new-ticket { background: #443355; color: #fff; font-weight: 500; min-width: 180px; height: 44px; border-radius: 2200px; margin-right: auto; }

.ticket-empty { background: #fff; border: 1px dashed var(--border); border-radius: var(--radius); padding: 32px; text-align: center; color: #7a7085; margin: 12px 0; display: none; }

.ticket-empty .empty-icon { font-size: 42px; margin-bottom: 8px; }

.ticket-table-wrap { display: block; }

.table-header {

  display: grid;

  grid-template-columns: 32% 24% 14% 14% 16%;

  background: #fff;

  border: 0px solid var(--border);

  border-radius: 16px;

  overflow: hidden;

  height: 52px;

  align-items: stretch;

}

.th-cell {

  padding: 0 16px;

  font-size: 14px;

  font-weight: 400;

  color: #443355;

  font-family: var(--font);

  text-align: right;

  display: flex;

  align-items: center;

  border-inline-start: 1px solid var(--border);

  background: #fff;

}

.th-cell:first-child { border-inline-start: none; }

.table-body {

  background: #fff;

  border: px solid var(--border);

  border-radius: 16px;

  overflow: hidden;

  margin-top:20px;

}

.ticket-table { width: 100%; border-collapse: collapse; table-layout: fixed; }

.ticket-table td {

  padding: 12px 16px;

  text-align: right;

  border-inline-start: 1px solid var(--border);

  color: #42364f;

  font-family: var(--font);

  font-size: 14px;

  font-weight: 400;

}

.ticket-table td:first-child { border-inline-start: none; }

.ticket-table tr { border-bottom: none; } /* بدون خط بین ردیف‌ها */

.ticket-table td:nth-child(1){width:auto;}

.ticket-table td:nth-child(2){width:24%;}

.ticket-table td:nth-child(3){width:14%;}

.ticket-table td:nth-child(4){width:14%;}

.ticket-table td:nth-child(5){width:16%;}

.display-btn { background: #d8c7ec; color: #443355; border: none; border-radius: 2200px; padding: 0 24px;
min-height: 44px; cursor: pointer; font-weight: 500; font-family: var(--font); font-size: 14px; }

.pagination { display: flex; gap: 8px; justify-content: center; margin-top: 16px; align-items: center; }

.page-btn { border: none; padding: 8px 12px; border-radius: 10px; background: #f2edf7; color: #443355; cursor: pointer; font-family: var(--font); }

.page-btn.active { background: #443355; color: #fff; }

.page-ellipsis { padding: 8px 4px; color: #443355; font-family: var(--font); }

.ticket-form-wrap { background: #fff; border-radius: var(--radius); padding: 24px; box-shadow: 0 6px 20px rgba(0,0,0,0.03); margin-top: 12px; position: relative; }

.ticket-form-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }

.back-btn-icon { width: 36px; height: 36px; background: #E6DBEA; border: none; border-radius: 10px; cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 0; }

.back-btn-icon:hover { opacity: 0.8; }

.ticket-number-info { display: flex; align-items: center; gap: 12px; }

.ticket-number { font-size: 24px; font-weight: 600; color: #443355; font-family: var(--font); }

.ticket-status-label { font-size: 14px; font-weight: 400; color: #9B55C6; font-family: var(--font); }

.ticket-form-content { margin-top: 20px; }

.ticket-thread { border-top: 1px solid var(--border); padding-top: 12px; margin-top: 12px; margin-bottom: 20px; }

.thread-body { display: flex; flex-direction: column; gap: 0; }

.thread-item { border: none; }

.thread-question-box {

  background: #fff;

  border: 1px solid var(--border);

  border-radius: 12px;

  padding: 12px 14px;

  margin-bottom: 0;

}

.question-header { display: flex; flex-direction: column; gap: 10px; }

.question-text { font-size: 14px; font-weight: 400; color: #2f2a33; font-family: var(--font); }

.question-separator { height: 1px; background: var(--border); width: 100%; }

.question-date { display: flex; align-items: center; gap: 8px; color: #757575; font-size: 14px; font-weight: 400; font-family: var(--font); }

.question-date svg { flex-shrink: 0; }

.thread-answer-box {

  background: #F7F7F7;

  border: none;

  border-radius: 12px;

  padding: 12px 14px;

  margin-right: 40px;

  margin-top: 10px;

  font-size: 14px;

  font-weight: 400;

  color: #2f2a33;

  font-family: var(--font);

}

.my-ticket-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 12px; }

.my-ticket-row.full { grid-template-columns: 1fr; }

.order-course-row { border-top: 1px solid var(--border); padding-top: 12px; margin-top: 12px; }

.field label { display: block; margin-bottom: 6px; color: #443355; font-weight: 400; font-family: var(--font); font-size: 14px; }

.field label .optional { color: #F7B68D; font-weight: 400; }

.field label .required { color: #c0392b; font-weight: 400; }

.field input, .field select, .field textarea {

  width: 100%;

  padding: 10px 12px;

  border: 1px solid var(--border);

  border-radius: 12px;

  font-size: 14px;

  font-weight: 400;

  background: #fff;

  font-family: var(--font);

}

.field input::placeholder, .field textarea::placeholder { color: #999; font-size: 14px; font-weight: 400; }

.field textarea { resize: vertical; min-height: 110px; }

#ticket-submit { background: var(--purple); color: #fff; width: 177px; height: 44px; border: none; border-radius: 2200px; cursor: pointer; font-weight: 500; font-family: var(--font); font-size: 14px; margin-top: 12px; }

#ticket-submit.disabled { opacity: 0.5; cursor: not-allowed; }

#ticket-submit:hover:not(.disabled) { background: #2f2142; }

.ticket-status { margin-top: 8px; font-size: 13px; color: #555; font-family: var(--font); }

.ticket-status.error { color: #c0392b; }

.ticket-status.success { color: #1f8a4d; }

@media (max-width: 720px) {
.ticket-table td:nth-child(1){width:auto;}
.ticket-table td:nth-child(2){width:auto;}
.ticket-table td:nth-child(3){width:auto;}
.ticket-table td:nth-child(4){width:auto;}
    .my-ticket-row, .my-ticket-row.full {
        grid-template-columns: 1fr;
    }

 .ticket-tabs {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;           /* اجازه بده اگر جا نشد زیر هم بره، اما سعی کن کنار هم باشه */
        justify-content: flex-start;
    }

    .tab-btn {
        width: 48%;
        justify-content: flex;
        height: 40px;
        font-size: 14px;
    }

    .tab-btn.new-ticket {
        grid-column: 1 / -1;
        margin: 0;
        
        
    }

    .ticket-header, .ticket-form-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .ticket-form-wrap {
        padding: 16px;
    }

    .thread-answer-box {
        margin-right: 0;
        margin-left: 0;
    }

    .display-btn, #ticket-submit {
        width: 100%;
        max-width: 300px;
    }

    .table-header {
        display: none !important;
    }

    .ticket-table-wrap {
        max-height: 100vh;
        overflow-y: auto;
        padding-bottom: 40px;
        -webkit-overflow-scrolling: touch;
    }

    .table-body {
        margin-top: 0;
        background: transparent;
        border: none;
    }

    .ticket-table {
        display: block;
        width: 100%;
    }

    .ticket-table tbody {
        display: block;
    }

    .ticket-table tr {
        position: relative;
        display: flex;
        flex-direction: column;
        background: #ffffff;
        border: 1px solid var(--border);
        border-radius: 16px;
        padding: 18px 16px 60px 16px; /* فضای کافی برای دکمه در پایین */
        margin-bottom: 20px;
        box-shadow: 0 4px 15px rgba(0,0,0,0.06);
        gap: 18px;
    }

    .ticket-table td {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0;
        border: none;
        font-size: 14px;
        width: 100%;
        text-align: left;
    }

    .ticket-table td::before {
        content: attr(data-label);
        font-weight: 500;
        color: #443355;
        flex-shrink: 0;
        min-width: 110px;
        text-align: right;
    }

    .ticket-table td > *:not(::before) {
        text-align: left;
        flex: 1;
    }

    /* دکمه چسبیده به پایین-چپ کارت */
    .ticket-table td:last-child {
        position: absolute;
        left: 16px;
        bottom: 16px;
        margin: 0;
        padding: 0;
        width: 92%;
    }

    .display-btn {
        width: 80px!important;
        height: 10px!important;
        font-size: 12px!important;
     min-height: 30px; cursor:
        background: rgba(230, 219, 234, 0.4);
        color: #443355;
        border-radius: 200px;
        box-shadow: 0 2px 8px rgba(68,51,85,0.15);
    }

    .display-btn:hover {
        background: rgba(230, 219, 234, 0.7);
        transform: translateY(-1px);
    }

    .pagination {
        flex-wrap: wrap;
        justify-content: center;
        padding: 16px 0;
    }
}

@media (max-width: 480px) {
    .ticket-tabs {
        grid-template-columns: 1fr;
    }

    .ticket-table tr {
        padding: 16px 14px 60px 14px;
    }

    .ticket-table td::before {
        min-width: 100px;
        font-size: 13.5px;
    }

 

    .ticket-table td:last-child {
        left: 14px;
        bottom: 14px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-535bcc4 */@media (max-width: 720px) {
    .ticket-form-header {
        flex-direction: row!important;
        align-items: center;
        gap: 16px;
    }
    }/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-8f9182a */@media (max-width: 768px) {
    .ck-course-excerpt {
        font-size:14px!important;
    }
     .ck-course-image-col
 {
        width: 80px!important;
        height: 80px!important;
        background: white!important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2a15474 */.profile-form-wrap {
  max-width: 900px;
  margin: 0 auto;
  padding: 20px;
  direction: rtl;
  font-family: 'Bonyade Koodak FaNum', Tahoma, Arial, sans-serif;
}

/* Grid */
.profile-row {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.profile-col-30 { flex: 0 0 30%; }
.profile-col-70 { flex: 0 0 70%; }
.profile-col-100 { flex: 0 0 100%; }

/* Labels */
.profile-form-wrap label {
  display: block;
  margin-bottom: 6px;
  font-weight: 400;
  font-size: 14px;
  color: #757575;
  font-family: 'Bonyade Koodak FaNum', Tahoma, Arial, sans-serif;
}

/* Inputs */
.profile-form-wrap input[type=text],
.profile-form-wrap input[type=email],
.profile-form-wrap input[type=tel] {
  width: 100%;
  padding: 10px;
  border: none;
  border-radius: 12px;
  background: #fff;
  box-sizing: border-box;
  font-family: 'Bonyade Koodak FaNum', Tahoma, Arial, sans-serif;
  font-size: 14px;
  color: #333;
}

.profile-form-wrap input::placeholder {
  color: #AFAFAF;
  font-family: 'Bonyade Koodak FaNum', Tahoma, Arial, sans-serif;
}

/* Upload row */
.upload-row {
  display: flex;
  flex-flow: row-reverse;
  align-items: center;
  gap: 12px;
    justify-content: flex-end;

}

/* Avatar */
.profile-avatar-thumb {
  width: 48px;
  height: 48px;
  object-fit: cover;
  border-radius: 50% !important;
  order: -1;
}

/* Upload button (FIXED) */
.profile-upload-btn {
  display: inline-flex;
  flex-direction: row !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 48px;
  padding: 0 14px;
  background: #443355;
  color: #fff;
  border: none;
  border-radius: 12px;
  cursor: pointer;
  font-family: 'Bonyade Koodak FaNum', Tahoma, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
}

/* Upload icon */
.profile-upload-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
}

.profile-upload-icon svg {
  display: block;
}

/* Upload text */
.profile-upload-text {
  display: inline-block;
  white-space: nowrap;
  color: #fff;
  line-height: 45px;
}

/* Save button */
.save-row {
  display: flex;
  justify-content: flex-end;
}

.profile-save-btn {
  background: #E6DBEA;
  color: #443355;
  padding: 12px 24px;
  border: none;
  border-radius: 2200px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  font-family: 'Bonyade Koodak FaNum', Tahoma, Arial, sans-serif;
}

/* Notice */
.profile-notice.success {
  background: #d4edda;
  color: #155724;
  padding: 10px;
  border-radius: 8px;
  margin-bottom: 15px;
  border: 1px solid #c3e6cb;
}

/* Responsive */
@media (max-width: 600px) {
  .profile-col-30,
  .profile-col-70,
  .profile-col-100 {
    flex: 0 0 100%;
  }

  .upload-row {
    flex-direction: column;
    align-items: flex-start;
  }
  .upload-row {
    display: flex;
    flex-flow: row-reverse;
    align-items: center;
    gap: 12px;
    justify-content: flex-end;
}
    .profile-avatar-thumb {
        width: 60px;
        height: 60px;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d553146 */.my-orders-master-wrapper {
    position: relative;
    min-height: 600px;
    overflow: hidden;
    direction: rtl;
}

/* سوئیچ ویوها */
.orders-view {
    transition: opacity 0.5s ease, transform 0.4s ease;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    transform: translateY(20px);
    padding: 0 10px;
}
.orders-view.active {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}
#order-details-view { padding: 20px 10px; }
#order-details-content { max-width: 900px; margin: 0 auto; }

/* جدول اصلی لیست سفارش‌ها */
.my-orders-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: #ffffff;
    border-radius: 16px;
    overflow: hidden;
    font-family: Tahoma, Arial, sans-serif;
    box-shadow: 0 4px 20px rgba(0,0,0,0.05);
}
.my-orders-table th,
.my-orders-table td {
    padding: 18px 12px;
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
    color: #443355;
    position: relative;
}
.my-orders-table th { font-weight: 500; background: #fff; border-bottom: 2px solid #E6DBEA; }
.my-orders-table td { font-weight: 400; border-bottom: 1px solid #eee; }
.my-orders-table th:not(:last-child)::after,
.my-orders-table td:not(:last-child)::after {
    content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%);
    height: 60%; width: 2px; background: #E6DBEA;
}
.my-orders-table tbody tr:hover { background-color: #f9f5fb; }
.my-orders-table .order-status { padding: 6px 14px; border-radius: 20px; font-weight: bold; background: transparent !important; }

.view-order-btn {
    display: inline-block;
    width: 145px; height: 44px; line-height: 44px;
    text-align: center; background: #E6DBEA; color: #443355;
    border-radius: 200px; font-size: 15px; font-weight: 500;
    text-decoration: none; transition: all 0.3s;
}
.view-order-btn:hover { background: #d8c9e0; }

/* پنل جزئیات — شفاف */
.order-detail-panel {
    background: transparent !important;
    box-shadow: none !important;
    padding: 0;
}

/* عنوان + تاریخ */
.detail-header-new {
    display: flex; justify-content: space-between; align-items: center;
    margin-bottom: 25px;
}
.detail-title-new { font-size: 16px; font-weight: 600; color: #443355; }
.detail-date-new {
    display: flex; align-items: center; gap: 8px;
    background: #E6DBEA; padding: 0 18px; height: 44px; border-radius: 16px;
    font-size: 14px; font-weight: 400; color: #443355;
}
.detail-date-new svg { flex-shrink: 0; }

/* جدول محصولات — کاملاً سفید + فاصله ۳۲ پیکسل پایین */
.detail-items-table-new,
.detail-items-table-new table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: #ffffff !important;
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 32px;
}
.detail-items-table-new th,
.detail-items-table-new td {
    width: 50%; padding: 16px 12px; text-align: center;
    font-size: 16px; font-weight: 400; color: #443355;
    background: #ffffff !important; position: relative;
}
.detail-items-table-new th {
    background: #ffffff !important;
    border-bottom: 2px solid #E6DBEA;
}
.detail-items-table-new th:first-child::after,
.detail-items-table-new td:first-child::after {
    content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%);
    height: 60%; width: 2px; background: #E6DBEA;
}
.detail-items-table-new td { border-bottom: 1px solid #eee; }

/* جمع کل */
.detail-total-bar {
    background: #E6DBEA; color: #757575; font-size: 14px; font-weight: 400;
    text-align: center; padding: 20px; border-radius: 16px;
    margin: 24px; display: flex; align-items: center; justify-content: center; gap: 35px;
}
.detail-total-bar strong { color: #2C2C2D; font-size: 24px; font-weight: 600; }

/* روش پرداخت + قیمت کل — کنار هم تضمینی با فاصله ۲۲ پیکسل */
.detail-double-new {
    display: flex;
    gap: 22px;
    margin: 0 0 20px 0;
    flex-wrap: nowrap; /* مهم — اجازه نمیده زیر هم بیفتن */
}
.detail-box.payment-box.inline-label,
.detail-box.total-price-box {
    flex: 1 1 50%;
    min-width: 0; /* اجازه میده داخل فلکس کوچک بشه */
    background: #E6DBEA;
    padding: 20px;
    border-radius: 16px;
    text-align: center;
    font-size: 14px;
    color: #2C2C2D;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    box-sizing: border-box;
}
.detail-box.payment-box.inline-label strong,
.detail-box.total-price-box strong {
    color: #757575;
    font-weight: 400;
    white-space: nowrap;
}

/* آدرس — تمام عرض + وسط چین */
.address-box-inline {
    background: #E6DBEA; /* مثل روش پرداخت */
    width: 100%;
    padding: 20px;
    border-radius: 16px;
    display: flex;
    justify-content: center; /* وسط چین افقی */
    align-items: center;     /* وسط چین عمودی */
    gap: 8px;
    text-align: center;
    font-size: 14px;
    color: #2C2C2D;
    box-sizing: border-box;
}
.address-box-inline strong {
    color: #757575;
    font-weight: 400;
    flex-shrink: 0;
}

.detail-back-wrapper {
    display: flex;
    justify-content: flex-end; /* سمت راست */
    margin-top: 20px;          /* فاصله کمتر از قبل */
}
.back-to-list-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 220px;
    height: 52px;
    line-height: 52px;
    background: #443355 !important;
    color: #fff !important;
    border-radius: 200px;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    box-shadow: 0 6px 20px rgba(68,51,85,0.3);
}



/* حالت خالی */
.no-orders-empty-state {
    text-align: center; padding: 80px 20px; max-width: 600px; margin: 0 auto;
}
.no-orders-empty-state img { width: 180px; margin-bottom: 30px; opacity: 0.9; }
.no-orders-empty-state h3 {
    font-size: 14px; font-weight: 400; color: #757575;
    margin: 0 0 35px 0; line-height: 1.7;
}
.no-orders-empty-state a.view-order-btn {
    display: inline-block; width: 220px; height: 52px; line-height: 52px;
    background: #443355; color: #ffffff !important; font-size: 14px; font-weight: 400;
    border-radius: 200px; text-decoration: none;
    box-shadow: 0 8px 25px rgba(68,51,85,0.35); transition: all 0.3s;
}
.no-orders-empty-state a.view-order-btn:hover {
    background: #332244; transform: translateY(-2px);
}

/* ====================== ریسپانسیو ====================== */
@media (max-width: 600px) {
.detail-items-table-new,
.detail-items-table-new table {
    width: 100%!important;
    border-collapse: separate;
    border-spacing: 0;
    background: #ffffff !important;
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 32px;
}
    #order-details-view {
        padding: 15px 10px;
    }

    /* هدر جزئیات: عنوان و تاریخ کنار هم در موبایل */
    .detail-header-new {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        gap: 12px;
        margin-bottom: 25px;
    }

    .detail-title-new {
        font-size: 15px;
        font-weight: 600;
        color: #443355;
        margin: 0;
    }

    .detail-date-new {
        align-self: center;
        width: auto;
        flex-shrink: 0;
    }

    /* جمع کل */
    .detail-total-bar {
        flex-direction: row;
        gap: 12px;
        padding: 20px;
        border-radius: 16px;
        font-size: 15px;
        margin: 24px 0;
    }

    .detail-total-bar strong {
        font-size: 22px;
    }

    /* روش پرداخت و قیمت کل */
    .detail-double-new {
        flex-direction: column;
        gap: 16px;
    }

    /* دکمه بازگشت */
    .detail-back-wrapper {
        justify-content: center;
        margin-top: 20px;
    }

    .back-to-list-btn {
        width: 100%;
        max-width: 300px;
        height: 48px;
        font-size: 14px;
    }

    /* کاهش فونت‌ها */
    .my-orders-table th,
    .my-orders-table td,
    .detail-items-table-new th,
    .detail-items-table-new td,
    .detail-title-new {
        font-size: 14px;
    }

    /* جدول لیست سفارش‌ها در موبایل */
    .my-orders-table,
    .my-orders-table thead,
    .my-orders-table tbody,
    .my-orders-table th,
    .my-orders-table td,
    .my-orders-table tr {
        display: block;
    }

    .my-orders-table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .my-orders-table tr {
        border: 1px solid #eee;
        border-radius: 16px;
        margin-bottom: 20px;
        background: #fff;
        padding: 16px;
        box-shadow: 0 4px 15px rgba(0,0,0,0.06);
        display: flex;
        flex-direction: column;
        gap: 16px;
        width: 100%;
        box-sizing: border-box;
    }

    .my-orders-table td {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0;
        border: none;
        position: relative;
    }

    .my-orders-table td::before {
        content: attr(data-label);
        font-weight: 500;
        color: #443355;
        flex-shrink: 0;
        min-width: 110px;
        text-align: right;
    }

    .my-orders-table td > *:not(::before) {
        text-align: left;
    }

    .my-orders-table td:last-child {
        padding-top: 12px;
        margin-top: 8px;
        border-top: 1px dotted #eee;
    }

    .view-order-btn {
        width: 100px;
        height: 40px;
        line-height: 40px;
        background: rgba(230, 219, 234, 0.4) !important;
        color: #443355;
        font-size: 14px;
        border-radius: 200px;
        transition: all 0.3s;
    }

    .view-order-btn:hover {
        background: rgba(230, 219, 234, 0.7) !important;
    }

    .my-orders-table .order-status {
        padding: 6px 8px;
        font-size: 13px;
    }

    /* جدول محصولات در جزئیات سفارش — موبایل (کارت سفید تمام عرض مثل بقیه باکس‌ها) */
    .detail-items-table-new,
    .detail-items-table-new table {
        display: block;
        background: transparent !important;
        border-radius: 0;
        margin-bottom: 20px;
        width: 100%;
        max-width: 100%;
        padding: 0;
        box-sizing: border-box;
    }

    .detail-items-table-new thead {
        display: none;
    }

.detail-items-table-new tr {
    background: #ffffff;
    border: 1px solid #eee;
    border-radius: 16px;
    margin-bottom: 16px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.06);
}


    .detail-items-table-new td {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 8px 0;
        border-bottom: 1px dotted #eee;
        font-size: 14px;
        color: #443355;
        width: 100%;
    }

    .detail-items-table-new td:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }

    /* حذف خط عمودی جداکننده در موبایل */
    .detail-items-table-new th:first-child::after,
    .detail-items-table-new td:first-child::after {
        display: none !important;
    }

    /* لیبل‌ها: سمت راست با عرض ثابت */
    .detail-items-table-new td:first-child::before {
        content: "محصول:";
        font-weight: 500;
        color: #443355;
        flex-shrink: 0;
        min-width: 80px;
    }

    .detail-items-table-new td:last-child::before {
        content: "مجموع:";
        font-weight: 500;
        color: #443355;
        flex-shrink: 0;
        min-width: 80px;
    }

    /* مقادیر: سمت چپ */
    .detail-items-table-new td > *:not(::before) {
        text-align: left;
        margin-left: auto;
    }

    /* اسکرول عمودی */
    .my-orders-master-wrapper {
        max-height: 100vh;
        overflow-y: auto;
        padding-bottom: 40px;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-061f890 */@font-face {

  font-family: 'Bonyade Koodak FaNum';

  src: url('path-to-font/BonyadeKoodakFaNum.woff2') format('woff2');

  font-weight: normal;

  font-style: normal;

}

:root {

  --purple: #443355;

  --purple-light: #E6DBEA;

  --purple-status: #9B55C6;

  --gray: #666;

  --border: #E6E6E6;

  --radius: 24px;

  --font: "Bonyade Koodak FaNum", sans-serif;

}
.tab-btn:hover{
background-color:#443355;
color:white;
}

.my-ticket-form { font-family: var(--font); background: #fbfbfd; padding: 16px; color: #241531; }

.my-ticket-form * { box-sizing: border-box; }

.ticket-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid var(--border); }

.ticket-tabs { display: flex; gap: 16px; flex-wrap: wrap; }

.tab-btn { border: none; background: #E6DBEA; color: #443355; padding: 0 16px; height: 44px; border-radius: 10px; cursor: pointer; font-weight: 500; font-family: var(--font); font-size: 14px; }

.tab-btn.active { background: #443355; color: #fff; }

.tab-btn.new-ticket { background: #443355; color: #fff; font-weight: 500; min-width: 180px; height: 44px; border-radius: 2200px; margin-right: auto; }

.ticket-empty { background: #fff; border: 1px dashed var(--border); border-radius: var(--radius); padding: 32px; text-align: center; color: #7a7085; margin: 12px 0; display: none; }

.ticket-empty .empty-icon { font-size: 42px; margin-bottom: 8px; }

.ticket-table-wrap { display: block; }

.table-header {

  display: grid;

  grid-template-columns: 32% 24% 14% 14% 16%;

  background: #fff;

  border: 0px solid var(--border);

  border-radius: 16px;

  overflow: hidden;

  height: 52px;

  align-items: stretch;

}

.th-cell {

  padding: 0 16px;

  font-size: 14px;

  font-weight: 400;

  color: #443355;

  font-family: var(--font);

  text-align: right;

  display: flex;

  align-items: center;

  border-inline-start: 1px solid var(--border);

  background: #fff;

}

.th-cell:first-child { border-inline-start: none; }

.table-body {

  background: #fff;

  border: px solid var(--border);

  border-radius: 16px;

  overflow: hidden;

  margin-top:20px;

}

.ticket-table { width: 100%; border-collapse: collapse; table-layout: fixed; }

.ticket-table td {

  padding: 12px 16px;

  text-align: right;

  border-inline-start: 1px solid var(--border);

  color: #42364f;

  font-family: var(--font);

  font-size: 14px;

  font-weight: 400;

}

.ticket-table td:first-child { border-inline-start: none; }

.ticket-table tr { border-bottom: none; } /* بدون خط بین ردیف‌ها */

.ticket-table td:nth-child(1){width:auto;}

.ticket-table td:nth-child(2){width:24%;}

.ticket-table td:nth-child(3){width:14%;}

.ticket-table td:nth-child(4){width:14%;}

.ticket-table td:nth-child(5){width:16%;}

.display-btn { background: #d8c7ec; color: #443355; border: none; border-radius: 2200px; padding: 0 24px;
min-height: 44px; cursor: pointer; font-weight: 500; font-family: var(--font); font-size: 14px; }

.pagination { display: flex; gap: 8px; justify-content: center; margin-top: 16px; align-items: center; }

.page-btn { border: none; padding: 8px 12px; border-radius: 10px; background: #f2edf7; color: #443355; cursor: pointer; font-family: var(--font); }

.page-btn.active { background: #443355; color: #fff; }

.page-ellipsis { padding: 8px 4px; color: #443355; font-family: var(--font); }

.ticket-form-wrap { background: #fff; border-radius: var(--radius); padding: 24px; box-shadow: 0 6px 20px rgba(0,0,0,0.03); margin-top: 12px; position: relative; }

.ticket-form-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }

.back-btn-icon { width: 36px; height: 36px; background: #E6DBEA; border: none; border-radius: 10px; cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 0; }

.back-btn-icon:hover { opacity: 0.8; }

.ticket-number-info { display: flex; align-items: center; gap: 12px; }

.ticket-number { font-size: 24px; font-weight: 600; color: #443355; font-family: var(--font); }

.ticket-status-label { font-size: 14px; font-weight: 400; color: #9B55C6; font-family: var(--font); }

.ticket-form-content { margin-top: 20px; }

.ticket-thread { border-top: 1px solid var(--border); padding-top: 12px; margin-top: 12px; margin-bottom: 20px; }

.thread-body { display: flex; flex-direction: column; gap: 0; }

.thread-item { border: none; }

.thread-question-box {

  background: #fff;

  border: 1px solid var(--border);

  border-radius: 12px;

  padding: 12px 14px;

  margin-bottom: 0;

}

.question-header { display: flex; flex-direction: column; gap: 10px; }

.question-text { font-size: 14px; font-weight: 400; color: #2f2a33; font-family: var(--font); }

.question-separator { height: 1px; background: var(--border); width: 100%; }

.question-date { display: flex; align-items: center; gap: 8px; color: #757575; font-size: 14px; font-weight: 400; font-family: var(--font); }

.question-date svg { flex-shrink: 0; }

.thread-answer-box {

  background: #F7F7F7;

  border: none;

  border-radius: 12px;

  padding: 12px 14px;

  margin-right: 40px;

  margin-top: 10px;

  font-size: 14px;

  font-weight: 400;

  color: #2f2a33;

  font-family: var(--font);

}

.my-ticket-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 12px; }

.my-ticket-row.full { grid-template-columns: 1fr; }

.order-course-row { border-top: 1px solid var(--border); padding-top: 12px; margin-top: 12px; }

.field label { display: block; margin-bottom: 6px; color: #443355; font-weight: 400; font-family: var(--font); font-size: 14px; }

.field label .optional { color: #F7B68D; font-weight: 400; }

.field label .required { color: #c0392b; font-weight: 400; }

.field input, .field select, .field textarea {

  width: 100%;

  padding: 10px 12px;

  border: 1px solid var(--border);

  border-radius: 12px;

  font-size: 14px;

  font-weight: 400;

  background: #fff;

  font-family: var(--font);

}

.field input::placeholder, .field textarea::placeholder { color: #999; font-size: 14px; font-weight: 400; }

.field textarea { resize: vertical; min-height: 110px; }

#ticket-submit { background: var(--purple); color: #fff; width: 177px; height: 44px; border: none; border-radius: 2200px; cursor: pointer; font-weight: 500; font-family: var(--font); font-size: 14px; margin-top: 12px; }

#ticket-submit.disabled { opacity: 0.5; cursor: not-allowed; }

#ticket-submit:hover:not(.disabled) { background: #2f2142; }

.ticket-status { margin-top: 8px; font-size: 13px; color: #555; font-family: var(--font); }

.ticket-status.error { color: #c0392b; }

.ticket-status.success { color: #1f8a4d; }

@media (max-width: 720px) {
.ticket-table td:nth-child(1){width:auto;}
.ticket-table td:nth-child(2){width:auto;}
.ticket-table td:nth-child(3){width:auto;}
.ticket-table td:nth-child(4){width:auto;}
    .my-ticket-row, .my-ticket-row.full {
        grid-template-columns: 1fr;
    }

 .ticket-tabs {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;           /* اجازه بده اگر جا نشد زیر هم بره، اما سعی کن کنار هم باشه */
        justify-content: flex-start;
    }

    .tab-btn {
        width: 48%;
        justify-content: flex;
        height: 40px;
        font-size: 14px;
    }

    .tab-btn.new-ticket {
        grid-column: 1 / -1;
        margin: 0;
        
        
    }

    .ticket-header, .ticket-form-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .ticket-form-wrap {
        padding: 16px;
    }

    .thread-answer-box {
        margin-right: 0;
        margin-left: 0;
    }

    .display-btn, #ticket-submit {
        width: 100%;
        max-width: 300px;
    }

    .table-header {
        display: none !important;
    }

    .ticket-table-wrap {
        max-height: 100vh;
        overflow-y: auto;
        padding-bottom: 40px;
        -webkit-overflow-scrolling: touch;
    }

    .table-body {
        margin-top: 0;
        background: transparent;
        border: none;
    }

    .ticket-table {
        display: block;
        width: 100%;
    }

    .ticket-table tbody {
        display: block;
    }

    .ticket-table tr {
        position: relative;
        display: flex;
        flex-direction: column;
        background: #ffffff;
        border: 1px solid var(--border);
        border-radius: 16px;
        padding: 18px 16px 60px 16px; /* فضای کافی برای دکمه در پایین */
        margin-bottom: 20px;
        box-shadow: 0 4px 15px rgba(0,0,0,0.06);
        gap: 18px;
    }

    .ticket-table td {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0;
        border: none;
        font-size: 14px;
        width: 100%;
        text-align: left;
    }

    .ticket-table td::before {
        content: attr(data-label);
        font-weight: 500;
        color: #443355;
        flex-shrink: 0;
        min-width: 110px;
        text-align: right;
    }

    .ticket-table td > *:not(::before) {
        text-align: left;
        flex: 1;
    }

    /* دکمه چسبیده به پایین-چپ کارت */
    .ticket-table td:last-child {
        position: absolute;
        left: 16px;
        bottom: 16px;
        margin: 0;
        padding: 0;
        width: 92%;
    }

    .display-btn {
        width: 80px!important;
        height: 10px!important;
        font-size: 12px!important;
     min-height: 30px; cursor:
        background: rgba(230, 219, 234, 0.4);
        color: #443355;
        border-radius: 200px;
        box-shadow: 0 2px 8px rgba(68,51,85,0.15);
    }

    .display-btn:hover {
        background: rgba(230, 219, 234, 0.7);
        transform: translateY(-1px);
    }

    .pagination {
        flex-wrap: wrap;
        justify-content: center;
        padding: 16px 0;
    }
}

@media (max-width: 480px) {
    .ticket-tabs {
        grid-template-columns: 1fr;
    }

    .ticket-table tr {
        padding: 16px 14px 60px 14px;
    }

    .ticket-table td::before {
        min-width: 100px;
        font-size: 13.5px;
    }

 

    .ticket-table td:last-child {
        left: 14px;
        bottom: 14px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-535bcc4 */@media (max-width: 720px) {
    .ticket-form-header {
        flex-direction: row!important;
        align-items: center;
        gap: 16px;
    }
    }/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-8f9182a */@media (max-width: 768px) {
    .ck-course-excerpt {
        font-size:14px!important;
    }
     .ck-course-image-col
 {
        width: 80px!important;
        height: 80px!important;
        background: white!important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2a15474 */.profile-form-wrap {
  max-width: 900px;
  margin: 0 auto;
  padding: 20px;
  direction: rtl;
  font-family: 'Bonyade Koodak FaNum', Tahoma, Arial, sans-serif;
}

/* Grid */
.profile-row {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.profile-col-30 { flex: 0 0 30%; }
.profile-col-70 { flex: 0 0 70%; }
.profile-col-100 { flex: 0 0 100%; }

/* Labels */
.profile-form-wrap label {
  display: block;
  margin-bottom: 6px;
  font-weight: 400;
  font-size: 14px;
  color: #757575;
  font-family: 'Bonyade Koodak FaNum', Tahoma, Arial, sans-serif;
}

/* Inputs */
.profile-form-wrap input[type=text],
.profile-form-wrap input[type=email],
.profile-form-wrap input[type=tel] {
  width: 100%;
  padding: 10px;
  border: none;
  border-radius: 12px;
  background: #fff;
  box-sizing: border-box;
  font-family: 'Bonyade Koodak FaNum', Tahoma, Arial, sans-serif;
  font-size: 14px;
  color: #333;
}

.profile-form-wrap input::placeholder {
  color: #AFAFAF;
  font-family: 'Bonyade Koodak FaNum', Tahoma, Arial, sans-serif;
}

/* Upload row */
.upload-row {
  display: flex;
  flex-flow: row-reverse;
  align-items: center;
  gap: 12px;
    justify-content: flex-end;

}

/* Avatar */
.profile-avatar-thumb {
  width: 48px;
  height: 48px;
  object-fit: cover;
  border-radius: 50% !important;
  order: -1;
}

/* Upload button (FIXED) */
.profile-upload-btn {
  display: inline-flex;
  flex-direction: row !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 48px;
  padding: 0 14px;
  background: #443355;
  color: #fff;
  border: none;
  border-radius: 12px;
  cursor: pointer;
  font-family: 'Bonyade Koodak FaNum', Tahoma, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
}

/* Upload icon */
.profile-upload-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
}

.profile-upload-icon svg {
  display: block;
}

/* Upload text */
.profile-upload-text {
  display: inline-block;
  white-space: nowrap;
  color: #fff;
  line-height: 45px;
}

/* Save button */
.save-row {
  display: flex;
  justify-content: flex-end;
}

.profile-save-btn {
  background: #E6DBEA;
  color: #443355;
  padding: 12px 24px;
  border: none;
  border-radius: 2200px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  font-family: 'Bonyade Koodak FaNum', Tahoma, Arial, sans-serif;
}

/* Notice */
.profile-notice.success {
  background: #d4edda;
  color: #155724;
  padding: 10px;
  border-radius: 8px;
  margin-bottom: 15px;
  border: 1px solid #c3e6cb;
}

/* Responsive */
@media (max-width: 600px) {
  .profile-col-30,
  .profile-col-70,
  .profile-col-100 {
    flex: 0 0 100%;
  }

  .upload-row {
    flex-direction: column;
    align-items: flex-start;
  }
  .upload-row {
    display: flex;
    flex-flow: row-reverse;
    align-items: center;
    gap: 12px;
    justify-content: flex-end;
}
    .profile-avatar-thumb {
        width: 60px;
        height: 60px;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d553146 */.my-orders-master-wrapper {
    position: relative;
    min-height: 600px;
    overflow: hidden;
    direction: rtl;
}

/* سوئیچ ویوها */
.orders-view {
    transition: opacity 0.5s ease, transform 0.4s ease;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    transform: translateY(20px);
    padding: 0 10px;
}
.orders-view.active {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}
#order-details-view { padding: 20px 10px; }
#order-details-content { max-width: 900px; margin: 0 auto; }

/* جدول اصلی لیست سفارش‌ها */
.my-orders-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: #ffffff;
    border-radius: 16px;
    overflow: hidden;
    font-family: Tahoma, Arial, sans-serif;
    box-shadow: 0 4px 20px rgba(0,0,0,0.05);
}
.my-orders-table th,
.my-orders-table td {
    padding: 18px 12px;
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
    color: #443355;
    position: relative;
}
.my-orders-table th { font-weight: 500; background: #fff; border-bottom: 2px solid #E6DBEA; }
.my-orders-table td { font-weight: 400; border-bottom: 1px solid #eee; }
.my-orders-table th:not(:last-child)::after,
.my-orders-table td:not(:last-child)::after {
    content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%);
    height: 60%; width: 2px; background: #E6DBEA;
}
.my-orders-table tbody tr:hover { background-color: #f9f5fb; }
.my-orders-table .order-status { padding: 6px 14px; border-radius: 20px; font-weight: bold; background: transparent !important; }

.view-order-btn {
    display: inline-block;
    width: 145px; height: 44px; line-height: 44px;
    text-align: center; background: #E6DBEA; color: #443355;
    border-radius: 200px; font-size: 15px; font-weight: 500;
    text-decoration: none; transition: all 0.3s;
}
.view-order-btn:hover { background: #d8c9e0; }

/* پنل جزئیات — شفاف */
.order-detail-panel {
    background: transparent !important;
    box-shadow: none !important;
    padding: 0;
}

/* عنوان + تاریخ */
.detail-header-new {
    display: flex; justify-content: space-between; align-items: center;
    margin-bottom: 25px;
}
.detail-title-new { font-size: 16px; font-weight: 600; color: #443355; }
.detail-date-new {
    display: flex; align-items: center; gap: 8px;
    background: #E6DBEA; padding: 0 18px; height: 44px; border-radius: 16px;
    font-size: 14px; font-weight: 400; color: #443355;
}
.detail-date-new svg { flex-shrink: 0; }

/* جدول محصولات — کاملاً سفید + فاصله ۳۲ پیکسل پایین */
.detail-items-table-new,
.detail-items-table-new table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: #ffffff !important;
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 32px;
}
.detail-items-table-new th,
.detail-items-table-new td {
    width: 50%; padding: 16px 12px; text-align: center;
    font-size: 16px; font-weight: 400; color: #443355;
    background: #ffffff !important; position: relative;
}
.detail-items-table-new th {
    background: #ffffff !important;
    border-bottom: 2px solid #E6DBEA;
}
.detail-items-table-new th:first-child::after,
.detail-items-table-new td:first-child::after {
    content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%);
    height: 60%; width: 2px; background: #E6DBEA;
}
.detail-items-table-new td { border-bottom: 1px solid #eee; }

/* جمع کل */
.detail-total-bar {
    background: #E6DBEA; color: #757575; font-size: 14px; font-weight: 400;
    text-align: center; padding: 20px; border-radius: 16px;
    margin: 24px; display: flex; align-items: center; justify-content: center; gap: 35px;
}
.detail-total-bar strong { color: #2C2C2D; font-size: 24px; font-weight: 600; }

/* روش پرداخت + قیمت کل — کنار هم تضمینی با فاصله ۲۲ پیکسل */
.detail-double-new {
    display: flex;
    gap: 22px;
    margin: 0 0 20px 0;
    flex-wrap: nowrap; /* مهم — اجازه نمیده زیر هم بیفتن */
}
.detail-box.payment-box.inline-label,
.detail-box.total-price-box {
    flex: 1 1 50%;
    min-width: 0; /* اجازه میده داخل فلکس کوچک بشه */
    background: #E6DBEA;
    padding: 20px;
    border-radius: 16px;
    text-align: center;
    font-size: 14px;
    color: #2C2C2D;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    box-sizing: border-box;
}
.detail-box.payment-box.inline-label strong,
.detail-box.total-price-box strong {
    color: #757575;
    font-weight: 400;
    white-space: nowrap;
}

/* آدرس — تمام عرض + وسط چین */
.address-box-inline {
    background: #E6DBEA; /* مثل روش پرداخت */
    width: 100%;
    padding: 20px;
    border-radius: 16px;
    display: flex;
    justify-content: center; /* وسط چین افقی */
    align-items: center;     /* وسط چین عمودی */
    gap: 8px;
    text-align: center;
    font-size: 14px;
    color: #2C2C2D;
    box-sizing: border-box;
}
.address-box-inline strong {
    color: #757575;
    font-weight: 400;
    flex-shrink: 0;
}

.detail-back-wrapper {
    display: flex;
    justify-content: flex-end; /* سمت راست */
    margin-top: 20px;          /* فاصله کمتر از قبل */
}
.back-to-list-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 220px;
    height: 52px;
    line-height: 52px;
    background: #443355 !important;
    color: #fff !important;
    border-radius: 200px;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    box-shadow: 0 6px 20px rgba(68,51,85,0.3);
}



/* حالت خالی */
.no-orders-empty-state {
    text-align: center; padding: 80px 20px; max-width: 600px; margin: 0 auto;
}
.no-orders-empty-state img { width: 180px; margin-bottom: 30px; opacity: 0.9; }
.no-orders-empty-state h3 {
    font-size: 14px; font-weight: 400; color: #757575;
    margin: 0 0 35px 0; line-height: 1.7;
}
.no-orders-empty-state a.view-order-btn {
    display: inline-block; width: 220px; height: 52px; line-height: 52px;
    background: #443355; color: #ffffff !important; font-size: 14px; font-weight: 400;
    border-radius: 200px; text-decoration: none;
    box-shadow: 0 8px 25px rgba(68,51,85,0.35); transition: all 0.3s;
}
.no-orders-empty-state a.view-order-btn:hover {
    background: #332244; transform: translateY(-2px);
}

/* ====================== ریسپانسیو ====================== */
@media (max-width: 600px) {
.detail-items-table-new,
.detail-items-table-new table {
    width: 100%!important;
    border-collapse: separate;
    border-spacing: 0;
    background: #ffffff !important;
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 32px;
}
    #order-details-view {
        padding: 15px 10px;
    }

    /* هدر جزئیات: عنوان و تاریخ کنار هم در موبایل */
    .detail-header-new {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        gap: 12px;
        margin-bottom: 25px;
    }

    .detail-title-new {
        font-size: 15px;
        font-weight: 600;
        color: #443355;
        margin: 0;
    }

    .detail-date-new {
        align-self: center;
        width: auto;
        flex-shrink: 0;
    }

    /* جمع کل */
    .detail-total-bar {
        flex-direction: row;
        gap: 12px;
        padding: 20px;
        border-radius: 16px;
        font-size: 15px;
        margin: 24px 0;
    }

    .detail-total-bar strong {
        font-size: 22px;
    }

    /* روش پرداخت و قیمت کل */
    .detail-double-new {
        flex-direction: column;
        gap: 16px;
    }

    /* دکمه بازگشت */
    .detail-back-wrapper {
        justify-content: center;
        margin-top: 20px;
    }

    .back-to-list-btn {
        width: 100%;
        max-width: 300px;
        height: 48px;
        font-size: 14px;
    }

    /* کاهش فونت‌ها */
    .my-orders-table th,
    .my-orders-table td,
    .detail-items-table-new th,
    .detail-items-table-new td,
    .detail-title-new {
        font-size: 14px;
    }

    /* جدول لیست سفارش‌ها در موبایل */
    .my-orders-table,
    .my-orders-table thead,
    .my-orders-table tbody,
    .my-orders-table th,
    .my-orders-table td,
    .my-orders-table tr {
        display: block;
    }

    .my-orders-table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .my-orders-table tr {
        border: 1px solid #eee;
        border-radius: 16px;
        margin-bottom: 20px;
        background: #fff;
        padding: 16px;
        box-shadow: 0 4px 15px rgba(0,0,0,0.06);
        display: flex;
        flex-direction: column;
        gap: 16px;
        width: 100%;
        box-sizing: border-box;
    }

    .my-orders-table td {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0;
        border: none;
        position: relative;
    }

    .my-orders-table td::before {
        content: attr(data-label);
        font-weight: 500;
        color: #443355;
        flex-shrink: 0;
        min-width: 110px;
        text-align: right;
    }

    .my-orders-table td > *:not(::before) {
        text-align: left;
    }

    .my-orders-table td:last-child {
        padding-top: 12px;
        margin-top: 8px;
        border-top: 1px dotted #eee;
    }

    .view-order-btn {
        width: 100px;
        height: 40px;
        line-height: 40px;
        background: rgba(230, 219, 234, 0.4) !important;
        color: #443355;
        font-size: 14px;
        border-radius: 200px;
        transition: all 0.3s;
    }

    .view-order-btn:hover {
        background: rgba(230, 219, 234, 0.7) !important;
    }

    .my-orders-table .order-status {
        padding: 6px 8px;
        font-size: 13px;
    }

    /* جدول محصولات در جزئیات سفارش — موبایل (کارت سفید تمام عرض مثل بقیه باکس‌ها) */
    .detail-items-table-new,
    .detail-items-table-new table {
        display: block;
        background: transparent !important;
        border-radius: 0;
        margin-bottom: 20px;
        width: 100%;
        max-width: 100%;
        padding: 0;
        box-sizing: border-box;
    }

    .detail-items-table-new thead {
        display: none;
    }

.detail-items-table-new tr {
    background: #ffffff;
    border: 1px solid #eee;
    border-radius: 16px;
    margin-bottom: 16px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.06);
}


    .detail-items-table-new td {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 8px 0;
        border-bottom: 1px dotted #eee;
        font-size: 14px;
        color: #443355;
        width: 100%;
    }

    .detail-items-table-new td:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }

    /* حذف خط عمودی جداکننده در موبایل */
    .detail-items-table-new th:first-child::after,
    .detail-items-table-new td:first-child::after {
        display: none !important;
    }

    /* لیبل‌ها: سمت راست با عرض ثابت */
    .detail-items-table-new td:first-child::before {
        content: "محصول:";
        font-weight: 500;
        color: #443355;
        flex-shrink: 0;
        min-width: 80px;
    }

    .detail-items-table-new td:last-child::before {
        content: "مجموع:";
        font-weight: 500;
        color: #443355;
        flex-shrink: 0;
        min-width: 80px;
    }

    /* مقادیر: سمت چپ */
    .detail-items-table-new td > *:not(::before) {
        text-align: left;
        margin-left: auto;
    }

    /* اسکرول عمودی */
    .my-orders-master-wrapper {
        max-height: 100vh;
        overflow-y: auto;
        padding-bottom: 40px;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-061f890 */@font-face {

  font-family: 'Bonyade Koodak FaNum';

  src: url('path-to-font/BonyadeKoodakFaNum.woff2') format('woff2');

  font-weight: normal;

  font-style: normal;

}

:root {

  --purple: #443355;

  --purple-light: #E6DBEA;

  --purple-status: #9B55C6;

  --gray: #666;

  --border: #E6E6E6;

  --radius: 24px;

  --font: "Bonyade Koodak FaNum", sans-serif;

}
.tab-btn:hover{
background-color:#443355;
color:white;
}

.my-ticket-form { font-family: var(--font); background: #fbfbfd; padding: 16px; color: #241531; }

.my-ticket-form * { box-sizing: border-box; }

.ticket-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid var(--border); }

.ticket-tabs { display: flex; gap: 16px; flex-wrap: wrap; }

.tab-btn { border: none; background: #E6DBEA; color: #443355; padding: 0 16px; height: 44px; border-radius: 10px; cursor: pointer; font-weight: 500; font-family: var(--font); font-size: 14px; }

.tab-btn.active { background: #443355; color: #fff; }

.tab-btn.new-ticket { background: #443355; color: #fff; font-weight: 500; min-width: 180px; height: 44px; border-radius: 2200px; margin-right: auto; }

.ticket-empty { background: #fff; border: 1px dashed var(--border); border-radius: var(--radius); padding: 32px; text-align: center; color: #7a7085; margin: 12px 0; display: none; }

.ticket-empty .empty-icon { font-size: 42px; margin-bottom: 8px; }

.ticket-table-wrap { display: block; }

.table-header {

  display: grid;

  grid-template-columns: 32% 24% 14% 14% 16%;

  background: #fff;

  border: 0px solid var(--border);

  border-radius: 16px;

  overflow: hidden;

  height: 52px;

  align-items: stretch;

}

.th-cell {

  padding: 0 16px;

  font-size: 14px;

  font-weight: 400;

  color: #443355;

  font-family: var(--font);

  text-align: right;

  display: flex;

  align-items: center;

  border-inline-start: 1px solid var(--border);

  background: #fff;

}

.th-cell:first-child { border-inline-start: none; }

.table-body {

  background: #fff;

  border: px solid var(--border);

  border-radius: 16px;

  overflow: hidden;

  margin-top:20px;

}

.ticket-table { width: 100%; border-collapse: collapse; table-layout: fixed; }

.ticket-table td {

  padding: 12px 16px;

  text-align: right;

  border-inline-start: 1px solid var(--border);

  color: #42364f;

  font-family: var(--font);

  font-size: 14px;

  font-weight: 400;

}

.ticket-table td:first-child { border-inline-start: none; }

.ticket-table tr { border-bottom: none; } /* بدون خط بین ردیف‌ها */

.ticket-table td:nth-child(1){width:auto;}

.ticket-table td:nth-child(2){width:24%;}

.ticket-table td:nth-child(3){width:14%;}

.ticket-table td:nth-child(4){width:14%;}

.ticket-table td:nth-child(5){width:16%;}

.display-btn { background: #d8c7ec; color: #443355; border: none; border-radius: 2200px; padding: 0 24px;
min-height: 44px; cursor: pointer; font-weight: 500; font-family: var(--font); font-size: 14px; }

.pagination { display: flex; gap: 8px; justify-content: center; margin-top: 16px; align-items: center; }

.page-btn { border: none; padding: 8px 12px; border-radius: 10px; background: #f2edf7; color: #443355; cursor: pointer; font-family: var(--font); }

.page-btn.active { background: #443355; color: #fff; }

.page-ellipsis { padding: 8px 4px; color: #443355; font-family: var(--font); }

.ticket-form-wrap { background: #fff; border-radius: var(--radius); padding: 24px; box-shadow: 0 6px 20px rgba(0,0,0,0.03); margin-top: 12px; position: relative; }

.ticket-form-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }

.back-btn-icon { width: 36px; height: 36px; background: #E6DBEA; border: none; border-radius: 10px; cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 0; }

.back-btn-icon:hover { opacity: 0.8; }

.ticket-number-info { display: flex; align-items: center; gap: 12px; }

.ticket-number { font-size: 24px; font-weight: 600; color: #443355; font-family: var(--font); }

.ticket-status-label { font-size: 14px; font-weight: 400; color: #9B55C6; font-family: var(--font); }

.ticket-form-content { margin-top: 20px; }

.ticket-thread { border-top: 1px solid var(--border); padding-top: 12px; margin-top: 12px; margin-bottom: 20px; }

.thread-body { display: flex; flex-direction: column; gap: 0; }

.thread-item { border: none; }

.thread-question-box {

  background: #fff;

  border: 1px solid var(--border);

  border-radius: 12px;

  padding: 12px 14px;

  margin-bottom: 0;

}

.question-header { display: flex; flex-direction: column; gap: 10px; }

.question-text { font-size: 14px; font-weight: 400; color: #2f2a33; font-family: var(--font); }

.question-separator { height: 1px; background: var(--border); width: 100%; }

.question-date { display: flex; align-items: center; gap: 8px; color: #757575; font-size: 14px; font-weight: 400; font-family: var(--font); }

.question-date svg { flex-shrink: 0; }

.thread-answer-box {

  background: #F7F7F7;

  border: none;

  border-radius: 12px;

  padding: 12px 14px;

  margin-right: 40px;

  margin-top: 10px;

  font-size: 14px;

  font-weight: 400;

  color: #2f2a33;

  font-family: var(--font);

}

.my-ticket-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 12px; }

.my-ticket-row.full { grid-template-columns: 1fr; }

.order-course-row { border-top: 1px solid var(--border); padding-top: 12px; margin-top: 12px; }

.field label { display: block; margin-bottom: 6px; color: #443355; font-weight: 400; font-family: var(--font); font-size: 14px; }

.field label .optional { color: #F7B68D; font-weight: 400; }

.field label .required { color: #c0392b; font-weight: 400; }

.field input, .field select, .field textarea {

  width: 100%;

  padding: 10px 12px;

  border: 1px solid var(--border);

  border-radius: 12px;

  font-size: 14px;

  font-weight: 400;

  background: #fff;

  font-family: var(--font);

}

.field input::placeholder, .field textarea::placeholder { color: #999; font-size: 14px; font-weight: 400; }

.field textarea { resize: vertical; min-height: 110px; }

#ticket-submit { background: var(--purple); color: #fff; width: 177px; height: 44px; border: none; border-radius: 2200px; cursor: pointer; font-weight: 500; font-family: var(--font); font-size: 14px; margin-top: 12px; }

#ticket-submit.disabled { opacity: 0.5; cursor: not-allowed; }

#ticket-submit:hover:not(.disabled) { background: #2f2142; }

.ticket-status { margin-top: 8px; font-size: 13px; color: #555; font-family: var(--font); }

.ticket-status.error { color: #c0392b; }

.ticket-status.success { color: #1f8a4d; }

@media (max-width: 720px) {
.ticket-table td:nth-child(1){width:auto;}
.ticket-table td:nth-child(2){width:auto;}
.ticket-table td:nth-child(3){width:auto;}
.ticket-table td:nth-child(4){width:auto;}
    .my-ticket-row, .my-ticket-row.full {
        grid-template-columns: 1fr;
    }

 .ticket-tabs {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;           /* اجازه بده اگر جا نشد زیر هم بره، اما سعی کن کنار هم باشه */
        justify-content: flex-start;
    }

    .tab-btn {
        width: 48%;
        justify-content: flex;
        height: 40px;
        font-size: 14px;
    }

    .tab-btn.new-ticket {
        grid-column: 1 / -1;
        margin: 0;
        
        
    }

    .ticket-header, .ticket-form-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .ticket-form-wrap {
        padding: 16px;
    }

    .thread-answer-box {
        margin-right: 0;
        margin-left: 0;
    }

    .display-btn, #ticket-submit {
        width: 100%;
        max-width: 300px;
    }

    .table-header {
        display: none !important;
    }

    .ticket-table-wrap {
        max-height: 100vh;
        overflow-y: auto;
        padding-bottom: 40px;
        -webkit-overflow-scrolling: touch;
    }

    .table-body {
        margin-top: 0;
        background: transparent;
        border: none;
    }

    .ticket-table {
        display: block;
        width: 100%;
    }

    .ticket-table tbody {
        display: block;
    }

    .ticket-table tr {
        position: relative;
        display: flex;
        flex-direction: column;
        background: #ffffff;
        border: 1px solid var(--border);
        border-radius: 16px;
        padding: 18px 16px 60px 16px; /* فضای کافی برای دکمه در پایین */
        margin-bottom: 20px;
        box-shadow: 0 4px 15px rgba(0,0,0,0.06);
        gap: 18px;
    }

    .ticket-table td {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0;
        border: none;
        font-size: 14px;
        width: 100%;
        text-align: left;
    }

    .ticket-table td::before {
        content: attr(data-label);
        font-weight: 500;
        color: #443355;
        flex-shrink: 0;
        min-width: 110px;
        text-align: right;
    }

    .ticket-table td > *:not(::before) {
        text-align: left;
        flex: 1;
    }

    /* دکمه چسبیده به پایین-چپ کارت */
    .ticket-table td:last-child {
        position: absolute;
        left: 16px;
        bottom: 16px;
        margin: 0;
        padding: 0;
        width: 92%;
    }

    .display-btn {
        width: 80px!important;
        height: 10px!important;
        font-size: 12px!important;
     min-height: 30px; cursor:
        background: rgba(230, 219, 234, 0.4);
        color: #443355;
        border-radius: 200px;
        box-shadow: 0 2px 8px rgba(68,51,85,0.15);
    }

    .display-btn:hover {
        background: rgba(230, 219, 234, 0.7);
        transform: translateY(-1px);
    }

    .pagination {
        flex-wrap: wrap;
        justify-content: center;
        padding: 16px 0;
    }
}

@media (max-width: 480px) {
    .ticket-tabs {
        grid-template-columns: 1fr;
    }

    .ticket-table tr {
        padding: 16px 14px 60px 14px;
    }

    .ticket-table td::before {
        min-width: 100px;
        font-size: 13.5px;
    }

 

    .ticket-table td:last-child {
        left: 14px;
        bottom: 14px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-535bcc4 */@media (max-width: 720px) {
    .ticket-form-header {
        flex-direction: row!important;
        align-items: center;
        gap: 16px;
    }
    }/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-8f9182a */@media (max-width: 768px) {
    .ck-course-excerpt {
        font-size:14px!important;
    }
     .ck-course-image-col
 {
        width: 80px!important;
        height: 80px!important;
        background: white!important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2a15474 */.profile-form-wrap {
  max-width: 900px;
  margin: 0 auto;
  padding: 20px;
  direction: rtl;
  font-family: 'Bonyade Koodak FaNum', Tahoma, Arial, sans-serif;
}

/* Grid */
.profile-row {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.profile-col-30 { flex: 0 0 30%; }
.profile-col-70 { flex: 0 0 70%; }
.profile-col-100 { flex: 0 0 100%; }

/* Labels */
.profile-form-wrap label {
  display: block;
  margin-bottom: 6px;
  font-weight: 400;
  font-size: 14px;
  color: #757575;
  font-family: 'Bonyade Koodak FaNum', Tahoma, Arial, sans-serif;
}

/* Inputs */
.profile-form-wrap input[type=text],
.profile-form-wrap input[type=email],
.profile-form-wrap input[type=tel] {
  width: 100%;
  padding: 10px;
  border: none;
  border-radius: 12px;
  background: #fff;
  box-sizing: border-box;
  font-family: 'Bonyade Koodak FaNum', Tahoma, Arial, sans-serif;
  font-size: 14px;
  color: #333;
}

.profile-form-wrap input::placeholder {
  color: #AFAFAF;
  font-family: 'Bonyade Koodak FaNum', Tahoma, Arial, sans-serif;
}

/* Upload row */
.upload-row {
  display: flex;
  flex-flow: row-reverse;
  align-items: center;
  gap: 12px;
    justify-content: flex-end;

}

/* Avatar */
.profile-avatar-thumb {
  width: 48px;
  height: 48px;
  object-fit: cover;
  border-radius: 50% !important;
  order: -1;
}

/* Upload button (FIXED) */
.profile-upload-btn {
  display: inline-flex;
  flex-direction: row !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 48px;
  padding: 0 14px;
  background: #443355;
  color: #fff;
  border: none;
  border-radius: 12px;
  cursor: pointer;
  font-family: 'Bonyade Koodak FaNum', Tahoma, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
}

/* Upload icon */
.profile-upload-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
}

.profile-upload-icon svg {
  display: block;
}

/* Upload text */
.profile-upload-text {
  display: inline-block;
  white-space: nowrap;
  color: #fff;
  line-height: 45px;
}

/* Save button */
.save-row {
  display: flex;
  justify-content: flex-end;
}

.profile-save-btn {
  background: #E6DBEA;
  color: #443355;
  padding: 12px 24px;
  border: none;
  border-radius: 2200px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  font-family: 'Bonyade Koodak FaNum', Tahoma, Arial, sans-serif;
}

/* Notice */
.profile-notice.success {
  background: #d4edda;
  color: #155724;
  padding: 10px;
  border-radius: 8px;
  margin-bottom: 15px;
  border: 1px solid #c3e6cb;
}

/* Responsive */
@media (max-width: 600px) {
  .profile-col-30,
  .profile-col-70,
  .profile-col-100 {
    flex: 0 0 100%;
  }

  .upload-row {
    flex-direction: column;
    align-items: flex-start;
  }
  .upload-row {
    display: flex;
    flex-flow: row-reverse;
    align-items: center;
    gap: 12px;
    justify-content: flex-end;
}
    .profile-avatar-thumb {
        width: 60px;
        height: 60px;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d553146 */.my-orders-master-wrapper {
    position: relative;
    min-height: 600px;
    overflow: hidden;
    direction: rtl;
}

/* سوئیچ ویوها */
.orders-view {
    transition: opacity 0.5s ease, transform 0.4s ease;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    transform: translateY(20px);
    padding: 0 10px;
}
.orders-view.active {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}
#order-details-view { padding: 20px 10px; }
#order-details-content { max-width: 900px; margin: 0 auto; }

/* جدول اصلی لیست سفارش‌ها */
.my-orders-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: #ffffff;
    border-radius: 16px;
    overflow: hidden;
    font-family: Tahoma, Arial, sans-serif;
    box-shadow: 0 4px 20px rgba(0,0,0,0.05);
}
.my-orders-table th,
.my-orders-table td {
    padding: 18px 12px;
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
    color: #443355;
    position: relative;
}
.my-orders-table th { font-weight: 500; background: #fff; border-bottom: 2px solid #E6DBEA; }
.my-orders-table td { font-weight: 400; border-bottom: 1px solid #eee; }
.my-orders-table th:not(:last-child)::after,
.my-orders-table td:not(:last-child)::after {
    content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%);
    height: 60%; width: 2px; background: #E6DBEA;
}
.my-orders-table tbody tr:hover { background-color: #f9f5fb; }
.my-orders-table .order-status { padding: 6px 14px; border-radius: 20px; font-weight: bold; background: transparent !important; }

.view-order-btn {
    display: inline-block;
    width: 145px; height: 44px; line-height: 44px;
    text-align: center; background: #E6DBEA; color: #443355;
    border-radius: 200px; font-size: 15px; font-weight: 500;
    text-decoration: none; transition: all 0.3s;
}
.view-order-btn:hover { background: #d8c9e0; }

/* پنل جزئیات — شفاف */
.order-detail-panel {
    background: transparent !important;
    box-shadow: none !important;
    padding: 0;
}

/* عنوان + تاریخ */
.detail-header-new {
    display: flex; justify-content: space-between; align-items: center;
    margin-bottom: 25px;
}
.detail-title-new { font-size: 16px; font-weight: 600; color: #443355; }
.detail-date-new {
    display: flex; align-items: center; gap: 8px;
    background: #E6DBEA; padding: 0 18px; height: 44px; border-radius: 16px;
    font-size: 14px; font-weight: 400; color: #443355;
}
.detail-date-new svg { flex-shrink: 0; }

/* جدول محصولات — کاملاً سفید + فاصله ۳۲ پیکسل پایین */
.detail-items-table-new,
.detail-items-table-new table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: #ffffff !important;
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 32px;
}
.detail-items-table-new th,
.detail-items-table-new td {
    width: 50%; padding: 16px 12px; text-align: center;
    font-size: 16px; font-weight: 400; color: #443355;
    background: #ffffff !important; position: relative;
}
.detail-items-table-new th {
    background: #ffffff !important;
    border-bottom: 2px solid #E6DBEA;
}
.detail-items-table-new th:first-child::after,
.detail-items-table-new td:first-child::after {
    content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%);
    height: 60%; width: 2px; background: #E6DBEA;
}
.detail-items-table-new td { border-bottom: 1px solid #eee; }

/* جمع کل */
.detail-total-bar {
    background: #E6DBEA; color: #757575; font-size: 14px; font-weight: 400;
    text-align: center; padding: 20px; border-radius: 16px;
    margin: 24px; display: flex; align-items: center; justify-content: center; gap: 35px;
}
.detail-total-bar strong { color: #2C2C2D; font-size: 24px; font-weight: 600; }

/* روش پرداخت + قیمت کل — کنار هم تضمینی با فاصله ۲۲ پیکسل */
.detail-double-new {
    display: flex;
    gap: 22px;
    margin: 0 0 20px 0;
    flex-wrap: nowrap; /* مهم — اجازه نمیده زیر هم بیفتن */
}
.detail-box.payment-box.inline-label,
.detail-box.total-price-box {
    flex: 1 1 50%;
    min-width: 0; /* اجازه میده داخل فلکس کوچک بشه */
    background: #E6DBEA;
    padding: 20px;
    border-radius: 16px;
    text-align: center;
    font-size: 14px;
    color: #2C2C2D;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    box-sizing: border-box;
}
.detail-box.payment-box.inline-label strong,
.detail-box.total-price-box strong {
    color: #757575;
    font-weight: 400;
    white-space: nowrap;
}

/* آدرس — تمام عرض + وسط چین */
.address-box-inline {
    background: #E6DBEA; /* مثل روش پرداخت */
    width: 100%;
    padding: 20px;
    border-radius: 16px;
    display: flex;
    justify-content: center; /* وسط چین افقی */
    align-items: center;     /* وسط چین عمودی */
    gap: 8px;
    text-align: center;
    font-size: 14px;
    color: #2C2C2D;
    box-sizing: border-box;
}
.address-box-inline strong {
    color: #757575;
    font-weight: 400;
    flex-shrink: 0;
}

.detail-back-wrapper {
    display: flex;
    justify-content: flex-end; /* سمت راست */
    margin-top: 20px;          /* فاصله کمتر از قبل */
}
.back-to-list-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 220px;
    height: 52px;
    line-height: 52px;
    background: #443355 !important;
    color: #fff !important;
    border-radius: 200px;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    box-shadow: 0 6px 20px rgba(68,51,85,0.3);
}



/* حالت خالی */
.no-orders-empty-state {
    text-align: center; padding: 80px 20px; max-width: 600px; margin: 0 auto;
}
.no-orders-empty-state img { width: 180px; margin-bottom: 30px; opacity: 0.9; }
.no-orders-empty-state h3 {
    font-size: 14px; font-weight: 400; color: #757575;
    margin: 0 0 35px 0; line-height: 1.7;
}
.no-orders-empty-state a.view-order-btn {
    display: inline-block; width: 220px; height: 52px; line-height: 52px;
    background: #443355; color: #ffffff !important; font-size: 14px; font-weight: 400;
    border-radius: 200px; text-decoration: none;
    box-shadow: 0 8px 25px rgba(68,51,85,0.35); transition: all 0.3s;
}
.no-orders-empty-state a.view-order-btn:hover {
    background: #332244; transform: translateY(-2px);
}

/* ====================== ریسپانسیو ====================== */
@media (max-width: 600px) {
.detail-items-table-new,
.detail-items-table-new table {
    width: 100%!important;
    border-collapse: separate;
    border-spacing: 0;
    background: #ffffff !important;
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 32px;
}
    #order-details-view {
        padding: 15px 10px;
    }

    /* هدر جزئیات: عنوان و تاریخ کنار هم در موبایل */
    .detail-header-new {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        gap: 12px;
        margin-bottom: 25px;
    }

    .detail-title-new {
        font-size: 15px;
        font-weight: 600;
        color: #443355;
        margin: 0;
    }

    .detail-date-new {
        align-self: center;
        width: auto;
        flex-shrink: 0;
    }

    /* جمع کل */
    .detail-total-bar {
        flex-direction: row;
        gap: 12px;
        padding: 20px;
        border-radius: 16px;
        font-size: 15px;
        margin: 24px 0;
    }

    .detail-total-bar strong {
        font-size: 22px;
    }

    /* روش پرداخت و قیمت کل */
    .detail-double-new {
        flex-direction: column;
        gap: 16px;
    }

    /* دکمه بازگشت */
    .detail-back-wrapper {
        justify-content: center;
        margin-top: 20px;
    }

    .back-to-list-btn {
        width: 100%;
        max-width: 300px;
        height: 48px;
        font-size: 14px;
    }

    /* کاهش فونت‌ها */
    .my-orders-table th,
    .my-orders-table td,
    .detail-items-table-new th,
    .detail-items-table-new td,
    .detail-title-new {
        font-size: 14px;
    }

    /* جدول لیست سفارش‌ها در موبایل */
    .my-orders-table,
    .my-orders-table thead,
    .my-orders-table tbody,
    .my-orders-table th,
    .my-orders-table td,
    .my-orders-table tr {
        display: block;
    }

    .my-orders-table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .my-orders-table tr {
        border: 1px solid #eee;
        border-radius: 16px;
        margin-bottom: 20px;
        background: #fff;
        padding: 16px;
        box-shadow: 0 4px 15px rgba(0,0,0,0.06);
        display: flex;
        flex-direction: column;
        gap: 16px;
        width: 100%;
        box-sizing: border-box;
    }

    .my-orders-table td {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0;
        border: none;
        position: relative;
    }

    .my-orders-table td::before {
        content: attr(data-label);
        font-weight: 500;
        color: #443355;
        flex-shrink: 0;
        min-width: 110px;
        text-align: right;
    }

    .my-orders-table td > *:not(::before) {
        text-align: left;
    }

    .my-orders-table td:last-child {
        padding-top: 12px;
        margin-top: 8px;
        border-top: 1px dotted #eee;
    }

    .view-order-btn {
        width: 100px;
        height: 40px;
        line-height: 40px;
        background: rgba(230, 219, 234, 0.4) !important;
        color: #443355;
        font-size: 14px;
        border-radius: 200px;
        transition: all 0.3s;
    }

    .view-order-btn:hover {
        background: rgba(230, 219, 234, 0.7) !important;
    }

    .my-orders-table .order-status {
        padding: 6px 8px;
        font-size: 13px;
    }

    /* جدول محصولات در جزئیات سفارش — موبایل (کارت سفید تمام عرض مثل بقیه باکس‌ها) */
    .detail-items-table-new,
    .detail-items-table-new table {
        display: block;
        background: transparent !important;
        border-radius: 0;
        margin-bottom: 20px;
        width: 100%;
        max-width: 100%;
        padding: 0;
        box-sizing: border-box;
    }

    .detail-items-table-new thead {
        display: none;
    }

.detail-items-table-new tr {
    background: #ffffff;
    border: 1px solid #eee;
    border-radius: 16px;
    margin-bottom: 16px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.06);
}


    .detail-items-table-new td {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 8px 0;
        border-bottom: 1px dotted #eee;
        font-size: 14px;
        color: #443355;
        width: 100%;
    }

    .detail-items-table-new td:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }

    /* حذف خط عمودی جداکننده در موبایل */
    .detail-items-table-new th:first-child::after,
    .detail-items-table-new td:first-child::after {
        display: none !important;
    }

    /* لیبل‌ها: سمت راست با عرض ثابت */
    .detail-items-table-new td:first-child::before {
        content: "محصول:";
        font-weight: 500;
        color: #443355;
        flex-shrink: 0;
        min-width: 80px;
    }

    .detail-items-table-new td:last-child::before {
        content: "مجموع:";
        font-weight: 500;
        color: #443355;
        flex-shrink: 0;
        min-width: 80px;
    }

    /* مقادیر: سمت چپ */
    .detail-items-table-new td > *:not(::before) {
        text-align: left;
        margin-left: auto;
    }

    /* اسکرول عمودی */
    .my-orders-master-wrapper {
        max-height: 100vh;
        overflow-y: auto;
        padding-bottom: 40px;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-061f890 */@font-face {

  font-family: 'Bonyade Koodak FaNum';

  src: url('path-to-font/BonyadeKoodakFaNum.woff2') format('woff2');

  font-weight: normal;

  font-style: normal;

}

:root {

  --purple: #443355;

  --purple-light: #E6DBEA;

  --purple-status: #9B55C6;

  --gray: #666;

  --border: #E6E6E6;

  --radius: 24px;

  --font: "Bonyade Koodak FaNum", sans-serif;

}
.tab-btn:hover{
background-color:#443355;
color:white;
}

.my-ticket-form { font-family: var(--font); background: #fbfbfd; padding: 16px; color: #241531; }

.my-ticket-form * { box-sizing: border-box; }

.ticket-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid var(--border); }

.ticket-tabs { display: flex; gap: 16px; flex-wrap: wrap; }

.tab-btn { border: none; background: #E6DBEA; color: #443355; padding: 0 16px; height: 44px; border-radius: 10px; cursor: pointer; font-weight: 500; font-family: var(--font); font-size: 14px; }

.tab-btn.active { background: #443355; color: #fff; }

.tab-btn.new-ticket { background: #443355; color: #fff; font-weight: 500; min-width: 180px; height: 44px; border-radius: 2200px; margin-right: auto; }

.ticket-empty { background: #fff; border: 1px dashed var(--border); border-radius: var(--radius); padding: 32px; text-align: center; color: #7a7085; margin: 12px 0; display: none; }

.ticket-empty .empty-icon { font-size: 42px; margin-bottom: 8px; }

.ticket-table-wrap { display: block; }

.table-header {

  display: grid;

  grid-template-columns: 32% 24% 14% 14% 16%;

  background: #fff;

  border: 0px solid var(--border);

  border-radius: 16px;

  overflow: hidden;

  height: 52px;

  align-items: stretch;

}

.th-cell {

  padding: 0 16px;

  font-size: 14px;

  font-weight: 400;

  color: #443355;

  font-family: var(--font);

  text-align: right;

  display: flex;

  align-items: center;

  border-inline-start: 1px solid var(--border);

  background: #fff;

}

.th-cell:first-child { border-inline-start: none; }

.table-body {

  background: #fff;

  border: px solid var(--border);

  border-radius: 16px;

  overflow: hidden;

  margin-top:20px;

}

.ticket-table { width: 100%; border-collapse: collapse; table-layout: fixed; }

.ticket-table td {

  padding: 12px 16px;

  text-align: right;

  border-inline-start: 1px solid var(--border);

  color: #42364f;

  font-family: var(--font);

  font-size: 14px;

  font-weight: 400;

}

.ticket-table td:first-child { border-inline-start: none; }

.ticket-table tr { border-bottom: none; } /* بدون خط بین ردیف‌ها */

.ticket-table td:nth-child(1){width:auto;}

.ticket-table td:nth-child(2){width:24%;}

.ticket-table td:nth-child(3){width:14%;}

.ticket-table td:nth-child(4){width:14%;}

.ticket-table td:nth-child(5){width:16%;}

.display-btn { background: #d8c7ec; color: #443355; border: none; border-radius: 2200px; padding: 0 24px;
min-height: 44px; cursor: pointer; font-weight: 500; font-family: var(--font); font-size: 14px; }

.pagination { display: flex; gap: 8px; justify-content: center; margin-top: 16px; align-items: center; }

.page-btn { border: none; padding: 8px 12px; border-radius: 10px; background: #f2edf7; color: #443355; cursor: pointer; font-family: var(--font); }

.page-btn.active { background: #443355; color: #fff; }

.page-ellipsis { padding: 8px 4px; color: #443355; font-family: var(--font); }

.ticket-form-wrap { background: #fff; border-radius: var(--radius); padding: 24px; box-shadow: 0 6px 20px rgba(0,0,0,0.03); margin-top: 12px; position: relative; }

.ticket-form-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }

.back-btn-icon { width: 36px; height: 36px; background: #E6DBEA; border: none; border-radius: 10px; cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 0; }

.back-btn-icon:hover { opacity: 0.8; }

.ticket-number-info { display: flex; align-items: center; gap: 12px; }

.ticket-number { font-size: 24px; font-weight: 600; color: #443355; font-family: var(--font); }

.ticket-status-label { font-size: 14px; font-weight: 400; color: #9B55C6; font-family: var(--font); }

.ticket-form-content { margin-top: 20px; }

.ticket-thread { border-top: 1px solid var(--border); padding-top: 12px; margin-top: 12px; margin-bottom: 20px; }

.thread-body { display: flex; flex-direction: column; gap: 0; }

.thread-item { border: none; }

.thread-question-box {

  background: #fff;

  border: 1px solid var(--border);

  border-radius: 12px;

  padding: 12px 14px;

  margin-bottom: 0;

}

.question-header { display: flex; flex-direction: column; gap: 10px; }

.question-text { font-size: 14px; font-weight: 400; color: #2f2a33; font-family: var(--font); }

.question-separator { height: 1px; background: var(--border); width: 100%; }

.question-date { display: flex; align-items: center; gap: 8px; color: #757575; font-size: 14px; font-weight: 400; font-family: var(--font); }

.question-date svg { flex-shrink: 0; }

.thread-answer-box {

  background: #F7F7F7;

  border: none;

  border-radius: 12px;

  padding: 12px 14px;

  margin-right: 40px;

  margin-top: 10px;

  font-size: 14px;

  font-weight: 400;

  color: #2f2a33;

  font-family: var(--font);

}

.my-ticket-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 12px; }

.my-ticket-row.full { grid-template-columns: 1fr; }

.order-course-row { border-top: 1px solid var(--border); padding-top: 12px; margin-top: 12px; }

.field label { display: block; margin-bottom: 6px; color: #443355; font-weight: 400; font-family: var(--font); font-size: 14px; }

.field label .optional { color: #F7B68D; font-weight: 400; }

.field label .required { color: #c0392b; font-weight: 400; }

.field input, .field select, .field textarea {

  width: 100%;

  padding: 10px 12px;

  border: 1px solid var(--border);

  border-radius: 12px;

  font-size: 14px;

  font-weight: 400;

  background: #fff;

  font-family: var(--font);

}

.field input::placeholder, .field textarea::placeholder { color: #999; font-size: 14px; font-weight: 400; }

.field textarea { resize: vertical; min-height: 110px; }

#ticket-submit { background: var(--purple); color: #fff; width: 177px; height: 44px; border: none; border-radius: 2200px; cursor: pointer; font-weight: 500; font-family: var(--font); font-size: 14px; margin-top: 12px; }

#ticket-submit.disabled { opacity: 0.5; cursor: not-allowed; }

#ticket-submit:hover:not(.disabled) { background: #2f2142; }

.ticket-status { margin-top: 8px; font-size: 13px; color: #555; font-family: var(--font); }

.ticket-status.error { color: #c0392b; }

.ticket-status.success { color: #1f8a4d; }

@media (max-width: 720px) {
.ticket-table td:nth-child(1){width:auto;}
.ticket-table td:nth-child(2){width:auto;}
.ticket-table td:nth-child(3){width:auto;}
.ticket-table td:nth-child(4){width:auto;}
    .my-ticket-row, .my-ticket-row.full {
        grid-template-columns: 1fr;
    }

 .ticket-tabs {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;           /* اجازه بده اگر جا نشد زیر هم بره، اما سعی کن کنار هم باشه */
        justify-content: flex-start;
    }

    .tab-btn {
        width: 48%;
        justify-content: flex;
        height: 40px;
        font-size: 14px;
    }

    .tab-btn.new-ticket {
        grid-column: 1 / -1;
        margin: 0;
        
        
    }

    .ticket-header, .ticket-form-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .ticket-form-wrap {
        padding: 16px;
    }

    .thread-answer-box {
        margin-right: 0;
        margin-left: 0;
    }

    .display-btn, #ticket-submit {
        width: 100%;
        max-width: 300px;
    }

    .table-header {
        display: none !important;
    }

    .ticket-table-wrap {
        max-height: 100vh;
        overflow-y: auto;
        padding-bottom: 40px;
        -webkit-overflow-scrolling: touch;
    }

    .table-body {
        margin-top: 0;
        background: transparent;
        border: none;
    }

    .ticket-table {
        display: block;
        width: 100%;
    }

    .ticket-table tbody {
        display: block;
    }

    .ticket-table tr {
        position: relative;
        display: flex;
        flex-direction: column;
        background: #ffffff;
        border: 1px solid var(--border);
        border-radius: 16px;
        padding: 18px 16px 60px 16px; /* فضای کافی برای دکمه در پایین */
        margin-bottom: 20px;
        box-shadow: 0 4px 15px rgba(0,0,0,0.06);
        gap: 18px;
    }

    .ticket-table td {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0;
        border: none;
        font-size: 14px;
        width: 100%;
        text-align: left;
    }

    .ticket-table td::before {
        content: attr(data-label);
        font-weight: 500;
        color: #443355;
        flex-shrink: 0;
        min-width: 110px;
        text-align: right;
    }

    .ticket-table td > *:not(::before) {
        text-align: left;
        flex: 1;
    }

    /* دکمه چسبیده به پایین-چپ کارت */
    .ticket-table td:last-child {
        position: absolute;
        left: 16px;
        bottom: 16px;
        margin: 0;
        padding: 0;
        width: 92%;
    }

    .display-btn {
        width: 80px!important;
        height: 10px!important;
        font-size: 12px!important;
     min-height: 30px; cursor:
        background: rgba(230, 219, 234, 0.4);
        color: #443355;
        border-radius: 200px;
        box-shadow: 0 2px 8px rgba(68,51,85,0.15);
    }

    .display-btn:hover {
        background: rgba(230, 219, 234, 0.7);
        transform: translateY(-1px);
    }

    .pagination {
        flex-wrap: wrap;
        justify-content: center;
        padding: 16px 0;
    }
}

@media (max-width: 480px) {
    .ticket-tabs {
        grid-template-columns: 1fr;
    }

    .ticket-table tr {
        padding: 16px 14px 60px 14px;
    }

    .ticket-table td::before {
        min-width: 100px;
        font-size: 13.5px;
    }

 

    .ticket-table td:last-child {
        left: 14px;
        bottom: 14px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-535bcc4 */@media (max-width: 720px) {
    .ticket-form-header {
        flex-direction: row!important;
        align-items: center;
        gap: 16px;
    }
    }/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-8f9182a */@media (max-width: 768px) {
    .ck-course-excerpt {
        font-size:14px!important;
    }
     .ck-course-image-col
 {
        width: 80px!important;
        height: 80px!important;
        background: white!important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2a15474 */.profile-form-wrap {
  max-width: 900px;
  margin: 0 auto;
  padding: 20px;
  direction: rtl;
  font-family: 'Bonyade Koodak FaNum', Tahoma, Arial, sans-serif;
}

/* Grid */
.profile-row {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.profile-col-30 { flex: 0 0 30%; }
.profile-col-70 { flex: 0 0 70%; }
.profile-col-100 { flex: 0 0 100%; }

/* Labels */
.profile-form-wrap label {
  display: block;
  margin-bottom: 6px;
  font-weight: 400;
  font-size: 14px;
  color: #757575;
  font-family: 'Bonyade Koodak FaNum', Tahoma, Arial, sans-serif;
}

/* Inputs */
.profile-form-wrap input[type=text],
.profile-form-wrap input[type=email],
.profile-form-wrap input[type=tel] {
  width: 100%;
  padding: 10px;
  border: none;
  border-radius: 12px;
  background: #fff;
  box-sizing: border-box;
  font-family: 'Bonyade Koodak FaNum', Tahoma, Arial, sans-serif;
  font-size: 14px;
  color: #333;
}

.profile-form-wrap input::placeholder {
  color: #AFAFAF;
  font-family: 'Bonyade Koodak FaNum', Tahoma, Arial, sans-serif;
}

/* Upload row */
.upload-row {
  display: flex;
  flex-flow: row-reverse;
  align-items: center;
  gap: 12px;
    justify-content: flex-end;

}

/* Avatar */
.profile-avatar-thumb {
  width: 48px;
  height: 48px;
  object-fit: cover;
  border-radius: 50% !important;
  order: -1;
}

/* Upload button (FIXED) */
.profile-upload-btn {
  display: inline-flex;
  flex-direction: row !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 48px;
  padding: 0 14px;
  background: #443355;
  color: #fff;
  border: none;
  border-radius: 12px;
  cursor: pointer;
  font-family: 'Bonyade Koodak FaNum', Tahoma, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
}

/* Upload icon */
.profile-upload-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
}

.profile-upload-icon svg {
  display: block;
}

/* Upload text */
.profile-upload-text {
  display: inline-block;
  white-space: nowrap;
  color: #fff;
  line-height: 45px;
}

/* Save button */
.save-row {
  display: flex;
  justify-content: flex-end;
}

.profile-save-btn {
  background: #E6DBEA;
  color: #443355;
  padding: 12px 24px;
  border: none;
  border-radius: 2200px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  font-family: 'Bonyade Koodak FaNum', Tahoma, Arial, sans-serif;
}

/* Notice */
.profile-notice.success {
  background: #d4edda;
  color: #155724;
  padding: 10px;
  border-radius: 8px;
  margin-bottom: 15px;
  border: 1px solid #c3e6cb;
}

/* Responsive */
@media (max-width: 600px) {
  .profile-col-30,
  .profile-col-70,
  .profile-col-100 {
    flex: 0 0 100%;
  }

  .upload-row {
    flex-direction: column;
    align-items: flex-start;
  }
  .upload-row {
    display: flex;
    flex-flow: row-reverse;
    align-items: center;
    gap: 12px;
    justify-content: flex-end;
}
    .profile-avatar-thumb {
        width: 60px;
        height: 60px;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d553146 */.my-orders-master-wrapper {
    position: relative;
    min-height: 600px;
    overflow: hidden;
    direction: rtl;
}

/* سوئیچ ویوها */
.orders-view {
    transition: opacity 0.5s ease, transform 0.4s ease;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    transform: translateY(20px);
    padding: 0 10px;
}
.orders-view.active {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}
#order-details-view { padding: 20px 10px; }
#order-details-content { max-width: 900px; margin: 0 auto; }

/* جدول اصلی لیست سفارش‌ها */
.my-orders-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: #ffffff;
    border-radius: 16px;
    overflow: hidden;
    font-family: Tahoma, Arial, sans-serif;
    box-shadow: 0 4px 20px rgba(0,0,0,0.05);
}
.my-orders-table th,
.my-orders-table td {
    padding: 18px 12px;
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
    color: #443355;
    position: relative;
}
.my-orders-table th { font-weight: 500; background: #fff; border-bottom: 2px solid #E6DBEA; }
.my-orders-table td { font-weight: 400; border-bottom: 1px solid #eee; }
.my-orders-table th:not(:last-child)::after,
.my-orders-table td:not(:last-child)::after {
    content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%);
    height: 60%; width: 2px; background: #E6DBEA;
}
.my-orders-table tbody tr:hover { background-color: #f9f5fb; }
.my-orders-table .order-status { padding: 6px 14px; border-radius: 20px; font-weight: bold; background: transparent !important; }

.view-order-btn {
    display: inline-block;
    width: 145px; height: 44px; line-height: 44px;
    text-align: center; background: #E6DBEA; color: #443355;
    border-radius: 200px; font-size: 15px; font-weight: 500;
    text-decoration: none; transition: all 0.3s;
}
.view-order-btn:hover { background: #d8c9e0; }

/* پنل جزئیات — شفاف */
.order-detail-panel {
    background: transparent !important;
    box-shadow: none !important;
    padding: 0;
}

/* عنوان + تاریخ */
.detail-header-new {
    display: flex; justify-content: space-between; align-items: center;
    margin-bottom: 25px;
}
.detail-title-new { font-size: 16px; font-weight: 600; color: #443355; }
.detail-date-new {
    display: flex; align-items: center; gap: 8px;
    background: #E6DBEA; padding: 0 18px; height: 44px; border-radius: 16px;
    font-size: 14px; font-weight: 400; color: #443355;
}
.detail-date-new svg { flex-shrink: 0; }

/* جدول محصولات — کاملاً سفید + فاصله ۳۲ پیکسل پایین */
.detail-items-table-new,
.detail-items-table-new table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: #ffffff !important;
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 32px;
}
.detail-items-table-new th,
.detail-items-table-new td {
    width: 50%; padding: 16px 12px; text-align: center;
    font-size: 16px; font-weight: 400; color: #443355;
    background: #ffffff !important; position: relative;
}
.detail-items-table-new th {
    background: #ffffff !important;
    border-bottom: 2px solid #E6DBEA;
}
.detail-items-table-new th:first-child::after,
.detail-items-table-new td:first-child::after {
    content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%);
    height: 60%; width: 2px; background: #E6DBEA;
}
.detail-items-table-new td { border-bottom: 1px solid #eee; }

/* جمع کل */
.detail-total-bar {
    background: #E6DBEA; color: #757575; font-size: 14px; font-weight: 400;
    text-align: center; padding: 20px; border-radius: 16px;
    margin: 24px; display: flex; align-items: center; justify-content: center; gap: 35px;
}
.detail-total-bar strong { color: #2C2C2D; font-size: 24px; font-weight: 600; }

/* روش پرداخت + قیمت کل — کنار هم تضمینی با فاصله ۲۲ پیکسل */
.detail-double-new {
    display: flex;
    gap: 22px;
    margin: 0 0 20px 0;
    flex-wrap: nowrap; /* مهم — اجازه نمیده زیر هم بیفتن */
}
.detail-box.payment-box.inline-label,
.detail-box.total-price-box {
    flex: 1 1 50%;
    min-width: 0; /* اجازه میده داخل فلکس کوچک بشه */
    background: #E6DBEA;
    padding: 20px;
    border-radius: 16px;
    text-align: center;
    font-size: 14px;
    color: #2C2C2D;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    box-sizing: border-box;
}
.detail-box.payment-box.inline-label strong,
.detail-box.total-price-box strong {
    color: #757575;
    font-weight: 400;
    white-space: nowrap;
}

/* آدرس — تمام عرض + وسط چین */
.address-box-inline {
    background: #E6DBEA; /* مثل روش پرداخت */
    width: 100%;
    padding: 20px;
    border-radius: 16px;
    display: flex;
    justify-content: center; /* وسط چین افقی */
    align-items: center;     /* وسط چین عمودی */
    gap: 8px;
    text-align: center;
    font-size: 14px;
    color: #2C2C2D;
    box-sizing: border-box;
}
.address-box-inline strong {
    color: #757575;
    font-weight: 400;
    flex-shrink: 0;
}

.detail-back-wrapper {
    display: flex;
    justify-content: flex-end; /* سمت راست */
    margin-top: 20px;          /* فاصله کمتر از قبل */
}
.back-to-list-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 220px;
    height: 52px;
    line-height: 52px;
    background: #443355 !important;
    color: #fff !important;
    border-radius: 200px;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    box-shadow: 0 6px 20px rgba(68,51,85,0.3);
}



/* حالت خالی */
.no-orders-empty-state {
    text-align: center; padding: 80px 20px; max-width: 600px; margin: 0 auto;
}
.no-orders-empty-state img { width: 180px; margin-bottom: 30px; opacity: 0.9; }
.no-orders-empty-state h3 {
    font-size: 14px; font-weight: 400; color: #757575;
    margin: 0 0 35px 0; line-height: 1.7;
}
.no-orders-empty-state a.view-order-btn {
    display: inline-block; width: 220px; height: 52px; line-height: 52px;
    background: #443355; color: #ffffff !important; font-size: 14px; font-weight: 400;
    border-radius: 200px; text-decoration: none;
    box-shadow: 0 8px 25px rgba(68,51,85,0.35); transition: all 0.3s;
}
.no-orders-empty-state a.view-order-btn:hover {
    background: #332244; transform: translateY(-2px);
}

/* ====================== ریسپانسیو ====================== */
@media (max-width: 600px) {
.detail-items-table-new,
.detail-items-table-new table {
    width: 100%!important;
    border-collapse: separate;
    border-spacing: 0;
    background: #ffffff !important;
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 32px;
}
    #order-details-view {
        padding: 15px 10px;
    }

    /* هدر جزئیات: عنوان و تاریخ کنار هم در موبایل */
    .detail-header-new {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        gap: 12px;
        margin-bottom: 25px;
    }

    .detail-title-new {
        font-size: 15px;
        font-weight: 600;
        color: #443355;
        margin: 0;
    }

    .detail-date-new {
        align-self: center;
        width: auto;
        flex-shrink: 0;
    }

    /* جمع کل */
    .detail-total-bar {
        flex-direction: row;
        gap: 12px;
        padding: 20px;
        border-radius: 16px;
        font-size: 15px;
        margin: 24px 0;
    }

    .detail-total-bar strong {
        font-size: 22px;
    }

    /* روش پرداخت و قیمت کل */
    .detail-double-new {
        flex-direction: column;
        gap: 16px;
    }

    /* دکمه بازگشت */
    .detail-back-wrapper {
        justify-content: center;
        margin-top: 20px;
    }

    .back-to-list-btn {
        width: 100%;
        max-width: 300px;
        height: 48px;
        font-size: 14px;
    }

    /* کاهش فونت‌ها */
    .my-orders-table th,
    .my-orders-table td,
    .detail-items-table-new th,
    .detail-items-table-new td,
    .detail-title-new {
        font-size: 14px;
    }

    /* جدول لیست سفارش‌ها در موبایل */
    .my-orders-table,
    .my-orders-table thead,
    .my-orders-table tbody,
    .my-orders-table th,
    .my-orders-table td,
    .my-orders-table tr {
        display: block;
    }

    .my-orders-table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .my-orders-table tr {
        border: 1px solid #eee;
        border-radius: 16px;
        margin-bottom: 20px;
        background: #fff;
        padding: 16px;
        box-shadow: 0 4px 15px rgba(0,0,0,0.06);
        display: flex;
        flex-direction: column;
        gap: 16px;
        width: 100%;
        box-sizing: border-box;
    }

    .my-orders-table td {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0;
        border: none;
        position: relative;
    }

    .my-orders-table td::before {
        content: attr(data-label);
        font-weight: 500;
        color: #443355;
        flex-shrink: 0;
        min-width: 110px;
        text-align: right;
    }

    .my-orders-table td > *:not(::before) {
        text-align: left;
    }

    .my-orders-table td:last-child {
        padding-top: 12px;
        margin-top: 8px;
        border-top: 1px dotted #eee;
    }

    .view-order-btn {
        width: 100px;
        height: 40px;
        line-height: 40px;
        background: rgba(230, 219, 234, 0.4) !important;
        color: #443355;
        font-size: 14px;
        border-radius: 200px;
        transition: all 0.3s;
    }

    .view-order-btn:hover {
        background: rgba(230, 219, 234, 0.7) !important;
    }

    .my-orders-table .order-status {
        padding: 6px 8px;
        font-size: 13px;
    }

    /* جدول محصولات در جزئیات سفارش — موبایل (کارت سفید تمام عرض مثل بقیه باکس‌ها) */
    .detail-items-table-new,
    .detail-items-table-new table {
        display: block;
        background: transparent !important;
        border-radius: 0;
        margin-bottom: 20px;
        width: 100%;
        max-width: 100%;
        padding: 0;
        box-sizing: border-box;
    }

    .detail-items-table-new thead {
        display: none;
    }

.detail-items-table-new tr {
    background: #ffffff;
    border: 1px solid #eee;
    border-radius: 16px;
    margin-bottom: 16px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.06);
}


    .detail-items-table-new td {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 8px 0;
        border-bottom: 1px dotted #eee;
        font-size: 14px;
        color: #443355;
        width: 100%;
    }

    .detail-items-table-new td:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }

    /* حذف خط عمودی جداکننده در موبایل */
    .detail-items-table-new th:first-child::after,
    .detail-items-table-new td:first-child::after {
        display: none !important;
    }

    /* لیبل‌ها: سمت راست با عرض ثابت */
    .detail-items-table-new td:first-child::before {
        content: "محصول:";
        font-weight: 500;
        color: #443355;
        flex-shrink: 0;
        min-width: 80px;
    }

    .detail-items-table-new td:last-child::before {
        content: "مجموع:";
        font-weight: 500;
        color: #443355;
        flex-shrink: 0;
        min-width: 80px;
    }

    /* مقادیر: سمت چپ */
    .detail-items-table-new td > *:not(::before) {
        text-align: left;
        margin-left: auto;
    }

    /* اسکرول عمودی */
    .my-orders-master-wrapper {
        max-height: 100vh;
        overflow-y: auto;
        padding-bottom: 40px;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-061f890 */@font-face {

  font-family: 'Bonyade Koodak FaNum';

  src: url('path-to-font/BonyadeKoodakFaNum.woff2') format('woff2');

  font-weight: normal;

  font-style: normal;

}

:root {

  --purple: #443355;

  --purple-light: #E6DBEA;

  --purple-status: #9B55C6;

  --gray: #666;

  --border: #E6E6E6;

  --radius: 24px;

  --font: "Bonyade Koodak FaNum", sans-serif;

}
.tab-btn:hover{
background-color:#443355;
color:white;
}

.my-ticket-form { font-family: var(--font); background: #fbfbfd; padding: 16px; color: #241531; }

.my-ticket-form * { box-sizing: border-box; }

.ticket-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid var(--border); }

.ticket-tabs { display: flex; gap: 16px; flex-wrap: wrap; }

.tab-btn { border: none; background: #E6DBEA; color: #443355; padding: 0 16px; height: 44px; border-radius: 10px; cursor: pointer; font-weight: 500; font-family: var(--font); font-size: 14px; }

.tab-btn.active { background: #443355; color: #fff; }

.tab-btn.new-ticket { background: #443355; color: #fff; font-weight: 500; min-width: 180px; height: 44px; border-radius: 2200px; margin-right: auto; }

.ticket-empty { background: #fff; border: 1px dashed var(--border); border-radius: var(--radius); padding: 32px; text-align: center; color: #7a7085; margin: 12px 0; display: none; }

.ticket-empty .empty-icon { font-size: 42px; margin-bottom: 8px; }

.ticket-table-wrap { display: block; }

.table-header {

  display: grid;

  grid-template-columns: 32% 24% 14% 14% 16%;

  background: #fff;

  border: 0px solid var(--border);

  border-radius: 16px;

  overflow: hidden;

  height: 52px;

  align-items: stretch;

}

.th-cell {

  padding: 0 16px;

  font-size: 14px;

  font-weight: 400;

  color: #443355;

  font-family: var(--font);

  text-align: right;

  display: flex;

  align-items: center;

  border-inline-start: 1px solid var(--border);

  background: #fff;

}

.th-cell:first-child { border-inline-start: none; }

.table-body {

  background: #fff;

  border: px solid var(--border);

  border-radius: 16px;

  overflow: hidden;

  margin-top:20px;

}

.ticket-table { width: 100%; border-collapse: collapse; table-layout: fixed; }

.ticket-table td {

  padding: 12px 16px;

  text-align: right;

  border-inline-start: 1px solid var(--border);

  color: #42364f;

  font-family: var(--font);

  font-size: 14px;

  font-weight: 400;

}

.ticket-table td:first-child { border-inline-start: none; }

.ticket-table tr { border-bottom: none; } /* بدون خط بین ردیف‌ها */

.ticket-table td:nth-child(1){width:auto;}

.ticket-table td:nth-child(2){width:24%;}

.ticket-table td:nth-child(3){width:14%;}

.ticket-table td:nth-child(4){width:14%;}

.ticket-table td:nth-child(5){width:16%;}

.display-btn { background: #d8c7ec; color: #443355; border: none; border-radius: 2200px; padding: 0 24px;
min-height: 44px; cursor: pointer; font-weight: 500; font-family: var(--font); font-size: 14px; }

.pagination { display: flex; gap: 8px; justify-content: center; margin-top: 16px; align-items: center; }

.page-btn { border: none; padding: 8px 12px; border-radius: 10px; background: #f2edf7; color: #443355; cursor: pointer; font-family: var(--font); }

.page-btn.active { background: #443355; color: #fff; }

.page-ellipsis { padding: 8px 4px; color: #443355; font-family: var(--font); }

.ticket-form-wrap { background: #fff; border-radius: var(--radius); padding: 24px; box-shadow: 0 6px 20px rgba(0,0,0,0.03); margin-top: 12px; position: relative; }

.ticket-form-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }

.back-btn-icon { width: 36px; height: 36px; background: #E6DBEA; border: none; border-radius: 10px; cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 0; }

.back-btn-icon:hover { opacity: 0.8; }

.ticket-number-info { display: flex; align-items: center; gap: 12px; }

.ticket-number { font-size: 24px; font-weight: 600; color: #443355; font-family: var(--font); }

.ticket-status-label { font-size: 14px; font-weight: 400; color: #9B55C6; font-family: var(--font); }

.ticket-form-content { margin-top: 20px; }

.ticket-thread { border-top: 1px solid var(--border); padding-top: 12px; margin-top: 12px; margin-bottom: 20px; }

.thread-body { display: flex; flex-direction: column; gap: 0; }

.thread-item { border: none; }

.thread-question-box {

  background: #fff;

  border: 1px solid var(--border);

  border-radius: 12px;

  padding: 12px 14px;

  margin-bottom: 0;

}

.question-header { display: flex; flex-direction: column; gap: 10px; }

.question-text { font-size: 14px; font-weight: 400; color: #2f2a33; font-family: var(--font); }

.question-separator { height: 1px; background: var(--border); width: 100%; }

.question-date { display: flex; align-items: center; gap: 8px; color: #757575; font-size: 14px; font-weight: 400; font-family: var(--font); }

.question-date svg { flex-shrink: 0; }

.thread-answer-box {

  background: #F7F7F7;

  border: none;

  border-radius: 12px;

  padding: 12px 14px;

  margin-right: 40px;

  margin-top: 10px;

  font-size: 14px;

  font-weight: 400;

  color: #2f2a33;

  font-family: var(--font);

}

.my-ticket-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 12px; }

.my-ticket-row.full { grid-template-columns: 1fr; }

.order-course-row { border-top: 1px solid var(--border); padding-top: 12px; margin-top: 12px; }

.field label { display: block; margin-bottom: 6px; color: #443355; font-weight: 400; font-family: var(--font); font-size: 14px; }

.field label .optional { color: #F7B68D; font-weight: 400; }

.field label .required { color: #c0392b; font-weight: 400; }

.field input, .field select, .field textarea {

  width: 100%;

  padding: 10px 12px;

  border: 1px solid var(--border);

  border-radius: 12px;

  font-size: 14px;

  font-weight: 400;

  background: #fff;

  font-family: var(--font);

}

.field input::placeholder, .field textarea::placeholder { color: #999; font-size: 14px; font-weight: 400; }

.field textarea { resize: vertical; min-height: 110px; }

#ticket-submit { background: var(--purple); color: #fff; width: 177px; height: 44px; border: none; border-radius: 2200px; cursor: pointer; font-weight: 500; font-family: var(--font); font-size: 14px; margin-top: 12px; }

#ticket-submit.disabled { opacity: 0.5; cursor: not-allowed; }

#ticket-submit:hover:not(.disabled) { background: #2f2142; }

.ticket-status { margin-top: 8px; font-size: 13px; color: #555; font-family: var(--font); }

.ticket-status.error { color: #c0392b; }

.ticket-status.success { color: #1f8a4d; }

@media (max-width: 720px) {
.ticket-table td:nth-child(1){width:auto;}
.ticket-table td:nth-child(2){width:auto;}
.ticket-table td:nth-child(3){width:auto;}
.ticket-table td:nth-child(4){width:auto;}
    .my-ticket-row, .my-ticket-row.full {
        grid-template-columns: 1fr;
    }

 .ticket-tabs {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;           /* اجازه بده اگر جا نشد زیر هم بره، اما سعی کن کنار هم باشه */
        justify-content: flex-start;
    }

    .tab-btn {
        width: 48%;
        justify-content: flex;
        height: 40px;
        font-size: 14px;
    }

    .tab-btn.new-ticket {
        grid-column: 1 / -1;
        margin: 0;
        
        
    }

    .ticket-header, .ticket-form-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .ticket-form-wrap {
        padding: 16px;
    }

    .thread-answer-box {
        margin-right: 0;
        margin-left: 0;
    }

    .display-btn, #ticket-submit {
        width: 100%;
        max-width: 300px;
    }

    .table-header {
        display: none !important;
    }

    .ticket-table-wrap {
        max-height: 100vh;
        overflow-y: auto;
        padding-bottom: 40px;
        -webkit-overflow-scrolling: touch;
    }

    .table-body {
        margin-top: 0;
        background: transparent;
        border: none;
    }

    .ticket-table {
        display: block;
        width: 100%;
    }

    .ticket-table tbody {
        display: block;
    }

    .ticket-table tr {
        position: relative;
        display: flex;
        flex-direction: column;
        background: #ffffff;
        border: 1px solid var(--border);
        border-radius: 16px;
        padding: 18px 16px 60px 16px; /* فضای کافی برای دکمه در پایین */
        margin-bottom: 20px;
        box-shadow: 0 4px 15px rgba(0,0,0,0.06);
        gap: 18px;
    }

    .ticket-table td {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0;
        border: none;
        font-size: 14px;
        width: 100%;
        text-align: left;
    }

    .ticket-table td::before {
        content: attr(data-label);
        font-weight: 500;
        color: #443355;
        flex-shrink: 0;
        min-width: 110px;
        text-align: right;
    }

    .ticket-table td > *:not(::before) {
        text-align: left;
        flex: 1;
    }

    /* دکمه چسبیده به پایین-چپ کارت */
    .ticket-table td:last-child {
        position: absolute;
        left: 16px;
        bottom: 16px;
        margin: 0;
        padding: 0;
        width: 92%;
    }

    .display-btn {
        width: 80px!important;
        height: 10px!important;
        font-size: 12px!important;
     min-height: 30px; cursor:
        background: rgba(230, 219, 234, 0.4);
        color: #443355;
        border-radius: 200px;
        box-shadow: 0 2px 8px rgba(68,51,85,0.15);
    }

    .display-btn:hover {
        background: rgba(230, 219, 234, 0.7);
        transform: translateY(-1px);
    }

    .pagination {
        flex-wrap: wrap;
        justify-content: center;
        padding: 16px 0;
    }
}

@media (max-width: 480px) {
    .ticket-tabs {
        grid-template-columns: 1fr;
    }

    .ticket-table tr {
        padding: 16px 14px 60px 14px;
    }

    .ticket-table td::before {
        min-width: 100px;
        font-size: 13.5px;
    }

 

    .ticket-table td:last-child {
        left: 14px;
        bottom: 14px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-535bcc4 */@media (max-width: 720px) {
    .ticket-form-header {
        flex-direction: row!important;
        align-items: center;
        gap: 16px;
    }
    }/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-8f9182a */@media (max-width: 768px) {
    .ck-course-excerpt {
        font-size:14px!important;
    }
     .ck-course-image-col
 {
        width: 80px!important;
        height: 80px!important;
        background: white!important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2a15474 */.profile-form-wrap {
  max-width: 900px;
  margin: 0 auto;
  padding: 20px;
  direction: rtl;
  font-family: 'Bonyade Koodak FaNum', Tahoma, Arial, sans-serif;
}

/* Grid */
.profile-row {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.profile-col-30 { flex: 0 0 30%; }
.profile-col-70 { flex: 0 0 70%; }
.profile-col-100 { flex: 0 0 100%; }

/* Labels */
.profile-form-wrap label {
  display: block;
  margin-bottom: 6px;
  font-weight: 400;
  font-size: 14px;
  color: #757575;
  font-family: 'Bonyade Koodak FaNum', Tahoma, Arial, sans-serif;
}

/* Inputs */
.profile-form-wrap input[type=text],
.profile-form-wrap input[type=email],
.profile-form-wrap input[type=tel] {
  width: 100%;
  padding: 10px;
  border: none;
  border-radius: 12px;
  background: #fff;
  box-sizing: border-box;
  font-family: 'Bonyade Koodak FaNum', Tahoma, Arial, sans-serif;
  font-size: 14px;
  color: #333;
}

.profile-form-wrap input::placeholder {
  color: #AFAFAF;
  font-family: 'Bonyade Koodak FaNum', Tahoma, Arial, sans-serif;
}

/* Upload row */
.upload-row {
  display: flex;
  flex-flow: row-reverse;
  align-items: center;
  gap: 12px;
    justify-content: flex-end;

}

/* Avatar */
.profile-avatar-thumb {
  width: 48px;
  height: 48px;
  object-fit: cover;
  border-radius: 50% !important;
  order: -1;
}

/* Upload button (FIXED) */
.profile-upload-btn {
  display: inline-flex;
  flex-direction: row !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 48px;
  padding: 0 14px;
  background: #443355;
  color: #fff;
  border: none;
  border-radius: 12px;
  cursor: pointer;
  font-family: 'Bonyade Koodak FaNum', Tahoma, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
}

/* Upload icon */
.profile-upload-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
}

.profile-upload-icon svg {
  display: block;
}

/* Upload text */
.profile-upload-text {
  display: inline-block;
  white-space: nowrap;
  color: #fff;
  line-height: 45px;
}

/* Save button */
.save-row {
  display: flex;
  justify-content: flex-end;
}

.profile-save-btn {
  background: #E6DBEA;
  color: #443355;
  padding: 12px 24px;
  border: none;
  border-radius: 2200px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  font-family: 'Bonyade Koodak FaNum', Tahoma, Arial, sans-serif;
}

/* Notice */
.profile-notice.success {
  background: #d4edda;
  color: #155724;
  padding: 10px;
  border-radius: 8px;
  margin-bottom: 15px;
  border: 1px solid #c3e6cb;
}

/* Responsive */
@media (max-width: 600px) {
  .profile-col-30,
  .profile-col-70,
  .profile-col-100 {
    flex: 0 0 100%;
  }

  .upload-row {
    flex-direction: column;
    align-items: flex-start;
  }
  .upload-row {
    display: flex;
    flex-flow: row-reverse;
    align-items: center;
    gap: 12px;
    justify-content: flex-end;
}
    .profile-avatar-thumb {
        width: 60px;
        height: 60px;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d553146 */.my-orders-master-wrapper {
    position: relative;
    min-height: 600px;
    overflow: hidden;
    direction: rtl;
}

/* سوئیچ ویوها */
.orders-view {
    transition: opacity 0.5s ease, transform 0.4s ease;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    transform: translateY(20px);
    padding: 0 10px;
}
.orders-view.active {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}
#order-details-view { padding: 20px 10px; }
#order-details-content { max-width: 900px; margin: 0 auto; }

/* جدول اصلی لیست سفارش‌ها */
.my-orders-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: #ffffff;
    border-radius: 16px;
    overflow: hidden;
    font-family: Tahoma, Arial, sans-serif;
    box-shadow: 0 4px 20px rgba(0,0,0,0.05);
}
.my-orders-table th,
.my-orders-table td {
    padding: 18px 12px;
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
    color: #443355;
    position: relative;
}
.my-orders-table th { font-weight: 500; background: #fff; border-bottom: 2px solid #E6DBEA; }
.my-orders-table td { font-weight: 400; border-bottom: 1px solid #eee; }
.my-orders-table th:not(:last-child)::after,
.my-orders-table td:not(:last-child)::after {
    content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%);
    height: 60%; width: 2px; background: #E6DBEA;
}
.my-orders-table tbody tr:hover { background-color: #f9f5fb; }
.my-orders-table .order-status { padding: 6px 14px; border-radius: 20px; font-weight: bold; background: transparent !important; }

.view-order-btn {
    display: inline-block;
    width: 145px; height: 44px; line-height: 44px;
    text-align: center; background: #E6DBEA; color: #443355;
    border-radius: 200px; font-size: 15px; font-weight: 500;
    text-decoration: none; transition: all 0.3s;
}
.view-order-btn:hover { background: #d8c9e0; }

/* پنل جزئیات — شفاف */
.order-detail-panel {
    background: transparent !important;
    box-shadow: none !important;
    padding: 0;
}

/* عنوان + تاریخ */
.detail-header-new {
    display: flex; justify-content: space-between; align-items: center;
    margin-bottom: 25px;
}
.detail-title-new { font-size: 16px; font-weight: 600; color: #443355; }
.detail-date-new {
    display: flex; align-items: center; gap: 8px;
    background: #E6DBEA; padding: 0 18px; height: 44px; border-radius: 16px;
    font-size: 14px; font-weight: 400; color: #443355;
}
.detail-date-new svg { flex-shrink: 0; }

/* جدول محصولات — کاملاً سفید + فاصله ۳۲ پیکسل پایین */
.detail-items-table-new,
.detail-items-table-new table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: #ffffff !important;
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 32px;
}
.detail-items-table-new th,
.detail-items-table-new td {
    width: 50%; padding: 16px 12px; text-align: center;
    font-size: 16px; font-weight: 400; color: #443355;
    background: #ffffff !important; position: relative;
}
.detail-items-table-new th {
    background: #ffffff !important;
    border-bottom: 2px solid #E6DBEA;
}
.detail-items-table-new th:first-child::after,
.detail-items-table-new td:first-child::after {
    content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%);
    height: 60%; width: 2px; background: #E6DBEA;
}
.detail-items-table-new td { border-bottom: 1px solid #eee; }

/* جمع کل */
.detail-total-bar {
    background: #E6DBEA; color: #757575; font-size: 14px; font-weight: 400;
    text-align: center; padding: 20px; border-radius: 16px;
    margin: 24px; display: flex; align-items: center; justify-content: center; gap: 35px;
}
.detail-total-bar strong { color: #2C2C2D; font-size: 24px; font-weight: 600; }

/* روش پرداخت + قیمت کل — کنار هم تضمینی با فاصله ۲۲ پیکسل */
.detail-double-new {
    display: flex;
    gap: 22px;
    margin: 0 0 20px 0;
    flex-wrap: nowrap; /* مهم — اجازه نمیده زیر هم بیفتن */
}
.detail-box.payment-box.inline-label,
.detail-box.total-price-box {
    flex: 1 1 50%;
    min-width: 0; /* اجازه میده داخل فلکس کوچک بشه */
    background: #E6DBEA;
    padding: 20px;
    border-radius: 16px;
    text-align: center;
    font-size: 14px;
    color: #2C2C2D;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    box-sizing: border-box;
}
.detail-box.payment-box.inline-label strong,
.detail-box.total-price-box strong {
    color: #757575;
    font-weight: 400;
    white-space: nowrap;
}

/* آدرس — تمام عرض + وسط چین */
.address-box-inline {
    background: #E6DBEA; /* مثل روش پرداخت */
    width: 100%;
    padding: 20px;
    border-radius: 16px;
    display: flex;
    justify-content: center; /* وسط چین افقی */
    align-items: center;     /* وسط چین عمودی */
    gap: 8px;
    text-align: center;
    font-size: 14px;
    color: #2C2C2D;
    box-sizing: border-box;
}
.address-box-inline strong {
    color: #757575;
    font-weight: 400;
    flex-shrink: 0;
}

.detail-back-wrapper {
    display: flex;
    justify-content: flex-end; /* سمت راست */
    margin-top: 20px;          /* فاصله کمتر از قبل */
}
.back-to-list-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 220px;
    height: 52px;
    line-height: 52px;
    background: #443355 !important;
    color: #fff !important;
    border-radius: 200px;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    box-shadow: 0 6px 20px rgba(68,51,85,0.3);
}



/* حالت خالی */
.no-orders-empty-state {
    text-align: center; padding: 80px 20px; max-width: 600px; margin: 0 auto;
}
.no-orders-empty-state img { width: 180px; margin-bottom: 30px; opacity: 0.9; }
.no-orders-empty-state h3 {
    font-size: 14px; font-weight: 400; color: #757575;
    margin: 0 0 35px 0; line-height: 1.7;
}
.no-orders-empty-state a.view-order-btn {
    display: inline-block; width: 220px; height: 52px; line-height: 52px;
    background: #443355; color: #ffffff !important; font-size: 14px; font-weight: 400;
    border-radius: 200px; text-decoration: none;
    box-shadow: 0 8px 25px rgba(68,51,85,0.35); transition: all 0.3s;
}
.no-orders-empty-state a.view-order-btn:hover {
    background: #332244; transform: translateY(-2px);
}

/* ====================== ریسپانسیو ====================== */
@media (max-width: 600px) {
.detail-items-table-new,
.detail-items-table-new table {
    width: 100%!important;
    border-collapse: separate;
    border-spacing: 0;
    background: #ffffff !important;
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 32px;
}
    #order-details-view {
        padding: 15px 10px;
    }

    /* هدر جزئیات: عنوان و تاریخ کنار هم در موبایل */
    .detail-header-new {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        gap: 12px;
        margin-bottom: 25px;
    }

    .detail-title-new {
        font-size: 15px;
        font-weight: 600;
        color: #443355;
        margin: 0;
    }

    .detail-date-new {
        align-self: center;
        width: auto;
        flex-shrink: 0;
    }

    /* جمع کل */
    .detail-total-bar {
        flex-direction: row;
        gap: 12px;
        padding: 20px;
        border-radius: 16px;
        font-size: 15px;
        margin: 24px 0;
    }

    .detail-total-bar strong {
        font-size: 22px;
    }

    /* روش پرداخت و قیمت کل */
    .detail-double-new {
        flex-direction: column;
        gap: 16px;
    }

    /* دکمه بازگشت */
    .detail-back-wrapper {
        justify-content: center;
        margin-top: 20px;
    }

    .back-to-list-btn {
        width: 100%;
        max-width: 300px;
        height: 48px;
        font-size: 14px;
    }

    /* کاهش فونت‌ها */
    .my-orders-table th,
    .my-orders-table td,
    .detail-items-table-new th,
    .detail-items-table-new td,
    .detail-title-new {
        font-size: 14px;
    }

    /* جدول لیست سفارش‌ها در موبایل */
    .my-orders-table,
    .my-orders-table thead,
    .my-orders-table tbody,
    .my-orders-table th,
    .my-orders-table td,
    .my-orders-table tr {
        display: block;
    }

    .my-orders-table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .my-orders-table tr {
        border: 1px solid #eee;
        border-radius: 16px;
        margin-bottom: 20px;
        background: #fff;
        padding: 16px;
        box-shadow: 0 4px 15px rgba(0,0,0,0.06);
        display: flex;
        flex-direction: column;
        gap: 16px;
        width: 100%;
        box-sizing: border-box;
    }

    .my-orders-table td {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0;
        border: none;
        position: relative;
    }

    .my-orders-table td::before {
        content: attr(data-label);
        font-weight: 500;
        color: #443355;
        flex-shrink: 0;
        min-width: 110px;
        text-align: right;
    }

    .my-orders-table td > *:not(::before) {
        text-align: left;
    }

    .my-orders-table td:last-child {
        padding-top: 12px;
        margin-top: 8px;
        border-top: 1px dotted #eee;
    }

    .view-order-btn {
        width: 100px;
        height: 40px;
        line-height: 40px;
        background: rgba(230, 219, 234, 0.4) !important;
        color: #443355;
        font-size: 14px;
        border-radius: 200px;
        transition: all 0.3s;
    }

    .view-order-btn:hover {
        background: rgba(230, 219, 234, 0.7) !important;
    }

    .my-orders-table .order-status {
        padding: 6px 8px;
        font-size: 13px;
    }

    /* جدول محصولات در جزئیات سفارش — موبایل (کارت سفید تمام عرض مثل بقیه باکس‌ها) */
    .detail-items-table-new,
    .detail-items-table-new table {
        display: block;
        background: transparent !important;
        border-radius: 0;
        margin-bottom: 20px;
        width: 100%;
        max-width: 100%;
        padding: 0;
        box-sizing: border-box;
    }

    .detail-items-table-new thead {
        display: none;
    }

.detail-items-table-new tr {
    background: #ffffff;
    border: 1px solid #eee;
    border-radius: 16px;
    margin-bottom: 16px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.06);
}


    .detail-items-table-new td {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 8px 0;
        border-bottom: 1px dotted #eee;
        font-size: 14px;
        color: #443355;
        width: 100%;
    }

    .detail-items-table-new td:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }

    /* حذف خط عمودی جداکننده در موبایل */
    .detail-items-table-new th:first-child::after,
    .detail-items-table-new td:first-child::after {
        display: none !important;
    }

    /* لیبل‌ها: سمت راست با عرض ثابت */
    .detail-items-table-new td:first-child::before {
        content: "محصول:";
        font-weight: 500;
        color: #443355;
        flex-shrink: 0;
        min-width: 80px;
    }

    .detail-items-table-new td:last-child::before {
        content: "مجموع:";
        font-weight: 500;
        color: #443355;
        flex-shrink: 0;
        min-width: 80px;
    }

    /* مقادیر: سمت چپ */
    .detail-items-table-new td > *:not(::before) {
        text-align: left;
        margin-left: auto;
    }

    /* اسکرول عمودی */
    .my-orders-master-wrapper {
        max-height: 100vh;
        overflow-y: auto;
        padding-bottom: 40px;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-061f890 */@font-face {

  font-family: 'Bonyade Koodak FaNum';

  src: url('path-to-font/BonyadeKoodakFaNum.woff2') format('woff2');

  font-weight: normal;

  font-style: normal;

}

:root {

  --purple: #443355;

  --purple-light: #E6DBEA;

  --purple-status: #9B55C6;

  --gray: #666;

  --border: #E6E6E6;

  --radius: 24px;

  --font: "Bonyade Koodak FaNum", sans-serif;

}
.tab-btn:hover{
background-color:#443355;
color:white;
}

.my-ticket-form { font-family: var(--font); background: #fbfbfd; padding: 16px; color: #241531; }

.my-ticket-form * { box-sizing: border-box; }

.ticket-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid var(--border); }

.ticket-tabs { display: flex; gap: 16px; flex-wrap: wrap; }

.tab-btn { border: none; background: #E6DBEA; color: #443355; padding: 0 16px; height: 44px; border-radius: 10px; cursor: pointer; font-weight: 500; font-family: var(--font); font-size: 14px; }

.tab-btn.active { background: #443355; color: #fff; }

.tab-btn.new-ticket { background: #443355; color: #fff; font-weight: 500; min-width: 180px; height: 44px; border-radius: 2200px; margin-right: auto; }

.ticket-empty { background: #fff; border: 1px dashed var(--border); border-radius: var(--radius); padding: 32px; text-align: center; color: #7a7085; margin: 12px 0; display: none; }

.ticket-empty .empty-icon { font-size: 42px; margin-bottom: 8px; }

.ticket-table-wrap { display: block; }

.table-header {

  display: grid;

  grid-template-columns: 32% 24% 14% 14% 16%;

  background: #fff;

  border: 0px solid var(--border);

  border-radius: 16px;

  overflow: hidden;

  height: 52px;

  align-items: stretch;

}

.th-cell {

  padding: 0 16px;

  font-size: 14px;

  font-weight: 400;

  color: #443355;

  font-family: var(--font);

  text-align: right;

  display: flex;

  align-items: center;

  border-inline-start: 1px solid var(--border);

  background: #fff;

}

.th-cell:first-child { border-inline-start: none; }

.table-body {

  background: #fff;

  border: px solid var(--border);

  border-radius: 16px;

  overflow: hidden;

  margin-top:20px;

}

.ticket-table { width: 100%; border-collapse: collapse; table-layout: fixed; }

.ticket-table td {

  padding: 12px 16px;

  text-align: right;

  border-inline-start: 1px solid var(--border);

  color: #42364f;

  font-family: var(--font);

  font-size: 14px;

  font-weight: 400;

}

.ticket-table td:first-child { border-inline-start: none; }

.ticket-table tr { border-bottom: none; } /* بدون خط بین ردیف‌ها */

.ticket-table td:nth-child(1){width:auto;}

.ticket-table td:nth-child(2){width:24%;}

.ticket-table td:nth-child(3){width:14%;}

.ticket-table td:nth-child(4){width:14%;}

.ticket-table td:nth-child(5){width:16%;}

.display-btn { background: #d8c7ec; color: #443355; border: none; border-radius: 2200px; padding: 0 24px;
min-height: 44px; cursor: pointer; font-weight: 500; font-family: var(--font); font-size: 14px; }

.pagination { display: flex; gap: 8px; justify-content: center; margin-top: 16px; align-items: center; }

.page-btn { border: none; padding: 8px 12px; border-radius: 10px; background: #f2edf7; color: #443355; cursor: pointer; font-family: var(--font); }

.page-btn.active { background: #443355; color: #fff; }

.page-ellipsis { padding: 8px 4px; color: #443355; font-family: var(--font); }

.ticket-form-wrap { background: #fff; border-radius: var(--radius); padding: 24px; box-shadow: 0 6px 20px rgba(0,0,0,0.03); margin-top: 12px; position: relative; }

.ticket-form-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }

.back-btn-icon { width: 36px; height: 36px; background: #E6DBEA; border: none; border-radius: 10px; cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 0; }

.back-btn-icon:hover { opacity: 0.8; }

.ticket-number-info { display: flex; align-items: center; gap: 12px; }

.ticket-number { font-size: 24px; font-weight: 600; color: #443355; font-family: var(--font); }

.ticket-status-label { font-size: 14px; font-weight: 400; color: #9B55C6; font-family: var(--font); }

.ticket-form-content { margin-top: 20px; }

.ticket-thread { border-top: 1px solid var(--border); padding-top: 12px; margin-top: 12px; margin-bottom: 20px; }

.thread-body { display: flex; flex-direction: column; gap: 0; }

.thread-item { border: none; }

.thread-question-box {

  background: #fff;

  border: 1px solid var(--border);

  border-radius: 12px;

  padding: 12px 14px;

  margin-bottom: 0;

}

.question-header { display: flex; flex-direction: column; gap: 10px; }

.question-text { font-size: 14px; font-weight: 400; color: #2f2a33; font-family: var(--font); }

.question-separator { height: 1px; background: var(--border); width: 100%; }

.question-date { display: flex; align-items: center; gap: 8px; color: #757575; font-size: 14px; font-weight: 400; font-family: var(--font); }

.question-date svg { flex-shrink: 0; }

.thread-answer-box {

  background: #F7F7F7;

  border: none;

  border-radius: 12px;

  padding: 12px 14px;

  margin-right: 40px;

  margin-top: 10px;

  font-size: 14px;

  font-weight: 400;

  color: #2f2a33;

  font-family: var(--font);

}

.my-ticket-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 12px; }

.my-ticket-row.full { grid-template-columns: 1fr; }

.order-course-row { border-top: 1px solid var(--border); padding-top: 12px; margin-top: 12px; }

.field label { display: block; margin-bottom: 6px; color: #443355; font-weight: 400; font-family: var(--font); font-size: 14px; }

.field label .optional { color: #F7B68D; font-weight: 400; }

.field label .required { color: #c0392b; font-weight: 400; }

.field input, .field select, .field textarea {

  width: 100%;

  padding: 10px 12px;

  border: 1px solid var(--border);

  border-radius: 12px;

  font-size: 14px;

  font-weight: 400;

  background: #fff;

  font-family: var(--font);

}

.field input::placeholder, .field textarea::placeholder { color: #999; font-size: 14px; font-weight: 400; }

.field textarea { resize: vertical; min-height: 110px; }

#ticket-submit { background: var(--purple); color: #fff; width: 177px; height: 44px; border: none; border-radius: 2200px; cursor: pointer; font-weight: 500; font-family: var(--font); font-size: 14px; margin-top: 12px; }

#ticket-submit.disabled { opacity: 0.5; cursor: not-allowed; }

#ticket-submit:hover:not(.disabled) { background: #2f2142; }

.ticket-status { margin-top: 8px; font-size: 13px; color: #555; font-family: var(--font); }

.ticket-status.error { color: #c0392b; }

.ticket-status.success { color: #1f8a4d; }

@media (max-width: 720px) {
.ticket-table td:nth-child(1){width:auto;}
.ticket-table td:nth-child(2){width:auto;}
.ticket-table td:nth-child(3){width:auto;}
.ticket-table td:nth-child(4){width:auto;}
    .my-ticket-row, .my-ticket-row.full {
        grid-template-columns: 1fr;
    }

 .ticket-tabs {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;           /* اجازه بده اگر جا نشد زیر هم بره، اما سعی کن کنار هم باشه */
        justify-content: flex-start;
    }

    .tab-btn {
        width: 48%;
        justify-content: flex;
        height: 40px;
        font-size: 14px;
    }

    .tab-btn.new-ticket {
        grid-column: 1 / -1;
        margin: 0;
        
        
    }

    .ticket-header, .ticket-form-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .ticket-form-wrap {
        padding: 16px;
    }

    .thread-answer-box {
        margin-right: 0;
        margin-left: 0;
    }

    .display-btn, #ticket-submit {
        width: 100%;
        max-width: 300px;
    }

    .table-header {
        display: none !important;
    }

    .ticket-table-wrap {
        max-height: 100vh;
        overflow-y: auto;
        padding-bottom: 40px;
        -webkit-overflow-scrolling: touch;
    }

    .table-body {
        margin-top: 0;
        background: transparent;
        border: none;
    }

    .ticket-table {
        display: block;
        width: 100%;
    }

    .ticket-table tbody {
        display: block;
    }

    .ticket-table tr {
        position: relative;
        display: flex;
        flex-direction: column;
        background: #ffffff;
        border: 1px solid var(--border);
        border-radius: 16px;
        padding: 18px 16px 60px 16px; /* فضای کافی برای دکمه در پایین */
        margin-bottom: 20px;
        box-shadow: 0 4px 15px rgba(0,0,0,0.06);
        gap: 18px;
    }

    .ticket-table td {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0;
        border: none;
        font-size: 14px;
        width: 100%;
        text-align: left;
    }

    .ticket-table td::before {
        content: attr(data-label);
        font-weight: 500;
        color: #443355;
        flex-shrink: 0;
        min-width: 110px;
        text-align: right;
    }

    .ticket-table td > *:not(::before) {
        text-align: left;
        flex: 1;
    }

    /* دکمه چسبیده به پایین-چپ کارت */
    .ticket-table td:last-child {
        position: absolute;
        left: 16px;
        bottom: 16px;
        margin: 0;
        padding: 0;
        width: 92%;
    }

    .display-btn {
        width: 80px!important;
        height: 10px!important;
        font-size: 12px!important;
     min-height: 30px; cursor:
        background: rgba(230, 219, 234, 0.4);
        color: #443355;
        border-radius: 200px;
        box-shadow: 0 2px 8px rgba(68,51,85,0.15);
    }

    .display-btn:hover {
        background: rgba(230, 219, 234, 0.7);
        transform: translateY(-1px);
    }

    .pagination {
        flex-wrap: wrap;
        justify-content: center;
        padding: 16px 0;
    }
}

@media (max-width: 480px) {
    .ticket-tabs {
        grid-template-columns: 1fr;
    }

    .ticket-table tr {
        padding: 16px 14px 60px 14px;
    }

    .ticket-table td::before {
        min-width: 100px;
        font-size: 13.5px;
    }

 

    .ticket-table td:last-child {
        left: 14px;
        bottom: 14px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-535bcc4 */@media (max-width: 720px) {
    .ticket-form-header {
        flex-direction: row!important;
        align-items: center;
        gap: 16px;
    }
    }/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-8f9182a */@media (max-width: 768px) {
    .ck-course-excerpt {
        font-size:14px!important;
    }
     .ck-course-image-col
 {
        width: 80px!important;
        height: 80px!important;
        background: white!important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2a15474 */.profile-form-wrap {
  max-width: 900px;
  margin: 0 auto;
  padding: 20px;
  direction: rtl;
  font-family: 'Bonyade Koodak FaNum', Tahoma, Arial, sans-serif;
}

/* Grid */
.profile-row {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.profile-col-30 { flex: 0 0 30%; }
.profile-col-70 { flex: 0 0 70%; }
.profile-col-100 { flex: 0 0 100%; }

/* Labels */
.profile-form-wrap label {
  display: block;
  margin-bottom: 6px;
  font-weight: 400;
  font-size: 14px;
  color: #757575;
  font-family: 'Bonyade Koodak FaNum', Tahoma, Arial, sans-serif;
}

/* Inputs */
.profile-form-wrap input[type=text],
.profile-form-wrap input[type=email],
.profile-form-wrap input[type=tel] {
  width: 100%;
  padding: 10px;
  border: none;
  border-radius: 12px;
  background: #fff;
  box-sizing: border-box;
  font-family: 'Bonyade Koodak FaNum', Tahoma, Arial, sans-serif;
  font-size: 14px;
  color: #333;
}

.profile-form-wrap input::placeholder {
  color: #AFAFAF;
  font-family: 'Bonyade Koodak FaNum', Tahoma, Arial, sans-serif;
}

/* Upload row */
.upload-row {
  display: flex;
  flex-flow: row-reverse;
  align-items: center;
  gap: 12px;
    justify-content: flex-end;

}

/* Avatar */
.profile-avatar-thumb {
  width: 48px;
  height: 48px;
  object-fit: cover;
  border-radius: 50% !important;
  order: -1;
}

/* Upload button (FIXED) */
.profile-upload-btn {
  display: inline-flex;
  flex-direction: row !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 48px;
  padding: 0 14px;
  background: #443355;
  color: #fff;
  border: none;
  border-radius: 12px;
  cursor: pointer;
  font-family: 'Bonyade Koodak FaNum', Tahoma, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
}

/* Upload icon */
.profile-upload-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
}

.profile-upload-icon svg {
  display: block;
}

/* Upload text */
.profile-upload-text {
  display: inline-block;
  white-space: nowrap;
  color: #fff;
  line-height: 45px;
}

/* Save button */
.save-row {
  display: flex;
  justify-content: flex-end;
}

.profile-save-btn {
  background: #E6DBEA;
  color: #443355;
  padding: 12px 24px;
  border: none;
  border-radius: 2200px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  font-family: 'Bonyade Koodak FaNum', Tahoma, Arial, sans-serif;
}

/* Notice */
.profile-notice.success {
  background: #d4edda;
  color: #155724;
  padding: 10px;
  border-radius: 8px;
  margin-bottom: 15px;
  border: 1px solid #c3e6cb;
}

/* Responsive */
@media (max-width: 600px) {
  .profile-col-30,
  .profile-col-70,
  .profile-col-100 {
    flex: 0 0 100%;
  }

  .upload-row {
    flex-direction: column;
    align-items: flex-start;
  }
  .upload-row {
    display: flex;
    flex-flow: row-reverse;
    align-items: center;
    gap: 12px;
    justify-content: flex-end;
}
    .profile-avatar-thumb {
        width: 60px;
        height: 60px;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d553146 */.my-orders-master-wrapper {
    position: relative;
    min-height: 600px;
    overflow: hidden;
    direction: rtl;
}

/* سوئیچ ویوها */
.orders-view {
    transition: opacity 0.5s ease, transform 0.4s ease;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    transform: translateY(20px);
    padding: 0 10px;
}
.orders-view.active {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}
#order-details-view { padding: 20px 10px; }
#order-details-content { max-width: 900px; margin: 0 auto; }

/* جدول اصلی لیست سفارش‌ها */
.my-orders-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: #ffffff;
    border-radius: 16px;
    overflow: hidden;
    font-family: Tahoma, Arial, sans-serif;
    box-shadow: 0 4px 20px rgba(0,0,0,0.05);
}
.my-orders-table th,
.my-orders-table td {
    padding: 18px 12px;
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
    color: #443355;
    position: relative;
}
.my-orders-table th { font-weight: 500; background: #fff; border-bottom: 2px solid #E6DBEA; }
.my-orders-table td { font-weight: 400; border-bottom: 1px solid #eee; }
.my-orders-table th:not(:last-child)::after,
.my-orders-table td:not(:last-child)::after {
    content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%);
    height: 60%; width: 2px; background: #E6DBEA;
}
.my-orders-table tbody tr:hover { background-color: #f9f5fb; }
.my-orders-table .order-status { padding: 6px 14px; border-radius: 20px; font-weight: bold; background: transparent !important; }

.view-order-btn {
    display: inline-block;
    width: 145px; height: 44px; line-height: 44px;
    text-align: center; background: #E6DBEA; color: #443355;
    border-radius: 200px; font-size: 15px; font-weight: 500;
    text-decoration: none; transition: all 0.3s;
}
.view-order-btn:hover { background: #d8c9e0; }

/* پنل جزئیات — شفاف */
.order-detail-panel {
    background: transparent !important;
    box-shadow: none !important;
    padding: 0;
}

/* عنوان + تاریخ */
.detail-header-new {
    display: flex; justify-content: space-between; align-items: center;
    margin-bottom: 25px;
}
.detail-title-new { font-size: 16px; font-weight: 600; color: #443355; }
.detail-date-new {
    display: flex; align-items: center; gap: 8px;
    background: #E6DBEA; padding: 0 18px; height: 44px; border-radius: 16px;
    font-size: 14px; font-weight: 400; color: #443355;
}
.detail-date-new svg { flex-shrink: 0; }

/* جدول محصولات — کاملاً سفید + فاصله ۳۲ پیکسل پایین */
.detail-items-table-new,
.detail-items-table-new table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: #ffffff !important;
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 32px;
}
.detail-items-table-new th,
.detail-items-table-new td {
    width: 50%; padding: 16px 12px; text-align: center;
    font-size: 16px; font-weight: 400; color: #443355;
    background: #ffffff !important; position: relative;
}
.detail-items-table-new th {
    background: #ffffff !important;
    border-bottom: 2px solid #E6DBEA;
}
.detail-items-table-new th:first-child::after,
.detail-items-table-new td:first-child::after {
    content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%);
    height: 60%; width: 2px; background: #E6DBEA;
}
.detail-items-table-new td { border-bottom: 1px solid #eee; }

/* جمع کل */
.detail-total-bar {
    background: #E6DBEA; color: #757575; font-size: 14px; font-weight: 400;
    text-align: center; padding: 20px; border-radius: 16px;
    margin: 24px; display: flex; align-items: center; justify-content: center; gap: 35px;
}
.detail-total-bar strong { color: #2C2C2D; font-size: 24px; font-weight: 600; }

/* روش پرداخت + قیمت کل — کنار هم تضمینی با فاصله ۲۲ پیکسل */
.detail-double-new {
    display: flex;
    gap: 22px;
    margin: 0 0 20px 0;
    flex-wrap: nowrap; /* مهم — اجازه نمیده زیر هم بیفتن */
}
.detail-box.payment-box.inline-label,
.detail-box.total-price-box {
    flex: 1 1 50%;
    min-width: 0; /* اجازه میده داخل فلکس کوچک بشه */
    background: #E6DBEA;
    padding: 20px;
    border-radius: 16px;
    text-align: center;
    font-size: 14px;
    color: #2C2C2D;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    box-sizing: border-box;
}
.detail-box.payment-box.inline-label strong,
.detail-box.total-price-box strong {
    color: #757575;
    font-weight: 400;
    white-space: nowrap;
}

/* آدرس — تمام عرض + وسط چین */
.address-box-inline {
    background: #E6DBEA; /* مثل روش پرداخت */
    width: 100%;
    padding: 20px;
    border-radius: 16px;
    display: flex;
    justify-content: center; /* وسط چین افقی */
    align-items: center;     /* وسط چین عمودی */
    gap: 8px;
    text-align: center;
    font-size: 14px;
    color: #2C2C2D;
    box-sizing: border-box;
}
.address-box-inline strong {
    color: #757575;
    font-weight: 400;
    flex-shrink: 0;
}

.detail-back-wrapper {
    display: flex;
    justify-content: flex-end; /* سمت راست */
    margin-top: 20px;          /* فاصله کمتر از قبل */
}
.back-to-list-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 220px;
    height: 52px;
    line-height: 52px;
    background: #443355 !important;
    color: #fff !important;
    border-radius: 200px;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    box-shadow: 0 6px 20px rgba(68,51,85,0.3);
}



/* حالت خالی */
.no-orders-empty-state {
    text-align: center; padding: 80px 20px; max-width: 600px; margin: 0 auto;
}
.no-orders-empty-state img { width: 180px; margin-bottom: 30px; opacity: 0.9; }
.no-orders-empty-state h3 {
    font-size: 14px; font-weight: 400; color: #757575;
    margin: 0 0 35px 0; line-height: 1.7;
}
.no-orders-empty-state a.view-order-btn {
    display: inline-block; width: 220px; height: 52px; line-height: 52px;
    background: #443355; color: #ffffff !important; font-size: 14px; font-weight: 400;
    border-radius: 200px; text-decoration: none;
    box-shadow: 0 8px 25px rgba(68,51,85,0.35); transition: all 0.3s;
}
.no-orders-empty-state a.view-order-btn:hover {
    background: #332244; transform: translateY(-2px);
}

/* ====================== ریسپانسیو ====================== */
@media (max-width: 600px) {
.detail-items-table-new,
.detail-items-table-new table {
    width: 100%!important;
    border-collapse: separate;
    border-spacing: 0;
    background: #ffffff !important;
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 32px;
}
    #order-details-view {
        padding: 15px 10px;
    }

    /* هدر جزئیات: عنوان و تاریخ کنار هم در موبایل */
    .detail-header-new {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        gap: 12px;
        margin-bottom: 25px;
    }

    .detail-title-new {
        font-size: 15px;
        font-weight: 600;
        color: #443355;
        margin: 0;
    }

    .detail-date-new {
        align-self: center;
        width: auto;
        flex-shrink: 0;
    }

    /* جمع کل */
    .detail-total-bar {
        flex-direction: row;
        gap: 12px;
        padding: 20px;
        border-radius: 16px;
        font-size: 15px;
        margin: 24px 0;
    }

    .detail-total-bar strong {
        font-size: 22px;
    }

    /* روش پرداخت و قیمت کل */
    .detail-double-new {
        flex-direction: column;
        gap: 16px;
    }

    /* دکمه بازگشت */
    .detail-back-wrapper {
        justify-content: center;
        margin-top: 20px;
    }

    .back-to-list-btn {
        width: 100%;
        max-width: 300px;
        height: 48px;
        font-size: 14px;
    }

    /* کاهش فونت‌ها */
    .my-orders-table th,
    .my-orders-table td,
    .detail-items-table-new th,
    .detail-items-table-new td,
    .detail-title-new {
        font-size: 14px;
    }

    /* جدول لیست سفارش‌ها در موبایل */
    .my-orders-table,
    .my-orders-table thead,
    .my-orders-table tbody,
    .my-orders-table th,
    .my-orders-table td,
    .my-orders-table tr {
        display: block;
    }

    .my-orders-table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .my-orders-table tr {
        border: 1px solid #eee;
        border-radius: 16px;
        margin-bottom: 20px;
        background: #fff;
        padding: 16px;
        box-shadow: 0 4px 15px rgba(0,0,0,0.06);
        display: flex;
        flex-direction: column;
        gap: 16px;
        width: 100%;
        box-sizing: border-box;
    }

    .my-orders-table td {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0;
        border: none;
        position: relative;
    }

    .my-orders-table td::before {
        content: attr(data-label);
        font-weight: 500;
        color: #443355;
        flex-shrink: 0;
        min-width: 110px;
        text-align: right;
    }

    .my-orders-table td > *:not(::before) {
        text-align: left;
    }

    .my-orders-table td:last-child {
        padding-top: 12px;
        margin-top: 8px;
        border-top: 1px dotted #eee;
    }

    .view-order-btn {
        width: 100px;
        height: 40px;
        line-height: 40px;
        background: rgba(230, 219, 234, 0.4) !important;
        color: #443355;
        font-size: 14px;
        border-radius: 200px;
        transition: all 0.3s;
    }

    .view-order-btn:hover {
        background: rgba(230, 219, 234, 0.7) !important;
    }

    .my-orders-table .order-status {
        padding: 6px 8px;
        font-size: 13px;
    }

    /* جدول محصولات در جزئیات سفارش — موبایل (کارت سفید تمام عرض مثل بقیه باکس‌ها) */
    .detail-items-table-new,
    .detail-items-table-new table {
        display: block;
        background: transparent !important;
        border-radius: 0;
        margin-bottom: 20px;
        width: 100%;
        max-width: 100%;
        padding: 0;
        box-sizing: border-box;
    }

    .detail-items-table-new thead {
        display: none;
    }

.detail-items-table-new tr {
    background: #ffffff;
    border: 1px solid #eee;
    border-radius: 16px;
    margin-bottom: 16px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.06);
}


    .detail-items-table-new td {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 8px 0;
        border-bottom: 1px dotted #eee;
        font-size: 14px;
        color: #443355;
        width: 100%;
    }

    .detail-items-table-new td:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }

    /* حذف خط عمودی جداکننده در موبایل */
    .detail-items-table-new th:first-child::after,
    .detail-items-table-new td:first-child::after {
        display: none !important;
    }

    /* لیبل‌ها: سمت راست با عرض ثابت */
    .detail-items-table-new td:first-child::before {
        content: "محصول:";
        font-weight: 500;
        color: #443355;
        flex-shrink: 0;
        min-width: 80px;
    }

    .detail-items-table-new td:last-child::before {
        content: "مجموع:";
        font-weight: 500;
        color: #443355;
        flex-shrink: 0;
        min-width: 80px;
    }

    /* مقادیر: سمت چپ */
    .detail-items-table-new td > *:not(::before) {
        text-align: left;
        margin-left: auto;
    }

    /* اسکرول عمودی */
    .my-orders-master-wrapper {
        max-height: 100vh;
        overflow-y: auto;
        padding-bottom: 40px;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-061f890 */@font-face {

  font-family: 'Bonyade Koodak FaNum';

  src: url('path-to-font/BonyadeKoodakFaNum.woff2') format('woff2');

  font-weight: normal;

  font-style: normal;

}

:root {

  --purple: #443355;

  --purple-light: #E6DBEA;

  --purple-status: #9B55C6;

  --gray: #666;

  --border: #E6E6E6;

  --radius: 24px;

  --font: "Bonyade Koodak FaNum", sans-serif;

}
.tab-btn:hover{
background-color:#443355;
color:white;
}

.my-ticket-form { font-family: var(--font); background: #fbfbfd; padding: 16px; color: #241531; }

.my-ticket-form * { box-sizing: border-box; }

.ticket-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid var(--border); }

.ticket-tabs { display: flex; gap: 16px; flex-wrap: wrap; }

.tab-btn { border: none; background: #E6DBEA; color: #443355; padding: 0 16px; height: 44px; border-radius: 10px; cursor: pointer; font-weight: 500; font-family: var(--font); font-size: 14px; }

.tab-btn.active { background: #443355; color: #fff; }

.tab-btn.new-ticket { background: #443355; color: #fff; font-weight: 500; min-width: 180px; height: 44px; border-radius: 2200px; margin-right: auto; }

.ticket-empty { background: #fff; border: 1px dashed var(--border); border-radius: var(--radius); padding: 32px; text-align: center; color: #7a7085; margin: 12px 0; display: none; }

.ticket-empty .empty-icon { font-size: 42px; margin-bottom: 8px; }

.ticket-table-wrap { display: block; }

.table-header {

  display: grid;

  grid-template-columns: 32% 24% 14% 14% 16%;

  background: #fff;

  border: 0px solid var(--border);

  border-radius: 16px;

  overflow: hidden;

  height: 52px;

  align-items: stretch;

}

.th-cell {

  padding: 0 16px;

  font-size: 14px;

  font-weight: 400;

  color: #443355;

  font-family: var(--font);

  text-align: right;

  display: flex;

  align-items: center;

  border-inline-start: 1px solid var(--border);

  background: #fff;

}

.th-cell:first-child { border-inline-start: none; }

.table-body {

  background: #fff;

  border: px solid var(--border);

  border-radius: 16px;

  overflow: hidden;

  margin-top:20px;

}

.ticket-table { width: 100%; border-collapse: collapse; table-layout: fixed; }

.ticket-table td {

  padding: 12px 16px;

  text-align: right;

  border-inline-start: 1px solid var(--border);

  color: #42364f;

  font-family: var(--font);

  font-size: 14px;

  font-weight: 400;

}

.ticket-table td:first-child { border-inline-start: none; }

.ticket-table tr { border-bottom: none; } /* بدون خط بین ردیف‌ها */

.ticket-table td:nth-child(1){width:auto;}

.ticket-table td:nth-child(2){width:24%;}

.ticket-table td:nth-child(3){width:14%;}

.ticket-table td:nth-child(4){width:14%;}

.ticket-table td:nth-child(5){width:16%;}

.display-btn { background: #d8c7ec; color: #443355; border: none; border-radius: 2200px; padding: 0 24px;
min-height: 44px; cursor: pointer; font-weight: 500; font-family: var(--font); font-size: 14px; }

.pagination { display: flex; gap: 8px; justify-content: center; margin-top: 16px; align-items: center; }

.page-btn { border: none; padding: 8px 12px; border-radius: 10px; background: #f2edf7; color: #443355; cursor: pointer; font-family: var(--font); }

.page-btn.active { background: #443355; color: #fff; }

.page-ellipsis { padding: 8px 4px; color: #443355; font-family: var(--font); }

.ticket-form-wrap { background: #fff; border-radius: var(--radius); padding: 24px; box-shadow: 0 6px 20px rgba(0,0,0,0.03); margin-top: 12px; position: relative; }

.ticket-form-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }

.back-btn-icon { width: 36px; height: 36px; background: #E6DBEA; border: none; border-radius: 10px; cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 0; }

.back-btn-icon:hover { opacity: 0.8; }

.ticket-number-info { display: flex; align-items: center; gap: 12px; }

.ticket-number { font-size: 24px; font-weight: 600; color: #443355; font-family: var(--font); }

.ticket-status-label { font-size: 14px; font-weight: 400; color: #9B55C6; font-family: var(--font); }

.ticket-form-content { margin-top: 20px; }

.ticket-thread { border-top: 1px solid var(--border); padding-top: 12px; margin-top: 12px; margin-bottom: 20px; }

.thread-body { display: flex; flex-direction: column; gap: 0; }

.thread-item { border: none; }

.thread-question-box {

  background: #fff;

  border: 1px solid var(--border);

  border-radius: 12px;

  padding: 12px 14px;

  margin-bottom: 0;

}

.question-header { display: flex; flex-direction: column; gap: 10px; }

.question-text { font-size: 14px; font-weight: 400; color: #2f2a33; font-family: var(--font); }

.question-separator { height: 1px; background: var(--border); width: 100%; }

.question-date { display: flex; align-items: center; gap: 8px; color: #757575; font-size: 14px; font-weight: 400; font-family: var(--font); }

.question-date svg { flex-shrink: 0; }

.thread-answer-box {

  background: #F7F7F7;

  border: none;

  border-radius: 12px;

  padding: 12px 14px;

  margin-right: 40px;

  margin-top: 10px;

  font-size: 14px;

  font-weight: 400;

  color: #2f2a33;

  font-family: var(--font);

}

.my-ticket-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 12px; }

.my-ticket-row.full { grid-template-columns: 1fr; }

.order-course-row { border-top: 1px solid var(--border); padding-top: 12px; margin-top: 12px; }

.field label { display: block; margin-bottom: 6px; color: #443355; font-weight: 400; font-family: var(--font); font-size: 14px; }

.field label .optional { color: #F7B68D; font-weight: 400; }

.field label .required { color: #c0392b; font-weight: 400; }

.field input, .field select, .field textarea {

  width: 100%;

  padding: 10px 12px;

  border: 1px solid var(--border);

  border-radius: 12px;

  font-size: 14px;

  font-weight: 400;

  background: #fff;

  font-family: var(--font);

}

.field input::placeholder, .field textarea::placeholder { color: #999; font-size: 14px; font-weight: 400; }

.field textarea { resize: vertical; min-height: 110px; }

#ticket-submit { background: var(--purple); color: #fff; width: 177px; height: 44px; border: none; border-radius: 2200px; cursor: pointer; font-weight: 500; font-family: var(--font); font-size: 14px; margin-top: 12px; }

#ticket-submit.disabled { opacity: 0.5; cursor: not-allowed; }

#ticket-submit:hover:not(.disabled) { background: #2f2142; }

.ticket-status { margin-top: 8px; font-size: 13px; color: #555; font-family: var(--font); }

.ticket-status.error { color: #c0392b; }

.ticket-status.success { color: #1f8a4d; }

@media (max-width: 720px) {
.ticket-table td:nth-child(1){width:auto;}
.ticket-table td:nth-child(2){width:auto;}
.ticket-table td:nth-child(3){width:auto;}
.ticket-table td:nth-child(4){width:auto;}
    .my-ticket-row, .my-ticket-row.full {
        grid-template-columns: 1fr;
    }

 .ticket-tabs {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;           /* اجازه بده اگر جا نشد زیر هم بره، اما سعی کن کنار هم باشه */
        justify-content: flex-start;
    }

    .tab-btn {
        width: 48%;
        justify-content: flex;
        height: 40px;
        font-size: 14px;
    }

    .tab-btn.new-ticket {
        grid-column: 1 / -1;
        margin: 0;
        
        
    }

    .ticket-header, .ticket-form-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .ticket-form-wrap {
        padding: 16px;
    }

    .thread-answer-box {
        margin-right: 0;
        margin-left: 0;
    }

    .display-btn, #ticket-submit {
        width: 100%;
        max-width: 300px;
    }

    .table-header {
        display: none !important;
    }

    .ticket-table-wrap {
        max-height: 100vh;
        overflow-y: auto;
        padding-bottom: 40px;
        -webkit-overflow-scrolling: touch;
    }

    .table-body {
        margin-top: 0;
        background: transparent;
        border: none;
    }

    .ticket-table {
        display: block;
        width: 100%;
    }

    .ticket-table tbody {
        display: block;
    }

    .ticket-table tr {
        position: relative;
        display: flex;
        flex-direction: column;
        background: #ffffff;
        border: 1px solid var(--border);
        border-radius: 16px;
        padding: 18px 16px 60px 16px; /* فضای کافی برای دکمه در پایین */
        margin-bottom: 20px;
        box-shadow: 0 4px 15px rgba(0,0,0,0.06);
        gap: 18px;
    }

    .ticket-table td {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0;
        border: none;
        font-size: 14px;
        width: 100%;
        text-align: left;
    }

    .ticket-table td::before {
        content: attr(data-label);
        font-weight: 500;
        color: #443355;
        flex-shrink: 0;
        min-width: 110px;
        text-align: right;
    }

    .ticket-table td > *:not(::before) {
        text-align: left;
        flex: 1;
    }

    /* دکمه چسبیده به پایین-چپ کارت */
    .ticket-table td:last-child {
        position: absolute;
        left: 16px;
        bottom: 16px;
        margin: 0;
        padding: 0;
        width: 92%;
    }

    .display-btn {
        width: 80px!important;
        height: 10px!important;
        font-size: 12px!important;
     min-height: 30px; cursor:
        background: rgba(230, 219, 234, 0.4);
        color: #443355;
        border-radius: 200px;
        box-shadow: 0 2px 8px rgba(68,51,85,0.15);
    }

    .display-btn:hover {
        background: rgba(230, 219, 234, 0.7);
        transform: translateY(-1px);
    }

    .pagination {
        flex-wrap: wrap;
        justify-content: center;
        padding: 16px 0;
    }
}

@media (max-width: 480px) {
    .ticket-tabs {
        grid-template-columns: 1fr;
    }

    .ticket-table tr {
        padding: 16px 14px 60px 14px;
    }

    .ticket-table td::before {
        min-width: 100px;
        font-size: 13.5px;
    }

 

    .ticket-table td:last-child {
        left: 14px;
        bottom: 14px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-535bcc4 */@media (max-width: 720px) {
    .ticket-form-header {
        flex-direction: row!important;
        align-items: center;
        gap: 16px;
    }
    }/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-8f9182a */@media (max-width: 768px) {
    .ck-course-excerpt {
        font-size:14px!important;
    }
     .ck-course-image-col
 {
        width: 80px!important;
        height: 80px!important;
        background: white!important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2a15474 */.profile-form-wrap {
  max-width: 900px;
  margin: 0 auto;
  padding: 20px;
  direction: rtl;
  font-family: 'Bonyade Koodak FaNum', Tahoma, Arial, sans-serif;
}

/* Grid */
.profile-row {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.profile-col-30 { flex: 0 0 30%; }
.profile-col-70 { flex: 0 0 70%; }
.profile-col-100 { flex: 0 0 100%; }

/* Labels */
.profile-form-wrap label {
  display: block;
  margin-bottom: 6px;
  font-weight: 400;
  font-size: 14px;
  color: #757575;
  font-family: 'Bonyade Koodak FaNum', Tahoma, Arial, sans-serif;
}

/* Inputs */
.profile-form-wrap input[type=text],
.profile-form-wrap input[type=email],
.profile-form-wrap input[type=tel] {
  width: 100%;
  padding: 10px;
  border: none;
  border-radius: 12px;
  background: #fff;
  box-sizing: border-box;
  font-family: 'Bonyade Koodak FaNum', Tahoma, Arial, sans-serif;
  font-size: 14px;
  color: #333;
}

.profile-form-wrap input::placeholder {
  color: #AFAFAF;
  font-family: 'Bonyade Koodak FaNum', Tahoma, Arial, sans-serif;
}

/* Upload row */
.upload-row {
  display: flex;
  flex-flow: row-reverse;
  align-items: center;
  gap: 12px;
    justify-content: flex-end;

}

/* Avatar */
.profile-avatar-thumb {
  width: 48px;
  height: 48px;
  object-fit: cover;
  border-radius: 50% !important;
  order: -1;
}

/* Upload button (FIXED) */
.profile-upload-btn {
  display: inline-flex;
  flex-direction: row !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 48px;
  padding: 0 14px;
  background: #443355;
  color: #fff;
  border: none;
  border-radius: 12px;
  cursor: pointer;
  font-family: 'Bonyade Koodak FaNum', Tahoma, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
}

/* Upload icon */
.profile-upload-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
}

.profile-upload-icon svg {
  display: block;
}

/* Upload text */
.profile-upload-text {
  display: inline-block;
  white-space: nowrap;
  color: #fff;
  line-height: 45px;
}

/* Save button */
.save-row {
  display: flex;
  justify-content: flex-end;
}

.profile-save-btn {
  background: #E6DBEA;
  color: #443355;
  padding: 12px 24px;
  border: none;
  border-radius: 2200px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  font-family: 'Bonyade Koodak FaNum', Tahoma, Arial, sans-serif;
}

/* Notice */
.profile-notice.success {
  background: #d4edda;
  color: #155724;
  padding: 10px;
  border-radius: 8px;
  margin-bottom: 15px;
  border: 1px solid #c3e6cb;
}

/* Responsive */
@media (max-width: 600px) {
  .profile-col-30,
  .profile-col-70,
  .profile-col-100 {
    flex: 0 0 100%;
  }

  .upload-row {
    flex-direction: column;
    align-items: flex-start;
  }
  .upload-row {
    display: flex;
    flex-flow: row-reverse;
    align-items: center;
    gap: 12px;
    justify-content: flex-end;
}
    .profile-avatar-thumb {
        width: 60px;
        height: 60px;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d553146 */.my-orders-master-wrapper {
    position: relative;
    min-height: 600px;
    overflow: hidden;
    direction: rtl;
}

/* سوئیچ ویوها */
.orders-view {
    transition: opacity 0.5s ease, transform 0.4s ease;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    transform: translateY(20px);
    padding: 0 10px;
}
.orders-view.active {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}
#order-details-view { padding: 20px 10px; }
#order-details-content { max-width: 900px; margin: 0 auto; }

/* جدول اصلی لیست سفارش‌ها */
.my-orders-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: #ffffff;
    border-radius: 16px;
    overflow: hidden;
    font-family: Tahoma, Arial, sans-serif;
    box-shadow: 0 4px 20px rgba(0,0,0,0.05);
}
.my-orders-table th,
.my-orders-table td {
    padding: 18px 12px;
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
    color: #443355;
    position: relative;
}
.my-orders-table th { font-weight: 500; background: #fff; border-bottom: 2px solid #E6DBEA; }
.my-orders-table td { font-weight: 400; border-bottom: 1px solid #eee; }
.my-orders-table th:not(:last-child)::after,
.my-orders-table td:not(:last-child)::after {
    content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%);
    height: 60%; width: 2px; background: #E6DBEA;
}
.my-orders-table tbody tr:hover { background-color: #f9f5fb; }
.my-orders-table .order-status { padding: 6px 14px; border-radius: 20px; font-weight: bold; background: transparent !important; }

.view-order-btn {
    display: inline-block;
    width: 145px; height: 44px; line-height: 44px;
    text-align: center; background: #E6DBEA; color: #443355;
    border-radius: 200px; font-size: 15px; font-weight: 500;
    text-decoration: none; transition: all 0.3s;
}
.view-order-btn:hover { background: #d8c9e0; }

/* پنل جزئیات — شفاف */
.order-detail-panel {
    background: transparent !important;
    box-shadow: none !important;
    padding: 0;
}

/* عنوان + تاریخ */
.detail-header-new {
    display: flex; justify-content: space-between; align-items: center;
    margin-bottom: 25px;
}
.detail-title-new { font-size: 16px; font-weight: 600; color: #443355; }
.detail-date-new {
    display: flex; align-items: center; gap: 8px;
    background: #E6DBEA; padding: 0 18px; height: 44px; border-radius: 16px;
    font-size: 14px; font-weight: 400; color: #443355;
}
.detail-date-new svg { flex-shrink: 0; }

/* جدول محصولات — کاملاً سفید + فاصله ۳۲ پیکسل پایین */
.detail-items-table-new,
.detail-items-table-new table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: #ffffff !important;
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 32px;
}
.detail-items-table-new th,
.detail-items-table-new td {
    width: 50%; padding: 16px 12px; text-align: center;
    font-size: 16px; font-weight: 400; color: #443355;
    background: #ffffff !important; position: relative;
}
.detail-items-table-new th {
    background: #ffffff !important;
    border-bottom: 2px solid #E6DBEA;
}
.detail-items-table-new th:first-child::after,
.detail-items-table-new td:first-child::after {
    content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%);
    height: 60%; width: 2px; background: #E6DBEA;
}
.detail-items-table-new td { border-bottom: 1px solid #eee; }

/* جمع کل */
.detail-total-bar {
    background: #E6DBEA; color: #757575; font-size: 14px; font-weight: 400;
    text-align: center; padding: 20px; border-radius: 16px;
    margin: 24px; display: flex; align-items: center; justify-content: center; gap: 35px;
}
.detail-total-bar strong { color: #2C2C2D; font-size: 24px; font-weight: 600; }

/* روش پرداخت + قیمت کل — کنار هم تضمینی با فاصله ۲۲ پیکسل */
.detail-double-new {
    display: flex;
    gap: 22px;
    margin: 0 0 20px 0;
    flex-wrap: nowrap; /* مهم — اجازه نمیده زیر هم بیفتن */
}
.detail-box.payment-box.inline-label,
.detail-box.total-price-box {
    flex: 1 1 50%;
    min-width: 0; /* اجازه میده داخل فلکس کوچک بشه */
    background: #E6DBEA;
    padding: 20px;
    border-radius: 16px;
    text-align: center;
    font-size: 14px;
    color: #2C2C2D;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    box-sizing: border-box;
}
.detail-box.payment-box.inline-label strong,
.detail-box.total-price-box strong {
    color: #757575;
    font-weight: 400;
    white-space: nowrap;
}

/* آدرس — تمام عرض + وسط چین */
.address-box-inline {
    background: #E6DBEA; /* مثل روش پرداخت */
    width: 100%;
    padding: 20px;
    border-radius: 16px;
    display: flex;
    justify-content: center; /* وسط چین افقی */
    align-items: center;     /* وسط چین عمودی */
    gap: 8px;
    text-align: center;
    font-size: 14px;
    color: #2C2C2D;
    box-sizing: border-box;
}
.address-box-inline strong {
    color: #757575;
    font-weight: 400;
    flex-shrink: 0;
}

.detail-back-wrapper {
    display: flex;
    justify-content: flex-end; /* سمت راست */
    margin-top: 20px;          /* فاصله کمتر از قبل */
}
.back-to-list-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 220px;
    height: 52px;
    line-height: 52px;
    background: #443355 !important;
    color: #fff !important;
    border-radius: 200px;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    box-shadow: 0 6px 20px rgba(68,51,85,0.3);
}



/* حالت خالی */
.no-orders-empty-state {
    text-align: center; padding: 80px 20px; max-width: 600px; margin: 0 auto;
}
.no-orders-empty-state img { width: 180px; margin-bottom: 30px; opacity: 0.9; }
.no-orders-empty-state h3 {
    font-size: 14px; font-weight: 400; color: #757575;
    margin: 0 0 35px 0; line-height: 1.7;
}
.no-orders-empty-state a.view-order-btn {
    display: inline-block; width: 220px; height: 52px; line-height: 52px;
    background: #443355; color: #ffffff !important; font-size: 14px; font-weight: 400;
    border-radius: 200px; text-decoration: none;
    box-shadow: 0 8px 25px rgba(68,51,85,0.35); transition: all 0.3s;
}
.no-orders-empty-state a.view-order-btn:hover {
    background: #332244; transform: translateY(-2px);
}

/* ====================== ریسپانسیو ====================== */
@media (max-width: 600px) {
.detail-items-table-new,
.detail-items-table-new table {
    width: 100%!important;
    border-collapse: separate;
    border-spacing: 0;
    background: #ffffff !important;
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 32px;
}
    #order-details-view {
        padding: 15px 10px;
    }

    /* هدر جزئیات: عنوان و تاریخ کنار هم در موبایل */
    .detail-header-new {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        gap: 12px;
        margin-bottom: 25px;
    }

    .detail-title-new {
        font-size: 15px;
        font-weight: 600;
        color: #443355;
        margin: 0;
    }

    .detail-date-new {
        align-self: center;
        width: auto;
        flex-shrink: 0;
    }

    /* جمع کل */
    .detail-total-bar {
        flex-direction: row;
        gap: 12px;
        padding: 20px;
        border-radius: 16px;
        font-size: 15px;
        margin: 24px 0;
    }

    .detail-total-bar strong {
        font-size: 22px;
    }

    /* روش پرداخت و قیمت کل */
    .detail-double-new {
        flex-direction: column;
        gap: 16px;
    }

    /* دکمه بازگشت */
    .detail-back-wrapper {
        justify-content: center;
        margin-top: 20px;
    }

    .back-to-list-btn {
        width: 100%;
        max-width: 300px;
        height: 48px;
        font-size: 14px;
    }

    /* کاهش فونت‌ها */
    .my-orders-table th,
    .my-orders-table td,
    .detail-items-table-new th,
    .detail-items-table-new td,
    .detail-title-new {
        font-size: 14px;
    }

    /* جدول لیست سفارش‌ها در موبایل */
    .my-orders-table,
    .my-orders-table thead,
    .my-orders-table tbody,
    .my-orders-table th,
    .my-orders-table td,
    .my-orders-table tr {
        display: block;
    }

    .my-orders-table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .my-orders-table tr {
        border: 1px solid #eee;
        border-radius: 16px;
        margin-bottom: 20px;
        background: #fff;
        padding: 16px;
        box-shadow: 0 4px 15px rgba(0,0,0,0.06);
        display: flex;
        flex-direction: column;
        gap: 16px;
        width: 100%;
        box-sizing: border-box;
    }

    .my-orders-table td {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0;
        border: none;
        position: relative;
    }

    .my-orders-table td::before {
        content: attr(data-label);
        font-weight: 500;
        color: #443355;
        flex-shrink: 0;
        min-width: 110px;
        text-align: right;
    }

    .my-orders-table td > *:not(::before) {
        text-align: left;
    }

    .my-orders-table td:last-child {
        padding-top: 12px;
        margin-top: 8px;
        border-top: 1px dotted #eee;
    }

    .view-order-btn {
        width: 100px;
        height: 40px;
        line-height: 40px;
        background: rgba(230, 219, 234, 0.4) !important;
        color: #443355;
        font-size: 14px;
        border-radius: 200px;
        transition: all 0.3s;
    }

    .view-order-btn:hover {
        background: rgba(230, 219, 234, 0.7) !important;
    }

    .my-orders-table .order-status {
        padding: 6px 8px;
        font-size: 13px;
    }

    /* جدول محصولات در جزئیات سفارش — موبایل (کارت سفید تمام عرض مثل بقیه باکس‌ها) */
    .detail-items-table-new,
    .detail-items-table-new table {
        display: block;
        background: transparent !important;
        border-radius: 0;
        margin-bottom: 20px;
        width: 100%;
        max-width: 100%;
        padding: 0;
        box-sizing: border-box;
    }

    .detail-items-table-new thead {
        display: none;
    }

.detail-items-table-new tr {
    background: #ffffff;
    border: 1px solid #eee;
    border-radius: 16px;
    margin-bottom: 16px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.06);
}


    .detail-items-table-new td {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 8px 0;
        border-bottom: 1px dotted #eee;
        font-size: 14px;
        color: #443355;
        width: 100%;
    }

    .detail-items-table-new td:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }

    /* حذف خط عمودی جداکننده در موبایل */
    .detail-items-table-new th:first-child::after,
    .detail-items-table-new td:first-child::after {
        display: none !important;
    }

    /* لیبل‌ها: سمت راست با عرض ثابت */
    .detail-items-table-new td:first-child::before {
        content: "محصول:";
        font-weight: 500;
        color: #443355;
        flex-shrink: 0;
        min-width: 80px;
    }

    .detail-items-table-new td:last-child::before {
        content: "مجموع:";
        font-weight: 500;
        color: #443355;
        flex-shrink: 0;
        min-width: 80px;
    }

    /* مقادیر: سمت چپ */
    .detail-items-table-new td > *:not(::before) {
        text-align: left;
        margin-left: auto;
    }

    /* اسکرول عمودی */
    .my-orders-master-wrapper {
        max-height: 100vh;
        overflow-y: auto;
        padding-bottom: 40px;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-061f890 */@font-face {

  font-family: 'Bonyade Koodak FaNum';

  src: url('path-to-font/BonyadeKoodakFaNum.woff2') format('woff2');

  font-weight: normal;

  font-style: normal;

}

:root {

  --purple: #443355;

  --purple-light: #E6DBEA;

  --purple-status: #9B55C6;

  --gray: #666;

  --border: #E6E6E6;

  --radius: 24px;

  --font: "Bonyade Koodak FaNum", sans-serif;

}
.tab-btn:hover{
background-color:#443355;
color:white;
}

.my-ticket-form { font-family: var(--font); background: #fbfbfd; padding: 16px; color: #241531; }

.my-ticket-form * { box-sizing: border-box; }

.ticket-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid var(--border); }

.ticket-tabs { display: flex; gap: 16px; flex-wrap: wrap; }

.tab-btn { border: none; background: #E6DBEA; color: #443355; padding: 0 16px; height: 44px; border-radius: 10px; cursor: pointer; font-weight: 500; font-family: var(--font); font-size: 14px; }

.tab-btn.active { background: #443355; color: #fff; }

.tab-btn.new-ticket { background: #443355; color: #fff; font-weight: 500; min-width: 180px; height: 44px; border-radius: 2200px; margin-right: auto; }

.ticket-empty { background: #fff; border: 1px dashed var(--border); border-radius: var(--radius); padding: 32px; text-align: center; color: #7a7085; margin: 12px 0; display: none; }

.ticket-empty .empty-icon { font-size: 42px; margin-bottom: 8px; }

.ticket-table-wrap { display: block; }

.table-header {

  display: grid;

  grid-template-columns: 32% 24% 14% 14% 16%;

  background: #fff;

  border: 0px solid var(--border);

  border-radius: 16px;

  overflow: hidden;

  height: 52px;

  align-items: stretch;

}

.th-cell {

  padding: 0 16px;

  font-size: 14px;

  font-weight: 400;

  color: #443355;

  font-family: var(--font);

  text-align: right;

  display: flex;

  align-items: center;

  border-inline-start: 1px solid var(--border);

  background: #fff;

}

.th-cell:first-child { border-inline-start: none; }

.table-body {

  background: #fff;

  border: px solid var(--border);

  border-radius: 16px;

  overflow: hidden;

  margin-top:20px;

}

.ticket-table { width: 100%; border-collapse: collapse; table-layout: fixed; }

.ticket-table td {

  padding: 12px 16px;

  text-align: right;

  border-inline-start: 1px solid var(--border);

  color: #42364f;

  font-family: var(--font);

  font-size: 14px;

  font-weight: 400;

}

.ticket-table td:first-child { border-inline-start: none; }

.ticket-table tr { border-bottom: none; } /* بدون خط بین ردیف‌ها */

.ticket-table td:nth-child(1){width:auto;}

.ticket-table td:nth-child(2){width:24%;}

.ticket-table td:nth-child(3){width:14%;}

.ticket-table td:nth-child(4){width:14%;}

.ticket-table td:nth-child(5){width:16%;}

.display-btn { background: #d8c7ec; color: #443355; border: none; border-radius: 2200px; padding: 0 24px;
min-height: 44px; cursor: pointer; font-weight: 500; font-family: var(--font); font-size: 14px; }

.pagination { display: flex; gap: 8px; justify-content: center; margin-top: 16px; align-items: center; }

.page-btn { border: none; padding: 8px 12px; border-radius: 10px; background: #f2edf7; color: #443355; cursor: pointer; font-family: var(--font); }

.page-btn.active { background: #443355; color: #fff; }

.page-ellipsis { padding: 8px 4px; color: #443355; font-family: var(--font); }

.ticket-form-wrap { background: #fff; border-radius: var(--radius); padding: 24px; box-shadow: 0 6px 20px rgba(0,0,0,0.03); margin-top: 12px; position: relative; }

.ticket-form-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }

.back-btn-icon { width: 36px; height: 36px; background: #E6DBEA; border: none; border-radius: 10px; cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 0; }

.back-btn-icon:hover { opacity: 0.8; }

.ticket-number-info { display: flex; align-items: center; gap: 12px; }

.ticket-number { font-size: 24px; font-weight: 600; color: #443355; font-family: var(--font); }

.ticket-status-label { font-size: 14px; font-weight: 400; color: #9B55C6; font-family: var(--font); }

.ticket-form-content { margin-top: 20px; }

.ticket-thread { border-top: 1px solid var(--border); padding-top: 12px; margin-top: 12px; margin-bottom: 20px; }

.thread-body { display: flex; flex-direction: column; gap: 0; }

.thread-item { border: none; }

.thread-question-box {

  background: #fff;

  border: 1px solid var(--border);

  border-radius: 12px;

  padding: 12px 14px;

  margin-bottom: 0;

}

.question-header { display: flex; flex-direction: column; gap: 10px; }

.question-text { font-size: 14px; font-weight: 400; color: #2f2a33; font-family: var(--font); }

.question-separator { height: 1px; background: var(--border); width: 100%; }

.question-date { display: flex; align-items: center; gap: 8px; color: #757575; font-size: 14px; font-weight: 400; font-family: var(--font); }

.question-date svg { flex-shrink: 0; }

.thread-answer-box {

  background: #F7F7F7;

  border: none;

  border-radius: 12px;

  padding: 12px 14px;

  margin-right: 40px;

  margin-top: 10px;

  font-size: 14px;

  font-weight: 400;

  color: #2f2a33;

  font-family: var(--font);

}

.my-ticket-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 12px; }

.my-ticket-row.full { grid-template-columns: 1fr; }

.order-course-row { border-top: 1px solid var(--border); padding-top: 12px; margin-top: 12px; }

.field label { display: block; margin-bottom: 6px; color: #443355; font-weight: 400; font-family: var(--font); font-size: 14px; }

.field label .optional { color: #F7B68D; font-weight: 400; }

.field label .required { color: #c0392b; font-weight: 400; }

.field input, .field select, .field textarea {

  width: 100%;

  padding: 10px 12px;

  border: 1px solid var(--border);

  border-radius: 12px;

  font-size: 14px;

  font-weight: 400;

  background: #fff;

  font-family: var(--font);

}

.field input::placeholder, .field textarea::placeholder { color: #999; font-size: 14px; font-weight: 400; }

.field textarea { resize: vertical; min-height: 110px; }

#ticket-submit { background: var(--purple); color: #fff; width: 177px; height: 44px; border: none; border-radius: 2200px; cursor: pointer; font-weight: 500; font-family: var(--font); font-size: 14px; margin-top: 12px; }

#ticket-submit.disabled { opacity: 0.5; cursor: not-allowed; }

#ticket-submit:hover:not(.disabled) { background: #2f2142; }

.ticket-status { margin-top: 8px; font-size: 13px; color: #555; font-family: var(--font); }

.ticket-status.error { color: #c0392b; }

.ticket-status.success { color: #1f8a4d; }

@media (max-width: 720px) {
.ticket-table td:nth-child(1){width:auto;}
.ticket-table td:nth-child(2){width:auto;}
.ticket-table td:nth-child(3){width:auto;}
.ticket-table td:nth-child(4){width:auto;}
    .my-ticket-row, .my-ticket-row.full {
        grid-template-columns: 1fr;
    }

 .ticket-tabs {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;           /* اجازه بده اگر جا نشد زیر هم بره، اما سعی کن کنار هم باشه */
        justify-content: flex-start;
    }

    .tab-btn {
        width: 48%;
        justify-content: flex;
        height: 40px;
        font-size: 14px;
    }

    .tab-btn.new-ticket {
        grid-column: 1 / -1;
        margin: 0;
        
        
    }

    .ticket-header, .ticket-form-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .ticket-form-wrap {
        padding: 16px;
    }

    .thread-answer-box {
        margin-right: 0;
        margin-left: 0;
    }

    .display-btn, #ticket-submit {
        width: 100%;
        max-width: 300px;
    }

    .table-header {
        display: none !important;
    }

    .ticket-table-wrap {
        max-height: 100vh;
        overflow-y: auto;
        padding-bottom: 40px;
        -webkit-overflow-scrolling: touch;
    }

    .table-body {
        margin-top: 0;
        background: transparent;
        border: none;
    }

    .ticket-table {
        display: block;
        width: 100%;
    }

    .ticket-table tbody {
        display: block;
    }

    .ticket-table tr {
        position: relative;
        display: flex;
        flex-direction: column;
        background: #ffffff;
        border: 1px solid var(--border);
        border-radius: 16px;
        padding: 18px 16px 60px 16px; /* فضای کافی برای دکمه در پایین */
        margin-bottom: 20px;
        box-shadow: 0 4px 15px rgba(0,0,0,0.06);
        gap: 18px;
    }

    .ticket-table td {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0;
        border: none;
        font-size: 14px;
        width: 100%;
        text-align: left;
    }

    .ticket-table td::before {
        content: attr(data-label);
        font-weight: 500;
        color: #443355;
        flex-shrink: 0;
        min-width: 110px;
        text-align: right;
    }

    .ticket-table td > *:not(::before) {
        text-align: left;
        flex: 1;
    }

    /* دکمه چسبیده به پایین-چپ کارت */
    .ticket-table td:last-child {
        position: absolute;
        left: 16px;
        bottom: 16px;
        margin: 0;
        padding: 0;
        width: 92%;
    }

    .display-btn {
        width: 80px!important;
        height: 10px!important;
        font-size: 12px!important;
     min-height: 30px; cursor:
        background: rgba(230, 219, 234, 0.4);
        color: #443355;
        border-radius: 200px;
        box-shadow: 0 2px 8px rgba(68,51,85,0.15);
    }

    .display-btn:hover {
        background: rgba(230, 219, 234, 0.7);
        transform: translateY(-1px);
    }

    .pagination {
        flex-wrap: wrap;
        justify-content: center;
        padding: 16px 0;
    }
}

@media (max-width: 480px) {
    .ticket-tabs {
        grid-template-columns: 1fr;
    }

    .ticket-table tr {
        padding: 16px 14px 60px 14px;
    }

    .ticket-table td::before {
        min-width: 100px;
        font-size: 13.5px;
    }

 

    .ticket-table td:last-child {
        left: 14px;
        bottom: 14px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-535bcc4 */@media (max-width: 720px) {
    .ticket-form-header {
        flex-direction: row!important;
        align-items: center;
        gap: 16px;
    }
    }/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-8f9182a */@media (max-width: 768px) {
    .ck-course-excerpt {
        font-size:14px!important;
    }
     .ck-course-image-col
 {
        width: 80px!important;
        height: 80px!important;
        background: white!important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2a15474 */.profile-form-wrap {
  max-width: 900px;
  margin: 0 auto;
  padding: 20px;
  direction: rtl;
  font-family: 'Bonyade Koodak FaNum', Tahoma, Arial, sans-serif;
}

/* Grid */
.profile-row {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.profile-col-30 { flex: 0 0 30%; }
.profile-col-70 { flex: 0 0 70%; }
.profile-col-100 { flex: 0 0 100%; }

/* Labels */
.profile-form-wrap label {
  display: block;
  margin-bottom: 6px;
  font-weight: 400;
  font-size: 14px;
  color: #757575;
  font-family: 'Bonyade Koodak FaNum', Tahoma, Arial, sans-serif;
}

/* Inputs */
.profile-form-wrap input[type=text],
.profile-form-wrap input[type=email],
.profile-form-wrap input[type=tel] {
  width: 100%;
  padding: 10px;
  border: none;
  border-radius: 12px;
  background: #fff;
  box-sizing: border-box;
  font-family: 'Bonyade Koodak FaNum', Tahoma, Arial, sans-serif;
  font-size: 14px;
  color: #333;
}

.profile-form-wrap input::placeholder {
  color: #AFAFAF;
  font-family: 'Bonyade Koodak FaNum', Tahoma, Arial, sans-serif;
}

/* Upload row */
.upload-row {
  display: flex;
  flex-flow: row-reverse;
  align-items: center;
  gap: 12px;
    justify-content: flex-end;

}

/* Avatar */
.profile-avatar-thumb {
  width: 48px;
  height: 48px;
  object-fit: cover;
  border-radius: 50% !important;
  order: -1;
}

/* Upload button (FIXED) */
.profile-upload-btn {
  display: inline-flex;
  flex-direction: row !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 48px;
  padding: 0 14px;
  background: #443355;
  color: #fff;
  border: none;
  border-radius: 12px;
  cursor: pointer;
  font-family: 'Bonyade Koodak FaNum', Tahoma, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
}

/* Upload icon */
.profile-upload-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
}

.profile-upload-icon svg {
  display: block;
}

/* Upload text */
.profile-upload-text {
  display: inline-block;
  white-space: nowrap;
  color: #fff;
  line-height: 45px;
}

/* Save button */
.save-row {
  display: flex;
  justify-content: flex-end;
}

.profile-save-btn {
  background: #E6DBEA;
  color: #443355;
  padding: 12px 24px;
  border: none;
  border-radius: 2200px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  font-family: 'Bonyade Koodak FaNum', Tahoma, Arial, sans-serif;
}

/* Notice */
.profile-notice.success {
  background: #d4edda;
  color: #155724;
  padding: 10px;
  border-radius: 8px;
  margin-bottom: 15px;
  border: 1px solid #c3e6cb;
}

/* Responsive */
@media (max-width: 600px) {
  .profile-col-30,
  .profile-col-70,
  .profile-col-100 {
    flex: 0 0 100%;
  }

  .upload-row {
    flex-direction: column;
    align-items: flex-start;
  }
  .upload-row {
    display: flex;
    flex-flow: row-reverse;
    align-items: center;
    gap: 12px;
    justify-content: flex-end;
}
    .profile-avatar-thumb {
        width: 60px;
        height: 60px;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d553146 */.my-orders-master-wrapper {
    position: relative;
    min-height: 600px;
    overflow: hidden;
    direction: rtl;
}

/* سوئیچ ویوها */
.orders-view {
    transition: opacity 0.5s ease, transform 0.4s ease;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    transform: translateY(20px);
    padding: 0 10px;
}
.orders-view.active {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}
#order-details-view { padding: 20px 10px; }
#order-details-content { max-width: 900px; margin: 0 auto; }

/* جدول اصلی لیست سفارش‌ها */
.my-orders-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: #ffffff;
    border-radius: 16px;
    overflow: hidden;
    font-family: Tahoma, Arial, sans-serif;
    box-shadow: 0 4px 20px rgba(0,0,0,0.05);
}
.my-orders-table th,
.my-orders-table td {
    padding: 18px 12px;
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
    color: #443355;
    position: relative;
}
.my-orders-table th { font-weight: 500; background: #fff; border-bottom: 2px solid #E6DBEA; }
.my-orders-table td { font-weight: 400; border-bottom: 1px solid #eee; }
.my-orders-table th:not(:last-child)::after,
.my-orders-table td:not(:last-child)::after {
    content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%);
    height: 60%; width: 2px; background: #E6DBEA;
}
.my-orders-table tbody tr:hover { background-color: #f9f5fb; }
.my-orders-table .order-status { padding: 6px 14px; border-radius: 20px; font-weight: bold; background: transparent !important; }

.view-order-btn {
    display: inline-block;
    width: 145px; height: 44px; line-height: 44px;
    text-align: center; background: #E6DBEA; color: #443355;
    border-radius: 200px; font-size: 15px; font-weight: 500;
    text-decoration: none; transition: all 0.3s;
}
.view-order-btn:hover { background: #d8c9e0; }

/* پنل جزئیات — شفاف */
.order-detail-panel {
    background: transparent !important;
    box-shadow: none !important;
    padding: 0;
}

/* عنوان + تاریخ */
.detail-header-new {
    display: flex; justify-content: space-between; align-items: center;
    margin-bottom: 25px;
}
.detail-title-new { font-size: 16px; font-weight: 600; color: #443355; }
.detail-date-new {
    display: flex; align-items: center; gap: 8px;
    background: #E6DBEA; padding: 0 18px; height: 44px; border-radius: 16px;
    font-size: 14px; font-weight: 400; color: #443355;
}
.detail-date-new svg { flex-shrink: 0; }

/* جدول محصولات — کاملاً سفید + فاصله ۳۲ پیکسل پایین */
.detail-items-table-new,
.detail-items-table-new table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: #ffffff !important;
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 32px;
}
.detail-items-table-new th,
.detail-items-table-new td {
    width: 50%; padding: 16px 12px; text-align: center;
    font-size: 16px; font-weight: 400; color: #443355;
    background: #ffffff !important; position: relative;
}
.detail-items-table-new th {
    background: #ffffff !important;
    border-bottom: 2px solid #E6DBEA;
}
.detail-items-table-new th:first-child::after,
.detail-items-table-new td:first-child::after {
    content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%);
    height: 60%; width: 2px; background: #E6DBEA;
}
.detail-items-table-new td { border-bottom: 1px solid #eee; }

/* جمع کل */
.detail-total-bar {
    background: #E6DBEA; color: #757575; font-size: 14px; font-weight: 400;
    text-align: center; padding: 20px; border-radius: 16px;
    margin: 24px; display: flex; align-items: center; justify-content: center; gap: 35px;
}
.detail-total-bar strong { color: #2C2C2D; font-size: 24px; font-weight: 600; }

/* روش پرداخت + قیمت کل — کنار هم تضمینی با فاصله ۲۲ پیکسل */
.detail-double-new {
    display: flex;
    gap: 22px;
    margin: 0 0 20px 0;
    flex-wrap: nowrap; /* مهم — اجازه نمیده زیر هم بیفتن */
}
.detail-box.payment-box.inline-label,
.detail-box.total-price-box {
    flex: 1 1 50%;
    min-width: 0; /* اجازه میده داخل فلکس کوچک بشه */
    background: #E6DBEA;
    padding: 20px;
    border-radius: 16px;
    text-align: center;
    font-size: 14px;
    color: #2C2C2D;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    box-sizing: border-box;
}
.detail-box.payment-box.inline-label strong,
.detail-box.total-price-box strong {
    color: #757575;
    font-weight: 400;
    white-space: nowrap;
}

/* آدرس — تمام عرض + وسط چین */
.address-box-inline {
    background: #E6DBEA; /* مثل روش پرداخت */
    width: 100%;
    padding: 20px;
    border-radius: 16px;
    display: flex;
    justify-content: center; /* وسط چین افقی */
    align-items: center;     /* وسط چین عمودی */
    gap: 8px;
    text-align: center;
    font-size: 14px;
    color: #2C2C2D;
    box-sizing: border-box;
}
.address-box-inline strong {
    color: #757575;
    font-weight: 400;
    flex-shrink: 0;
}

.detail-back-wrapper {
    display: flex;
    justify-content: flex-end; /* سمت راست */
    margin-top: 20px;          /* فاصله کمتر از قبل */
}
.back-to-list-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 220px;
    height: 52px;
    line-height: 52px;
    background: #443355 !important;
    color: #fff !important;
    border-radius: 200px;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    box-shadow: 0 6px 20px rgba(68,51,85,0.3);
}



/* حالت خالی */
.no-orders-empty-state {
    text-align: center; padding: 80px 20px; max-width: 600px; margin: 0 auto;
}
.no-orders-empty-state img { width: 180px; margin-bottom: 30px; opacity: 0.9; }
.no-orders-empty-state h3 {
    font-size: 14px; font-weight: 400; color: #757575;
    margin: 0 0 35px 0; line-height: 1.7;
}
.no-orders-empty-state a.view-order-btn {
    display: inline-block; width: 220px; height: 52px; line-height: 52px;
    background: #443355; color: #ffffff !important; font-size: 14px; font-weight: 400;
    border-radius: 200px; text-decoration: none;
    box-shadow: 0 8px 25px rgba(68,51,85,0.35); transition: all 0.3s;
}
.no-orders-empty-state a.view-order-btn:hover {
    background: #332244; transform: translateY(-2px);
}

/* ====================== ریسپانسیو ====================== */
@media (max-width: 600px) {
.detail-items-table-new,
.detail-items-table-new table {
    width: 100%!important;
    border-collapse: separate;
    border-spacing: 0;
    background: #ffffff !important;
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 32px;
}
    #order-details-view {
        padding: 15px 10px;
    }

    /* هدر جزئیات: عنوان و تاریخ کنار هم در موبایل */
    .detail-header-new {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        gap: 12px;
        margin-bottom: 25px;
    }

    .detail-title-new {
        font-size: 15px;
        font-weight: 600;
        color: #443355;
        margin: 0;
    }

    .detail-date-new {
        align-self: center;
        width: auto;
        flex-shrink: 0;
    }

    /* جمع کل */
    .detail-total-bar {
        flex-direction: row;
        gap: 12px;
        padding: 20px;
        border-radius: 16px;
        font-size: 15px;
        margin: 24px 0;
    }

    .detail-total-bar strong {
        font-size: 22px;
    }

    /* روش پرداخت و قیمت کل */
    .detail-double-new {
        flex-direction: column;
        gap: 16px;
    }

    /* دکمه بازگشت */
    .detail-back-wrapper {
        justify-content: center;
        margin-top: 20px;
    }

    .back-to-list-btn {
        width: 100%;
        max-width: 300px;
        height: 48px;
        font-size: 14px;
    }

    /* کاهش فونت‌ها */
    .my-orders-table th,
    .my-orders-table td,
    .detail-items-table-new th,
    .detail-items-table-new td,
    .detail-title-new {
        font-size: 14px;
    }

    /* جدول لیست سفارش‌ها در موبایل */
    .my-orders-table,
    .my-orders-table thead,
    .my-orders-table tbody,
    .my-orders-table th,
    .my-orders-table td,
    .my-orders-table tr {
        display: block;
    }

    .my-orders-table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .my-orders-table tr {
        border: 1px solid #eee;
        border-radius: 16px;
        margin-bottom: 20px;
        background: #fff;
        padding: 16px;
        box-shadow: 0 4px 15px rgba(0,0,0,0.06);
        display: flex;
        flex-direction: column;
        gap: 16px;
        width: 100%;
        box-sizing: border-box;
    }

    .my-orders-table td {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0;
        border: none;
        position: relative;
    }

    .my-orders-table td::before {
        content: attr(data-label);
        font-weight: 500;
        color: #443355;
        flex-shrink: 0;
        min-width: 110px;
        text-align: right;
    }

    .my-orders-table td > *:not(::before) {
        text-align: left;
    }

    .my-orders-table td:last-child {
        padding-top: 12px;
        margin-top: 8px;
        border-top: 1px dotted #eee;
    }

    .view-order-btn {
        width: 100px;
        height: 40px;
        line-height: 40px;
        background: rgba(230, 219, 234, 0.4) !important;
        color: #443355;
        font-size: 14px;
        border-radius: 200px;
        transition: all 0.3s;
    }

    .view-order-btn:hover {
        background: rgba(230, 219, 234, 0.7) !important;
    }

    .my-orders-table .order-status {
        padding: 6px 8px;
        font-size: 13px;
    }

    /* جدول محصولات در جزئیات سفارش — موبایل (کارت سفید تمام عرض مثل بقیه باکس‌ها) */
    .detail-items-table-new,
    .detail-items-table-new table {
        display: block;
        background: transparent !important;
        border-radius: 0;
        margin-bottom: 20px;
        width: 100%;
        max-width: 100%;
        padding: 0;
        box-sizing: border-box;
    }

    .detail-items-table-new thead {
        display: none;
    }

.detail-items-table-new tr {
    background: #ffffff;
    border: 1px solid #eee;
    border-radius: 16px;
    margin-bottom: 16px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.06);
}


    .detail-items-table-new td {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 8px 0;
        border-bottom: 1px dotted #eee;
        font-size: 14px;
        color: #443355;
        width: 100%;
    }

    .detail-items-table-new td:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }

    /* حذف خط عمودی جداکننده در موبایل */
    .detail-items-table-new th:first-child::after,
    .detail-items-table-new td:first-child::after {
        display: none !important;
    }

    /* لیبل‌ها: سمت راست با عرض ثابت */
    .detail-items-table-new td:first-child::before {
        content: "محصول:";
        font-weight: 500;
        color: #443355;
        flex-shrink: 0;
        min-width: 80px;
    }

    .detail-items-table-new td:last-child::before {
        content: "مجموع:";
        font-weight: 500;
        color: #443355;
        flex-shrink: 0;
        min-width: 80px;
    }

    /* مقادیر: سمت چپ */
    .detail-items-table-new td > *:not(::before) {
        text-align: left;
        margin-left: auto;
    }

    /* اسکرول عمودی */
    .my-orders-master-wrapper {
        max-height: 100vh;
        overflow-y: auto;
        padding-bottom: 40px;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-061f890 */@font-face {

  font-family: 'Bonyade Koodak FaNum';

  src: url('path-to-font/BonyadeKoodakFaNum.woff2') format('woff2');

  font-weight: normal;

  font-style: normal;

}

:root {

  --purple: #443355;

  --purple-light: #E6DBEA;

  --purple-status: #9B55C6;

  --gray: #666;

  --border: #E6E6E6;

  --radius: 24px;

  --font: "Bonyade Koodak FaNum", sans-serif;

}
.tab-btn:hover{
background-color:#443355;
color:white;
}

.my-ticket-form { font-family: var(--font); background: #fbfbfd; padding: 16px; color: #241531; }

.my-ticket-form * { box-sizing: border-box; }

.ticket-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid var(--border); }

.ticket-tabs { display: flex; gap: 16px; flex-wrap: wrap; }

.tab-btn { border: none; background: #E6DBEA; color: #443355; padding: 0 16px; height: 44px; border-radius: 10px; cursor: pointer; font-weight: 500; font-family: var(--font); font-size: 14px; }

.tab-btn.active { background: #443355; color: #fff; }

.tab-btn.new-ticket { background: #443355; color: #fff; font-weight: 500; min-width: 180px; height: 44px; border-radius: 2200px; margin-right: auto; }

.ticket-empty { background: #fff; border: 1px dashed var(--border); border-radius: var(--radius); padding: 32px; text-align: center; color: #7a7085; margin: 12px 0; display: none; }

.ticket-empty .empty-icon { font-size: 42px; margin-bottom: 8px; }

.ticket-table-wrap { display: block; }

.table-header {

  display: grid;

  grid-template-columns: 32% 24% 14% 14% 16%;

  background: #fff;

  border: 0px solid var(--border);

  border-radius: 16px;

  overflow: hidden;

  height: 52px;

  align-items: stretch;

}

.th-cell {

  padding: 0 16px;

  font-size: 14px;

  font-weight: 400;

  color: #443355;

  font-family: var(--font);

  text-align: right;

  display: flex;

  align-items: center;

  border-inline-start: 1px solid var(--border);

  background: #fff;

}

.th-cell:first-child { border-inline-start: none; }

.table-body {

  background: #fff;

  border: px solid var(--border);

  border-radius: 16px;

  overflow: hidden;

  margin-top:20px;

}

.ticket-table { width: 100%; border-collapse: collapse; table-layout: fixed; }

.ticket-table td {

  padding: 12px 16px;

  text-align: right;

  border-inline-start: 1px solid var(--border);

  color: #42364f;

  font-family: var(--font);

  font-size: 14px;

  font-weight: 400;

}

.ticket-table td:first-child { border-inline-start: none; }

.ticket-table tr { border-bottom: none; } /* بدون خط بین ردیف‌ها */

.ticket-table td:nth-child(1){width:auto;}

.ticket-table td:nth-child(2){width:24%;}

.ticket-table td:nth-child(3){width:14%;}

.ticket-table td:nth-child(4){width:14%;}

.ticket-table td:nth-child(5){width:16%;}

.display-btn { background: #d8c7ec; color: #443355; border: none; border-radius: 2200px; padding: 0 24px;
min-height: 44px; cursor: pointer; font-weight: 500; font-family: var(--font); font-size: 14px; }

.pagination { display: flex; gap: 8px; justify-content: center; margin-top: 16px; align-items: center; }

.page-btn { border: none; padding: 8px 12px; border-radius: 10px; background: #f2edf7; color: #443355; cursor: pointer; font-family: var(--font); }

.page-btn.active { background: #443355; color: #fff; }

.page-ellipsis { padding: 8px 4px; color: #443355; font-family: var(--font); }

.ticket-form-wrap { background: #fff; border-radius: var(--radius); padding: 24px; box-shadow: 0 6px 20px rgba(0,0,0,0.03); margin-top: 12px; position: relative; }

.ticket-form-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }

.back-btn-icon { width: 36px; height: 36px; background: #E6DBEA; border: none; border-radius: 10px; cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 0; }

.back-btn-icon:hover { opacity: 0.8; }

.ticket-number-info { display: flex; align-items: center; gap: 12px; }

.ticket-number { font-size: 24px; font-weight: 600; color: #443355; font-family: var(--font); }

.ticket-status-label { font-size: 14px; font-weight: 400; color: #9B55C6; font-family: var(--font); }

.ticket-form-content { margin-top: 20px; }

.ticket-thread { border-top: 1px solid var(--border); padding-top: 12px; margin-top: 12px; margin-bottom: 20px; }

.thread-body { display: flex; flex-direction: column; gap: 0; }

.thread-item { border: none; }

.thread-question-box {

  background: #fff;

  border: 1px solid var(--border);

  border-radius: 12px;

  padding: 12px 14px;

  margin-bottom: 0;

}

.question-header { display: flex; flex-direction: column; gap: 10px; }

.question-text { font-size: 14px; font-weight: 400; color: #2f2a33; font-family: var(--font); }

.question-separator { height: 1px; background: var(--border); width: 100%; }

.question-date { display: flex; align-items: center; gap: 8px; color: #757575; font-size: 14px; font-weight: 400; font-family: var(--font); }

.question-date svg { flex-shrink: 0; }

.thread-answer-box {

  background: #F7F7F7;

  border: none;

  border-radius: 12px;

  padding: 12px 14px;

  margin-right: 40px;

  margin-top: 10px;

  font-size: 14px;

  font-weight: 400;

  color: #2f2a33;

  font-family: var(--font);

}

.my-ticket-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 12px; }

.my-ticket-row.full { grid-template-columns: 1fr; }

.order-course-row { border-top: 1px solid var(--border); padding-top: 12px; margin-top: 12px; }

.field label { display: block; margin-bottom: 6px; color: #443355; font-weight: 400; font-family: var(--font); font-size: 14px; }

.field label .optional { color: #F7B68D; font-weight: 400; }

.field label .required { color: #c0392b; font-weight: 400; }

.field input, .field select, .field textarea {

  width: 100%;

  padding: 10px 12px;

  border: 1px solid var(--border);

  border-radius: 12px;

  font-size: 14px;

  font-weight: 400;

  background: #fff;

  font-family: var(--font);

}

.field input::placeholder, .field textarea::placeholder { color: #999; font-size: 14px; font-weight: 400; }

.field textarea { resize: vertical; min-height: 110px; }

#ticket-submit { background: var(--purple); color: #fff; width: 177px; height: 44px; border: none; border-radius: 2200px; cursor: pointer; font-weight: 500; font-family: var(--font); font-size: 14px; margin-top: 12px; }

#ticket-submit.disabled { opacity: 0.5; cursor: not-allowed; }

#ticket-submit:hover:not(.disabled) { background: #2f2142; }

.ticket-status { margin-top: 8px; font-size: 13px; color: #555; font-family: var(--font); }

.ticket-status.error { color: #c0392b; }

.ticket-status.success { color: #1f8a4d; }

@media (max-width: 720px) {
.ticket-table td:nth-child(1){width:auto;}
.ticket-table td:nth-child(2){width:auto;}
.ticket-table td:nth-child(3){width:auto;}
.ticket-table td:nth-child(4){width:auto;}
    .my-ticket-row, .my-ticket-row.full {
        grid-template-columns: 1fr;
    }

 .ticket-tabs {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;           /* اجازه بده اگر جا نشد زیر هم بره، اما سعی کن کنار هم باشه */
        justify-content: flex-start;
    }

    .tab-btn {
        width: 48%;
        justify-content: flex;
        height: 40px;
        font-size: 14px;
    }

    .tab-btn.new-ticket {
        grid-column: 1 / -1;
        margin: 0;
        
        
    }

    .ticket-header, .ticket-form-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .ticket-form-wrap {
        padding: 16px;
    }

    .thread-answer-box {
        margin-right: 0;
        margin-left: 0;
    }

    .display-btn, #ticket-submit {
        width: 100%;
        max-width: 300px;
    }

    .table-header {
        display: none !important;
    }

    .ticket-table-wrap {
        max-height: 100vh;
        overflow-y: auto;
        padding-bottom: 40px;
        -webkit-overflow-scrolling: touch;
    }

    .table-body {
        margin-top: 0;
        background: transparent;
        border: none;
    }

    .ticket-table {
        display: block;
        width: 100%;
    }

    .ticket-table tbody {
        display: block;
    }

    .ticket-table tr {
        position: relative;
        display: flex;
        flex-direction: column;
        background: #ffffff;
        border: 1px solid var(--border);
        border-radius: 16px;
        padding: 18px 16px 60px 16px; /* فضای کافی برای دکمه در پایین */
        margin-bottom: 20px;
        box-shadow: 0 4px 15px rgba(0,0,0,0.06);
        gap: 18px;
    }

    .ticket-table td {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0;
        border: none;
        font-size: 14px;
        width: 100%;
        text-align: left;
    }

    .ticket-table td::before {
        content: attr(data-label);
        font-weight: 500;
        color: #443355;
        flex-shrink: 0;
        min-width: 110px;
        text-align: right;
    }

    .ticket-table td > *:not(::before) {
        text-align: left;
        flex: 1;
    }

    /* دکمه چسبیده به پایین-چپ کارت */
    .ticket-table td:last-child {
        position: absolute;
        left: 16px;
        bottom: 16px;
        margin: 0;
        padding: 0;
        width: 92%;
    }

    .display-btn {
        width: 80px!important;
        height: 10px!important;
        font-size: 12px!important;
     min-height: 30px; cursor:
        background: rgba(230, 219, 234, 0.4);
        color: #443355;
        border-radius: 200px;
        box-shadow: 0 2px 8px rgba(68,51,85,0.15);
    }

    .display-btn:hover {
        background: rgba(230, 219, 234, 0.7);
        transform: translateY(-1px);
    }

    .pagination {
        flex-wrap: wrap;
        justify-content: center;
        padding: 16px 0;
    }
}

@media (max-width: 480px) {
    .ticket-tabs {
        grid-template-columns: 1fr;
    }

    .ticket-table tr {
        padding: 16px 14px 60px 14px;
    }

    .ticket-table td::before {
        min-width: 100px;
        font-size: 13.5px;
    }

 

    .ticket-table td:last-child {
        left: 14px;
        bottom: 14px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-535bcc4 */@media (max-width: 720px) {
    .ticket-form-header {
        flex-direction: row!important;
        align-items: center;
        gap: 16px;
    }
    }/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-5886bc6 *//* تب پایه */
.elementor-10 .elementor-element.elementor-element-5886bc6 .e-n-tab-title {
    position: relative;
    background-color: #f2f2f2;
    color: #4b4b4b;
   
    border-radius: 0;
   
    overflow: hidden;
}

/* کانتینر بنفش پررنگ (وسط تب) */
.elementor-10 .elementor-element.elementor-element-5886bc6 .e-n-tab-title::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    width: 274px;               
    height: calc(100% - 12px);  
    background-color: #443355;
    border-radius: 16px;        
    opacity: 0;
    transition: opacity 0.25s ease;
    z-index: 0;
}

/* خط بنفش نازک سمت راست */
.elementor-10 .elementor-element.elementor-element-5886bc6 .e-n-tab-title::before {
    content: "";
    position: absolute;
    top: 6px;
    bottom: 6px;
    right: 0;                   
    width: 6px;
    background-color: #443355;
    opacity: 0;
    transition: opacity 0.25s ease;
    border-radius: 12px 0px 0px 12px;
    z-index: 0;
}

/* محتوا بالا بماند */
.elementor-10 .elementor-element.elementor-element-5886bc6 .e-n-tab-title > * {
    position: relative;
    z-index: 1;
}

/* آیکن */
.elementor-10 .elementor-element.elementor-element-5886bc6 .e-n-tab-title .menu-icon {
    color: inherit;
    transition: color 0.25s ease;
}

/* hover */
.elementor-10 .elementor-element.elementor-element-5886bc6 .e-n-tab-title:hover::after,
.elementor-10 .elementor-element.elementor-element-5886bc6 .e-n-tab-title:hover::before {
    opacity: 1;
}

.elementor-10 .elementor-element.elementor-element-5886bc6 .e-n-tab-title:hover {
    color: #ffffff;
}

/* active */
.elementor-10 .elementor-element.elementor-element-5886bc6 .e-n-tab-title[aria-selected="true"]::after,
.elementor-10 .elementor-element.elementor-element-5886bc6 .e-n-tab-title[aria-selected="true"]::before {
    opacity: 1;
}

.elementor-10 .elementor-element.elementor-element-5886bc6 .e-n-tab-title[aria-selected="true"] {
    color: #ffffff;
}
@media (max-width: 600px) {
.elementor-10 .elementor-element.elementor-element-5886bc6 .e-n-tab-title::after {display:none;}
.elementor-10 .elementor-element.elementor-element-5886bc6 .e-n-tab-title::before {display:none;}
.elementor-10 .elementor-element.elementor-element-5886bc6 .e-n-tab-title {
 padding-right:10px;
  padding-left:20px;
    background-color: #f2f2f2;
    color: #4b4b4b;
   
    border-radius: 22px;
    overflow: hidden;
}

}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Bonyade Koodak FaNum';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://forinou.com/wp-content/uploads/2025/11/BonyadeKoodakFaNum-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Bonyade Koodak FaNum';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://forinou.com/wp-content/uploads/2025/11/BonyadeKoodakFaNum-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'Bonyade Koodak FaNum';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://forinou.com/wp-content/uploads/2025/11/BonyadeKoodakFaNum-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'Bonyade Koodak FaNum';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://forinou.com/wp-content/uploads/2025/11/BonyadeKoodakFaNum-ExtraBold.woff2') format('woff2');
}
@font-face {
	font-family: 'Bonyade Koodak FaNum';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://forinou.com/wp-content/uploads/2025/11/BonyadeKoodakFaNum-Black.woff2') format('woff2');
}
@font-face {
	font-family: 'Bonyade Koodak FaNum';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://forinou.com/wp-content/uploads/2025/11/BonyadeKoodakFaNum-Light.woff2') format('woff2');
}
/* End Custom Fonts CSS */